html, body {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif,"PT Sans", 'Unit Pro';
padding: 0;
margin: 0;
color: #000;
background: #dbd0c4;
font-size: 12px;
line-height: 1.4;
text-align: left;
width: 100%;
height: 100%;
}
textarea {
overflow: auto;
}
th, td {
font-size: 11px ;
}
.text-with-border {
text-shadow: 1px 1px 0 #968d84, -1px -1px 0 #968d84, 1px -1px 0 #968d84, -1px 1px 0 #968d84;
}
.ajax-wnd .wnd-button {
color: white;
background: #9D8D7B;
text-align: center;
line-height: 1;
padding: 3px 10px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: auto;
border: none;
font-weight: normal;
}
.data_top_input {
width: 70px;
}
#ile_osob_top_input {
width: 60px;
margin: 0 3px;
display: block;
float: left;
padding: 0 3px;
border: none;
}
/* nowe style - layout okna */
.ajax-wnd input.wnd-button {
padding: 4px 10px;
}
.ajax-wnd h2 {
text-align: center;
cursor: move;
margin: 4px 0;
}
.selecty-dlugie-impreza{
width:100% !important;
max-width: 100% !important;
max-height: 100% !important;
min-width:200px;
}
#tabelarycznie #wydarzenie .select2-container {
width: 100% !important;
}
.inside {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
a, span.anchor, #paginacja span {
text-decoration: none;
color: #9D8D7B;
cursor: pointer;
}
a:hover, span.anchor:hover {
color: #d60000;
}
.jspaginacja p {
margin-top: 1px;
}
img {
border: none;
}
body .topheading {
width:calc(100% );
min-width:1030px;
background-color: white;
border-bottom: solid 1px #6e573c;
}
body .topheading .toplogos {
color: #a6a9aa;
font-size: 24px;
float: left;
font-size: 12px;
height: 67px;
line-height: 67px;
}
body .topheading .toplogos img {
vertical-align: middle;
margin: 3px 5px;
}
body .topheading .toplogos .object-title {
color: #333333;
font-size: 17px;
max-width: 300px;
margin: 0;
}
#logo_obiektu {
max-height: 63px;
max-width: 107px;
}
body .topheading .topmenu {
float: right;
font-size: 16px;
color: #a6a9aa;
padding: 18px 0 0 0;
display: table;
line-height: 1.1;
}
body .topheading .topmenu a {
color: #b19f8a;
}
body .topheading .topmenu a:hover {
color: #ffb400;
}
body .topheading .topmenu .anchor {
_float: left;
padding: 0 5px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
body .topheading .topmenu .anchor .label {
font-size: 9px;
width: 65px;
display: block;
float: left;
line-height: 1.4;
text-align: left;
}
body .topheading .topmenu .anchor .uname {
display: block;
float: right;
font-size: 23px;
font-weight: bold;
color: #6e573c;
}
body .topheading .topmenu .anchor .dataczas {
font-size: 14px;
font-weight: bold;
color: #6e573c;
}
body .topsettings, body .topsettings2 {
background: #9D8D7B;
border-top: solid 1px #8a6d4b;
padding: 5px 15px;
color: #fff;
-moz-box-shadow: 0px 3px 15px -10px #000;
-webkit-box-shadow: 0px 3px 15px -10px #000;
box-shadow: 0px 3px 15px -10px #000;
overflow: hidden;
height: 30px;
width:calc(100% - 30px);
}
.topsettings2 {
min-width:calc(1000px );
}
body .topsettings {
background: #6E573C;
border-top: 1px solid #8A6D4B;
padding: 5px 15px;
margin: 10px 0 0 0;
}
body .topsettings .inside, body .topsettings2 .inside {
width: 970px;
height: 15px;
}
body .topsettings .inside2, body .topsettings2 .inside2 {
position: absolute;
width: 1000px;
z-index: 1000;
}
body .topsettings span.anchor, body .topsettings a, body .topsettings2 span.anchor, body .topsettings2 a {
color: #ffb400;
font-weight: bold;
cursor: pointer;
}
#topmenu {
display: table;
width: 962px;
height: 30px;
padding: 0;
}
#topmenu ul {
display: table-row;
}
#topmenu ul li {
display: table-cell;
vertical-align: middle;
padding: 0 5px;
text-align: center;
color: #D8CDC1;
}
#topmenu ul li span {
color: #6e573c;
display: block;
cursor: pointer;
font-weight: bold;
}
#topmenu ul li a {
color: #6e573c;
display: block;
}
#topmenu ul li .actual, #topmenu .sfHover > span, #topmenu .sfHover > a {
color: #FFB400;
}
#topmenu ul li ul {
display: none;
position: absolute;
top: 35px;
z-index: 20;
margin: 0;
padding: 0;
border: solid 2px #9D8D7B;
background: #9D8D7B;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-moz-box-shadow: 0px 3px 15px -10px #000;
-webkit-box-shadow: 0px 3px 15px -10px #000;
box-shadow: 0px 3px 15px -10px #000;
}
#topmenu ul li ul li ul {
top: 0;
}
#topmenu ul li ul li {
float: none;
display: block;
position: relative;
margin: 0;
padding: 0;
text-align: left;
}
#topmenu ul li:hover li a, #topmenu ul li:hover li span {
color: #6e573c;
}
#topmenu ul li ul li a, #topmenu ul li ul li span, #topmenu ul li ul li ul li a, #topmenu ul li ul li ul li span {
display: block;
float: none;
padding: 5px 10px;
white-space: nowrap;
}
#topmenu ul li ul li:hover > a, #topmenu ul li ul li:hover > span, #topmenu ul li ul li a:hover, #topmenu ul li ul li span:hover {
color: #FFB400;
background: #6e573c;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
body .topsettings img, body .topsettings2 img {
vertical-align: middle;
margin: 0 5px;
cursor: pointer;
}
body .topsettings .rodzaj_eventu, body .topsettings .default, body .topsettings2 .rodzaj_eventu, body .topsettings2 .default {
font-weight: bold;
float: left;
background: url(/../styleimg/l.png) no-repeat center right;
padding: 8px 10px;
position: relative;
}
body .topsettings .nr_imprezy, body .topsettings .status_imprezy, body .topsettings .typ_wprowadzania {
font-weight: bold;
float: left;
background: url(/../styleimg/l.png) no-repeat center right;
padding: 8px 10px;
position: relative;
}
body .topsettings .status_imprezy span {
float: left;
}
body .topsettings .rodzaj_eventu_inside {
float: left;
}
body .topsettings .status_imprezy .status {
margin: 0 5px;
}
body .topsettings .default.last, body .topsettings2 .default.last {
background: none;
}
body .wybor_rodzaju_eventu, body .wybor_poczatku_imprezy, body .lista-rozwijana, #select_version {
position: absolute;
padding: 0;
border: solid 1px #ccc;
background: #fff;
-moz-box-shadow: 0px 3px 15px -10px #000;
-webkit-box-shadow: 0px 3px 15px -10px #000;
box-shadow: 0px 3px 15px -10px #000;
z-index: 1000;
}
body .wybor_rodzaju_eventu div, body .wybor_poczatku_imprezy div, #select_version div, body .lista-rozwijana .element {
cursor: pointer;
padding: 5px 15px;
}
body .wybor_poczatku_imprezy {
overflow-y: auto;
overflow-x: hidden;
height: 300px;
width: 80px;
}
body .wybor_rodzaju_eventu .hover, body .wybor_poczatku_imprezy .hover, #select_version .hover, body .lista-rozwijana .hover {
background: #9D8D7B;
color: #fff;
}
body .topsettings .kroki, body .topsettings2 .kroki {
color: #c1ad97;
font-weight: bold;
float: left;
padding: 8px 5px;
background: url(/../styleimg/l.png) no-repeat center right;
}
body .kontener {
overflow: hidden;
}
body .topsettings .kroki span, body .topsettings2 .kroki span {
margin: 0 2px;
}
body .topsettings .daty, body .topsettings2 .daty {
float: left;
overflow: hidden;
padding: 2px 10px;
line-height: 1.1;
font-size: 12px;
background: url(/../styleimg/l.png) no-repeat center right;
}
body .topsettings .daty .left, body .topsettings2 .daty .left {
float: left;
width: 100px;
padding: 1px 0 0 0;
}
body .topsettings .daty .right {
float: right;
padding: 5px 0px 0 0px;
}
body .topsettings .daty input {
width: 74px;
display: inline;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 0;
border: none;
padding: 1px 1px;
}
body .topsettings .osoby {
float: left;
overflow: hidden;
width: 140px;
padding: 0 0 0 10px;
line-height: 1.1;
font-size: 11px;
background: url(/../styleimg/l.png) no-repeat center right;
}
body .topsettings .osoby div {
float: left;
padding: 2px 0 0 0;
}
body .topsettings .osoby div span {
font-weight: bold;
font-size: 25px;
}
body .topsettings .osoby div.osobylabel {
width: 40px;
padding: 3px 0 0 0;
}
body .topsettings .osoby div.osobyimg {
padding: 7px 5px 0 5px;
}
body .topsettings .poczatekimprezy {
float: left;
overflow: hidden;
line-height: 1.1;
font-size: 11px;
width: 190px;
padding: 0 0 0 10px;
}
body .topsettings .poczatekimprezy div {
float: left;
padding: 2px 0 0 0;
}
body .topsettings .poczatekimprezy div span {
font-weight: bold;
font-size: 25px;
}
body .topsettings .poczatekimprezy div.poczlabel {
width: 52px;
padding: 3px 0 0 0;
}
body .topsettings .poczatekimprezy div.poczimg {
padding: 7px 5px 0 5px;
}
body .invisible {
display: none;
}
#poczatek_imprezy_input {
font-size: 23px;
width: 60px;
border: none;
text-align: center;
font-family: tahoma, arial, sans-serif;
}
#ile_osob_top_input {
font-size: 23px;
width: 40px;
border: none;
text-align: center;
font-family: tahoma, arial, sans-serif;
margin: 0px 5px 0px 5px;
}
.ustawienia-wybrane-overlay {
width: 98%;
position: absolute;
top: 0px;
left: 0px;
background: #ffe8b2;
font-size: 11px;
text-align: center;
padding-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 150px;
overflow: hidden;
}
.ustawienieSali {
position: relative;
}
ustawienieSali {
position: relative;
}
.ustawienieSali-wewnatrz {
height: 100%;
padding-bottom: 10px;
}
.ustawienie-info {
padding: 0px 4px 4px 4px;
position: relative;
text-align: center;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}
.ustawienie-usun {
position: absolute;
right: 2px;
top: 12px;
color: #f1eeec;
background-color: #9D8D7B;
padding: 0px 4px 0px 5px;
font-weight: bold;
text-align: center;
z-index: 1000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
}
.ustawienie-wybrane {
}
.wybrane-scroll {
position: absolute;
height: 10px;
width: 100%;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size: 9px;
font-weight: bold;
background-color: #f2eeea;
padding: 2px 0px;
}
.scroll-aktywny {
z-index: 100;
background-color: #E3DBD2 !important;
}
.scroll-aktywny-hover {
background-color: #FFB400 !important;
}
.scroll-up {
top: 25px;
}
.scroll-down {
bottom: 0px;
}
.ustawienia-scroll {
overflow: hidden;
position: relative;
}
.sbutton {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
text-align: center;
font-weight: normal;
font-size: 11px;
color: #fff;
background: #9D8D7B;
padding: 4px 12px;
cursor: pointer;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
#opt_ustawienia_sali .ustawienieSali .tools {
overflow: hidden;
}
#opt_ustawienia_sali .ustawienieSali .tools .text {
display: block;
width: 90px;
color: #9E8B7C;
padding-top: 10px;
float: left;
font-size: 11px;
line-height: 1.1;
}
#opt_ustawienia_sali .ustawienieSali .tools .inputdiv {
width: 35px;
float: left;
display: block;
background: url(/styleimg/inputUstawienia.png) no-repeat 0 0;
padding: 3px 2px;
margin: 5px 0 0 0;
}
#opt_ustawienia_sali .ustawienieSali .tools .inputdiv .input {
font-size: 11px;
font-weight: bold;
width: 30px;
border: none;
display: block;
float: left;
text-align: center;
background: #fff;
padding: 0;
margin: 0;
}
.dostepna-sala .sala-guziki {
padding: 10px 15px;
}
.sala-aktywna, .wybierana-sala:hover {
background-color: #e0dace;
}
#body {
margin: 0;
overflow: hidden;
zoom: 1;
/*position: relative;*/
}
#body .box {
background: #fff;
border: solid 2px #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.withmargin {
margin: 15px 0;
}
.wait p {
margin: 0;
padding: 220px 0 0 0;
text-align: center;
background: url(/../styleimg/ajax-loader-slim.gif) no-repeat center center;
}
.smallwait p {
margin: 0;
padding: 10px 0 50px 0;
text-align: center;
background: url(/../styleimg/ajax-loader-slim.gif) no-repeat center center;
}
#body h2, .whitepage h1, .ucpmess .komunikat h2 {
background: #9d8d7b;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
font-size: 12px;
color: #fff;
margin: 0;
padding: 7px;
}
#body .calendar, #body .ustawienia_sali, #body .prezentacja_sal, #body .dostepne_sale, #body .powiadomienia {
float: left;
margin: 0 5px 0 0;
width: 417px;
height: 505px;
}
#body .calendar {
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
#body .calendar .apla {
position: absolute;
height: 429px;
background: #ffe8b2;
width: 110px;
margin: 0 0 0 301px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
body .promocalimg {
width: 21px;
height: 21px;
overflow: hidden;
}
body .promocalimg1 {
background: url(/../styleimg/szablon.png) no-repeat -64px -59px;
}
body .promocalimg2 {
background: url(/../styleimg/szablon.png) no-repeat -102px -60px;
}
body .promocalimg3 {
background: url(/../styleimg/szablon.png) no-repeat -141px -59px;
}
body .promocalimg4 {
background: url(/../styleimg/szablon.png) no-repeat -178px -61px;
}
body .promocalimg5 {
background: url(/../styleimg/szablon.png) no-repeat -213px -60px;
}
body .promocalimg6 {
background: url(/../styleimg/szablon.png) no-repeat -248px -60px;
}
body .promocalimg7 {
background: url(/../styleimg/szablon.png) no-repeat -327px -61px;
}
body .promocalimg8 {
background: url(/../styleimg/szablon.png) no-repeat -357px -61px;
}
body .promocalimg9 {
background: url(/../styleimg/szablon.png) no-repeat -398px -61px;
}
#body .calendar .dni_tygodnia {
padding: 0px 0 0px 24px;
color: #000;
font-size: 9px;
font-weight: bold;
position: relative;
z-index: 10;
overflow: hidden;
}
#body .calendar .dni_tygodnia span {
display: block;
width: 49px;
padding: 5px 0;
text-align: center;
margin: 0 7px 0 0;
float: left;
}
#body .calendar .baloontip {
display: none;
}
#body .ustawienia_sali {
width: 273px;
}
#body .prezentacja_sal {
width: 238px;
}
#body .dostepne_sale {
width: 520px;
}
#body .scrollbtn {
overflow: hidden;
height: 17px;
margin: 2px 0;
background: #FFB400;
text-align: center;
}
div.przewijaj div.w-gore, div.przewijaj div.w-dol {
height: 17px;
margin: 2px 0;
text-align: center;
background: #FFB400;
border-radius: 10px;
color: #fff;
font-weight: bold;
}
div.przewijaj div.w-gore.nieaktywny, div.przewijaj div.w-dol.nieaktywny {
background: #e3dbd2;
}
div.przewijaj div.w-gore span {
background: url(/styleimg/arrow_up_dual.png) no-repeat center 0;
display: block;
height: 17px;
cursor: pointer;
}
div.przewijaj div.w-dol span {
background: url(/styleimg/arrow_down_dual.png) no-repeat center 0;
display: block;
height: 17px;
cursor: pointer;
}
#body .scrollbtn span {
color: white;
font-size: 11px;
font-weight: bold;
}
#body .off {
background: #e3dbd2;
}
#body .up span {
background: url(/styleimg/arrow_up_dual.png) no-repeat center 0;
display: block;
height: 17px;
cursor: pointer;
}
#body .up.on span {
background: url(/styleimg/arrow_up_dual.png) no-repeat center 0px;
}
#body .down span {
background: url(/styleimg/arrow_down_dual.png) no-repeat center 2px;
display: block;
height: 17px;
cursor: pointer;
}
#body .down.on span {
background: url(/styleimg/arrow_down_dual.png) no-repeat center 2px;
}
#calendar-step1 {
height: 405px;
overflow: hidden;
position: relative;
}
#calendar-step1-inside {
position: relative;
}
#calendar-step1 .miesiac_kalendarza {
overflow: hidden;
}
#calendar-step1 .dzien_kalendarza {
font-size: 9px;
width: 49px;
float: left;
height: 51px;
background: url(/../styleimg/szablon.png) no-repeat 0 0;
margin: 0 7px 7px 0;
cursor: pointer;
}
#calendar-step1 .old {
color: #ccc;
}
#calendar-step1 .tools {
position: absolute;
width: 45px;
margin: 3px 3px 0 0;
}
#calendar-step1 .tools div {
width: 15px;
height: 15px;
float: right;
}
#calendar-step1 .tools .start {
background: url(/../styleimg/szablon.png) no-repeat -5px -61px;
}
#calendar-step1 .tools .end {
background: url(/../styleimg/szablon.png) no-repeat -32px -61px;
}
#calendar-step1 .promo {
position: absolute;
width: 45px;
margin: 30px 0 0 0;
}
#calendar-step1 .promo div {
float: right;
}
#calendar-step1 .active {
background: url(/../styleimg/szablon.png) no-repeat -55px 0px;
}
#calendar-step1 .na {
background: url(/../styleimg/szablon.png) no-repeat -165px 0px;
}
#calendar-step1 .active.swieto {
background: url(/../styleimg/szablon.png) no-repeat -330px 0px;
}
#calendar-step1 .activehover {
background: url(/../styleimg/szablon.png) no-repeat -220px 0px;
}
#calendar-step1 .activehover.swieto, #calendar-step1 .dragged.swieto {
background: url(/../styleimg/szablon.png) no-repeat -384px 0px;
}
#calendar-step1 .selected, #calendar-step1 .selected.swieto {
background: url(/../styleimg/szablon.png) no-repeat -110px 0px;
}
#calendar-step1 .selected.activehover {
background: url(/../styleimg/szablon.png) no-repeat -110px 0px;
}
#calendar-step1 .dragged.swieto.activehover {
background: url(/../styleimg/szablon.png) no-repeat -384px 0px;
}
#calendar-step1 .dragged {
background: url(/../styleimg/szablon.png) no-repeat -220px 0px;
}
#calendar-step1 .dragged.activehover {
background: url(/../styleimg/szablon.png) no-repeat -220px 0px;
}
#baloontip {
position: absolute;
z-index: 30;
padding: 10px;
background: #fff;
border: solid 1px #9D8D7B;
font-size: 10px;
-webkit-box-shadow: 0px 0px 3px 0px;
-moz-box-shadow: 0px 0px 3px 0px;
box-shadow: 0px 0px 3px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#baloontip .inside {
max-width: 200px;
}
#baloontip .swieto {
font-weight: bold;
color: #4AA0CE;
margin: 0 0 10px 0;
}
#baloontip .na {
font-weight: bold;
color: #d60000;
}
#calendar-step1 .dzien_kalendarza_pusty {
width: 49px;
height: 51px;
float: left;
margin: 0 7px 7px 0;
}
#calendar-step1 .dzien_kalendarza .numer_dnia {
font-weight: bold;
position: absolute;
padding: 3px 0 3px 3px;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
#calendar-step1 .numer_tygodnia {
float: left;
height: 31px;
color: #9d8d7b;
font-size: 9px;
font-weight: bold;
text-align: center;
padding: 20px 0 0 0;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif !important;
width: 24px;
}
.image-box {
float: left;
text-align: center;
overflow: hidden;
}
.image-box img {
width: 120px;
height: 140px;
display: block;
}
body .footer {
min-width:calc(1010px );
width:calc(100% - 20px);
background: #9d8d7b;
border-top: solid 1px #b09e8a;
padding: 15px 10px;
color: #e0e7e9;
}
body .footer a {
color: #6e573c;
font-weight: bold;
}
body .footer a:hover {
color: #ffb400;
}
body .footer img {
}
body .footer p {
margin: 0;
padding: 0 15px;
}
body .footer .left {
float: left;
}
body .footer .right {
float: right;
}
#ajaxMessage {
top: 0;
left: 0;
width: 100%;
/* height: 100%;*/
background: url(/../styleimg/msgbg.png) repeat;
z-Index: 1000;
}
#ajaxMessage .msg {
width: 300px;
margin: 50px auto 0 auto;
background: #f9f0e6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px;
-moz-box-shadow: 0px 0px 5px 0px;
box-shadow: 0px 0px 5px 0px;
padding: 20px;
font-weight: bold
}
#ajaxMessage .msg .buttons {
padding: 20px 0 0 0;
text-align: center;
}
#ajaxMessage .msg .buttons span {
cursor: pointer;
margin: 0 10px;
padding: 5px 10px;
background: #9d8d7b;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#ajaxMessage .prezentacja {
margin: 10px auto 0 auto;
background: #fff;
font-size: 11px;
font-weight: bold;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px;
-moz-box-shadow: 0px 0px 5px 0px;
box-shadow: 0px 0px 5px 0px;
padding: 10px 20px;
}
#ajaxMessage .prezentacja .buttons {
float: right;
padding: 0 0 0 0;
position: absolute;
text-align: center;
top: 0;
right: 0;
font-size: 9px;
font-weight: bold;
}
#ajaxMessage .prezentacja .buttons .top {
margin: 5px 0 0 0;
}
#ajaxMessage .prezentacja .buttons .bottom {
position: absolute;
margin: 0 0 5px 0;
bottom: 0;
}
#ajaxMessage .prezentacja .info {
}
#ajaxMessage .prezentacja .info h2 {
text-align: center;
margin-top: 0;
}
#ajaxMessage .prezentacja .menuKontener {
margin-top: 10px;
}
#ajaxMessage .prezentacja .menuKontener h2 {
text-align: left;
padding: 0;
margin: 0;
}
#ajaxMessage .prezentacja .buttons span {
cursor: pointer;
padding: 5px 10px;
background: #9d8d7b;
display: block;
margin: 5px 10px;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#ajaxMessage .prezentacja .buttons span.wybierz {
background: #FFB400;
}
#ajaxMessage .prezentacja .buttons span:hover, #ajaxMessage .prezentacja .buttons span.wybierz:hover {
background: #6E573C;
}
#ajaxMessage .prezentacja .prezentacja_sali {
height: 425px;
overflow: hidden;
}
#ajaxMessage .prezentacja h1, .box.solbox h3 {
color: #6e5a39;
text-transform: uppercase;
font-size: 12px;
text-align: center;
margin: 0 0 10px 0;
}
.box.solbox h3 {
font-size: 13px;
margin: 10px 0;
}
#ajaxMessage .prezentacja .ceny {
overflow: hidden;
margin: 10px 0;
}
#ajaxMessage .prezentacja .promo {
float: right;
color: #d60000;
}
#ajaxMessage .prezentacja h2 {
color: #9e8b7c;
text-transform: uppercase;
font-size: 12px;
}
#ajaxMessage .prezentacja .left {
width: 235px;
float: left;
}
#ajaxMessage .prezentacja .right {
width: 235px;
float: right;
}
#ajaxMessage .prezentacja .galeria {
overflow: hidden;
padding: 3px 0;
}
#ajaxMessage .prezentacja .galeria .obraz {
width: 160px;
text-align: center;
float: left;
}
#ajaxMessage .prezentacja .galeria img {
padding: 2px;
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px;
-moz-box-shadow: 0px 0px 3px 0px;
box-shadow: 0px 0px 3px 0px;
}
.dolny_dolny_przycisk {
background-color: #6e573c !important;
background: #6e573c !important;
border: solid 1px #6e573c !important;
}
#prezentacja_sal-step1 {
height: 427px;
overflow: hidden;
position: relative;
}
#prezentacja_sal-step1-inside {
position: relative;
overflow: hidden;
}
#prezentacja_sal-step1 .sale {
overflow: hidden;
padding: 0 5px;
font-size: 11px;
margin: 10px 0 15px 0;
}
.sale .obraz {
padding: 2px 0;
float: right;
}
.sale .obraz img {
padding: 2px;
background: #fff;
-webkit-box-shadow: 0px 0px 3px 0px;
-moz-box-shadow: 0px 0px 3px 0px;
box-shadow: 0px 0px 3px 0px;
display: block;
}
#prezentacja_sal-step1 .sale h3 {
margin: 0 0 5px 0;
font-size: 11px;
}
#login-page {
height: 540px;
background-color: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 9px;
overflow: hidden;
}
#login-page .login-top {
height: 250px;
width: 100%;
padding: 30px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#login-page .login-top td {
text-align: center;
vertical-align: middle;
}
#login-page .login-top td.login-logo {
width: 60%;
border-right: 1px solid #DBD0C4;
}
#login-page .login-body {
margin-top: 20px;
height: 210px;
display: table;
width: 100%;
}
#login-page .login-form {
width: 450px;
margin: 0 auto;
text-align: center;
display: table-cell;
vertical-align: middle;
}
#login-page .login-form label {
font-weight: bold;
font-size: 11px;
}
#login-page .login-form .input {
margin: 1px 0 0 0;
font-size: 11px;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif !important;
border: solid 1px #ccc;
background: #fff;
height: 17px;
}
#login-page .login-form input.button {
padding: 6px 5px;
}
#login-page .login-form .button {
margin: 0px 1px;
}
#login-page .login-form .error h4 {
margin: 2px;
}
#login-page .login-form .error p {
margin: 2px;
color: #d60000;
}
#login-page .login-form .error {
background: #fee;
border: solid 1px #d60000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #d60000;
padding: 10px;
margin: 10px auto;
width: 400px;
}
#login-line {
height: 20px;
background-color: #6E573C;
position: absolute;
width: 100%;
top: 280px;
z-index: 100;
border-top: 2px solid #947856;
display: none;
}
.akronimy .button {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: none;
display: block;
text-align: center;
font-weight: bold;
color: #fff;
width: 95px;
background: #9D8D7B;
padding: 4px 0;
cursor: pointer;
}
.sale .button:hover, .bigbutton:hover {
background: #6E573C;
}
.bigbutton, .bigbutton.tbl {
height: 100px;
float: left;
width: 120px;
margin: 0 10px;
}
#dostepne_sale-step1 {
height: 427px;
overflow: hidden;
position: relative;
}
#dostepne_sale-step1-inside {
position: relative;
overflow: hidden;
}
#dostepne_sale-step1-inside .sale {
float: left;
width: 240px;
padding: 5px;
overflow: hidden;
font-size: 11px;
margin: 0 0 0 10px;
}
#dostepne_sale-step1-inside .sale .info {
width: 128px;
float: left;
}
#dostepne_sale-step1-inside .sale .cena {
margin: 5px 0 0 0;
height: 35px;
}
#dostepne_sale-step1-inside .sale .obraz {
float: none;
}
#dostepne_sale-step1-inside .sale .sale_ustawienia {
float: right;
width: 110px;
overflow: hidden;
}
#dostepne_sale-step1-inside .sale .sale_ustawienia .ustawienie {
overflow: hidden;
margin: 0 0 5px 0;
}
#dostepne_sale-step1-inside .sale .sale_ustawienia .checkboxdiv {
float: left;
}
#dostepne_sale-step1-inside .sale .sale_ustawienia .opis {
float: right;
width: 75px;
}
#dostepne_sale-step1-inside .sale .button {
margin: 0 auto;
}
#downbuttons, #downbuttonstopb {
float: left;
width: 952px;
padding: 10px 0;
clear: both;
}
#downbuttonstopb {
margin: 0px 10px 10px 0px;
}
#downbuttons div, #downbuttonstopb div {
overflow: hidden;
}
#downbuttons .left, #downbuttons .left span, #downbuttonstopb .left, #downbuttonstopb .left span {
float: left;
}
#downbuttons .right, #downbuttons .right span, #downbuttonstopb .right, #downbuttonstopb .right span {
float: right;
}
#downbuttons span.button, .panellewy .button, .panelprawy .button, .step2bottom .button, .step3top .button, #downbuttonstopb span {
font-weight: bold;
color: #fff;
background: #9d8e7b;
border: solid 2px #fff;
text-transform: uppercase;
font-size: 12px;
padding: 7px 10px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.button-hilit, .button-hilit.ui-button-text-only {
background: #FFB400 !important;
}
.panellewy .box .button, .panelprawy .box .button, .step2bottom .box .button {
border: none;
padding: 0;
width: 128px;
background: #9d8e7b;
font-size: 11px;
margin: 0 0 2px 0;
text-transform: none;
line-height: 1.1;
}
#downbuttons span.button:hover, .step2bottom .button:hover, .step3top .button:hover, #downbuttonstopb span:hover {
background: #6E573C;
}
.panellewy .box .button.version {
background: #588751;
}
.panellewy .box .button.version:hover {
background: #6F9E68;
}
body .panellewy {
width: 132px;
float: left;
padding: 0 7px 0 0;
}
body .panelsrodek {
width: 682px;
float: left;
}
body .panelprawy {
width: 132px;
float: right;
}
#body .step2top h2, #body .step3top h2 {
padding: 0;
}
#body .step2bottom {
margin: 0 0 8px 0;
}
#daycal-inside {
overflow: auto;
margin: 3px 0 0 0;
}
#daycal-inside-step2 {
overflow: hidden;
}
#daycal-inside-step2 .heading {
border: solid 1px #d3d5d4;
border-right: none;
overflow: hidden;
margin: 0 0 3px 0;
}
#daycal-inside-step2 .heading .cell {
padding: 15px 0;
}
#daycal-inside-step2 .cal {
border: solid 1px #d3d5d4;
border-right: none;
border-bottom: none;
}
#daycal-inside-step2 .row {
overflow: hidden;
border-bottom: solid 1px #d3d5d4;
}
#daycal-inside-step2 .cell {
float: left;
border-right: solid 1px #d3d5d4;
text-align: center;
font-weight: bold;
font-size: 11px;
}
.step2bottom .button {
display: block;
}
.step2bottom .button.tbl {
display: table;
}
.step2bottom .box .button span {
}
.box .button.last, #body .box .button.last {
margin-bottom: 0;
}
.box .button.kosz {
height: 70px;
background: url(/styleimg/trashcan.png) no-repeat 95px center #6E573C;
font-size: 15px;
}
.box .button.kosz span span {
padding-right: 30px;
}
.box .button.kosz small {
display: block;
font-size: 9px;
}
.step2bottom .box .button:hover {
background: #6e573c;
}
#blockLayer {
position: relative;
z-index: 5;
}
#blockLayer .block {
position: absolute;
z-index: 6;
cursor: pointer;
overflow: hidden;
}
#blockLayer .block img {
display: block;
border: solid 1px #cdd1d2;
position: absolute;
z-index: -1;
}
#blockLayer .block .txt {
font-size: 10px;
text-align: center;
text-shadow: 0px 0px 2px #fff;
white-space: nowrap;
}
#blockLayer .block .txt em strong {
color: #d60000;
}
#blockLayer .block .txt em {
white-space: nowrap;
overflow: hidden;
display: block;
margin: 0 5px;
}
#blockLayer .block .txt p {
margin-bottom: 3px;
}
#blockLayer .kawa {
text-align: center;
line-height: 1.1;
font-size: 9px;
font-weight: bold;
}
#blockLayer .block .dodatki {
text-align: center;
font-size: 9px;
text-shadow: 0px 0px 2px #fff;
}
#blockLayer .block .dodatki .dodatek {
display: inline-block;
padding: 3px;
margin: 3px 5px;
white-space: nowrap;
border: solid 1px #fff;
background: rgba(255, 255, 255, 0.3);
}
.tbl {
height: 33px;
display: table;
line-height: 1.1;
border: none;
border-spacing: 0;
padding: 0;
}
.tbl .tr {
display: table-row;
}
.tbl .tr .td {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.panellewy .tbl {
width: 128px;
}
.panelprawy .tbl {
width: 128px;
}
.panelsrodek .btns {
overflow: hidden;
margin: 5px 0;
}
.panelsrodek .btns div {
float: left;
}
.panelsrodek .btns div .button {
color: #fff;
font-size: 10px;
font-weight: bold;
background: #9d8d7b;
text-align: center;
line-height: 1;
float: left;
height: 22px;
cursor: pointer;
margin-right: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.panelsrodek .btns div .button:hover {
background: #6E573C;
}
.panelsrodek .btns .group1 .tbl {
width: 70px;
}
.panelsrodek .btns .group2 {
margin-left: 25px;
}
.panelsrodek .btns .group2 .tbl {
width: 90px;
}
.panelsrodek .btns .group3 {
margin-left: 25px;
}
.panelsrodek .btns .group3 .tbl {
width: 80px;
}
.panelsrodek .btns .group4 {
float: right;
}
.panelsrodek .btns .group4 .tbl {
width: 20px;
}
.panelsrodek .btns .group4 .tbl.proc {
width: 40px;
}
.panelsrodek h2.tbl {
width: 678px;
}
.panellewy .back {
margin-top: 18px;
}
.panelprawy .next {
margin-top: 18px;
}
#sala-left, #sala-right, #dzien-left, #dzien-right {
position: absolute;
width: 13px;
height: 33px;
z-index: 3;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
#sala-left, #dzien-left {
background: url(/../styleimg/small-left-arrow.png) no-repeat 0 0;
}
#sala-left.on, #dzien-left.on {
background: url(/../styleimg/small-left-arrow.png) no-repeat 0 -34px;
}
#sala-right {
background: url(/../styleimg/small-right-arrow.png) no-repeat 0 0;
margin: 0 0 0 115px;
}
#dzien-right {
background: url(/../styleimg/small-right-arrow.png) no-repeat 0 0;
margin: 0 0 0 665px;
}
#sala-right.on, #dzien-right.on {
background: url(/../styleimg/small-right-arrow.png) no-repeat 0 -34px;
}
#body .step2top #sala .inside {
height: 200px;
overflow: hidden;
width: auto;
text-align: center;
}
#body .step2top #sala .inside .cursala img {
display: block;
margin: 10px auto;
padding: 2px;
-webkit-box-shadow: 0px 0px 3px -1px;
-moz-box-shadow: 0px 0px 3px -1px;
box-shadow: 0px 0px 3px -1px;
}
.step2top .panelprawy .info {
height: 333px;
overflow: auto;
padding: 0 3px;
font-size: 11px;
}
.step2top .panelprawy .info .wybraneopcje p {
margin: 0;
}
#body .step2top #sala .inside .cursala h3 {
font-size: 11px;
color: #9d8d7b;
}
#ajaxMessage .prezentacja .item {
width: 125px;
}
#ajaxMessage .prezentacja .item, #ajaxMessage .prezentacja .item2 {
float: left;
text-align: center;
font-size: 11px;
margin: 5px;
}
#ajaxMessage .prezentacja .item2 {
width: 285px;
text-align: left;
}
#ajaxMessage .prezentacja .item2 .opis {
max-height: 120px;
overflow: auto;
}
#ajaxMessage .prezentacja .item2 .insideitem {
background: #ede3da;
overflow: hidden;
}
#ajaxMessage .prezentacja .insideitem input.sml {
border: solid 1px #BDB5AE;
width: 45px;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif !important;
}
#ajaxMessage .prezentacja .labuwagi {
width: 275px;
color: #d60000;
}
#ajaxMessage .prezentacja .uwagi {
border: solid 1px #BDB5AE;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif !important;
width: 275px;
}
#ajaxMessage .prezentacja .item h3, #ajaxMessage .prezentacja .item2 h3 {
font-size: 12px;
text-transform: uppercase;
}
#ajaxMessage .prezentacja .item img, #ajaxMessage .prezentacja .item2 img, .miniaturaWeb {
display: block;
margin: 10px auto;
padding: 2px;
-webkit-box-shadow: 0px 0px 3px -1px #000000;
-moz-box-shadow: 0px 0px 3px -1px #000000;
box-shadow: 0px 0px 3px -1px #000000;
}
#ajaxMessage .prezentacja .item2 img {
margin: 10px;
float: left;
}
#ajaxMessage .prezentacja .item .checkbox, #ajaxMessage .prezentacja .item2 .checkbox {
margin: 0 auto;
float: none;
}
#ajaxMessage .prezentacja .item2 .insideitem .checkbox {
margin: 0 0 0 160px;
}
#ajaxMessage .prezentacja .item2 .options {
overflow: hidden;
margin: 10px 0 0 0;
}
#ajaxMessage .prezentacja .item2 .options .checkbox {
margin: 0px;
padding: 0;
float: right;
}
#ajaxMessage .prezentacja .item2 .options.s2 .checkbox {
float: none;
margin: 0 0 0 30px;
}
#ajaxMessage .prezentacja .item2 .options div {
float: left;
width: 130px;
height: 35px;
margin: 0 5px;
line-height: 1;
overflow: hidden;
}
#ajaxMessage .prezentacja .item2 .options div p {
margin: 0;
padding: 0;
}
#ajaxMessage .prezentacja .info h2 {
cursor: move;
}
#podsumowanie-inside {
height: 395px;
overflow: auto;
}
#podsumowanie-inside-step3 {
padding: 0 15px;
}
#podsumowanie-inside-step3 h3 {
text-align: center;
}
#podsumowanie-inside-step3 h4 {
text-transform: uppercase;
}
#podsumowanie-inside-step3 table {
width: 100%;
}
#podsumowanie-inside-step3 table td {
padding: 5px 3px;
}
.powiadomienia-atrakcje .width130 {
width: 120px !important;
}
.powiadomienia-atrakcje .powiadomienie-label {
margin-top: 2px;
}
.solutionSelect, .solution-input {
height: 20px;
border: 1px solid #ccc;
background-color: #fff;
}
.wysylanie-wiadomosci p input.input {
width: 260px;
font-weight: normal;
}
.wysylanie-wiadomosci p textarea.input {
width: 360px;
height: 70px;
font-weight: normal;
}
.inputbase {
border: solid 1px #ccc;
height: 15px;
}
.dateinput, .shortinput {
border: solid 1px #000;
width: 80px;
border-radius: 4px;
height: 15px;
}
.longinput {
width: 250px;
}
.middleinput1 {
border: solid 1px #ccc;
width: 100px;
}
.middleinput2 {
border: solid 1px #ccc;
width: 130px;
}
.horizontal-spacer {
display: inline;
padding-left: 5px;
}
.insidecol1 {
padding-left: 10px;
}
.insidecol1 {
float: left;
}
.kontener .insidecol2 {
padding-left: 145px;
}
.kontener .insidecol2 .styled-select {
width: 150px;
}
.kontener .insidecol2 .styled-select select {
width: 150px;
height: 20px;
padding-bottom: 0px;
}
.kontener .insidecol2 div {
top: -10px;
position: relative;
}
.kontener .insidecol2 div .listimagecontainer {
margin-left: 151px;
}
.sectionsolution {
top: -25px;
position: relative;
}
.sectiondates {
top: -45px;
position: relative;
}
div.createdbox {
display: block;
color: #9D8D7B;
margin: 25px 0 0 0;
padding: 0;
border-top: #dddddd solid 1px;
}
div.createdbox div.leftcolumn {
float: left;
width: 200px;
}
div.createdbox div.rightcolumn {
float: right;
width: 265px;
}
div.createdbox div div.label {
float: left;
text-align: left;
padding: 0;
}
div.createdbox div div.value {
float: right;
text-align: right;
margin-left: 10px;
}
div.createdbox div div.sep {
display: block;
clear: both;
}
table.tabelarabatow tbody {
border-collapse: separate;
border-spacing: 0px 1px;
}
table.tabelarabatow tr th {
color: #444;
font-size: 10px;
font-weight: bold;
line-height: 11px;
background-color: #e3dad2;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelarabatow tr td {
color: #444;
font-size: 10px;
font-weight: bold;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelarabatow tr td.text-left {
text-align: left;
}
table.tabelarabatow tr th.padding-top-bottom10 {
padding-top: 10px;
padding-bottom: 10px;
}
table.tabelarabatow tr td.number {
text-align: right;
}
table.tabelarabatow tr.rabaty-odd td {
background: #f8efe6;
}
div.listarabatow {
width: 820px;
overflow-y: auto;
overflow-x: hidden;
height: 410px;
}
table.tabelarabatow tr td div.action {
cursor: pointer
}
table.tabelarabatow {
width: 800px;
}
div.listarabatow h3 {
color: #9e8b7c;
font-size: 16px;
font-weight: bold;
margin: 5px 0 0 0;
}
table.tabelaprogramowlojalnosciowych thead tr th {
color: #444;
font-size: 10px;
font-weight: bold;
line-height: 11px;
background-color: #e3dad2;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelaprogramowlojalnosciowych tbody tr td {
color: #444;
font-size: 10px;
font-weight: bold;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelaprogramowlojalnosciowych thead tr th.padding-top-bottom10 {
padding-top: 10px;
padding-bottom: 10px;
}
table.tabelakomunikatowweb tr th.padding-top-bottom10 {
padding-top: 10px;
padding-bottom: 10px;
}
div.listaprogramowlojalnosciowych {
width: 820px;
overflow-y: auto;
overflow-x: hidden;
height: 410px;
}
table.tabelawynikow tbody {
border-collapse: separate;
border-spacing: 0px 1px;
}
table.tabelawynikow tr th {
color: #444;
font-size: 11px;
font-weight: bold;
background-color: #e3dad2;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelawynikow tr td {
color: #444;
font-size: 11px;
font-weight: bold;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelawynikow tr td.number {
text-align: right;
}
table.tabelawynikow tr.wyniki-odd td {
background: #f8efe6;
}
div.listawynikow {
width: 820px;
overflow-y: auto;
overflow-x: hidden;
height: 410px;
}
table.tabelawynikow tr td div.action {
cursor: pointer
}
table.tabelawynikow {
width: 800px;
}
div.listawynikow h3 {
color: #9e8b7c;
font-size: 16px;
font-weight: bold;
margin: 5px 0 0 0;
}
#cennikpokoi div.cenan {
float: left;
margin-left: 0px;
}
#cennikpokoi div.data_od, #cennikpokoi div.data_do, #niedostepnoscpokoi div.data_do, #niedostepnoscpokoi div.data_od {
float: left;
margin-left: 2px;
width: 105px;
padding-left: 10px;
}
#cennikpokoi .ui-datepicker-trigger {
vertical-align: bottom;
}
#cennikpokoi div.del, #niedostepnoscpokoi div.del {
float: left;
width: 28px;
}
div.del img {
cursor: pointer;
}
#cennikpokoi .cenan input {
width: 50px;
border: solid 1px #ccc;
}
#cennikpokoi .sep {
clear: both;
height: 1px;
}
#niedostepnoscpokoi .ui-datepicker-trigger {
vertical-align: bottom;
}
#niedostepnoscpokoi div.del img {
cursor: pointer;
}
#niedostepnoscpokoi .sep {
clear: both;
height: 1px;
}
#galeriapokoi {
width: 98%
}
#galeriapokoi div.filename, #galeriasal div.filename {
float: left;
margin-left: 0px;
width: 360px;
padding-left: 0px;
border-bottom: 1px dotted #9e8b7c;
line-height: 20px;
}
#galeriapokoi div.del, #galeriasal div.del {
float: left;
padding-left: 5px;
padding-top: 2px;
width: 28px;
line-height: 20px;
}
#galeriapokoi div.del img, #galeriasal div.del img {
cursor: pointer;
}
#galeriasal div.add {
float: left;
padding-left: 5px;
padding-top: 7px;
width: 28px;
line-height: 20px;
margin-top: 14px;
}
#galeriapokoi div.add {
position: absolute;
right: -25px;
top: 22px;
z-index: 20;
}
#galeriapokoi div.add img, #galeriasal div.add img {
cursor: pointer;
line-height: 20px;
}
#galeriapokoi .newfile {
width: 380px;
margin-top: 0;
padding-top: 0
}
#formpokoje form p textarea.input {
height: 50px;
}
#formpokoje {
max-height: 800px;
overflow-y: auto;
overflow-x: hidden;
}
#formuslugi form p textarea.input {
height: 50px;
}
#formadodatkowe form p textarea.input {
height: 50px;
}
#formadodatkowe {
max-height: 700px;
overflow-y: auto;
overflow-x: hidden;
}
#idpdsali {
width: 300px;
}
#idpdsali div.styled-select select {
width: 240px;
}
#idpdsali div.styled-select {
width: 240px;
}
.styled-select-jednostki {
border: solid 1px #ccc;
background: #fff;
width: 100px;
}
#ajaxMessage .prezentacja .kontener-edycjapokoi {
max-height: 800px;
overflow: auto;
}
#ajaxMessage .prezentacja .kontener-edycjasal {
max-height: 720px;
overflow: auto;
}
#ajaxMessage .prezentacja .kontener-edycjadodatkowych {
max-height: 700px;
overflow: auto;
}
.div.nowycennik {
float: left;
margin: 0;
}
table.tabelapromocjiweb tr.promocje-odd td {
background: #f8efe6;
}
table.tabelapromocjiweb tr th.padding-top-bottom10 {
padding-top: 10px;
padding-left: 10px;
}
table.tabelagratisow tbody {
border-collapse: separate;
border-spacing: 0px 1px;
}
table.tabelagratisow tr th {
color: #444;
font-size: 11px;
font-weight: bold;
background-color: #e3dad2;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelagratisow tr th.padding-top-bottom10 {
padding-top: 10px;
padding-left: 10px;
}
table.tabelagratisow tr td {
color: #444;
font-size: 11px;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.tabelagratisow tr td.number {
text-align: right;
}
table.tabelagratisow tr.gratisy-odd td {
background: #f8efe6;
}
table.tabelagratisow tr td div.action {
cursor: pointer
}
table.tabelagratisow {
width: 800px;
}
div.listagratisow {
width: 820px;
overflow-y: auto;
overflow-x: hidden;
height: 410px;
}
div.listagratisow h3 {
color: #9e8b7c;
font-size: 16px;
font-weight: bold;
margin: 5px 0 0 0;
}
div.closebutton {
width: 70px;
position: absolute;
right: 5px;
top: 13px;
}
.ucpmess {
margin: 0 0 10px 0;
}
.ucpmess .komunikat {
width: 400px;
margin: 0 auto;
padding: 2px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ucpmess .komunikat div {
padding: 10px;
}
.panelsrodek .uwagi {
overflow: hidden;
background: #f2f2f2;
}
.panelsrodek .uwagi span {
display: block;
width: 13px;
font-weight: bold;
padding: 5px;
font-size: 11px;
text-align: center;
color: #fff;
float: left;
height: 78px;
background: #9D8E7B;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.panelsrodek .uwagi textarea {
display: block;
float: right;
width: 640px;
border: solid 1px #e4dcd3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
padding: 5px;
height: 74px;
}
.step3top .osoba {
height: 328px;
font-size: 11px;
text-align: center;
}
.step3top .osoba h3 {
font-size: 11px;
}
.step3top .button.next, .step3top .button.back {
display: block;
}
.step3top .button.next {
padding: 2px 5px;
line-height: 1.1;
}
.step3top .osoba .info {
padding: 10px 0 0 0;
}
.step3top .osoba .info img {
padding: 2px;
background: #fff;
-webkit-box-shadow: 0px 0px 1px 0px;
-moz-box-shadow: 0px 0px 1px 0px;
box-shadow: 0px 0px 1px 0px;
}
#body .powiadomienia {
width: 393px;
}
tr.zadanie-przeterminowane, tr.zadanie-przeterminowane td {
background-color: red !important;
color: white;
}
#body .prawa-przyciski {
width: 132px;
float: right;
height: 100%;
}
#body .prawa-przyciski .fixedWrapper {
position: fixed;
}
#body .prawa-przyciski .withmargin {
margin-top: 17px;
}
#body .prawa-przyciski .withmargin-solution {
margin-top: 6px;
}
#body .prawa-przyciski .button {
color: #fff;
font-size: 12px;
width: 100%;
font-weight: bold;
background: #9D8D7B;
text-align: center;
line-height: 1;
margin-bottom: 2px;
height: 32px;
cursor: pointer;
margin-right: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#body .prawa-przyciski .button span {
padding: 2px;
}
#body .prawa-przyciski .box .button.nth0 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth1 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth2 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth3 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth4 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth5 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth6 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth7 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth8 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth9 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth10 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button.nth11 {
background: #9D8D7B;
}
#body .prawa-przyciski .box .button {
background: #9D8D7B;
}
#powiadomienia-strona-glowna {
height: 470px;
position: relative;
overflow: auto;
}
#powiadomienia-strona-glowna-kontener {
overflow: hidden;
position: relative;
}
.entry {
border-bottom: solid 1px #e3dbd2;
margin: 10px;
padding: 0 0 10px 0;
font-size: 11px;
}
.entry h3 {
font-size: 11px;
font-weight: bold;
}
.przyciskidolne {
overflow: hidden;
color: #fff;
height: 71px;
}
.przyciskidolne .przyciskbottom {
overflow: hidden;
background: #9d8d7b;
height: 70px;
float: left;
min-width: 260px;
font-weight: bold;
margin: 0 9px 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.przyciskidolne .przyciskbottom.b2 {
float: right;
width: 132px;
min-width: 132px;
background: #ffa414;
margin: 0;
}
.przyciskidolne .przyciskbottom.button {
cursor: pointer;
text-transform: uppercase;
font-size: 13px;
}
.przyciskidolne .przyciskbottom.b1 {
background: url(/../styleimg/folder.png) no-repeat 180px center #cb984b;
padding: 0 115px 0 60px;
width: 92px;
}
.przyciskidolne .przyciskbottom h3 {
font-size: 13px;
text-transform: uppercase;
text-align: center;
margin: 5px;
}
.przyciskbottom .left {
float: left;
padding: 0 5px;
}
.przyciskbottom .left p {
margin: 2px 0;
}
.przyciskbottom .left .input {
width: 100px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #eee;
}
.przyciskbottom .right {
float: right;
padding: 25px 5px 0 0;
}
.przyciskbottom.szukajporezerwacji .left p {
padding: 24px 0 0 25px;
}
.przyciskbottom img {
vertical-align: top;
}
#body .listapowiadomien, #body .listaimprez, #body .oblozenie, #body .solbox {
float: left;
width: 820px;
position: relative;
}
.oblozenie .oblozenie_inside {
padding: 3px 1px;
}
#oblozenie_step_inside {
position: relative;
overflow: hidden;
}
.listapowiadomien-inside {
height: 400px;
overflow: auto;
}
table.oblozeniesal, .fixedColumn table, .fixedHead table {
border: solid 1px #cdd1d0;
border-spacing: 0px;
border-collapse: collapse;
font-size: 10px;
table-layout: fixed;
font-weight: bold;
}
.fixedContainer .fixedTable, .fixedContainer .fixedHead {
border-right: solid 1px #cdd1d0;
border-spacing: 0px;
border-collapse: collapse;
}
table.oblozeniesal td, table.oblozeniesal th, .fixedColumn table td, .fixedColumn table th, .fixedHead table td, .fixedHead table th {
border: solid 1px #cdd1d0;
text-align: center;
height: 25px;
padding: 0;
overflow: hidden;
padding: 0;
margin: 0;
/* width: 80px; */
}
.status, .divval .status {
border: solid 1px #d0d4d4;
width: 9px;
height: 14px;
overflow: hidden;
float: right;
display: inline-block;
}
.divval .status {
float: none;
}
.status1, .divval .status1 {
background: #fff;
}
.status2, .divval .status2 {
background: #0093dd;
}
.status3, .divval .status3 {
background: #85c226;
}
.status4, .divval .status4 {
background: #da251c;
}
.status5, .divval .status5 {
background: #000;
}
.status6, .divval .status6 {
background: #c1c1c1;
}
.divhead {
float: left;
width: 100px;
text-align: right;
color: #9d8d7b;
}
.divval {
margin: 0 0 0 130px;
overflow: hidden;
}
.divval .divitem {
float: left;
margin: 0 10px 0 0;
}
.box .wpinside table {
width: 100%;
}
.solbox .headings {
overflow: hidden;
}
#body .solbox .headings h2 {
float: left;
width: 257px;
margin-right: 2px;
cursor: pointer;
}
#body .solbox .headings.zakladki-ofert h2 {
width: 188px;
}
#body .solbox .headings.zakladki-ofert h2.last {
width: 191px;
}
#body .solbox .headings h2 a {
color: #fff;
display: block;
text-align: center;
}
#body .solbox .headings-po h2 {
float: left;
margin-right: 2px;
cursor: pointer;
}
#body .solbox .headings-po h2.active {
color: #ffb400;
}
#body .solbox .headings-po h2.last {
margin-right: 0;
}
#body .solbox .headings-po1 h2 {
width: 805px
}
#body .solbox .headings-po2 h2 {
width: 394px
}
#body .solbox .headings-po3 h2 {
width: 258px
}
#body .solbox .headings-po4 h2 {
width: 188px;
}
#body .solbox .headings-po5 h2 {
width: 148px;
}
#body .solbox .headings-po6 h2 {
width: 120px;
}
#body .solbox .headings-po7 h2 {
width: 100px;
}
#body .solbox .headings-po8{
display: table;
overflow: hidden;
width: 100%;
}
#body .solbox .headings-po8 h2 {
width: auto;
display: table-cell;
vertical-align: middle;
float: none;
border: solid 1px #fff;
}
#body .solbox .headings-po8 h2:first-child {
border-left: none;
}
#body .solbox .headings-po8 h2:last-child {
border-right: none;
}
#body .solbox div.headings-po2,
#body .solbox div.headings-po3 {
margin-top: 2px;
}
.solbox .headings-po {
overflow: hidden;
}
#body .solbox.listaklientow .headings h2 {
/* width: 256px;*/
}
#body .solbox.listaklientow .headings h2.last {
}
.cntr {
text-align: center;
}
#body .akronimy {
overflow: hidden;
text-align: center;
margin: 10px 0;
}
h2.akronim {
padding-top: 1px !important;
padding-bottom: 1px !important;
margin-top: 4px !important;
margin-bottom: 2px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
}
#body .akronimy .button {
width: auto;
height: auto;
padding: 0px;
margin: 2px 1px;
font-size: 11px;
display: inline-block;
width: 25px;
}
#body .akronimy .button.active {
background: #FAA116;
}
#body .klientinside {
height: 440px;
overflow: auto;
}
#body .solbox .headings-send-message h2 {
float: left;
width: 148px;
margin-right: 2px;
cursor: pointer;
}
#body .solbox .headings-send-message h2.active {
color: #ffb400;
}
h2.active {
color: #ffb400;
}
#body .solbox .headings-send-message h2.last {
margin-right: 0;
}
.cntr {
text-align: center;
}
#body .wiadomosciinside {
float: left;
width: 815px;
}
#body .listaklientowinside, #body .listaofertinside {
overflow: auto;
overflow-x: hidden;
height: 320px;
}
/* Widok na ekranie */
.uzupelnij_red {
background-color: red;
}
/* Wydruk */
@media print {
.uzupelnij_red {
background-color: transparent !important;
}
}
.listaofertinside {
width: 800px;
}
.raportyinside {
margin: 10px 0 0 0;
text-align: center;
}
div.listaraportu {
width: 820px;
overflow-y: auto;
overflow-x: hidden;
height: 387px;
}
.przycisk-ui {
color: white !important;
font-size: 11px !important;
background: #9d8d7b !important;
display: inline-block;
border: 1px solid #9d8d7b;
position: relative;
padding: 1.1px 11px;
margin-right: .1em;
border-spacing: 0px 0px;
font-family: Verdana, Tahoma, Arial, sans-serif;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 45px;
border-radius: 4px;
}
.przycisk.green {
background: #00C500 !important;
border-color: #00C500 !important;
}
.przycisk.green:hover {
background: #009d00 !important;
border-color: #009d00 !important;
}
.przycisk_podroba, .zmianaPrzycisk {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0px;
padding-left: 1px;
padding-right: 1px;
background-color: #9D8D7B;
text-align: center;
color: white;
font-family: Verdana, Arial, sans-serif;
border: none;
}
.przycisk_podroba:hover {
background-color: #704c2a;
cursor: pointer;
}
.przycisk-filtr {
margin-top: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 1px;
background-color: #9D8D7B;
text-align: center;
color: white;
font-family: Verdana, Arial, sans-serif;
border: none;
height: 19px;
width: 19px;
display: inline-block;
}
.przycisk-filtr img {
width: 19px;
height: 19px;
}
.przycisk-filtr:hover {
background-color: #704c2a;
cursor: pointer;
}
.przycisk_akronim {
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}
thead.oferty_head th {
padding: 0px;
margin: 0px;
}
.oko-wiadomosci {
background-image: url('/styleimg/akcje/show_on.png');
background-repeat: no-repeat;
background-position: center;
height: 20px;
width: 20px;
margin: 0px auto;
}
.wprowadzaniedanych .headings {
margin: 2px 0 0 0;
}
.WprowadzanieDanychInside {
margin: 10px 0 0 0;
text-align: center;
}
ul.select2-result-sub {
padding-left: 0;
}
.smallbox {
display: inline-block;
width: 230px;
margin: 10px;
text-align: left;
vertical-align: top;
font-size: 11px;
}
.smallbox ul {
margin: 0;
padding: 5px 10px;
border: solid 1px #ddd;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
line-height: 1.7;
min-height: 205px;
}
.smallbox ul li {
margin: 0 0 0 10px;
}
.smallbox a {
color: #000;
}
.smallbox a:hover {
text-decoration: underline;
}
.checkbox_list li {
list-style-type: none;
float: left;
width: 130px;
}
.checkbox_list li
.checkbox_list li label {
float: left;
width: 120px;
}
#paginacja span.actual {
font-weight: bold;
}
.marginLeft2px {
margin-left: 2px;
}
.marginLeft5px {
margin-left: 5px;
}
#ustawieniaVATMarzeKontener {
margin: 0 auto;
width: 500px;
padding-top: 40px;
}
div#ustawieniaVATMarzeKontener div.kolumnaLewa {
float: left;
width: 300px;
padding: 3px 0;
}
div#ustawieniaVATMarzeKontener div.kolumnaPrawa {
float: left;
width: 200px;
padding: 3px 0;
}
#ustawieniaWarunkiPlatnosciKontener {
margin: 0 auto;
width: 650px;
padding-top: 40px;
}
div#ustawieniaWarunkiPlatnosciKontener div.kolumnaLewa {
float: left;
width: 350px;
padding: 3px 0;
}
div#ustawieniaWarunkiPlatnosciKontener div.kolumnaPrawa {
float: left;
width: 300px;
padding: 3px 0;
}
ul.kategoriePrzyciski {
float: left;
margin: 0;
padding: 0;
}
ul.kategoriePrzyciski li {
list-style-type: none;
width: 66px;
margin: 1px;
text-align: center;
height: 30px;
padding: 3px;
float: left;
line-height: 1em;
border-radius: 5px;
background: #9d8d7b;
color: #fff;
font-weight: bold;
font-size: 10px;
vertical-align: middle;
display: table-cell;
}
ul.kategoriePrzyciski li.active {
color: #ffb400;
}
ul.kategoriePrzyciski li:hover {
color: #ffb400;
cursor: pointer;
}
.paletakolorow {
overflow: hidden;
display: none;
width: 310px;
position: absolute;
z-index: 200;
}
.paletakolorow span {
display: block;
width: 15px;
height: 12px;
float: left;
border: inset 1px white;
cursor: pointer;
}
.paletakolorow span:hover {
border: solid 1px #d60000;
}
.wybranyKolor {
cursor: pointer;
border: solid 1px #000;
width: 30px;
height: 15px;
display: inline-block;
}
#body .solbox .headings h2.active {
color: #ffb400;
}
.lft, td.lft, table.tabelawynikow tr td.lft {
text-align: left;
}
.rght, td.rght, table.tabelawynikow tr td.rght {
text-align: right;
}
table.solution-table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
font-size: 11px;
}
table.solution-table tbody {
border-collapse: separate;
border-spacing: 0px 1px;
}
table.solution-table tr th {
border: solid 1px #C2AE98;
color: #444;
font-size: 11px;
font-weight: bold;
background-color: #e3dad2;
text-align: center;
padding: 1px 1px 1px 1px;
}
table.solution-table tr td {
border: solid 1px #C2AE98;
color: #444;
font-size: 11px;
font-weight: bold;
text-align: right;
padding: 1px 1px 1px 1px;
}
.label-box {
float: left;
width: 100px;
}
.input-box {
float: left;
}
.PracownicyUprawnieniaInside {
height: 437px;
overflow: auto;
margin: 3px;
}
.PracownicyUprawnieniaInside .form {
}
#body .PracownicyUprawnieniaInside .form h2 {
color: #9e8b7c;
text-transform: uppercase;
font-size: 12px;
background: transparent;
}
td.akcja {
width: 50px;
}
#body .prawa-przyciski .menu-header {
background: #ffffff !important;
cursor: default !important;
color: #704C2A;
height: 32px;
}
#body .prawa-przyciski .box.prac .button {
background: #9C8F7C;
}
#body .prawa-przyciski .box.powiadomienia .button {
background: #FFA411;
}
#body .prawa-przyciski .box.paneladministracyjny .button {
background: #704C2A;
}
.przyciskidolne .przyciskbottom.b4 {
float: right;
/*width: 132px;*/
background: #704C2A;
margin: 0;
}
.przyciskidolne .przyciskbottom.b3 {
background: url(/../styleimg/folder.png) no-repeat 180px center #9D8D7B;
padding: 0 115px 0 60px;
width: 92px;
}
#body .solbox {
border-right-width: 1px;
}
#body .solbox .headings.cenyTop {
margin-bottom: 3px;
}
#body .solbox .headings.cenyTop h2 {
width: 567px;
}
#body .solbox .headings.cenyTop h2.last {
width: 222px;
margin-right: 0;
}
.button.green {
background: #00C500;
}
.sbutton.green {
background: #00C500;
color: #FFFFFF;
}
table.przychody thead .throw1 th {
background: #F4FF78;
}
table.przychody thead .throw2 th {
background: #F9FFC3;
}
table.przychody tbody .even td {
background: #FFFEFF;
}
table.przychody tbody .even td.mh {
background: #FFFEFF;
}
table.przychody tbody .odd td {
background: #E9E9E9;
}
table.przychody tbody .odd td.mh {
background: #F9FFC3;
}
table.przychody tfoot td {
background: #a5a5a5;
}
table.wyniki-na-sprzedaz tbody .odd td {
background: #F4DDF9;
}
table.wyniki-na-sprzedaz tfoot td {
background: #CB36FF;
}
table.wyniki-na-sprzedaz tbody .odd td.mh {
background: #F9FFC3;
}
table.przychody tbody .odd td {
background: #E6F1F9;
}
table.przychody tfoot td {
background: #AFD6F3;
}
table.przychody tbody .odd td.mh {
background: #F9FFC3;
}
div.kontenerprzyciskow {
width: 100%;
max-width: 820px;
position: relative;
height: auto;
margin-top: 5px;
padding-bottom: 5px;
}
div.kontenerprzyciskowglowny {
width: 100%;
max-width: 820px;
position: relative;
height: auto;
margin-top: 5px;
padding-bottom: 5px;
}
/* Przyciski są renderowane na końcu tabeli wewnątrz przewijanego #kontener-raportow — przypinamy
je do dołu widocznego obszaru (jak w #10225 dla list pracowników), żeby nie trzeba było
przewijać tabeli do końca, by je kliknąć. */
div.kontenerprzyciskowglowny.sticky-dol {
position: sticky;
bottom: 0;
background: #ffffff;
z-index: 2;
border-top: 1px solid #d6d3cf;
padding-top: 5px;
margin-top: 0;
}
div.kontenerprzyciskow button {
margin-right: 2px;
}
#formularzmenugora {
float: left;
padding-bottom: 5px;
width: 100%;
border-bottom: 1px dashed #eaeaea;
margin-bottom: 5px;
}
#menuFormularzOverflow {
overflow: auto;
margin-bottom: 2px;
}
#kategorieKontener h2 {
padding: 1px 0;
cursor: move;
}
#kategorieKontener table tr th {
font-size: 10px;
}
.solutionErrorContainer {
position: absolute;
width: 20px;
height: 20px;
background: #c00;
color: #fff;
}
.solutionErrorContainer .solutionErrorPointer {
cursor: pointer;
}
.solutionErrorToolTip {
display: none;
}
/*plan imprez */
.pi-podpowiedz {
left: 0;
display: none;
position: absolute;
z-index: 1006;
width: 230px;
background: #fff;
border: 2px solid #555555;
border-radius: 5px;
padding: 5px;
opacity: 0.9;
filter: alpha(opacity=90);
line-height: 0.9rem;
font-size: 0.9rem;
text-align: left;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
min-height: 80px;
line-height: 14px;
}
.pi-podpowiedz hr {
border: 0 none;
background: none;
height:0;
}
.pi-podpowiedz hr.grupa {
border-top: 1px dashed #322f32;
}
.pi-podpowiedz hr.event {
border-top: 1px dashed #999;
}
.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background: #fff;
border: 2px solid #555555;
border-radius: 5px;
padding: 5px;
position: absolute;
z-index: 1;
top: 50%;
left: 100%;
margin-left: 0;
opacity: 0;
transition: opacity 0.2s;
filter: alpha(opacity=90);
line-height: 0.9rem;
font-size: 0.9rem;
text-align: left;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
min-height: 20px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
/* AKCJE I STATUSY */
/* Przeniesione do cDanePodstawowe.css - wykorzystywane w web oraz solution */
/*
Kalendarz Solution
*/
#kalendarz-solution-naglowek h2 {
margin-right: 1px;
}
.sala-opts {
overflow: hidden;
margin: 5px 0 0 0;
}
.sala-opts span {
width: 17px;
height: 16px;
background: url(/../styleimg/oblozenie-ico.png) no-repeat;
display: inline-block;
cursor: pointer;
}
h2#ikonauwaga {
background: url(/../styleimg/oblozenie-ico.png) 0 0 no-repeat;
height: 32px;
width: 34px;
padding: 0;
margin-left: 1px;
float: left;
}
h2#ikonainfo {
background: url(/../styleimg/oblozenie-ico.png) -35px 0 no-repeat;
height: 32px;
width: 34px;
padding: 0;
margin-left: 1px;
float: left;
cursor: pointer;
}
.sala-opts .info {
background-position: -88px 0;
}
.sala-opts .info:hover {
background-position: -88px -18px;
}
.sala-opts .onoff {
background-position: -70px 0;
}
.sala-opts .onoff:hover {
background-position: -70px -18px;
}
.sala-opts .ikona-sala-laczona {
background-position: -70px -36px;
}
#kalendarz-oblozenie-sal {
}
.kalendarz-kontener {
float: left;
width: 825px;
font-size: 11px;
}
/* Raporty */
table.raport-tabela {
font-weight: bold;
}
th.raport-naglowek {
background-color: #fff38d;
}
.raport-naglowek-2 {
background-color: #fffaca;
}
.raport-pozycja.odd {
background-color: #ffffff;
}
.raport-pozycja.even {
background-color: #e6f3f9;
}
.raport-pozycja.odd .raport-nazwa-pozycji {
background-color: #fffde8;
}
.raport-pozycja.even .raport-nazwa-pozycji,
.raport-nazwa-grupy {
background-color: #fff9cb;
}
.raport-podsumowanie {
background-color: #acdcf0;
}
table.raport-tabela .wartosc-zielona {
color: #256d24;
}
table.raport-tabela .wartosc-czerwona {
color: #ff2f2e;
}
/* Plany */
.plan-h3 {
color: #6e5a39;
text-transform: uppercase;
font-size: 13px;
text-align: center;
margin: 0px 0px 8px 0px !important;
padding: 0px !important;
}
#trzyczesciowa-tabela-planu {
width: 795px;
padding: 0px;
margin: 0px;
}
table.plan-tabela,
table.plan-tabela span {
font-weight: bold !important;
text-align: center;
line-height: 18px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
.plan-naglowek-1i2 {
background-color: #fff592;
height: 50px;
}
.plan-naglowek-1 {
background-color: #fff592;
height: 20px;
}
.plan-naglowek-2 {
background-color: #fffad1;
height: 30px;
}
.plan-naglowek-1i2 th,
.plan-naglowek-1 th,
.plan-naglowek-2 th {
background-color: transparent;
}
.plan-naglowek-belka,
.plan-naglowek-prawdziwa-belka {
height: 25px;
line-height: 25px;
padding: 0px;
background-color: #fff592;
}
.plan-naglowek-belka {
margin-top: 0px;
margin-left: 0px;
/*overflow: hidden;*/
}
.plan-naglowek-prawdziwa-belka {
border: 1px solid #c2ae98;
width: 793px;
margin-top: -1px;
margin-left: -1px;
}
x:-o-prefocus, .plan-naglowek-belka {
margin-top: -1px; /*Haracz dla Opery*/
}
x:-o-prefocus, .plan-naglowek-prawdziwa-belka {
width: 792px; /*Haracz dla Opery*/
}
.plan-pozycja.odd {
background-color: #ffffff;
}
.plan-pozycja.even {
background-color: #e8fae8;
}
.plan-pozycja.odd .plan-nazwa-pozycji {
background-color: #fffdec;
}
.plan-pozycja.even .plan-nazwa-pozycji {
background-color: #fffad1;
}
.plan-podsumowanie {
background-color: #9cfa96;
}
.plan-drugi-podsumowanie {
background-color: #fff592;
}
#doplanu-nazwa {
color: #000000;
}
.ranking-padding {
padding-top: 5px;
padding-bottom: 5px;
}
th.ranking-padding {
padding-top: 10px;
padding-bottom: 10px;
}
.ranking-naglowek {
background-color: #fff38d;
}
.ranking-pozycja.odd {
background-color: #ffffff;
}
.ranking-pozycja.even {
background-color: #eae9fa;
}
.ranking-podsumowanie {
background-color: #939ef9;
}
.ranking-miejsce {
color: #ffffff;
background-color: #ff0000;
}
table .wartosc-zielona {
color: #256d24;
}
table .wartosc-czerwona {
color: #ff2f2e;
}
table .wartosc-niebieska {
color: #0a0fff;
}
.plany-nie-zapisano {
font-size: 20px;
line-height: 20px;
font-weight: bold;
color: red;
}
.plany-nie-zgodne {
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: red;
}
.plan-aktywna-opcja {
background-color: #9cfa96;
color: #256d24;
}
/* Formularze dla Wprowadzanie Danych */
/* nie dotykać! :p */
.black_link a {
color: black;
}
.black_link a:hover {
color: #004688;
}
.menu_koszty {
background-color: #FFA415;
padding-left: 5px;
}
.menu-belka-nazwa {
margin-bottom: 2px;
width: 100%;
position: absolute;
top: 77px;
height: 23px;
background-color: white;
z-index: 100;
}
.menu-belka-ceny {
margin-bottom: 2px;
padding-top: 2px;
width: 100%;
position: absolute;
bottom: 25px;
background-color: white;
float: left;
margin-top: 8px;
}
.wprowadzanie-publikowane-tlo {
background: #fffdc0 !important;
}
.wprowadzanie-linia {
margin-top: 2px;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px dashed #B2B2B2;
padding-bottom: 3px;
}
.tablepotrawy {
font-size: 12px;
}
/* ===== TABELA ===== */
.tableelementy {
width: 100%;
border-collapse: collapse;
background: #ffffff;
font-size: 13px;
}
/* ===== NAGŁÓWEK ===== */
.tableelementy thead th {
background: #e6e1da;
color: #333;
font-weight: 600;
padding: 8px 6px;
border: 1px solid #d2c8bc;
text-align: center;
}
/* ===== WIERSZE ===== */
.tableelementy tbody tr {
background: #fff;
}
.tableelementy tbody tr:nth-child(even) {
background: #f7f5f2;
}
.tableelementy tbody tr:hover {
background: #ece8e3;
}
/* ===== KOMÓRKI ===== */
.tableelementy tbody td,
.tableelementy tbody th {
padding: 6px 5px;
border: 1px solid #e0d8cf;
vertical-align: middle;
}
/* usuń wszystkie stare inline border */
.tableelementy th[style*="border"] {
border: 1px solid #e0d8cf !important;
}
/* ===== INPUTY ===== */
.tableelementy input[type="text"] {
border: 1px solid #cfc6bb;
border-radius: 2px;
padding: 3px 4px;
background: #fff;
}
.tableelementy input[type="text"]:focus {
outline: none;
border-color: #8f7f6a;
}
/* ===== SELECT2 ===== */
.tableelementy .select2-container--default .select2-selection--single {
border-radius: 2px;
border: 1px solid #cfc6bb;
height: 26px;
}
.tableelementy .select2-selection__rendered {
line-height: 24px !important;
}
/* ===== BLOKI (zielone / beżowe) ===== */
.tableelementy .for-tr,
.tableelementy .no-wrap {
border-radius: 0;
padding: 2px 4px;
}
/* ===== IKONA USUŃ ===== */
.tableelementy .usun {
opacity: 0.7;
cursor: pointer;
}
.tableelementy .usun:hover {
opacity: 1;
}
/* ===== STOPKA ===== */
#tr_sala_przedzial_szablon_stopka td {
border: none;
background: #f3f0ec;
padding: 10px 0;
}
#tr
.wprowadzanie-parent {
width: 100% !important;
margin-top: 3px;
height: 16px;
color: #9d8d7b;
font-size: 11px;
}
.wprowadzanie-parent2 {
width: 100% !important;
margin-top: 3px;
height: 100%;
color: #9d8d7b;
font-size: 11px;
}
.wprowadzanie-parent2 a{
width:100%;
}
.wprowadzanie-parent2 img{
width:100%;
}
.zolta-apla {
background-color: #FCDC8A !important;
border: 1px solid #FCDC8A !important;
}
.wprowadzanie-kontener h2, .wprowadzanie-h2 {
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 5px;
font-size: 13px;
text-align: center;
color: rgb(150, 141, 132);
font-weight: 600;
text-transform: uppercase;
}
.stopka {
height: 32px;
border-top: solid 1px #CDD1D2;
line-height: 16px;
font-size: 11px;
font-weight: normal;
padding-top: 5px;
}
.stopka_parametryzowana {
height: 32px;
border-top: solid 1px #CDD1D2;
line-height: 16px;
font-size: 11px;
font-weight: normal;
padding-top: 5px;
}
.wprowadzanie-parent textarea {
height: auto;
padding: 0px;
margin: 0px;
}
.wprowadzanie-kontener div label, .wprowadzanie-parent label {
height: auto;
float: left;
text-align: right;
font-size: 11px;
padding-left: 0px;
}
.wprowadzanie-kontener div label.error {
text-align: left !important;
}
.wprowadzanie-kontener div input, .wprowadzanie-parent input {
height: 13px;
float: left;
}
.wybor_typu_eventow input, .wybor_typu_eventow label{
float: none !important;
}
.wprowadzanie-podglad-dane {
font-weight: bold;
height: 13px;
padding-top: 2px;
padding-bottom: 2px;
color: black !important;
float: left;
text-align: left !important;
}
.wprowadzanie-podglad-naglowek {
font-weight: normal;
height: 13px;
padding-top: 2px;
padding-bottom: 2px;
float: left;
text-align: right;
}
/* Sale */
.wprowadzanie-sale-left {
width: 140px !important;
}
.wprowadzanie-sale-right {
width: 375px !important;
}
.wprowadzanie-sale-terminy-left {
width: 90px !important;
}
.wprowadzanie-sale-terminy-right {
width: 250px !important;
}
/* Wyposażenie sal */
.wprowadzanie-wyposazenie-sal-left {
width: 170px !important;
}
.wprowadzanie-wyposazenie-sal-right {
width: 450px !important;
}
/* Rodzaje zajec + Tance */
.wprowadzanie-rodzaje-zajec-left {
width: 57px !important;
text-align: right;
}
.wprowadzanie-rodzaje-zajec-right {
width: 405px !important;
}
/* Potrawy */
.wprowadzanie-potrawy-left {
width: 30px !important;
}
.wprowadzanie-potrawy-right {
width: 586px !important;
}
/* Menu */
.wprowadzanie-menu-left {
width: 130px !important;
}
.wprowadzanie-menu-right {
width: 400px !important;
}
/* Atrakcje */
.wprowadzanie-atrakcje-left {
width: 130px !important;
}
.wprowadzanie-atrakcje-right {
width: 450px !important;
}
/* Pokoje */
.wprowadzanie-pokoje-left {
width: 120px !important;
}
.wprowadzanie-pokoje-right {
width: 410px !important;
}
/* Dane konsultantow */
.wprowadzanie-konsultanci-left {
width: 115px !important;
}
.wprowadzanie-konsultanci-right {
width: 360px !important;
}
/* Podwykonawcy */
.wprowadzanie-podwykonawcy-left {
width: 150px !important;
}
.wprowadzanie-podwykonawcy-right {
width: 410px !important;
}
/* Pracownicy */
.wprowadzanie-pracownicy-left {
width: 120px !important;
}
.wprowadzanie-pracownicy-right {
width: 350px !important;
}
/* Klienci / Web użytkownicy / Baza klientów */
.wprowadzanie-klienci-left {
width: 137px !important;
}
.wprowadzanie-klienci-right {
width: 410px !important;
}
/* Promocje Web */
.wprowadzanie-promocje-left {
width: 135px !important;
}
.wprowadzanie-promocje-right {
width: 368px !important;
}
/* Programy lojalnościowe */
.wprowadzanie-programy-left {
width: 125px !important;
}
.wprowadzanie-programy-right {
width: 360px !important;
}
/* Gratisy */
.wprowadzanie-gratisy-left {
width: 100px !important;
}
.wprowadzanie-gratisy-right {
width: 335px !important;
}
/* Rabaty */
.wprowadzanie-rabaty-left {
width: 170px !important;
}
.wprowadzanie-rabaty-right {
width: 300px !important;
}
/* Oferty */
.wprowadzanie-oferty-left {
width: 120px !important;
}
.wprowadzanie-oferty-right {
width: 330px !important;
}
/* Klasyfikacja potraw */
.wprowadzanie-k-potrawy-left {
width: 120px !important;
}
.wprowadzanie-k-potrawy-right {
width: 250px !important;
}
/* wprowadzanie - koniec */
/* Wiadomości */
.wiadomosci-left {
width: 150px !important;
}
.wiadomosci-right {
width: 350px !important;
}
/* Wiadomości - koniec */
#komunikatPotwierdzenie, #komunikatOstrzezenie {
position: fixed;
z-index: 9999;
text-align: left;
width: 50%;
top: -1px;
left: 50%;
margin-left: -25%;
height: 40px;
line-height: 40px;
background-position: left;
border-top: none;
background-repeat: no-repeat;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=85);
opacity: .85;
font-size: 14px;
border: 1px solid #10a024;
border-top: none;
background-color: #eaffed;
color: #10a024;
}
#komunikatOstrzezenie{
border: 1px solid #d60000;
background-color: #ffcccc;
color: #d60000;
}
#select-ceny {
position: absolute;
right: 35px
}
em.error {
padding-left: 10px;
}
/* Sztuczka na wyświetlanie błędu pod kontenerem */
.error-below-container,
.error-right-container {
position: relative;
margin-bottom: 20px;
}
.error-below-container em.error {
position: absolute;
top: 22px;
left: -10px;
}
.error-right-container em.error {
position: absolute;
top: 0px;
left: 30px;
}
div.brak-wynikow {
border: 1px solid #829bc4;
border-radius: 5px;
background: #dbe7f5;
color: #000;
font-weight: bold;
text-align: center;
width: 99%;
padding: 15px 0;
margin: 5px auto;
}
table.mocna {
table-layout: fixed;
}
table.mocna td, table.mocna th {
overflow: hidden;
text-overflow: ellipsis;
}
ul.zakladki {
float: left;
margin: 0;
padding: 0;
}
ul.zakladki li {
list-style-type: none;
float: left;
background: #9D8D7B;
border-radius: 10px;
color: #FFFFFF;
font-size: 12px;
margin: 0 1px 0 0;
padding: 7px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
ul.zakladki li.aktywna {
color: #ffb400;
}
ul.menu-szczegoly {
margin: 0;
padding: 0;
}
ul.menu-szczegoly li {
margin: 1px 0px 1px 20px;
padding: 1px 0px;
list-style-type: disc;
}
#solutions-rabaty-gratisy-kontener {
height: 200px;
overflow-y: auto;
}
#solutions-rabaty-gratisy-kontener h3 {
line-height: 1em;
margin: 3px 0;
}
#dekadowka_ograniczenia .ui-datepicker-trigger{
vertical-align: middle;
margin: 0 0 0 3px;
}
.projektuj_impreze span {
width: 140px;
height: 100px;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.projektuj_impreze:hover span {
background-color: #9D8D7B;
}
.projektuj_impreze {
color: #B01C2E;
}
.projektuj_impreze span {
background: url(/tpl/index/styleimg/projektuj.png) no-repeat center center #9D8D7B;
}
.clear{
clear: both;
}
.zaawansowane tbody:nth-child(odd) td{
background: #fff;
}
.zaawansowane tbody:nth-child(even) td{
background: #EDE7E1;
}
.nazwaElementuKafla{
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.nazwaElementuKafla:hover{
overflow: visible;
text-overflow: none;
display: block;
text-align: center;
position: relative;
}
.nazwaElementuKafla:hover span{
background: #fff;
display: block;
position: absolute;
left:0;
top: 0;
margin: 0 auto;
word-wrap: break-word;
width: 100%;
z-index: 10;
}
.checked .nazwaElementuKafla:hover span{
background: #E0DACE;
}
.nazwaElementuKafla.opis:hover span{
background: #EDE3DA;
text-align: left;
}
.strona-glowna-event {
height: 44px !important;
}
#fullcalendar-strona-glowna .fc-content {
height: 50px;
padding: 5px 0;
line-height: 18px;
text-align: center;
font-size: 10px;
color: white;
font-weight: bold;
text-shadow: 1px 1px #000;
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 1px 1px 10px 1px rgba(255,255,255,1) !important;
box-shadow: inset 1px 1px 10px 1px rgba(255,255,255,1) !important;
line-height: 11px;
}
#fullcalendar-strona-glowna .fc-center h2 {
background: none;
color: #6e573c;
}
.fc-toolbar .fc-button {
background: #9d8d7b !important;
border: solid 1px #9d8d7b !important;
color: #fff !important;
text-shadow: none !important;
border-radius: 5px;
height: 24px !important;
line-height: 24px !important;
font-weight: bold;
}
.fc-today {
color: orange !important;
font-size: 12px !important;
font-weight: bold !important;
}
.fc-toolbar .fc-button :hover {
color: #fff !important;
background: #6e573c !important;
border: solid 1px #6e573c !important;
}
#fullcalendar-strona-glowna .fc-time {
display: none;
}
#fullcalendar-strona-glowna .fc-content-skeleton .fc-week-number {
color: #9d8d7b !important;
font-weight: bold;
}
#fullcalendar-strona-glowna .fc-head .fc-week-number.fc-widget-header span {
display: none !important;
}
.aktywnosc-wiersz-wykonane {
background-color: #D9D9D9;
}
.aktywnosc-wiersz-anulowane{
background-color: #f39a9a;
}
.vat-mieszany-podswietl {
border: solid 4px #ff0000 !important;
}
.rabat-ostrzezenie {
border: 2px solid orange !important;
}
.guzik_picker{
width: 25px;
height: 25px;
margin: 5px;
float: left;
cursor: pointer;
background: transparent;
border: 1px solid black;
}
.tabela-agenda thead tr th, .tabela-podsumowanie tr th{
font-weight: normal;
}
div.horecamailiframe{
margin: 10px auto;
width: 1170px;
}
#komunikat_horeca{
position: fixed;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
z-index: 10000;
}
#komunikat_horeca > div{
width: 800px;
margin: 0 auto 15px auto;
padding: 15px 25px;
background: rgba(220,255,220,0.8);
color: #060;
border: solid 1px #060;
overflow: hidden;
text-align: center;
}
#komunikat_horeca > div .downbuttons button, #komunikat_horeca > div .downbuttons a{
padding: 3px 5px;
margin: 5px 5px 0 5px;
}
#komunikat_horeca > div.komunikat_blad{
background: rgba(255,220,220,0.8);
color: #d60000;
border: solid 1px #d60000;
}
#sortowanie_widok_dzienny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_tygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_dwutygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_menu_dzienny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_menu_tygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_menu_dwutygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_menu_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_dzienny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_tygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_dwutygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_kulinarne_dzienny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_kulinarne_tygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_kulinarne_dwutygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_atrakcje_kulinarne_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_uslugi_dodatkowe_dzienny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_uslugi_dodatkowe_tygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_uslugi_dodatkowe_dwutygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_uslugi_dodatkowe_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_spa_dzienny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_spa_tygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_spa_dwutygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_spa_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_podpowiedzi_dzienny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_podpowiedzi_tygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_podpowiedzi_dwutygodniowy > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_widok_podpowiedzi_miesieczny > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#sortowanie_lista_sal > li{
border: 1px solid #9d8d7b;
background: #f7f1ea;
font-weight: bold;
color: #000;
cursor: grab;
}
#raportytabs.ui-tabs .ui-tabs-panel{
padding: 1em 0;
}
*.lista-nawiasy , ::after, ::before {
box-sizing: border-box;
}
ol.lista-nawiasy {
counter-reset: list;
}
ol.lista-nawiasy > li {
list-style: none;
position: relative;
}
ol.lista-nawiasy > li:before {
content: counter(list, lower-alpha) ")";
counter-increment: list;
left: -40px;
padding-right: 10px;
position: absolute;
text-align: right;
width: 40px;
}
.planaktywnosci .dropdown {
position: relative;
display: inline-block;
}
.planaktywnosci .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.planaktywnosci .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.planaktywnosci .dropdown a:hover {background-color: #ddd;}
.planaktywnosci .show {display: block;}
table.pg-break { page-break-after:auto }
table.pg-break tr { page-break-inside:avoid; page-break-after:auto }
table.pg-break td { page-break-inside:avoid; page-break-after:auto }
table.pg-break thead { display:table-header-group }
table.loze-border td{
vertical-align: top;
border-bottom: solid 1px #000000 !important;
}
table.loze-border th{
border-bottom: solid 1px #000000 !important;
}
.podnies_ceny{
border: solid 1px #ccc;
background: #fff;
color: #444;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
}
.listaDostepnychCennikow > ul {
list-style-type: none;
margin: 0;
padding: 0;
max-height: 55vh;
overflow-y: auto;
}
.listaDostepnychCennikow .filtrCennikow {
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
margin: 4px 0 0;
border: solid 1px #9d8d7b;
border-radius: 6px;
color: #444;
}
.listaDostepnychCennikow > ul > li {
display: block;
background: #ffffff;
margin: 12px 0;
padding: 12px;
border-radius: 6px;
border: solid 1px #9d8d7b;
color: #9d8d7b;
cursor: pointer;
}
.listaDostepnychCennikow > ul > li:hover {
color: #ffffff;
background: #9d8d7b;
}
/* Pojedynczy suwak w oknach uprawnień (usunięcie podwójnego scrolla
po podbiciu wysokości okien w commicie 3a69352470). Okno dopasowuje się do
wysokości ekranu, a przewija się wyłącznie wewnętrzna lista uprawnień.
Zakres wyłącznie do okien uprawnień (.pracownicy) – nie dotyka bazy kontaktów
ani generycznych klas .height*. */
#body .pracownicy.solbox.height650 {
height: auto !important;
max-height: calc(100vh - 70px);
}
#body .PracownicyUprawnieniaInside.height600,
#body .PracownicyUprawnieniaRaportyInside.height600,
#body .PracownicyUprawnieniaSaleInside.height600 {
height: auto !important;
max-height: calc(100vh - 165px) !important;
overflow-y: auto;
overflow-x: hidden;
}
/* Przyciski akcji listy (np. "Dodaj nowego pracownika", "Archiwum", "Drukuj")
są renderowane na końcu tabeli WEWNĄTRZ przewijanego kontenera .PracownicyUprawnieniaInside,
przez co trzeba było przewinąć listę do końca, żeby je kliknąć. Przypinamy je do dołu
widocznego obszaru listy, żeby były zawsze dostępne. */
#body .PracownicyUprawnieniaInside .kontenerprzyciskowglowny {
position: sticky;
bottom: 0;
background: #ffffff;
z-index: 2;
border-top: 1px solid #d6d3cf;
padding-top: 5px;
margin-top: 0;
}
/* szata tylko na ekranie — wydruk ma zostać w wyglądzie klasycznym */
@media screen {
/* ==== Lifting: górny pasek i menu główne ====
Zawężone do wersji klasycznej solution: klasy .hi-naglowek / .hi-menu nadaje tylko
index-solution.php (style.css ładuje też aplikacja najemcy z tym samym znacznikiem).
Bez zmiany układu — wyrównanie w pionie, spokojniejsza typografia w palecie systemu,
czytelniejsze stany najechania i aktywnej pozycji menu. */
:where(html.hi-lifting) body .topheading.hi-naglowek {
border-bottom-color: #8a7660;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .toplogos {
color: #d6ccc0; /* separator „|” między logo obiektu a logo HI */
}
/* elementy wyśrodkowane w pionie względem logo (wcześniej padding-top 18px i anonimowa
tabela — wisiały niżej niż logo); min-height, żeby przy dwóch selectach (przełączanie
obiektu + podgląd jako grupa) pasek nadal rósł zamiast przycinać treść */
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu {
color: #d6ccc0; /* separatory „|” i strzałki ↑↓ */
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu a {
color: #8c7b67;
transition: color .15s ease;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu a:hover {
color: #e46621;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu select {
border-radius: 4px;
background-color: #fff;
color: #6e573c;
cursor: pointer;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu select:focus {
outline: none;
border-color: #c2ae98;
box-shadow: 0 0 0 2px rgba(228, 102, 33, .15);
}
/* data pogrubiona, godzina spokojniej (span zawiera „data
godzina”) */
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .dataczas {
color: #9d8d7b;
font-variant-numeric: tabular-nums;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .dataczas::first-line {
color: #6e573c;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .label {
color: #a3927f;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .uname {
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .pointer img {
opacity: .85;
transition: opacity .15s ease;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .pointer img:hover {
opacity: 1;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor.last a {
border-radius: 14px;
background: #fff;
box-shadow: 0 0 0 4px #fff, 0 0 0 5px #e2d8cc;
color: #8c7b67;
transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor.last a:hover {
background: #f7f2ec;
box-shadow: 0 0 0 4px #f7f2ec, 0 0 0 5px #c2ae98;
color: #6e573c;
}
/* menu główne: ciemniejszy brąz (kontrast na tle #9D8D7B), najechanie i aktywna pozycja
jako biały tekst na przyciemnionym tle; aktywna dodatkowo z kreską w kolorze marki */
:where(html.hi-lifting) body .topsettings2.hi-menu {
border-top-color: #8a7660;
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > a,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > span {
padding: 3px 7px; /* tło pozycji pod tekstem; ujemny margines zeruje wpływ na układ paska */
margin: -3px -7px;
border-radius: 4px;
color: #4a3a28;
transition: background-color .15s ease, color .15s ease;
}
/* nazwa w zagnieżdżonym (np. Vouchery, Corpo/Long) — kolor jak cała pozycja */
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > a span {
color: inherit;
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li:hover > a,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li:hover > span,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.sfHover > a,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.sfHover > span {
background-color: rgba(78, 60, 40, .22);
color: #fff;
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > .actual {
background-color: #7d6a55;
color: #fff;
box-shadow: inset 0 -2px 0 #e46621;
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator > span,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator:hover > span,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator.sfHover > span {
padding: 0;
margin: 0;
background: none;
color: rgba(255, 255, 255, .45);
font-weight: normal;
cursor: default;
}
}
/* OVERFLOW */
:focus {
outline: none;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden-x {
overflow-x: hidden;
}
.overflow-hidden-y {
overflow-y: hidden;
}
.overflow-scroll-x {
overflow-x: auto;
overflow-y: hidden;
height: 20px;
}
.overflow-scroll-y {
overflow-y: scroll !important;
}
.overflow-scroll-y table thead th {
position: sticky;
top: 0;
z-index: 1;
}
.overflow-scroll-x::-webkit-scrollbar {
height: 12px;
}
.overflow-scroll-x::-webkit-scrollbar-thumb {
background: #999;
border-radius: 6px;
}
.overflow-scroll-x::-webkit-scrollbar-track {
background: #eee;
}
/* DISPLAY */
.display-table {
display: table;
height: 100%;
width: 100%;
}
.display-cell {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.block, .display-block {
display: block;
}
.display-none {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.invisible {
visibility: hidden;
}
/* POSITION */
.position-relative, .relative {
position: relative;
}
.position-relative-left-top {
position: relative;
left: 0px;
top: 0px;
}
.position-absolute-left-top {
position: absolute;
left: 0px;
top: 0px;
}
.position-absolute-right-top {
position: absolute;
right: 0px;
top: 0px;
}
.position-absolute-bottom-left {
position: absolute;
left: 0px;
bottom: 0px;
}
.position-absolute-bottom {
position: absolute;
bottom: 0px;
}
.force-no-border-radious {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.force-no-bg {
background: none !important;
}
/* TABELKI */
table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
/* Tabela o sztywnym podziale kolumn — do listy w kontenerze o stałej szerokości
(np. .solbox / .PracownicyUprawnieniaInside), gdzie tabela nie może wyjść poza
widoczny obszar. Sam table-layout:fixed nie wystarcza: komórki mają domyślnie
box-sizing:content-box, więc podana szerokość kolumny rośnie jeszcze o padding
(2 x 3px z "table thead th"/"td") i o 1px złączonej ramki. Przy 10 kolumnach
dawało to ~30px ponad zadeklarowaną szerokość tabeli i poziomy scroll.
Z border-box zadeklarowane szerokości sumują się 1:1 do szerokości tabeli. */
.table-layout-fixed {
table-layout: fixed;
overflow-wrap: break-word;
}
.table-layout-fixed th,
.table-layout-fixed td {
box-sizing: border-box;
}
/* R-I-80: dwie tabele obok siebie z wysokością wierszy synchronizowaną przez JS
(cTabela.wyrownajTabele — mierzy naturalną wysokość wiersza jQuery .height() i ustawia tę samą
wartość na obu tabelach) muszą mieć IDENTYCZNY box-sizing komórek. jQuery .height(x) przy
ustawianiu inaczej przelicza x na styl "height" w zależności od box-sizing elementu (content-box:
height = same jako x; border-box: trzeba doliczyć padding+border) — przy border-collapse i
niecałkowitych podziałach szerokości/paddingu wychodzi to z zaokrągleniem różnym o ułamek px na
wiersz. Dla jednego wiersza niezauważalne, przy kilkudziesięciu kumuluje się w widoczny rozjazd
wysokości między tabelami. Klasa daje samo box-sizing (bez table-layout:fixed) tabeli, która nie
ma wąskich kolumn i ma zostać przy auto-layout. */
.cTabela-border-box th,
.cTabela-border-box td {
box-sizing: border-box;
}
table thead th {
text-align: center;
border: 1px solid #c2ae98;
background: #e3dbd2;
padding: 2px 3px;
line-height: 12px;
}
table thead th.waluta-kurs-styl {
background: #c0b3a5;
border: 1px solid #ac8b68;
}
table tbody td.fake-th {
text-align: center;
border: 1px solid #c2ae98;
background: #e3dbd2;
padding: 2px 3px
}
table tbody tr {
background: #fff;
}
table tbody tr.odd, a.wylaczony {
background: #e3dbd2;
}
table tbody tr.even {
background: #fff;
}
table tbody tr.greenBackground {
background: #eeffee;
}
table tbody tr td {
border: 1px solid #c2ae98;
padding-left: 3px;
padding-right: 3px;
/*overflow-y: hidden;*/
}
table tbody tr td span.td-zawartosc {
display: block;
width: inherit;
overflow: hidden;
word-wrap: break-word;
}
/* FORMULARZE */
.bledy-kontener, .error__Handler {
float: left;
width: 95%;
border: 1px solid red;
color: red;
padding: 0 10px;
background: #ffd8d8;
border-radius: 5px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.komunikat-bledow {
float: left;
width: 95%;
border: 1px solid gray;
color: gray;
padding: 10px;
background: #d8d8d8;
border-radius: 5px;
padding-bottom: 10px;
}
.komunikat-bledow-systemu {
float: left;
width: 95%;
border: 1px solid red;
color: red;
padding: 10px;
background: #ffd8d8;
border-radius: 5px;
padding-bottom: 10px;
}
.error__Handler {
width: auto;
float: none;
padding: 10px;
font-size: 11px;
position: relative;
}
.error__Handler .close-button {
width: 15px;
height: 15px;
display: block;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.error__Handler .close-button.ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
.error__Handler .close-button.err-state-hover {
background-image: url(images/ui-icons_ffffff_256x240.png);
}
.error__Handler:has(.akcje-blokujacy-rekord) {
border-color: #ffe69c;
color: #664d03;
background: #fff3cd;
}
.width8 {
width: 8px;
}
.separator-vertical-small {
float: left;
width: 1px;
height: 34px;
margin-top: 10px;
background: url(/styleimg/l.png) repeat-y top right;
}
.form-wrapper h2 {
font-size: 13px;
float: left;
width: 100%;
text-align: center;
color: #968d84;
color: red;
font-weight: 600;
text-transform: uppercase;
}
.daty .ui-datepicker-trigger {
float: left;
margin-left: 2px;
}
form label, form span {
/* color: #968d84;
font-weight: 500;
padding: 0px 5px; */
}
label, span.label {
color: #968d84;
font-weight: bold;
font-size: 11px;
padding: 2px 5px;
}
label.error {
clear: both;
color: red;
font-size: 10px;
padding: 3px 0;
float: left;
width: 100%;
text-align: left;
}
input[type=text], input[type=file], form input[type=password], textarea, select {
border: solid 1px #ccc;
background: #fff;
color: #444;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
}
input[type=text].error, form input[type=password].error, textarea.error, select.error, div.error {
border: 1px solid #f60d2e;
-moz-box-shadow: 0 0 2px 2px #e11330;
-webkit-box-shadow: 0 0 2px 2px #e11330;
box-shadow: 0 0 2px 2px #e11330;
}
input[disabled=disabled],
textarea[disabled=disabled],
select[disabled=disabled],
select option[disabled=disabled] {
background-color: #e0e0e0;
color: #968d84;
}
/* KOLORY */
.force-color-red {
color: red !important;
}
.force-color-white {
color: white !important;
}
.force-color-black {
color: black !important;
}
.light-brown {
color: #9D8E7B;
}
.color-label {
color: #968D84;
}
.red {
color: red;
}
.gray {
color: #777;
}
.blue {
color: blue;
}
.green {
color: green;
}
.paleblack {
color: #444;
}
.black {
color: #000;
}
.white {
color: #fff;
}
.solution-orange {
color: #FFB400;
}
.solution-brown-light {
color: #9d8d7b;
}
.solution-blue-light {
color: #7d7b9d;
}
.solution-brown-dark {
color: #704c2a;
}
.solution-yellow {
color: #faa116;
}
.solutionb-gold {
color: #cb984b;
}
.brown {
color: #946537;
}
.red {
color: #c4020b;
}
.panel-brown-light {
color: #C1AD97;
}
.tlo-rozowe {
background-color: #F5DECC;
}
/* T�O / BACKGROUND */
.background-brown {
background-color: #EDE3DA;
}
.background-lightgray {
background: #f0f3f8;
}
.background-white {
background: #fff;
}
.background-lightbrown {
background: #fff1dc;
}
tr.background-lightbrown > .waluta-kurs-styl{
background: #f5d5a5;
}
.background-lightblue {
background: #f0efff;
}
.background-red {
background-color: red;
}
.background-brown-darker {
background-color: #6E573C;
}
.background-brown-dark {
background-color: #704c2a;
}
.background-brown-light {
background: #ae722d;
}
/* POZYCJONOWANIE */
.valign-top {
vertical-align: top;
}
.nofloat {
float: none !important;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.pointer {
cursor: pointer;
}
.cursor-default:hover {
cursor: default;
}
.cursor-default {
cursor: default !important;
}
.vertical-middle {
vertical-align: middle;
}
/* TEKST */
.bold {
font-weight: bold;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.force-text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-justify {
text-align: justify;
}
.text-capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.text-bold {
font-weight: bold;
}
.text-normal {
font-weight: normal;
}
.smaller {
font-size: smaller;
}
.bigger {
font-size: large;
}
.text-underline {
text-decoration: underline;
}
.border-radius5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.line-through {
text-decoration: line-through;
}
/* WIDTH / szerokość / procentowa */
.width-min-100p {
min-width: 100%;
}
.width-max-815 {
max-width: 815px;
}
.width-max-820 {
max-width: 820px;
}
.max-width-100{
max-width: 100px;
}
.width-auto {
width: auto !important;
}
.width5p {
width: 5% !important;
}
.width10p {
width: 10% !important;
}
.width15p {
width: 15% !important;
}
.width20p {
width: 20% !important;
}
.width25p {
width: 25% !important;
}
.width30p {
width: 30% !important;
}
.width35p {
width: 35% !important;
}
.width40p {
width: 40% !important;
}
.width45p {
width: 45% !important;
}
.width50p {
width: 50% !important;
}
.width55p {
width: 55% !important;
}
.width60p {
width: 60% !important;
}
.width65p {
width: 65% !important;
}
.width70p {
width: 70% !important;
}
.width75p {
width: 75% !important;
}
.width80p {
width: 80% !important;
}
.width85p {
width: 85% !important;
}
.width90p {
width: 90% !important;
}
.width96p {
width: 96% !important;
}
.width98p {
width: 98% !important;
}
.width99p {
width: 99% !important;
}
.width100p {
width: 100% !important;
}
/* WIDTH / szerokość / liczbowa */
.width5 {
width: 5px !important;
}
.width10 {
width: 10px !important;
}
.width15 {
width: 15px !important;
}
.width16 {
width: 16px !important;
}
.width17 {
width: 17px !important;
}
.width18 {
width: 18px !important;
}
.width20 {
width: 20px !important;
}
.width25 {
width: 25px !important;
}
.width30 {
width: 30px !important;
}
.width35 {
width: 35px !important;
}
.width40 {
width: 40px !important;
}
.width45 {
width: 45px !important;
}
.width50 {
width: 50px !important;
}
.width55 {
width: 55px !important;
}
.width60 {
width: 60px !important;
}
.width65 {
width: 65px !important;
}
.width70 {
width: 70px !important;
}
.width74 {
width: 74px !important;
}
.width75 {
width: 75px !important;
}
.width80 {
width: 80px !important;
}
.width82 {
width: 82px !important;
}
.width85 {
width: 85px !important;
}
.width86 {
width: 86px !important;
}
.width89 {
width: 89px !important;
}
.width87 {
width: 87px !important;
}
.width90 {
width: 90px !important;
}
.width94 {
width: 94px !important;
}
.width95 {
width: 95px !important;
}
.width96 {
width: 96px !important;
}
.width100 {
width: 100px !important;
}
.width105 {
width: 105px;
}
.width110 {
width: 110px !important;
}
.width115 {
width: 115px !important;
}
.width120 {
width: 120px !important;
}
.width125 {
width: 125px !important;
}
.width130 {
width: 130px !important;
}
.width135 {
width: 135px !important;
}
.width140 {
width: 140px !important;
}
.width145 {
width: 145px !important;
}
.width150 {
width: 150px !important;
}
.width155 {
width: 155px !important;
}
.width160 {
width: 160px !important;
}
.width165 {
width: 165px !important;
}
.width170 {
width: 170px !important;
}
.width174 {
width: 174px !important;
}
.width175 {
width: 175px !important;
}
.width176 {
width: 176px !important;
}
.width180 {
width: 180px !important;
}
.width185 {
width: 185px !important;
}
.width190 {
width: 190px !important;
}
.width195 {
width: 195px !important;
}
.width200 {
width: 200px !important;
}
.width220 {
width: 220px !important;
}
.width205 {
width: 205px !important;
}
.width210 {
width: 210px !important;
}
.width215 {
width: 215px !important;
}
.width220 {
width: 220px !important;
}
.width225 {
width: 225px !important;
}
.width230 {
width: 230px !important;
}
.width235 {
width: 235px !important;
}
.width240 {
width: 240px !important;
}
.width245 {
width: 245px !important;
}
.width250 {
width: 250px !important;
}
.width255 {
width: 255px !important;
}
.width260 {
width: 260px !important;
}
.width265 {
width: 265px !important;
}
.width270 {
width: 270px !important;
}
.width275 {
width: 275px !important;
}
.width280 {
width: 280px !important;
}
.width285 {
width: 285px !important;
}
.width290 {
width: 290px !important;
}
.width295 {
width: 295px !important;
}
.width300 {
width: 300px !important;
}
.width305 {
width: 305px !important;
}
.width310 {
width: 310px !important;
}
.width315 {
width: 315px !important;
}
.width320 {
width: 320px !important;
}
.width325 {
width: 325px !important;
}
.width330 {
width: 330px !important;
}
.width335 {
width: 335px !important;
}
.width340 {
width: 340px !important;
}
.width345 {
width: 345px !important;
}
.width350 {
width: 350px !important;
}
.width355 {
width: 355px !important;
}
.width360 {
width: 360px !important;
}
.width365 {
width: 365px !important;
}
.width370 {
width: 370px !important;
}
.width375 {
width: 375px !important;
}
.width380 {
width: 380px !important;
}
.width385 {
width: 385px !important;
}
.width390 {
width: 390px !important;
}
.width395 {
width: 395px !important;
}
.width400 {
width: 400px !important;
}
.width405 {
width: 405px !important;
}
.width410 {
width: 410px !important;
}
.width415 {
width: 415px !important;
}
.width420 {
width: 420px !important;
}
.width425 {
width: 425px !important;
}
.width430 {
width: 430px !important;
}
.width435 {
width: 435px !important;
}
.width440 {
width: 440px !important;
}
.width445 {
width: 445px !important;
}
.width455 {
width: 455px !important;
}
.width450 {
width: 450px !important;
}
.width460 {
width: 460px !important;
}
.width465 {
width: 465px !important;
}
.width470 {
width: 470px !important;
}
.width475 {
width: 475px !important;
}
.width480 {
width: 480px !important;
}
.width485 {
width: 485px !important;
}
.width490 {
width: 490px !important;
}
.width495 {
width: 495px !important;
}
.width500 {
width: 500px;
}
.width505 {
width: 505px !important;
}
.width510 {
width: 510px !important;
}
.width525 {
width: 525px !important;
}
.width540 {
width: 540px !important;
}
.width550 {
width: 550px !important;
}
.width565 {
width: 565px !important;
}
.width575 {
width: 575px !important;
}
.width590 {
width: 590px !important;
}
.width600 {
width: 600px !important;
}
.width620 {
width: 620px !important;
}
.width635 {
width: 635px !important;
}
.width650 {
width: 650px !important;
}
.width655 {
width: 655px !important;
}
.width660 {
width: 660px !important;
}
.width665 {
width: 665px !important;
}
.width670 {
width: 670px !important;
}
.width680 {
width: 680px !important;
}
.width690 {
width: 690px !important;
}
.width700 {
width: 700px !important;
}
.width765 {
width: 765px !important;
}
.width775 {
width: 775px !important;
}
.width780 {
width: 780px !important;
}
.width793 {
width: 793px !important;
}
.width800 {
width: 800px !important;
}
.width810 {
width: 810px !important;
}
.width815 {
width: 815px !important;
}
.width980 {
width: 980px;
}
.width960 {
width: 960px;
}
.width940 {
width: 940px;
}
.width943 {
width: 943px;
}
.width1170 {
width: 1170px;
}
/* HEIGHT */
.max-height60 {
max-height: 60px;
}
.max-height70 {
max-height: 70px;
}
.max-height130 {
max-height: 130px;
}
.max-height135 {
max-height: 135px;
}
.max-height175 {
max-height: 175px;
}
.min-height505 {
min-height: 505px;
}
.height-auto {
height: auto !important;
}
.height100p {
height: 100% !important;
}
.height10 {
height: 10px !important;
}
.height13 {
height: 13px !important;
}
.height15 {
height: 15px;
}
.height16 {
height: 16px !important;
}
.height17 {
height: 17px !important;
}
.height18 {
height: 18px !important;
}
.height19 {
height: 19px !important;
}
.height20 {
height: 20px !important;
}
.height21 {
height: 21px !important;
}
.height22 {
height: 22px !important;
}
.height23 {
height: 23px !important;
}
.height25 {
height: 25px !important;
}
.height27 {
height: 27px;
}
.height29 {
height: 29px;
}
.height30 {
height: 30px;
}
.height31 {
height: 31px !important;
}
.height32 {
height: 32px !important;
}
.height40 {
height: 40px !important;
}
.height45 {
height: 45px;
}
.height50 {
height: 50px !important;
}
.height55 {
height: 55px !important;
}
.height57 {
height: 57px !important;
}
.height59 {
height: 59px;
}
.height60 {
height: 60px !important;
}
.height65 {
height: 65px !important;
}
.height75 {
height: 75px !important;
}
.height80 {
height: 80px !important;
}
.height87 {
height: 87px;
}
.height89 {
height: 89px;
}
.height100 {
height: 100px !important;
}
.height110 {
height: 110px !important;
}
.height130 {
height: 130px !important;
}
.height150 {
height: 150px !important;
}
.height158 {
height: 158px !important;
}
.height175 {
height: 175px !important;
}
.height210 {
height: 210px !important;
}
.height220 {
height: 220px !important;
}
.height250 {
height: 250px !important;
}
.height270 {
height: 270px !important;
}
.height300 {
height: 300px !important;
}
.height330 {
height: 330px !important;
}
.height340 {
height: 340px !important;
}
.height345 {
height: 345px !important;
}
.height360 {
height: 360px !important;
}
.height370 {
height: 370px !important;
}
.height375 {
height: 375px !important;
}
.height382 {
height: 382px !important;
}
.height390 {
height: 390px !important;
}
.height400 {
height: 400px !important;
}
.height414 {
height: 414px !important;
}
.height437 {
height: 437px !important;
}
.height438 {
height: 438px !important;
}
.height441 {
height: 441px !important;
}
.height450 {
height: 450px !important;
}
.height473 {
height: 473px !important;
}
.height470 {
height: 470px !important;
}
.height510 {
height: 510px !important;
}
.height525 {
height: 525px !important;
}
.height540 {
height: 540px !important;
}
.height530 {
height: 530px !important;
}
.height560 {
height: 560px !important;
}
.height580 {
height: 580px !important;
}
.height600 {
height: 600px !important;
}
.height650 {
height: 650px !important;
}
.height700 {
height: 700px !important;
}
.height760 {
height: 760px !important;
}
/* LINE-HEIGHT / INTERLINIA */
.line-height12 {
line-height: 13px !important;
}
.line-height13 {
line-height: 13px !important;
}
.line-height15 {
line-height: 15px !important;
}
.line-height16 {
line-height: 16px !important;
}
.line-height17 {
line-height: 17px !important;
}
.line-height18 {
line-height: 18px !important;
}
.line-height19 {
line-height: 19px;
}
.line-height20 {
line-height: 20px;
}
.line-height21 {
line-height: 21px;
}
.line-height22 {
line-height: 22px;
}
.line-height23 {
line-height: 23px !important;
}
.line-height25 {
line-height: 25px !important;
}
.line-height27 {
height: 27px;
}
.line-height29 {
line-height: 29px;
}
.line-height31 {
line-height: 31px;
}
.line-height57 {
line-height: 57px;
}
.line-height59 {
line-height: 59px;
}
.line-height60 {
line-height: 60px;
}
.line-height87 {
line-height: 87px;
}
.height90 {
height: 90px;
}
.line-height90 {
line-height: 90px;
}
/* BORDER */
.border-yellow {
border: #FCDC8A;
}
.border-bottom-dashed {
border-bottom: 1px dashed #B2B2B2;
padding-bottom: 3px;
}
.border-top-dashed {
border-top: 1px dashed #B2B2B2;
}
.only-border-bottom-dashed {
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px dashed #B2B2B2;
padding: 0px;
}
.border-top-dashed {
border-top: 1px dashed #B2B2B2;
padding-top: 3px;
}
.only-border-top-dashed {
border-left: none;
border-right: none;
border-bottom: none;
border-top: 1px dashed #B2B2B2;
padding: 0px;
}
.border-solid-red {
border: 1px solid red;
}
.border-none, .noborder {
border-style: none !important;
}
.borderBrown1 {
border: 1px solid #C2AE98;
}
.border-top-none {
border-top: none;
}
.border-left-none {
border-left: none;
}
.border-bottom-none {
border-bottom: none;
}
.border-right-none {
border-right: none;
}
.border-gray {
border: 1px solid #cfd3d4;
}
.border-top-gray {
border-top: 1px solid #cfd3d4;
}
.border-left-gray {
border-left: 1px solid #cfd3d4;
}
.border-right-gray {
border-right: 1px solid #cfd3d4;
}
.border-bottom-gray {
border-bottom: 1px solid #cfd3d4;
}
.border-brown {
border: 1px solid #c2ae98;
}
.border-brown.waluta-kurs-styl {
border: 1px solid #b8936a;
}
.border-top-brown {
border-top: 1px solid #c2ae98;
}
.border-right-brown {
border-right: 1px solid #c2ae98;
}
.border-bottom-brown {
border-bottom: 1px solid #c2ae98;
}
.border-left-brown {
border-left: 1px solid #c2ae98;
}
.border-top2 {
border-top-width: 2px;
}
.border-right2 {
border-right-width: 2px;
}
.border-bottom2 {
border-bottom-width: 2px;
}
.border-left2 {
border-left-width: 2px;
}
/* MARGIN */
.margin0 {
margin: 0px;
}
.margin5 {
margin: 5px;
}
.margin-0-auto {
margin: 0 auto;
}
.margin-top-bottom0 {
margin-top: 0px;
margin-bottom: 0px;
}
.margin-top-bottom3 {
margin-top: 3px;
margin-bottom: 3px;
}
.margin-top-bottom5 {
margin-top: 5px;
margin-bottom: 5px;
}
.margin-top-bottom8 {
margin-top: 8px;
margin-bottom: 8px;
}
.margin-top-bottom10 {
margin-top: 10px;
margin-bottom: 10px;
}
/* MARGIN-LEFT */
.margin-left-minus3 {
margin-left: -3px !important;
}
.margin-left-minus1 {
margin-left: -1px;
}
.margin-left0 {
margin-left: 0px;
}
.margin-left1 {
margin-left: 1px;
}
.margin-left2 {
margin-left: 2px;
}
.margin-left3 {
margin-left: 3px;
}
.margin-left6 {
margin-left: 6px;
}
.margin-left4 {
margin-left: 4px;
}
.margin-left5 {
margin-left: 5px;
}
.margin-left8 {
margin-left: 8px;
}
.margin-left10 {
margin-left: 10px;
}
.margin-left13 {
margin-left: 13px;
}
.margin-left15 {
margin-left: 15px;
}
.margin-left20 {
margin-left: 20px;
}
.margin-left43 {
margin-left: 43px;
}
.margin-left50 {
margin-left: 50px;
}
.margin-left60 {
margin-left: 60px;
}
.margin-left100 {
margin-left: 100px;
}
.margin-left105 {
margin-left: 105px;
}
.margin-left125 {
margin-left: 125px;
}
.margin-left140 {
margin-left: 140px;
}
.margin-left160 {
margin-left: 160px;
}
.margin-left180 {
margin-left: 180px;
}
/* MARGIN-RIGHT */
.margin-right-minus1 {
margin-right: -1px;
}
.margin-right0 {
margin-right: 0px !important;
}
.margin-right3 {
margin-right: 3px;
}
.margin-right5 {
margin-right: 5px;
}
.margin-right10 {
margin-right: 10px;
}
.margin-right30 {
margin-right: 30px;
}
.margin-right40 {
margin-right: 40px !important;
}
.margin-right10 {
margin-right: 10px;
}
.margin-right15 {
margin-right: 15px !important;
}
.margin-right20 {
margin-right: 20px;
}
.margin-right23 {
margin-right: 23px !important;
}
/* MARGIN-TOP */
.margin-top-minus40 {
margin-top: -40px;
}
.margin-top-minus30 {
margin-top: -30px;
}
.margin-top0 {
margin-top: 0px !important;
}
.margin-top1 {
margin-top: 1px;
}
.margin-top2 {
margin-top: 2px;
}
.margin-top3 {
margin-top: 3px;
}
.margin-top5 {
margin-top: 5px;
}
.przycisk-offscreen {
position: absolute;
left: -9999px;
}
.margin-top8 {
margin-top: 8px;
}
.margin-top10 {
margin-top: 10px;
}
.margin-top15 {
margin-top: 15px;
}
.margin-top20 {
margin-top: 20px;
}
.margin-top25 {
margin-top: 25px;
}
.margin-top30 {
margin-top: 30px;
}
.margin-top40 {
margin-top: 40px;
}
.margin-top45 {
margin-top: 45px;
}
.margin-top50 {
margin-top: 50px;
}
.margin-top55 {
margin-top: 55px;
}
.margin-top60 {
margin-top: 60px;
}
/* MARGIN-BOTTOM */
.margin-bottom0 {
margin-bottom: 0px !important;
}
.margin-bottom1 {
margin-bottom: 1px;
}
.margin-bottom2 {
margin-bottom: 2px;
}
.margin-bottom3 {
margin-bottom: 3px;
}
.margin-bottom5 {
margin-bottom: 5px;
}
.margin-bottom8 {
margin-bottom: 8px;
}
.margin-bottom10 {
margin-bottom: 10px;
}
.margin-bottom20 {
margin-bottom: 20px;
}
.margin10 {
margin: 10px;
}
/* PADDING */
.padding0 {
padding: 0px !important;
}
.padding5 {
padding: 5px;
}
.padding10 {
padding: 10px;
}
.padding20 {
padding: 20px;
}
.padding15 {
padding: 15px;
}
.padding-left20 {
padding-left: 20px;
}
.padding-left30 {
padding-left: 20px;
}
.padding-left-right0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.padding-left-right1 {
padding-left: 1px;
padding-right: 1px;
}
.padding-left-right10 {
padding-left: 10px;
padding-right: 10px;
}
.padding-left-right15 {
padding-left: 15px;
padding-right: 15px;
}
.padding-left-right7 {
padding-left: 7px;
padding-right: 7px;
}
.padding-left-right4 {
padding-left: 4px;
padding-right: 4px;
}
.padding-left-right2 {
padding-left: 2px;
padding-right: 2px;
}
.padding-top-bottom1 {
padding: 1px 0;
}
.padding-top-bottom3 {
padding: 3px 0 !important;
}
.padding-top-bottom10 {
padding: 10px 0;
}
.padding-top-bottom5 {
padding: 5px 0 !important;
}
.padding-top-bottom8 {
padding: 8px 0;
}
.padding-top-bottom15 {
padding: 15px 0;
}
.padding-top-bottom20 {
padding: 20px 0;
}
/* PADDING-TOP */
.padding-top0 {
padding-top: 0px !important;
}
.padding-top1 {
padding-top: 1px !important;
}
.padding-top2 {
padding-top: 2px !important;
}
.padding-top3 {
padding-top: 3px;
}
.padding-top5 {
padding-top: 5px;
}
.padding-top10 {
padding-top: 10px;
}
.padding-top12 {
padding-top: 12px;
}
.padding-top15 {
padding-top: 15px;
}
.padding-top48 {
padding-top: 48px;
}
/* PADDING-LEFT */
.padding-left0 {
padding-left: 0px !important;
}
.padding-left1 {
padding-left: 1px !important;
}
.padding-left2 {
padding-left: 2px !important;
}
.padding-left5 {
padding-left: 5px !important;
}
.padding-left10 {
padding-left: 10px;
}
.padding-left20 {
padding-left: 20px;
}
.padding-left30 {
padding-left: 20px;
}
.padding-left65 {
padding-left: 65px;
}
.padding-left100 {
padding-left: 100px;
}
.margin-left100 {
margin-left: 100px;
}
.padding-left115 {
padding-left: 115px;
}
.padding-left240 {
padding-left: 240px;
}
/* PADDING-BOTTOM */
.padding-bottom0 {
padding-bottom: 0px !important;
}
.padding-bottom1 {
padding-bottom: 1px !important;
}
.padding-bottom2 {
padding-bottom: 2px !important;
}
.padding-bottom3 {
padding-bottom: 3px !important;
}
.padding-bottom4 {
padding-bottom: 4px !important;
}
.padding-bottom5 {
padding-bottom: 5px;
}
.padding-bottom10 {
padding-bottom: 10px;
}
.padding-bottom15 {
padding-bottom: 15px;
}
/* PADDING-RIGHT */
.padding-right0 {
padding-right: 0px;
}
.padding-right3 {
padding-right: 3px;
}
.padding-right5 {
padding-right: 5px;
}
.padding-right10 {
padding-right: 10px;
}
/* FONT-SIZE, CZCIONKI, FONTY */
.defaultFont {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4;
}
.buttonFont {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
.font-size-9 {
font-size: 9px;
}
.font-size-8 {
font-size: 8px;
}
.font-size-10 {
font-size: 10px;
}
.font-size-11, .size-11px {
font-size: 11px;
}
.font-size-12 {
font-size: 12px;
}
.font-size-13 {
font-size: 13px;
}
.font-size-14 {
font-size: 14px !important;
}
.font-size-15 {
font-size: 15px;
}
.font-size-16 {
font-size: 16px;
}
.font-size-17 {
font-size: 17px;
}
.font-size-18 {
font-size: 18px;
}
.font-size-20 {
font-size: 20px;
}
.font-size-25 {
font-size: 25px;
}
.font-size-35 {
font-size: 35px !important;
}
.left-0 {
left: 0px;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.no-wrap {
white-space: nowrap;
}
.ui-slider-range.ui-widget-header {
background: rgb(176, 28, 46);
}
ul.lista-bez-wypunktowania {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
ul.lista-bez-wypunktowania li {
list-style-type: none;
float: left;
width: 100%;
}
.border-transparent {
border: 1px solid transparent;
}
.border-top-transparent {
border-top: 1px solid transparent;
}
.border-left-transparent {
border-left: 1px solid transparent;
}
.border-right-transparent {
border-right: 1px solid transparent;
}
.border-bottom-transparent {
border-bottom: 1px solid transparent;
}
.opacity80 {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: .80;
}
.layer1 {
z-index: 1;
}
.layer2 {
z-index: 2;
}
.absolute {
position: absolute;
}
.wybor-koloru {
float: left;
border: 1px solid #D4B497;
width: 16px;
height: 16px;
cursor: pointer;
}
#menuFormularzOverflow li table td span{
padding: 0;
}
.nofloat{
float: none;
}
.potrawa_do_usuniecia {
position: relative;
}
.potrawa_do_usuniecia::after {
content: "";
position: absolute;
top: 50%; /* Ustawia linię w połowie wysokości wiersza */
left: 0;
right: 0;
height: 1px; /* Grubość linii */
background-color: #302f2f; /* Kolor linii */
transform: translateY(-50%); /* Centrowanie linii */
z-index: 3; /* Ustawia linię poniżej tekstu */
pointer-events: none; /* Sprawia, że linia nie reaguje na zdarzenia myszy */
}
.analysis-background {
background-color: #fff1dc;
font-weight: bold;
}
.analysis-main {
background-color: #e3dbd2;
font-weight: bold;
}
.analysis-input
{
border: solid 1px #ccc;
background: #fff;
color: #444;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
}
/* ==== /wprowadzanie (menu + atrakcje) — sekcja "Edytowane dziś" ====
Celowo trzyma paletę list (tan/brąz #c2ae98), nie własny szary motyw, żeby
czytała się jako część tego samego widoku. Szerokość (800px) i ewentualne
wyśrodkowanie trzymamy na .ostatnio-edytowane-sekcja — dzięki temu ten sam
zestaw klas obsługuje listę menu (wyrównaną do lewej) i listę atrakcji
(wyśrodkowaną przez .margin-0-auto). Dzieci mają box-sizing:border-box,
żeby ramki mieściły się w 800px i krawędzie pokrywały się z tabelami. */
.ostatnio-edytowane-sekcja {
box-sizing: border-box;
width: 800px;
margin-bottom: 10px;
}
.ostatnio-edytowane-sekcja .oe-tytul {
box-sizing: border-box;
background: #cbb79b;
color: #4a3b28;
border: 1px solid #c2ae98;
border-bottom: none;
font-size: 11px;
font-weight: bold;
padding: 3px 6px;
letter-spacing: .3px;
}
.oe-tytul .oe-ikona {
margin-right: 3px;
}
.oe-tytul .oe-licznik {
display: inline-block;
background: #8a7454;
color: #fff;
border-radius: 8px;
padding: 0 6px;
margin-left: 4px;
font-size: 10px;
line-height: 14px;
}
.oe-scroll {
box-sizing: border-box;
max-height: 84px;
overflow-y: auto;
/* overflow-y:auto sam wymusza overflow-x:auto; bez tego ramka border-box
(–2px szerokości treści) sprawiała, że tabela 800px „wystawała" i pojawiał
się zbędny poziomy pasek przewijania w „Edytowane dziś". */
overflow-x: hidden;
border: 1px solid #c2ae98;
border-top: none;
}
.ostatnio-edytowane-tabela td {
font-size: 11px;
height: 24px;
}
/* Struktura pokoi: „Edytowane dziś” na pełną szerokość listy, z tymi samymi kolumnami.
Obie tabele mają table-layout:fixed i wspólny colgroup; scrollbar-gutter rezerwuje
miejsce na pasek przewijania w obu kontenerach, żeby kolumny nie rozjeżdżały się,
gdy przewija się tylko jeden z nich. Nagłówek sekcji przykleja się przy przewijaniu. */
.ostatnio-edytowane-sekcja.oe-pokoje {
width: 100%;
}
.oe-pokoje .oe-scroll {
max-height: 115px;
scrollbar-gutter: stable;
}
.oe-pokoje .ostatnio-edytowane-tabela,
.lista-pokoi-tabela {
table-layout: fixed;
}
.oe-pokoje .ostatnio-edytowane-tabela thead th {
position: sticky;
top: 0;
z-index: 1;
}
.listapokoi {
scrollbar-gutter: stable;
}
/* ==== Widok edycji sal: boks 510px jako kolumna flex ====
Filtr + „Edytowane dziś" (zmienna wysokość) + lista + dolne przyciski nie mieszczą
się sztywno w height510 — bez flexa treść wypychała dolne przyciski poza boks
(przy #body overflow:hidden bywały nieosiągalne). Lista (.saleinside) dostaje całą
resztę wysokości i przewija się wewnętrznie; inline height listy działa jako
flex-basis. overflow:hidden na .kontenerprzyciskow domyka pływające przyciski. */
.sale-edycja-box {
display: flex;
flex-direction: column;
}
.sale-edycja-box > .kontener {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.sale-edycja-box .saleinside {
flex: 1 1 auto;
min-height: 0;
}
.sale-edycja-box .kontenerprzyciskow {
flex: 0 0 auto;
overflow: hidden;
}
/* ==== /wprowadzanie/potrawy: boks 700px jako kolumna flex ====
„Edytowane dziś" (zmienna wysokość, ładowane AJAX-em) + filtr + lista + dolne przyciski.
Wcześniej wysokość kontenera liczył JS przed doładowaniem „Edytowane dziś", a lista miała
sztywne 530px — dół listy (ostatnie potrawy) chował się pod przyciskami i nie dało się do
niego przewinąć. Teraz lista bierze resztę wysokości boksu i przewija się wewnątrz. */
.potrawy-box {
display: flex;
flex-direction: column;
}
.potrawy-box > .kontener {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.potrawy-box #potrawy-glowny-kontener {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.potrawy-box #potrawy-glowny-kontener > * {
flex: 0 0 auto;
}
.potrawy-box #potrawy-kontener {
flex: 1 1 auto;
min-height: 0;
align-self: stretch;
padding-bottom: 8px;
/* szablon ma height530 jako zapas dla starego szkieletu strony (po wdrożeniu, do odświeżenia);
w kolumnie flex wysokość ustala flex */
height: auto !important;
}
/* „Edytowane dziś" na szerokość listy (sekcja ma width:100%) */
.potrawy-box #ostatnio-edytowane-kontener {
align-self: stretch;
}
.potrawy-box .kontenerprzyciskow {
flex: 0 0 auto;
overflow: hidden;
}
/* czytelność listy (lista + „Edytowane dziś" — wspólny wiersz _potrawa.php) */
.potrawy-box #potrawy-tabela tr:hover > td,
.potrawy-box .potrawy-oe tbody tr:hover > td {
background-color: #efe5d3;
}
.potrawy-box #potrawy-tabela td.text-right,
.potrawy-box .potrawy-oe td.text-right {
font-variant-numeric: tabular-nums;
}
.potrawy-box .potrawa-zwin {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.potrawy-box .potrawy-oe .oe-scroll {
max-height: 110px;
/* bez bocznych ramek: ciało sekcji zaczyna się w tym samym pikselu co nagłówek, filtr i lista */
border-left-width: 0;
border-right-width: 0;
}
.potrawy-box .potrawa-jedna-linia {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.potrawa-podpowiedz {
max-width: 420px;
padding: 5px 10px;
font-size: 11px;
line-height: 1.4;
}
/* ==== Filtr PMS — checkbox + szukajka symbolu jako jeden spójny „pigułka" ==== */
.pms-filtr {
display: inline-flex;
align-items: center;
gap: 3px;
box-sizing: border-box;
max-width: 100%;
padding: 1px 4px;
border: 1px solid #c2ae98;
border-radius: 11px;
background: #fff;
vertical-align: middle;
}
.pms-filtr input[type="checkbox"] {
margin: 0;
flex: 0 0 auto;
cursor: pointer;
}
.pms-filtr .pms-filtr-input {
border: none;
outline: none;
/* Stała, wygodna szerokość — pole mieści się w kolumnie zarówno przy
table-layout:fixed (menu), jak i auto (atrakcje), bez rozpychania
kolumny (flex-grow rozpychał kolumnę PMS i wypychał „Akcje"). */
flex: 0 0 auto;
width: 74px;
background: transparent;
font-size: 11px;
line-height: 16px;
padding: 0;
}
.pms-filtr .pms-filtr-ikona {
flex: 0 0 auto;
color: #8a7454;
font-size: 10px;
}
/* szata tylko na ekranie — wydruk ma zostać w wyglądzie klasycznym */
@media screen {
/* ==== Lifting: menu boczne i sekcje ====
Tylko wygląd (bez zmiany wysokości, szerokości i odstępów decydujących o układzie):
- menu boczne: spójne zaokrąglenia, delikatny cień grup zamiast twardej białej ramki,
wyraźny stan najechania/kliknięcia (filter — działa też z kolorem ustawianym inline przez JS,
np. migający „Nowe imprezy”), czytelniejsze dwuwierszowe etykiety; przyciski nieaktywne
(inline background #e3dbd2) bez efektów,
- sekcje (paski zakładek nad treścią): zaokrąglenia, stan najechania, aktywna zakładka jak
aktywna pozycja górnego menu (biały tekst, ciemniejsze tło, kreska #e46621 — żółty tekst
na brązie był mało czytelny); zakładki o równej wysokości tylko w paskach z samych tekstowych
(:has — paski z selectem/tabelą/linkiem w zakładce zostają w starym układzie),
- dolne boksy: te same zaokrąglenia i cień. */
:where(html.hi-lifting) #body .prawa-przyciski > .box {
border-color: transparent;
box-shadow: 0 1px 3px rgba(74, 56, 36, 0.22);
}
:where(html.hi-lifting) #body .prawa-przyciski .button {
border-radius: 7px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
transition: filter 0.15s ease, box-shadow 0.15s ease;
}
:where(html.hi-lifting) #body .prawa-przyciski .button .td {
line-height: 1.15;
}
:where(html.hi-lifting) #body .prawa-przyciski .button:hover {
filter: brightness(1.1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
:where(html.hi-lifting) #body .prawa-przyciski .button:active {
filter: brightness(0.94);
}
:where(html.hi-lifting) #body .prawa-przyciski .button[style*="e3dbd2"],
:where(html.hi-lifting) #body .prawa-przyciski .button:has(.menu-header) {
cursor: default;
filter: none;
box-shadow: none;
text-shadow: none;
}
:where(html.hi-lifting) #body .solbox .headings h2,
:where(html.hi-lifting) #body .solbox .headings-po h2,
:where(html.hi-lifting) #body .solbox .headings-send-message h2 {
border-radius: 8px;
transition: background-color 0.15s ease;
}
:where(html.hi-lifting) #body .solbox .headings h2:not(.active):hover,
:where(html.hi-lifting) #body .solbox .headings-po h2:not(.active):hover,
:where(html.hi-lifting) #body .solbox .headings-send-message h2:not(.active):hover {
background-color: #8f7f6d;
}
:where(html.hi-lifting) #body .solbox .headings h2.active,
:where(html.hi-lifting) #body .solbox .headings-po h2.active,
:where(html.hi-lifting) #body .solbox .headings-send-message h2.active {
/* jak aktywna pozycja górnego menu: biały tekst, ciemniejsze tło, kreska w kolorze marki */
color: #fff;
background-color: #7d6a55;
box-shadow: inset 0 -3px 0 #e46621;
}
/* pasek zakładek w boksie-kolumnie flex (np. edycja sal) nie może się kurczyć — inaczej
overflow:hidden obcinał dolną część zakładki z etykietą w dwóch liniach */
:where(html.hi-lifting) #body .solbox > :is(.headings, .headings-po) {
flex-shrink: 0;
}
:where(html.hi-lifting) #body .solbox :is(.headings, .headings-po):not(.headings-po8):not(.flex):not([style*="flex"]):not(:has(> :not(h2, .clear))):not(:has(> h2 > *)) {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
:where(html.hi-lifting) #body .solbox :is(.headings, .headings-po):not(.headings-po8):not(.flex):not([style*="flex"]):not(:has(> :not(h2, .clear))):not(:has(> h2 > *)) > h2 {
float: none;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom {
border-radius: 8px;
box-shadow: 0 1px 3px rgba(74, 56, 36, 0.22);
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2 {
transition: filter 0.15s ease;
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2:hover {
filter: brightness(1.06);
}
/* lifting: natywne listy rozwijane (bez select2) wyglądają jak listy select2 i lista w górnym pasku —
zaokrąglony róg, ciepła ramka, własna strzałka. Niska specyfikacja (:where), więc klasy z własnym
wyglądem (.error, [disabled], listy w tabelach z własnym CSS) nadal wygrywają. */
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible):not(.styled-select select):not(.topmenu select)) {
-webkit-appearance: none;
appearance: none;
height: 20px;
padding: 0 16px 0 5px;
border: 1px solid #d8cdc1;
border-radius: 4px;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238c7b67' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 9px 5px;
color: #4a3d2e;
text-overflow: ellipsis;
cursor: pointer;
transition: border-color .15s ease, box-shadow .15s ease;
}
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):hover {
border-color: #c2ae98;
}
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):focus {
outline: none;
border-color: #c2ae98;
box-shadow: 0 0 0 2px rgba(228, 102, 33, .15);
}
:where(html.hi-lifting) select[disabled]:where(:not([multiple]):not([size])) {
background-color: #f1ece6;
cursor: not-allowed;
}
/* lifting: pozostałe pola formularzy — spójne z listami rozwijanymi (zaokrąglony róg, ciepła ramka,
podświetlenie przy aktywacji), znaczniki wyboru w kolorze marki, natywny przycisk „Wybierz plik”.
Tylko kolory i zaokrąglenia — wysokości, szerokości i odstępy bez zmian. */
:where(html.hi-lifting) {
scrollbar-color: #b9ab99 #efe9e2;
}
:where(html.hi-lifting) input[type=text],
:where(html.hi-lifting) input[type=password],
:where(html.hi-lifting) input[type=number],
:where(html.hi-lifting) input[type=email],
:where(html.hi-lifting) input[type=tel],
:where(html.hi-lifting) input[type=search],
:where(html.hi-lifting) input[type=url],
:where(html.hi-lifting) textarea {
border-color: #d8cdc1;
border-radius: 4px;
transition: border-color .15s ease, box-shadow .15s ease;
}
:where(html.hi-lifting) input[type=text]:hover,
:where(html.hi-lifting) input[type=password]:hover,
:where(html.hi-lifting) input[type=number]:hover,
:where(html.hi-lifting) textarea:hover {
border-color: #c2ae98;
}
:where(html.hi-lifting) input[type=text]:focus:not(.error),
:where(html.hi-lifting) input[type=password]:focus:not(.error),
:where(html.hi-lifting) input[type=number]:focus:not(.error),
:where(html.hi-lifting) input[type=email]:focus:not(.error),
:where(html.hi-lifting) input[type=tel]:focus:not(.error),
:where(html.hi-lifting) input[type=search]:focus:not(.error),
:where(html.hi-lifting) input[type=url]:focus:not(.error),
:where(html.hi-lifting) textarea:focus:not(.error) {
outline: none;
border-color: #c2ae98;
box-shadow: 0 0 0 2px rgba(228, 102, 33, .15);
}
:where(html.hi-lifting) input[type=checkbox],
:where(html.hi-lifting) input[type=radio] {
accent-color: #7d6a55;
}
:where(html.hi-lifting) input[type=file]::file-selector-button {
padding: 1px 8px;
border: 0;
border-radius: 4px;
background: #9d8d7b;
color: #fff;
font-family: inherit;
font-size: 11px;
cursor: pointer;
transition: filter .15s ease;
}
:where(html.hi-lifting) input[type=file]::file-selector-button:hover {
filter: brightness(1.1);
}
/* lifting: okna dialogowe — zaokrąglony róg i miękki cień zamiast płaskiego prostokąta, ciepła ramka
i linia nad przyciskami, półprzezroczyste tło w ciepłym brązie. Tylko kolory, róg i cień —
rozmiar, położenie i zawartość okna bez zmian. */
:where(html.hi-lifting) .ui-dialog.okno-dialog {
border-color: #d8cdc1;
border-radius: 8px;
box-shadow: 0 12px 36px rgba(60, 45, 30, .30), 0 2px 8px rgba(60, 45, 30, .14);
}
:where(html.hi-lifting) .ui-dialog.okno-dialog .ui-dialog-buttonpane {
border-top-color: #e6ded3;
border-radius: 0 0 8px 8px;
}
:where(html.hi-lifting) .ui-widget-overlay {
background: #2b2118;
}
:where(html.hi-lifting) .ui-autocomplete.ui-menu {
border-color: #d8cdc1;
border-radius: 4px;
box-shadow: 0 6px 18px rgba(60, 45, 30, .18);
}
/* lifting: listy powiadomień (aktywności, przypomnienia, strategiczne, płatności, zadania, systemowe, e-mail,
vouchery) — kolorowe paski (kolor zależy od rodzaju i terminu powiadomienia, ustawiany w szablonie) dostają
zaokrąglone rogi, a tło wykonanych/przeczytanych pozycji zaokrąglony kontener. Kolory, wysokości i układ bez zmian. */
:where(html.hi-lifting) #powiadomienia-wyniki .left.width100.text-center.text-bold,
:where(html.hi-lifting) #powiadomienia-wyniki .left.width660 {
border-radius: 5px;
}
:where(html.hi-lifting) #powiadomienia-wyniki > div > .width765.padding5 {
border-radius: 7px;
}
/* lifting: okno wyboru daty — zaokrąglony róg i miękki cień jak w oknach dialogowych */
:where(html.hi-lifting) #ui-datepicker-div.ui-datepicker {
border-color: #d8cdc1;
border-radius: 8px;
box-shadow: 0 10px 28px rgba(60, 45, 30, .26), 0 2px 6px rgba(60, 45, 30, .12);
}
/* lifting: komunikaty — „Brak wyników” w ciepłych kolorach zamiast zimnego błękitu, pływające komunikaty
(zapisano / ostrzeżenie) z zaokrąglonym dolnym rogiem i miękkim cieniem. Kolory zielony i czerwony
komunikatów zostają (niosą znaczenie), rozmiary i położenie bez zmian. */
:where(html.hi-lifting) div.brak-wynikow.brak-wynikow {
border-color: #d8cdc1;
border-radius: 6px;
background: #f4efe9;
color: #6b5a47;
}
:where(html.hi-lifting) #komunikatPotwierdzenie,
:where(html.hi-lifting) #komunikatOstrzezenie {
border-radius: 0 0 8px 8px;
box-shadow: 0 4px 14px rgba(60, 45, 30, .18);
}
/* lifting: wiersz filtrów nad listami (Baza klientów, Vouchery, Lista imprez…) — spokojniejszy, ciepły krem
zamiast jaskrawej żółci; pola filtra zostają białe. Tylko kolor, wysokości i układ bez zmian. */
:where(html.hi-lifting) .zolta-apla.zolta-apla {
background-color: #f6e6c3 !important;
border-color: #f6e6c3 !important;
}
/* lifting: zakładki jQuery UI (np. Raporty → Przychodowy / Rankingi / Koszty…) — nieaktywne zakładki miały
brązowy tekst na brązowym tle (słaby kontrast), aktywna jaskrawy pomarańcz. Teraz jak zakładki sekcji:
biały tekst, aktywna ciemniejszy brąz z pomarańczową kreską. Tylko kolory, rozmiary bez zmian. */
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default a,
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default a span {
color: #fff;
}
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default:not(.ui-tabs-active):hover {
background-color: #a89988;
}
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-tabs-active.ui-state-default.ui-state-default {
background: var(--hi-k-drugi, #7d6a55) !important;
box-shadow: inset 0 -2px 0 var(--hi-k-podstawowy, #e46621);
}
/* lifting: podświetlenie wiersza listy pod kursorem (Vouchery, Pokoje, Poczta, Lista imprez…) — lekki ciepły odcień,
żeby było widać, który wiersz się klika. Tylko wiersze naprzemienne (.even/.odd) bez własnego koloru tła. */
:where(html.hi-lifting) #body table tr:is(.even, .odd):not([style*="background"]):hover {
background-color: #efe5d6;
}
/* lifting: ekran „Proszę czekać…” — zamiast szarego, pikselowego gifa trzy kropki w kolorach marki
(migają po kolei) i spokojniejszy napis. Rozmiar i położenie bloku bez zmian (kropki rysuje pseudoelement
w miejscu dawnego obrazka). Przy wyłączonych animacjach w systemie kropki stoją w miejscu. */
:where(html.hi-lifting) :is(.wait, .smallwait) p {
position: relative;
background: none;
color: #8c7b67;
}
:where(html.hi-lifting) :is(.wait, .smallwait) p::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 9px;
height: 9px;
margin: -5px 0 0 -5px;
border-radius: 50%;
background: #d8cdc1;
box-shadow: -16px 0 0 #d8cdc1, 16px 0 0 #d8cdc1;
animation: hi-czekaj 1.2s ease-in-out infinite;
}
}
@keyframes hi-czekaj {
0%, 100% { background: #d8cdc1; box-shadow: -16px 0 0 #e46621, 16px 0 0 #d8cdc1; }
33% { background: var(--hi-k-przycisk, #e46621); box-shadow: -16px 0 0 #d8cdc1, 16px 0 0 #d8cdc1; }
66% { background: #d8cdc1; box-shadow: -16px 0 0 #d8cdc1, 16px 0 0 #e46621; }
}
@media (prefers-reduced-motion: reduce) {
:where(html.hi-lifting) :is(.wait, .smallwait) p::before {
animation: none;
}
}
/* szata tylko na ekranie — wydruk ma zostać w wyglądzie klasycznym */
@media screen {
/* lifting: Obłożenie sal — nagłówki tabeli w ciepłym beżu zamiast zimnego błękitu, wiersz podsumowania w kremie
(jak wiersz filtrów), weekend w delikatnym kremie zamiast jaskrawej żółci, włączony przycisk (Pokoje, Zestaw.
przych. netto) w ciemniejszym brązie z pomarańczową kreską jak aktywne zakładki. Tylko kolory. */
:where(html.hi-lifting) .obs-kontener__wiersz--naglowek.obs-kontener__wiersz--naglowek {
background: #efe7dc;
}
:where(html.hi-lifting) .obs-kontener__wiersz--podsumowanie.obs-kontener__wiersz--podsumowanie {
background: #f6e6c3;
}
:where(html.hi-lifting) .obs-komorka--dzien_weekend.obs-komorka--dzien_weekend {
background: #fbf3e0;
}
:where(html.hi-lifting) .obs-wiersz--dzien_weekend.obs-wiersz--dzien_weekend {
background: #fbf3e0 !important;
}
:where(html.hi-lifting) .obs-przycisk--zolty.obs-przycisk--zolty {
background-color: var(--hi-k-drugi, #7d6a55);
box-shadow: inset 0 -2px 0 var(--hi-k-podstawowy, #e46621);
}
:where(html.hi-lifting) .obs-przycisk--zolty.obs-przycisk--zolty:hover {
background-color: var(--hi-k-drugi-hover, #704c2a);
}
:where(html.hi-lifting) .obs-przycisk--aktywny.obs-przycisk--aktywny {
color: #ffe1b3 !important;
}
/* lifting: aktywny przycisk jQuery UI (np. bieżąca strona w paginacji) — ciemniejszy brąz z pomarańczową kreską
jak aktywne zakładki, zamiast jaskrawego żółtego. Tylko kolory. */
:where(html.hi-lifting) .ui-button.ui-state-active.ui-state-active {
background: var(--hi-k-drugi, #7d6a55) !important;
box-shadow: inset 0 -2px 0 var(--hi-k-podstawowy, #e46621);
}
/* lifting: karta imprezy (widok tabelaryczny) — przycisk „Zapisz” w kolorze marki (biały tekst na żółtym miał
kontrast ok. 1,7:1), ramki paneli podsumowania w ciepłym beżu zamiast pomarańczowej, a systemowy szary
przycisk „Wylicz ponownie” jak pozostałe przyciski. Tylko kolory/ramki — rozmiary bez zmian. */
:where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button {
background: var(--hi-k-przycisk, #e46621) !important;
}
:where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button:hover {
background: var(--hi-k-przycisk-hover, #cf5718) !important;
}
:where(html.hi-lifting) #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia, .impreza .ustawienia) {
border-color: #dcc9a4;
border-radius: 6px;
background-color: #faf2e0;
}
:where(html.hi-lifting) #tabelarycznie #generuj_punkty {
border: 0;
border-radius: 4px;
background: #9d8d7b;
color: #fff;
font-family: inherit;
font-size: 12px;
font-weight: bold;
padding: 3px 12px;
cursor: pointer;
}
:where(html.hi-lifting) #tabelarycznie #generuj_punkty:hover:not(:disabled) {
filter: brightness(1.1);
}
:where(html.hi-lifting) #tabelarycznie #generuj_punkty:disabled {
background: #cfc6bb;
cursor: not-allowed;
}
/* lifting: przycisk z fokusem w oknach dialogowych (domyślnie ostatni, np. „Anuluj”) — jaskrawy żółty z białym
napisem (słaby kontrast) zastąpiony ciemniejszym brązem z pomarańczową kreską jak aktywne zakładki. */
:where(html.hi-lifting) .ui-dialog .ui-button.ui-state-focus.ui-state-focus {
background: var(--hi-k-drugi, #7d6a55) !important;
box-shadow: inset 0 -2px 0 var(--hi-k-podstawowy, #e46621);
}
/* lifting: dolny przycisk „Wprowadzanie danych” — kolor marki zamiast żółtego (biały napis na #ffa414 miał
kontrast ok. 2:1). Tylko kolor. */
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2.b2 {
background: var(--hi-k-przycisk, #e46621);
}
/* lifting: znacznik synchronizacji w karcie imprezy („Brak synchronizacji” / „Synchronizuj” / „Aktualne”) —
zamiast szarego prostokąta z neonową kropką spokojna pigułka: jasne tło, ciepła ramka, brązowy napis i kropka
w stonowanym kolorze (czerwony / bursztynowy / zielony). „Synchronizuj” zostaje przyciskiem (ciemniejsze tło,
reaguje na najechanie). */
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk {
padding: 2px 11px 2px 9px;
border: 1px solid #ddd2c4;
border-radius: 999px;
background: #f6f1ea !important;
color: #6b5a47 !important;
font-size: 11px !important;
box-shadow: none;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk .ui-button-text {
padding: 0 !important;
color: inherit !important;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk strong {
color: inherit !important;
font-size: inherit !important;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk span[style*="red"] {
background-color: #d6402b !important;
box-shadow: 0 0 0 3px rgba(214, 64, 43, .16);
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk span[style*="yellow"] {
background-color: #f0a020 !important;
box-shadow: 0 0 0 3px rgba(240, 160, 32, .2);
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk span[style*="green"] {
background-color: #2e9d4b !important;
box-shadow: 0 0 0 3px rgba(46, 157, 75, .16);
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk#api_sync {
border-color: #c9bba9;
background: #efe6da !important;
cursor: pointer;
transition: background-color .15s ease, border-color .15s ease;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk#api_sync:hover {
border-color: #b6a48f;
background: #e6d9c8 !important;
}
/* lifting: rozwinięta lista select2 — podświetlona pozycja w ciepłym brązie zamiast systemowego błękitu, wybrana
pozycja w jasnym beżu, ramka listy i pola szukania w ciepłych kolorach z miękkim cieniem. Tylko kolory/cień. */
:where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted[aria-selected],
:where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: var(--hi-k-drugi, #7d6a55) !important;
color: var(--hi-k-na-drugim, #fff) !important;
}
:where(html.hi-lifting) .select2-container--default .select2-results__option[aria-selected=true],
:where(html.hi-lifting) .select2-container--default .select2-results__option--selected:not(.select2-results__option--highlighted) {
background-color: #efe6da;
color: #4a3d2e;
}
:where(html.hi-lifting) .select2-dropdown {
border-color: #d8cdc1;
box-shadow: 0 8px 20px rgba(60, 45, 30, .18);
}
:where(html.hi-lifting) .select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #d8cdc1;
border-radius: 4px;
}
:where(html.hi-lifting) .select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: none;
border-color: #c2ae98;
box-shadow: 0 0 0 2px rgba(228, 102, 33, .15);
}
/* lifting: przyciski „Zapisz” i „Inf. po realizacji” w dolnej belce karty imprezy — kolor marki zamiast żółtego
z białym napisem (kontrast 1,8:1), tak jak „Zapisz” w górnym pasku. */
:where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki) {
background: var(--hi-k-przycisk, #e46621) !important;
}
:where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki):hover {
background: var(--hi-k-przycisk-hover, #cf5718) !important;
}
/* lifting: pola daty (z kalendarzem) w karcie imprezy i w warunkach płatności miały własny styl bez zaokrąglenia —
teraz zaokrąglone jak pozostałe pola tekstowe. Tylko róg. */
:where(html.hi-lifting) input.hasDatepicker.hasDatepicker:not(.error) {
border-radius: 4px;
}
/* lifting: nagłówki sekcji formularzy (np. „Stopka e-mail”, „Weryfikacja dwuetapowa” w profilu) były jasnobeżowe na
białym (kontrast ok. 2:1) — teraz brąz z paska zakładek, czytelny, z delikatną kreską pod spodem. Pasek narzędzi
edytora tekstu (CKEditor, skin moono-lisa) w ciepłych kolorach zamiast zimnej szarości: krem, zaokrąglenie,
stan najechania i aktywny w kolorach marki, nieaktywne przyciski trochę wyraźniejsze. */
:where(html.hi-lifting) .wprowadzanie-kontener.wprowadzanie-kontener h2 {
color: #7d6a55;
letter-spacing: 0.03em;
}
html.hi-lifting .cke_chrome {
border-color: #d9ccbf;
border-radius: 6px;
box-shadow: none;
overflow: hidden;
}
html.hi-lifting .cke_top {
background: #f6f1eb;
border-bottom-color: #e3dbd2;
box-shadow: none;
}
html.hi-lifting .cke_toolgroup {
background: transparent;
border-color: transparent;
box-shadow: none;
}
html.hi-lifting .cke_toolbar_separator {
background: #e3dbd2;
}
html.hi-lifting a.cke_button.cke_button {
border-radius: 4px;
}
html.hi-lifting a.cke_button_off:hover,
html.hi-lifting a.cke_button_off:focus,
html.hi-lifting a.cke_button_off:active {
background: #eadfd3;
border-color: #d9ccbf;
}
html.hi-lifting a.cke_button_on {
background: #e3dbd2;
border-color: #c2ae98;
box-shadow: none;
}
html.hi-lifting a.cke_button_disabled .cke_button_icon,
html.hi-lifting a.cke_button_disabled .cke_button_label {
opacity: 0.45;
}
html.hi-lifting a.cke_combo_button {
border-radius: 4px;
border-color: transparent;
background: transparent;
}
html.hi-lifting a.cke_combo_button:hover,
html.hi-lifting a.cke_combo_button:focus,
html.hi-lifting a.cke_combo_on a.cke_combo_button {
background: #eadfd3;
border-color: #d9ccbf;
}
html.hi-lifting .cke_combo_text,
html.hi-lifting .cke_button_label {
color: #4a3824;
}
/* lifting: wiersze filtrów z żółcią wpisaną w szablonie (Podwykonawcy, Vouchery, Corpo, Baza klientów web, Kalkulacje,
Lista stolików, powiadomienia systemowe) — ten sam ciepły krem co pozostałe wiersze filtrów zamiast jaskrawej żółci
#FCDC8A. Tylko kolor tła; pola filtra zostają białe. */
:where(html.hi-lifting) [style*="FCDC8A" i] {
background-color: #f6e6c3 !important;
}
/* lifting: nagłówki tabel list (Pracownicy, Sale, Pokoje, Poczta, Raporty, Plany sprzedaży…) miały ten sam beż
(#e3dbd2) co co drugi wiersz tabeli, więc nagłówek zlewał się z danymi. Teraz odrobinę ciemniejszy, z brązowym
tekstem i brązową kreską pod spodem. Pomijane: tabele w podglądzie dokumentów (wyglądają jak wydruk), nagłówki
z własnym tłem (waluty, style wpisane w szablonie) i kalendarze. Tylko kolory i kreska. */
:where(html.hi-lifting) #body table thead th:not(.waluta-kurs-styl, [style*="background"], .kontener-widgetow *, .ui-datepicker *) {
background-color: #d3c4b1;
border-color: #c2ae98;
border-bottom-color: #8c7b67;
color: #3f3326;
}
/* lifting: etykiety pól i tytuły grup pól w formularzach (np. Ustawienia poczty, Dane podstawowe, Poczta
przychodząca IMAP) — jasny szary i beż na białym miały kontrast poniżej 3:1, teraz brąz z paska zakładek jak
nagłówki sekcji formularzy. Etykiety z własną klasą koloru (np. .white na ciemnym tle) zostają bez zmian. */
:where(html.hi-lifting) label {
color: #7d6a55;
}
:where(html.hi-lifting) #body legend {
color: #7d6a55;
letter-spacing: 0.03em;
}
/* lifting: lista pozycji w Ustawieniach → Wprowadzanie danych (kolumny z odnośnikami) — ciepła ramka zamiast zimnej
szarej, odnośniki w brązie i pomarańczowe po najechaniu (wcześniej czarne, bez żadnej zmiany po najechaniu
poza podkreśleniem). Bez zmian w rozmiarach i układzie. */
:where(html.hi-lifting) .smallbox ul {
border-color: #e3dbd2;
}
:where(html.hi-lifting) .smallbox a {
color: #4a3d2e;
}
:where(html.hi-lifting) .smallbox a:hover {
color: var(--hi-k-link, #e46621);
}
}
/* ==== Uniwersalne elementy formularzy (szata „nowa”, „Forum 2026”, „Nowa odsłona HI” i ich ciemne warianty) ====
Jeden zestaw reguł oparty na zmiennych szaty (--hi-s-*: tło, ramka, tekst, akcent, promień, cień, fokus); szaty
Forum 2026 i Nowa odsłona HI ustawiają te zmienne, a „nowa” korzysta z wartości zapasowych (palety brązowej), więc
nie ma osobnych kopii reguł per szata. Obejmuje wszystkie natywne listy rozwijane i ich rozszerzenia (select2, lista
z wielokrotnym wyborem, selectmenu jQuery UI), pola formularzy, przyciski natywne oraz widoki Wprowadzania danych
(filtry nad listami, listy, paginacja). Tylko kolory, ramki, zaokrąglenia i stany — wymiary, układ i działanie bez
zmian; select2 i listy wbudowane w przeglądarkę nie są przebudowywane. Specyfikacja zawsze zawiera klasę szaty,
więc szata klasyczna jest nietknięta. */
@media screen {
/* ---- natywne listy rozwijane: pozycje, lista wielokrotna, stan wyłączony i fokus ---- */
html.hi-lifting option,
html.hi-lifting optgroup {
background-color: var(--hi-s-pole, #ffffff);
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting select:where([multiple], [size]:not([size="1"])) {
border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background-color: var(--hi-s-pole, #ffffff);
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting select:where([multiple], [size]:not([size="1"])) option:checked {
background: var(--hi-s-pasek-akt, #7d6a55) linear-gradient(0deg, var(--hi-s-pasek-akt, #7d6a55), var(--hi-s-pasek-akt, #7d6a55));
color: #ffffff;
}
html.hi-lifting select:disabled,
html.hi-lifting input:disabled,
html.hi-lifting textarea:disabled {
background-color: var(--hi-s-powierzchnia-2, #f1ece6);
color: var(--hi-s-tekst-2, #8c7b67);
cursor: not-allowed;
}
html.hi-lifting input[readonly]:not([type=checkbox]):not([type=radio]),
html.hi-lifting textarea[readonly] {
background-color: var(--hi-s-powierzchnia-2, #f6f1ea);
}
html.hi-lifting ::placeholder {
color: var(--hi-s-tekst-2, #9a8b78);
opacity: 1;
}
html.hi-lifting :is(select, input, textarea, button):focus-visible {
outline: 2px solid var(--hi-s-akcent, #e46621);
outline-offset: 1px;
}
html.hi-lifting :is(input[type=date], input[type=time], input[type=datetime-local], input[type=month], input[type=week], input:not([type])) {
border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background-color: var(--hi-s-pole, #ffffff);
color: var(--hi-s-tekst, #4a3d2e);
}
/* ---- select2: pole, strzałka, fokus, wyłączone, zaznaczone elementy listy wielokrotnej ---- */
html.hi-lifting .select2-container--default .select2-selection--single,
html.hi-lifting .select2-container--default .select2-selection--multiple {
border-color: var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background-color: var(--hi-s-pole, #ffffff);
transition: border-color .15s ease, box-shadow .15s ease;
}
html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__rendered,
html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--hi-s-tekst-2, #9a8b78);
}
html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--hi-s-strzalka, #8c7b67) transparent transparent transparent;
}
html.hi-lifting .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent var(--hi-s-strzalka, #8c7b67) transparent;
}
html.hi-lifting .select2-container--default.select2-container--focus .select2-selection--multiple,
html.hi-lifting .select2-container--default.select2-container--open .select2-selection--single,
html.hi-lifting .select2-container--default.select2-container--open .select2-selection--multiple,
html.hi-lifting .select2-container--default.select2-container--focus .select2-selection--single {
border-color: var(--hi-s-akcent, #c2ae98);
box-shadow: 0 0 0 2px rgba(228, 102, 33, .2);
}
html.hi-lifting .select2-container--default.select2-container--disabled .select2-selection--single,
html.hi-lifting .select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: var(--hi-s-powierzchnia-2, #f1ece6);
cursor: not-allowed;
}
html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__choice {
border-color: var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background-color: var(--hi-s-hover, #efe6da);
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting .select2-container--default .select2-selection__choice__remove,
html.hi-lifting .select2-container--default .select2-selection__clear {
color: var(--hi-s-tekst-2, #8c7b67);
}
html.hi-lifting .select2-container--default .select2-results__option[aria-disabled=true] {
color: var(--hi-s-tekst-2, #9a8b78);
}
html.hi-lifting .select2-container--default .select2-results__group {
color: var(--hi-s-tekst-2, #8c7b67);
}
/* ---- lista z wielokrotnym wyborem (jQuery UI multiselect) ---- */
html.hi-lifting button.ui-multiselect {
border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background: var(--hi-s-pole, #ffffff) !important;
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting button.ui-multiselect:hover,
html.hi-lifting button.ui-multiselect.ui-state-active {
border-color: var(--hi-s-akcent, #c2ae98);
}
html.hi-lifting .ui-multiselect-menu {
border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background: var(--hi-s-powierzchnia, #ffffff);
color: var(--hi-s-tekst, #4a3d2e);
box-shadow: var(--hi-s-cien-duzy, 0 8px 20px rgba(60, 45, 30, .18));
}
html.hi-lifting .ui-multiselect-menu .ui-widget-header {
border-color: var(--hi-s-ramka, #e3dbd2);
background: var(--hi-s-powierzchnia-2, #f6f1ea);
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting .ui-multiselect-checkboxes label {
color: var(--hi-s-tekst, #4a3d2e);
border-color: transparent;
}
html.hi-lifting .ui-multiselect-checkboxes label:hover,
html.hi-lifting .ui-multiselect-checkboxes label.ui-state-hover,
html.hi-lifting .ui-multiselect-checkboxes label.ui-state-active {
border-color: transparent;
background: var(--hi-s-hover, #efe6da);
color: var(--hi-s-tekst, #4a3d2e);
}
/* ---- selectmenu jQuery UI i menu podręczne ---- */
html.hi-lifting .ui-selectmenu-button.ui-button {
border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background: var(--hi-s-pole, #ffffff);
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting .ui-selectmenu-menu .ui-menu,
html.hi-lifting .ui-menu {
border-color: var(--hi-s-ramka-mocna, #d8cdc1);
background: var(--hi-s-powierzchnia, #ffffff);
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting .ui-menu .ui-menu-item-wrapper.ui-state-active,
html.hi-lifting .ui-menu .ui-state-active,
html.hi-lifting .ui-autocomplete .ui-state-focus,
html.hi-lifting .ui-autocomplete .ui-state-active {
border-color: transparent;
background: var(--hi-s-pasek-akt, #7d6a55);
color: #ffffff;
}
/* ---- przyciski natywne i przyciski w formularzach ---- */
html.hi-lifting :is(input[type=button], input[type=submit], input[type=reset]):not([class*="ui-"]):not([style*="background"]) {
border: 0;
border-radius: var(--hi-s-promien, 4px);
background: var(--hi-s-pasek, #9d8d7b);
color: var(--hi-s-na-pasku, #ffffff);
cursor: pointer;
transition: background-color .15s ease;
}
html.hi-lifting :is(input[type=button], input[type=submit], input[type=reset]):not([class*="ui-"]):not([style*="background"]):hover {
background: var(--hi-s-pasek-hover, #8f7f6d);
}
html.hi-lifting :is(input[type=button], input[type=submit], input[type=reset]):disabled {
opacity: .55;
cursor: not-allowed;
}
/* ---- Wprowadzanie danych: filtry nad listami, pasek wyników, paginacja, listy ---- */
html.hi-lifting #body input.ui-autocomplete-input {
border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
border-radius: var(--hi-s-promien, 4px);
background-color: var(--hi-s-pole, #ffffff);
color: var(--hi-s-tekst, #4a3d2e);
}
html.hi-lifting #body form[id^="filtr-"] label {
color: var(--hi-s-tekst-2, #7d6a55);
}
html.hi-lifting #body table tr.pointer:not([style*="background"]):hover {
background-color: var(--hi-s-hover, #efe5d6);
}
html.hi-lifting #body #paginacja span,
html.hi-lifting #body .paginacja span {
border-radius: var(--hi-s-promien, 4px);
}
}
/* ==== Zmienne szat „Klasyczna (odświeżona)” i „Klasyczna czarna (odświeżona)” ====
Wszystkie szaty (poza klasyczną bez klas) korzystają z tych samych reguł opartych na zmiennych --hi-s-*.
„Klasyczna (odświeżona)”: brązowo-beżowa paleta liftingu. „Klasyczna czarna (odświeżona)”: ciemna wersja klasycznej — czerń/grafit z ciepłymi brązami i pomarańczem marki (bez odwracania
ekranu filtrem — obrazy, logotypy i podglądy dokumentów zostają w oryginalnych kolorach). Tylko ekran. */
@media screen {
html.hi-lifting,
html.hi-lifting.hi-ciemna :is(.sale-filtr-edycja) {
--hi-s-schemat: light;
--hi-s-tlo: #dbd0c4;
--hi-s-powierzchnia: #ffffff;
--hi-s-powierzchnia-2: #f7f3ee;
--hi-s-hover: #efe6da;
--hi-s-naglowek: #ffffff;
--hi-s-menu: #9d8d7b;
--hi-s-menu-akt: #7d6a55;
--hi-s-menu-pod: #8a7966;
--hi-s-menu-tekst: #2e2216;
--hi-s-menu-hover: rgba(78, 60, 40, .22);
--hi-s-pasek: #7d6a55;
--hi-s-pasek-hover: #6e5d4a;
--hi-s-pasek-akt: #5f4f3e;
--hi-s-na-pasku: #ffffff;
--hi-s-tekst: #3d3226;
--hi-s-tekst-2: #64533f;
--hi-s-link: #6e573c;
--hi-s-ramka: #e3dbd2;
--hi-s-ramka-mocna: #c2ae98;
--hi-s-th: #e3dbd2;
--hi-s-th-tekst: #2e2216;
--hi-s-filtr: #f6e6c3;
--hi-s-pole: #ffffff;
--hi-s-akcent: #e46621;
--hi-s-akcent-hover: #a8420c;
--hi-s-akcent-btn: #c24e10;
--hi-s-akcent-2: #e46621;
--hi-s-promien: 4px;
--hi-s-promien-duzy: 8px;
--hi-s-cien: 0 2px 8px rgba(60, 45, 30, .14);
--hi-s-cien-duzy: 0 8px 20px rgba(60, 45, 30, .18);
--hi-s-strzalka: #8c7b67;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238c7b67' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html.hi-lifting.hi-ciemna {
--hi-s-schemat: dark;
--hi-s-tlo: #161311;
--hi-s-powierzchnia: #1f1b18;
--hi-s-powierzchnia-2: #27221e;
--hi-s-hover: #322b26;
--hi-s-naglowek: #120f0d;
--hi-s-menu: #0e0c0a;
--hi-s-menu-akt: #3a2f25;
--hi-s-menu-pod: #1a1613;
--hi-s-menu-tekst: #efe6da;
--hi-s-menu-hover: rgba(239, 230, 218, .12);
--hi-s-pasek: #4a3d31;
--hi-s-pasek-hover: #5a4a3b;
--hi-s-pasek-akt: #2e2620;
--hi-s-na-pasku: #ffffff;
--hi-s-tekst: #efe6da;
--hi-s-tekst-2: #bfae99;
--hi-s-link: #f0a46b;
--hi-s-ramka: #3a322b;
--hi-s-ramka-mocna: #5a4d40;
--hi-s-th: #2e2620;
--hi-s-th-tekst: #f3ebe0;
--hi-s-filtr: #3a2a1a;
--hi-s-pole: #120f0d;
--hi-s-akcent: #e46621;
--hi-s-akcent-hover: #a8420c;
--hi-s-akcent-btn: #c24e10;
--hi-s-akcent-2: #e46621;
--hi-s-promien: 4px;
--hi-s-promien-duzy: 8px;
--hi-s-cien: 0 2px 10px rgba(0, 0, 0, .5);
--hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .45);
--hi-s-strzalka: #bfae99;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23bfae99' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
}
/* ==== Szaty „Forum 2026” i „Nowa odsłona HI” (profil → Szata graficzna), każda w wariancie jasnym i ciemnym ====
Klasy na nadaje index-solution.php: `hi-lifting hi-forum` / `hi-lifting hi-nl`, a ciemny wariant dostaje
dodatkowo `hi-paleta-ciemna` (prawdziwa ciemna paleta, bez odwracania filtrem — w odróżnieniu od szaty „Ciemna”
z klasą `hi-ciemna`). Obie szaty dziedziczą całą bazę „nowej” (zaokrąglenia, odstępy, stany najechania) i zmieniają
tylko kolory, ramki, zaokrąglenia i cienie przez jeden zestaw zmiennych --hi-s-*. Reguły poniżej powtarzają selektory
z reguł podstawowych i „nowej” szaty (przez :where() specyfikacja jest taka sama, więc o wygranej decyduje kolejność
w pliku), dzięki czemu szaty klasyczna, nowa i ciemna nie zmieniają się ani o piksel. Tylko ekran — wydruk zostaje jasny.
Forum 2026: ciemny fiolet i pomarańcz z forum.horecaidea.pl (nagłówek #1a0a2e, przyciski #e46621 z promieniem 8 px,
karty z promieniem 16 px). Nowa odsłona HI: neutralna szarość i pomarańcz z Nowego Layoutu (motyw PrimeNG Lara,
kolor główny #E4641E, ramki i powierzchnie z tej samej skali, promień 6 px). Czcionki zostają systemowe (inna krój
zmieniłby szerokości i zawijanie w całym systemie). */
@media screen {
/* ---- paleta: Forum 2026, jasna ---- */
html.hi-forum,
html.hi-forum.hi-paleta-ciemna :is(.sale-filtr-edycja) {
--hi-s-schemat: light;
--hi-s-tlo: #ece7f4;
--hi-s-powierzchnia: #ffffff;
--hi-s-powierzchnia-2: #f5f1fa;
--hi-s-hover: #ebe3f6;
--hi-s-naglowek: #ffffff;
--hi-s-menu: #1a0a2e;
--hi-s-menu-akt: #3b2160;
--hi-s-menu-pod: #241342;
--hi-s-menu-tekst: #f1ecf9;
--hi-s-menu-hover: rgba(255, 255, 255, .14);
--hi-s-pasek: #3b2160;
--hi-s-pasek-hover: #4a2c7a;
--hi-s-pasek-akt: #1a0a2e;
--hi-s-na-pasku: #ffffff;
--hi-s-tekst: #1a0a2e;
--hi-s-tekst-2: #5b4a78;
--hi-s-link: #5b2d9e;
--hi-s-ramka: #ddd3ec;
--hi-s-ramka-mocna: #c4b5de;
--hi-s-th: #e5dcf2;
--hi-s-th-tekst: #1a0a2e;
--hi-s-filtr: #fbeadf;
--hi-s-pole: #ffffff;
--hi-s-akcent: #e46621;
--hi-s-akcent-hover: #a8420c;
--hi-s-akcent-btn: #c24e10;
--hi-s-promien: 8px;
--hi-s-promien-duzy: 16px;
--hi-s-cien: 0 2px 10px rgba(26, 10, 46, .14);
--hi-s-cien-duzy: 0 12px 36px rgba(26, 10, 46, .32), 0 2px 8px rgba(26, 10, 46, .16);
--hi-s-strzalka: #5b4a78;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b4a78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* ---- paleta: Forum 2026, ciemna (kolory strony forum: tło #1a0a2e, karty w odcieniu fioletu) ---- */
html.hi-forum.hi-paleta-ciemna {
--hi-s-schemat: dark;
--hi-s-tlo: #1a0a2e;
--hi-s-powierzchnia: #241342;
--hi-s-powierzchnia-2: #2c194f;
--hi-s-hover: #36215f;
--hi-s-naglowek: #14082a;
--hi-s-menu: #0e0520;
--hi-s-menu-akt: #3b2160;
--hi-s-menu-pod: #1a0a2e;
--hi-s-menu-tekst: #efe9fb;
--hi-s-pasek: #4a2c7a;
--hi-s-pasek-hover: #5b3a8f;
--hi-s-pasek-akt: #6b21a8;
--hi-s-tekst: #efe9fb;
--hi-s-tekst-2: #b9a9d6;
--hi-s-link: #d0b8ff;
--hi-s-ramka: #3d2a66;
--hi-s-ramka-mocna: #5a4590;
--hi-s-th: #35205f;
--hi-s-th-tekst: #f1ecf9;
--hi-s-filtr: #3b2257;
--hi-s-pole: #1a0a2e;
--hi-s-cien: 0 2px 10px rgba(0, 0, 0, .45);
--hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);
--hi-s-strzalka: #b9a9d6;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23b9a9d6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* ---- paleta: Nowa odsłona HI (Nowy Layout), jasna ---- */
/* górny pasek i menu w ciemnym grafitowym kolorze paska nowego layoutu, okna z promieniem jego okien modalnych (12 px) */
html.hi-nl,
html.hi-nl.hi-paleta-ciemna :is(.sale-filtr-edycja) {
--hi-s-schemat: light;
--hi-s-tlo: #f1f5f9;
--hi-s-powierzchnia: #ffffff;
--hi-s-powierzchnia-2: #f8fafc;
--hi-s-hover: #eef2f7;
--hi-s-naglowek: #212529;
--hi-s-menu: #212529;
--hi-s-menu-akt: #2b2b2b;
--hi-s-menu-pod: #1c2121;
--hi-s-menu-tekst: #e5e7eb;
--hi-s-menu-hover: rgba(255, 255, 255, .14);
--hi-s-pasek: #475569;
--hi-s-pasek-hover: #3b485c;
--hi-s-pasek-akt: #1e293b;
--hi-s-na-pasku: #ffffff;
--hi-s-tekst: #334155;
--hi-s-tekst-2: #5b6b80;
--hi-s-link: #ab4c16;
--hi-s-ramka: #e2e8f0;
--hi-s-ramka-mocna: #cbd5e1;
--hi-s-th: #e8edf3;
--hi-s-th-tekst: #334155;
--hi-s-filtr: #fff1e6;
--hi-s-pole: #ffffff;
--hi-s-akcent: #e4641e;
--hi-s-akcent-hover: #a8420c;
--hi-s-akcent-btn: #c24e10;
--hi-s-promien: 6px;
--hi-s-promien-duzy: 12px;
--hi-s-cien: 0 1px 3px rgba(15, 23, 42, .14);
--hi-s-cien-duzy: 0 12px 36px rgba(15, 23, 42, .3), 0 2px 8px rgba(15, 23, 42, .14);
--hi-s-strzalka: #5b6b80;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b6b80' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* ---- paleta: Nowa odsłona HI, ciemna (motyw Lara z NL w trybie ciemnym: powierzchnie zinc, główny kolor pomarańcz) ---- */
html.hi-nl.hi-paleta-ciemna {
--hi-s-schemat: dark;
--hi-s-tlo: #09090b;
--hi-s-powierzchnia: #18181b;
--hi-s-powierzchnia-2: #202024;
--hi-s-hover: #27272a;
--hi-s-naglowek: #111111;
--hi-s-menu: #111111;
--hi-s-menu-akt: #2b2b2b;
--hi-s-menu-pod: #1c2121;
--hi-s-menu-tekst: #e5e7eb;
--hi-s-pasek: #3f3f46;
--hi-s-pasek-hover: #52525b;
--hi-s-pasek-akt: #52525b;
--hi-s-tekst: #f4f4f5;
--hi-s-tekst-2: #a1a1aa;
--hi-s-link: #fb923c;
--hi-s-ramka: #3f3f46;
--hi-s-ramka-mocna: #52525b;
--hi-s-th: #27272a;
--hi-s-th-tekst: #fafafa;
--hi-s-filtr: #33281f;
--hi-s-pole: #09090b;
--hi-s-cien: 0 2px 10px rgba(0, 0, 0, .5);
--hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .45);
--hi-s-strzalka: #a1a1aa;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a1a1aa' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* ---- tło strony i tekst ---- */
html.hi-lifting {
color-scheme: var(--hi-s-schemat);
background-color: var(--hi-s-tlo);
scrollbar-color: var(--hi-s-ramka-mocna) var(--hi-s-powierzchnia-2);
}
:where(html.hi-lifting) body {
background: var(--hi-s-tlo);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) a,
:where(html.hi-lifting) span.anchor,
:where(html.hi-lifting) #paginacja span {
color: var(--hi-s-link);
}
/* ---- górny pasek: logo, data, użytkownik, wylogowanie ---- */
:where(html.hi-lifting) body .topheading.hi-naglowek {
background-color: var(--hi-s-naglowek);
border-bottom-color: var(--hi-s-ramka-mocna);
}
:where(html.hi-lifting) body .topheading.hi-naglowek .toplogos,
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu {
color: var(--hi-s-tekst-2);
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu a {
color: var(--hi-s-tekst-2);
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu a:hover {
color: var(--hi-s-akcent);
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .dataczas,
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .label {
color: var(--hi-s-tekst-2);
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .dataczas::first-line,
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .uname {
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu select {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background-color: var(--hi-s-pole);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) body .topheading.hi-naglowek .topmenu select:focus {
border-color: var(--hi-s-akcent);
box-shadow: 0 0 0 2px rgba(228, 102, 33, .25);
}
html.hi-lifting body .topheading.hi-naglowek .topmenu .anchor.last a {
background: var(--hi-s-powierzchnia);
box-shadow: 0 0 0 4px var(--hi-s-powierzchnia), 0 0 0 5px var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst-2);
}
html.hi-lifting body .topheading.hi-naglowek .topmenu .anchor.last a:hover {
background: var(--hi-s-powierzchnia-2);
box-shadow: 0 0 0 4px var(--hi-s-powierzchnia-2), 0 0 0 5px var(--hi-s-akcent);
color: var(--hi-s-tekst);
}
/* logotypy mają ciemne napisy na przezroczystym tle — w ciemnych paletach dostają jasną „tabliczkę” */
html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .toplogos img {
border-radius: 8px;
background: #ffffff;
box-shadow: 0 0 0 4px #ffffff, 0 4px 14px rgba(0, 0, 0, .45);
object-fit: contain;
}
html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .toplogos {
color: var(--hi-s-tekst-2);
}
/* ---- menu główne ---- */
:where(html.hi-lifting) body .topsettings2,
:where(html.hi-lifting) body .topsettings2.hi-menu {
background: var(--hi-s-menu);
border-top-color: var(--hi-s-menu);
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > a,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > span {
border-radius: var(--hi-s-promien);
color: var(--hi-s-menu-tekst);
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li:hover > a,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li:hover > span,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.sfHover > a,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.sfHover > span {
background-color: var(--hi-s-menu-hover);
color: #ffffff;
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > .actual {
background-color: var(--hi-s-menu-akt);
color: #ffffff;
box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
}
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator > span,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator:hover > span,
:where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator.sfHover > span {
color: rgba(255, 255, 255, .4);
}
/* rozwijane podmenu */
:where(html.hi-lifting) #topmenu ul li ul {
border-color: var(--hi-s-menu-pod);
background: var(--hi-s-menu-pod);
}
:where(html.hi-lifting) #topmenu ul li:hover li a,
:where(html.hi-lifting) #topmenu ul li:hover li span {
color: var(--hi-s-menu-tekst);
}
:where(html.hi-lifting) #topmenu ul li ul li:hover > a,
:where(html.hi-lifting) #topmenu ul li ul li:hover > span,
:where(html.hi-lifting) #topmenu ul li ul li a:hover,
:where(html.hi-lifting) #topmenu ul li ul li span:hover {
color: #ffffff;
background: var(--hi-s-akcent-btn);
}
/* ---- menu boczne, przyciski dolne i inne przyciski w kolorze „paska” ---- */
:where(html.hi-lifting) #body .prawa-przyciski > .box {
box-shadow: var(--hi-s-cien);
}
:where(html.hi-lifting) #body .prawa-przyciski .button,
:where(html.hi-lifting) #body .prawa-przyciski .box .button,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth0,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth1,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth2,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth3,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth4,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth5,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth6,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth7,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth8,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth9,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth10,
:where(html.hi-lifting) #body .prawa-przyciski .box .button.nth11,
:where(html.hi-lifting) .przyciskidolne .przyciskbottom {
background: var(--hi-s-pasek);
border-radius: var(--hi-s-promien);
color: var(--hi-s-na-pasku);
}
:where(html.hi-lifting) #body .prawa-przyciski .button:hover {
background: var(--hi-s-pasek-hover);
filter: none;
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom {
box-shadow: var(--hi-s-cien);
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2.b2 {
background: var(--hi-s-akcent-btn);
box-shadow: var(--hi-s-cien);
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2:hover {
background: var(--hi-s-akcent-hover);
filter: none;
}
/* przyciski nagłówków grup w menu bocznym mają tło wpisane inline (#e3dbd2) */
html.hi-lifting #body .prawa-przyciski .button[style*="e3dbd2" i],
html.hi-lifting #body .prawa-przyciski .button:has(.menu-header) {
background-color: var(--hi-s-powierzchnia-2) !important;
color: var(--hi-s-tekst-2) !important;
}
/* pozostałe przyciski systemu w kolorze paska */
:where(html.hi-lifting) .ajax-wnd .wnd-button,
:where(html.hi-lifting) .ustawienie-usun,
:where(html.hi-lifting) .sbutton,
:where(html.hi-lifting) body .footer,
:where(html.hi-lifting) #ajaxMessage .msg .buttons span,
:where(html.hi-lifting) #ajaxMessage .prezentacja .buttons span,
:where(html.hi-lifting) .akronimy .button,
:where(html.hi-lifting) .panelsrodek .btns div .button,
:where(html.hi-lifting) .przycisk_podroba,
:where(html.hi-lifting) .zmianaPrzycisk,
:where(html.hi-lifting) .przycisk-filtr,
:where(html.hi-lifting) ul.kategoriePrzyciski li,
:where(html.hi-lifting) ul.zakladki li {
background: var(--hi-s-pasek);
}
:where(html.hi-lifting) .przycisk-ui,
:where(html.hi-lifting) .fc-toolbar .fc-button {
background: var(--hi-s-pasek) !important;
}
:where(html.hi-lifting) body .footer a {
color: var(--hi-s-na-pasku);
}
/* ---- zakładki sekcji i paski nagłówków ---- */
:where(html.hi-lifting) #body h2,
:where(html.hi-lifting) .whitepage h1,
:where(html.hi-lifting) .ucpmess .komunikat h2 {
background: var(--hi-s-pasek);
}
:where(html.hi-lifting) #body .solbox .headings h2,
:where(html.hi-lifting) #body .solbox .headings-po h2,
:where(html.hi-lifting) #body .solbox .headings-send-message h2 {
border-radius: var(--hi-s-promien);
}
:where(html.hi-lifting) #body .solbox .headings h2:not(.active):hover,
:where(html.hi-lifting) #body .solbox .headings-po h2:not(.active):hover,
:where(html.hi-lifting) #body .solbox .headings-send-message h2:not(.active):hover {
background-color: var(--hi-s-pasek-hover);
}
:where(html.hi-lifting) #body .solbox .headings h2.active,
:where(html.hi-lifting) #body .solbox .headings-po h2.active,
:where(html.hi-lifting) #body .solbox .headings-send-message h2.active {
color: #ffffff;
background-color: var(--hi-s-pasek-akt);
box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
}
:where(html.hi-lifting) #body .solbox {
background-color: var(--hi-s-powierzchnia);
border-color: var(--hi-s-powierzchnia);
border-radius: var(--hi-s-promien-duzy);
}
:where(html.hi-lifting) .wprowadzanie-kontener.wprowadzanie-kontener h2 {
background: none;
color: var(--hi-s-tekst-2);
}
:where(html.hi-lifting) label,
:where(html.hi-lifting) #body legend,
:where(html.hi-lifting) #tr .wprowadzanie-parent,
:where(html.hi-lifting) .wprowadzanie-parent2 {
color: var(--hi-s-tekst-2);
}
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default:not(.ui-tabs-active):hover {
background-color: var(--hi-s-pasek-hover);
}
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-tabs-active.ui-state-default.ui-state-default,
:where(html.hi-lifting) .ui-button.ui-state-active.ui-state-active,
:where(html.hi-lifting) .ui-dialog .ui-button.ui-state-focus.ui-state-focus {
background: var(--hi-s-pasek-akt) !important;
box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
}
/* ---- listy i tabele ---- */
/* `background-color: ;` to nagłówek z kolorystyką obiektu bez ustawionych kolorów (np. tabele w „Szczegółach menu”) —
bez własnego tła, więc dostaje nagłówek szaty zamiast beżu z arkusza klasycznego pod tekstem szaty */
:where(html.hi-lifting) :is(#body, .ui-dialog) table thead th:not(.waluta-kurs-styl, [style*="background"], .kontener-widgetow *, .ui-datepicker *),
:where(html.hi-lifting) :is(#body, .ui-dialog) table thead th[style*="background-color: ;"]:not(.kontener-widgetow *) {
background-color: var(--hi-s-th);
border-color: var(--hi-s-ramka-mocna);
border-bottom-color: var(--hi-s-pasek);
color: var(--hi-s-th-tekst);
}
/* przy pustej kolorystyce obok zostaje `border: 1px solid ` bez koloru, czyli obrys w kolorze tekstu (w ciemnych szatach biały) */
:where(html.hi-lifting) :is(#body, .ui-dialog) table :is(th, td)[style*="background-color: ;"]:not(.kontener-widgetow *) {
border-color: var(--hi-s-ramka-mocna) !important;
}
:where(html.hi-lifting) :is(#body, .ui-dialog) table tr.even:not([style*="background"]) {
background-color: var(--hi-s-powierzchnia);
}
:where(html.hi-lifting) :is(#body, .ui-dialog) table tr.odd:not([style*="background"]) {
background-color: var(--hi-s-powierzchnia-2);
}
:where(html.hi-lifting) :is(#body, .ui-dialog) table tr:is(.even, .odd):not([style*="background"]):hover {
background-color: var(--hi-s-hover);
}
:where(html.hi-lifting) .zolta-apla.zolta-apla,
:where(html.hi-lifting) [style*="FCDC8A" i] {
background-color: var(--hi-s-filtr) !important;
border-color: var(--hi-s-filtr) !important;
}
:where(html.hi-lifting) table.tabelarabatow tr th,
:where(html.hi-lifting) table.tabelaprogramowlojalnosciowych thead tr th,
:where(html.hi-lifting) table.tabelawynikow tr th,
:where(html.hi-lifting) table.tabelagratisow tr th,
:where(html.hi-lifting) table.solution-table tr th {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
:where(html.hi-lifting) table.tabelarabatow tr.rabaty-odd td,
:where(html.hi-lifting) table.tabelawynikow tr.wyniki-odd td,
:where(html.hi-lifting) table.tabelapromocjiweb tr.promocje-odd td,
:where(html.hi-lifting) table.tabelagratisow tr.gratisy-odd td {
background: var(--hi-s-powierzchnia-2);
}
/* ---- przyciski jQuery UI (Pobierz PDF, Zapisz/Anuluj w oknach…) i zewnętrzny kontener strony ---- */
html.hi-lifting div.body[style*="dbd0c4" i] {
background: var(--hi-s-tlo) !important;
}
:where(html.hi-lifting) .ui-button.ui-state-default {
border-radius: var(--hi-s-promien);
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
:where(html.hi-lifting) .ui-button.ui-state-hover,
:where(html.hi-lifting) .ui-button.ui-state-default:hover {
background: var(--hi-s-pasek-hover);
}
/* ---- pola formularzy ---- */
:where(html.hi-lifting) input[type=text],
:where(html.hi-lifting) input[type=password],
:where(html.hi-lifting) input[type=number],
:where(html.hi-lifting) input[type=email],
:where(html.hi-lifting) input[type=tel],
:where(html.hi-lifting) input[type=search],
:where(html.hi-lifting) input[type=url],
:where(html.hi-lifting) textarea {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background-color: var(--hi-s-pole);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) input[type=text]:hover,
:where(html.hi-lifting) input[type=password]:hover,
:where(html.hi-lifting) input[type=number]:hover,
:where(html.hi-lifting) textarea:hover {
border-color: var(--hi-s-tekst-2);
}
:where(html.hi-lifting) input[type=text]:focus:not(.error),
:where(html.hi-lifting) input[type=password]:focus:not(.error),
:where(html.hi-lifting) input[type=number]:focus:not(.error),
:where(html.hi-lifting) input[type=email]:focus:not(.error),
:where(html.hi-lifting) input[type=tel]:focus:not(.error),
:where(html.hi-lifting) input[type=search]:focus:not(.error),
:where(html.hi-lifting) input[type=url]:focus:not(.error),
:where(html.hi-lifting) textarea:focus:not(.error) {
border-color: var(--hi-s-akcent);
box-shadow: 0 0 0 2px rgba(228, 102, 33, .25);
}
:where(html.hi-lifting) input.hasDatepicker.hasDatepicker:not(.error) {
border-radius: var(--hi-s-promien);
}
:where(html.hi-lifting) input[type=checkbox],
:where(html.hi-lifting) input[type=radio] {
accent-color: var(--hi-s-akcent);
}
:where(html.hi-lifting) input[type=file]::file-selector-button {
border-radius: var(--hi-s-promien);
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible):not(.styled-select select):not(.topmenu select)) {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background-color: var(--hi-s-pole);
background-image: var(--hi-s-strzalka-img);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):hover {
border-color: var(--hi-s-tekst-2);
}
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):focus {
border-color: var(--hi-s-akcent);
box-shadow: 0 0 0 2px rgba(228, 102, 33, .25);
}
:where(html.hi-lifting) select[disabled]:where(:not([multiple]):not([size])) {
background-color: var(--hi-s-powierzchnia-2);
}
:where(html.hi-lifting) div.brak-wynikow.brak-wynikow {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst-2);
}
/* ---- okna dialogowe, podpowiedzi, lista select2, kalendarz ---- */
:where(html.hi-lifting) .ui-dialog.okno-dialog {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien-duzy);
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
box-shadow: var(--hi-s-cien-duzy);
}
:where(html.hi-lifting) .ui-dialog.okno-dialog .ui-dialog-buttonpane {
border-top-color: var(--hi-s-ramka);
border-radius: 0 0 var(--hi-s-promien-duzy) var(--hi-s-promien-duzy);
background: var(--hi-s-powierzchnia);
}
:where(html.hi-lifting) .ui-dialog .ui-dialog-content,
:where(html.hi-lifting) .ui-dialog .ui-dialog-titlebar {
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) .ui-widget-overlay {
background: #0b0618;
}
:where(html.hi-lifting) .ui-autocomplete.ui-menu {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
box-shadow: var(--hi-s-cien-duzy);
}
:where(html.hi-lifting) #ui-datepicker-div.ui-datepicker {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien-duzy);
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
box-shadow: var(--hi-s-cien-duzy);
}
:where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted[aria-selected],
:where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: var(--hi-s-pasek-akt) !important;
color: #ffffff !important;
}
:where(html.hi-lifting) .select2-container--default .select2-results__option[aria-selected=true],
:where(html.hi-lifting) .select2-container--default .select2-results__option--selected:not(.select2-results__option--highlighted) {
background-color: var(--hi-s-hover);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) .select2-dropdown {
border-color: var(--hi-s-ramka-mocna);
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
box-shadow: var(--hi-s-cien-duzy);
}
:where(html.hi-lifting) .select2-container--default .select2-search--dropdown .select2-search__field {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background: var(--hi-s-pole);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) .select2-container--default .select2-selection--single,
:where(html.hi-lifting) .select2-container--default .select2-selection--multiple {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background: var(--hi-s-pole);
}
:where(html.hi-lifting) .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--hi-s-tekst);
}
/* ---- obłożenie sal, karta imprezy, ustawienia ---- */
:where(html.hi-lifting) .obs-kontener__wiersz--naglowek.obs-kontener__wiersz--naglowek {
background: var(--hi-s-th);
}
:where(html.hi-lifting) .obs-kontener__wiersz--podsumowanie.obs-kontener__wiersz--podsumowanie {
background: var(--hi-s-filtr);
}
:where(html.hi-lifting) .obs-przycisk--zolty.obs-przycisk--zolty {
background-color: var(--hi-s-pasek-akt);
box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
}
:where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button,
:where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki) {
background: var(--hi-s-akcent-btn) !important;
border-radius: var(--hi-s-promien);
}
:where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button:hover,
:where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki):hover {
background: var(--hi-s-akcent-hover) !important;
}
:where(html.hi-lifting) #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia, .impreza .ustawienia) {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background-color: var(--hi-s-powierzchnia-2);
}
:where(html.hi-lifting) #tabelarycznie #generuj_punkty {
border-radius: var(--hi-s-promien);
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
:where(html.hi-lifting) .smallbox ul {
border-color: var(--hi-s-ramka);
}
:where(html.hi-lifting) .smallbox a {
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) .smallbox a:hover {
color: var(--hi-s-akcent);
}
/* edytor tekstu (pasek narzędzi) w kolorach szaty zamiast ciepłego kremu szaty „nowej” */
html.hi-lifting .cke_chrome {
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .cke_top {
background: var(--hi-s-powierzchnia-2);
border-bottom-color: var(--hi-s-ramka);
}
html.hi-lifting .cke_toolbar_separator {
background: var(--hi-s-ramka-mocna);
}
html.hi-lifting a.cke_button_off:hover,
html.hi-lifting a.cke_button_off:focus,
html.hi-lifting a.cke_button_off:active,
html.hi-lifting a.cke_combo_button:hover,
html.hi-lifting a.cke_combo_button:focus,
html.hi-lifting a.cke_combo_on a.cke_combo_button {
background: var(--hi-s-hover);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting a.cke_button_on {
background: var(--hi-s-hover);
border-color: var(--hi-s-akcent);
}
html.hi-lifting .cke_combo_text,
html.hi-lifting .cke_button_label {
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) .entry {
border-bottom-color: var(--hi-s-ramka);
}
:where(html.hi-lifting) .box.solbox h3,
:where(html.hi-lifting) h3.wprowadzanie-h3,
:where(html.hi-lifting) #ajaxMessage .prezentacja h1 {
color: var(--hi-s-tekst-2);
}
}
/* ---- szaty z własną paletą: pojemniki i grupy przycisków (jasne i ciemne) ---- */
@media screen {
:where(html.hi-lifting) #body .box {
border-color: var(--hi-s-powierzchnia);
border-radius: var(--hi-s-promien-duzy);
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
:where(html.hi-lifting) #body .prawa-przyciski .box.prac .button {
background: var(--hi-s-pasek);
}
:where(html.hi-lifting) #body .prawa-przyciski .box.paneladministracyjny .button {
background: var(--hi-s-pasek-akt);
}
/* ---- ciemna paleta: elementy z kolorami wpisanymi w arkuszach i szablonach ----
Reguły zawężone do wariantu ciemnego (hi-paleta-ciemna); dokumenty i podgląd oferty zostają białą kartką,
a wydruk nie jest objęty (cały blok jest tylko na ekran). */
html.hi-lifting.hi-paleta-ciemna #body {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #body :is(td, th):not(.kontener-widgetow *):not(.cke_contents *) {
border-color: var(--hi-s-ramka);
}
/* kolory tekstu wpisane w arkuszach (brąz #4a3a28, #6e573c, czerń) na ciemnym tle */
html.hi-lifting.hi-paleta-ciemna #body :is(.divhead, .createdbox, #calendar-step1 .numer_tygodnia, .solution-brown-light, .step2top #sala .inside .cursala h3) {
color: var(--hi-s-tekst-2);
}
/* kalendarz podręczny (FullCalendar) */
html.hi-lifting.hi-paleta-ciemna .fc-unthemed td,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed th,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed thead,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed tbody,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-divider,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-row,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-content,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-popover,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-list-view,
html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-list-heading td {
border-color: var(--hi-s-ramka);
}
html.hi-lifting.hi-paleta-ciemna .fc-day,
html.hi-lifting.hi-paleta-ciemna .fc-widget-content,
html.hi-lifting.hi-paleta-ciemna .fc-day-number,
html.hi-lifting.hi-paleta-ciemna .fc-bg td {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .fc-widget-header {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting.hi-paleta-ciemna .fc-sat,
html.hi-lifting.hi-paleta-ciemna .fc-sun,
html.hi-lifting.hi-paleta-ciemna .fc-other-month {
background-color: var(--hi-s-powierzchnia-2);
}
html.hi-lifting.hi-paleta-ciemna .fc-other-month {
color: var(--hi-s-tekst-2);
}
html.hi-lifting.hi-paleta-ciemna .fc-today {
background-color: var(--hi-s-hover);
}
/* tła wpisane w szablonach (białe i beżowe) */
html.hi-lifting.hi-paleta-ciemna :is(
[style*="background:#fff;" i], [style*="background: #fff;" i], [style*="background:#fff\"" i],
[style*="background-color:#fff;" i], [style*="background-color: #fff;" i],
[style*="background:#ffffff" i], [style*="background: #ffffff" i], [style*="background-color:#ffffff" i], [style*="background-color: #ffffff" i],
[style*="background:white" i], [style*="background: white" i], [style*="background-color:white" i], [style*="background-color: white" i],
[style*="background: rgb(255, 255, 255)" i], [style*="background-color: rgb(255, 255, 255)" i]
):not(.kontener-widgetow *):not(.cke_contents *):not(.cke *):not(input):not(select):not(textarea) {
background-color: var(--hi-s-powierzchnia) !important;
color: var(--hi-s-tekst);
}
/* beżowe tła wpisane w szablonach (pozostałość brązowej palety) — we wszystkich szatach z własną paletą */
html.hi-lifting :is(
[style*="#f7f1ea" i], [style*="#e3dbd2" i], [style*="#e3dad2" i], [style*="#ede3da" i], [style*="#f8efe6" i],
[style*="#faf2e0" i], [style*="#f6f1ea" i], [style*="#efe7dc" i], [style*="#f4efe9" i], [style*="#eee;" i], [style*="#f5f5f5" i],
[style*="#f0f0f0" i], [style*="#fafafa" i], [style*="#ddd;" i], [style*="#e9e9e9" i]
):not(.prawa-przyciski *):not(.kontener-widgetow *):not(.cke_contents *):not(.cke *):not(input):not(select):not(textarea):not([style*="color:"]) {
background-color: var(--hi-s-powierzchnia-2) !important;
color: var(--hi-s-tekst);
}
/* „jasne wyspy” w ciemnej palecie: kalendarze, siatka obłożenia sal, zakładki raportów — ich wnętrza mają tysiące
kolorów wpisanych w arkuszach, więc zostają na jasnej powierzchni (zmienne jasnej palety obowiązują w środku) */
html.hi-lifting.hi-paleta-ciemna :is(.sale-filtr-edycja) {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
color-scheme: light;
}
html.hi-lifting.hi-paleta-ciemna a.black_link,
html.hi-lifting.hi-paleta-ciemna .black_link,
html.hi-lifting.hi-paleta-ciemna .black_link a {
color: var(--hi-s-link);
}
/* komórki nagłówka planu z pastelowym tłem wpisanym w szablonie potrzebują ciemnego tekstu */
html.hi-lifting.hi-paleta-ciemna .th_base_height,
html.hi-lifting.hi-paleta-ciemna .th_base_height * {
color: #1f1f1f;
}
/* pola z własną klasą (np. w formularzu profilu) mają z arkuszy białe tło i czarny tekst */
html.hi-lifting.hi-paleta-ciemna :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel], input[type=search], input[type=url], input[type=date], input[type=time], input:not([type]), textarea, select:not([multiple])):not(.error):not(:disabled):not([style*="background"]):not(.select2-search__field):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *) {
background-color: var(--hi-s-pole) !important;
color: var(--hi-s-tekst) !important;
}
html.hi-lifting .ui-dialog .ui-dialog-title {
color: var(--hi-s-tekst);
}
/* wiersze tabel bez klasy (np. wiersz nagłówków) mają z arkuszy białe tło */
html.hi-lifting.hi-paleta-ciemna :is(#body, .ui-dialog) table tr:is(:not([class]), .noborder, .pointer):not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *),
html.hi-lifting.hi-paleta-ciemna :is(#body, .ui-dialog) table thead:not([class]):not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *) {
background-color: var(--hi-s-powierzchnia);
}
/* nazwa zalogowanego użytkownika ma kolor wpisany w szablonie (oliwkowy) */
html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .topmenu .anchor .uname {
color: var(--hi-s-akcent) !important;
}
/* kolory tekstu wpisane w szablonach pod jasne tło (granat, bordo, zieleń) — rozjaśnione na ciemnych powierzchniach */
html.hi-lifting.hi-paleta-ciemna #body td :is(b, strong, span, font, a)[style*="color" i]:not([style*="background"]):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.kontener-widgetow *),
html.hi-lifting.hi-paleta-ciemna #body td font[color]:not(.fc *):not(.oblozenie-sal *):not(.kontener-widgetow *) {
filter: brightness(2.3) saturate(1.15);
}
/* dokumenty (podgląd oferty/kalkulacji, pole edycji umów) — „kartka” w oryginalnych kolorach */
html.hi-lifting.hi-paleta-ciemna :is(.kontener-widgetow, .cke_contents) {
background-color: #ffffff;
color: #000000;
}
html.hi-lifting.hi-paleta-ciemna .cke_chrome {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting.hi-paleta-ciemna .cke_top {
background: var(--hi-s-powierzchnia-2);
border-bottom-color: var(--hi-s-ramka);
}
html.hi-lifting.hi-paleta-ciemna a.cke_button_off:hover,
html.hi-lifting.hi-paleta-ciemna a.cke_button_off:focus,
html.hi-lifting.hi-paleta-ciemna a.cke_button_on,
html.hi-lifting.hi-paleta-ciemna a.cke_combo_button:hover {
background: var(--hi-s-hover);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting.hi-paleta-ciemna .cke_combo_text,
html.hi-lifting.hi-paleta-ciemna .cke_button_label {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .cke_button_icon,
html.hi-lifting.hi-paleta-ciemna .cke_combo_arrow {
filter: invert(1) hue-rotate(180deg);
}
}
/* ==== Szaty Forum 2026 i Nowa odsłona HI: mapowanie kolorów klasycznej palety (brąz, beż, khaki, łosoś) na tokeny szaty ====
Arkusze klasyczne i szablony wpisują kolory wprost (tło, ramki, tekst), więc same tokeny ich nie obejmują.
Poniżej: ekran imprezy tabelarycznie, kolory zapisane w atrybucie style oraz kalendarz pulpitu. Tylko ekran. */
@media screen {
/* ---- imprezy/tabelarycznie ---- */
html.hi-lifting #tabelarycznie > .top {
background: var(--hi-s-pasek-akt);
}
html.hi-lifting #tabelarycznie > .bottom {
background: var(--hi-s-powierzchnia-2);
border-top: 1px solid var(--hi-s-ramka);
}
html.hi-lifting #tabelarycznie > .main table.sale :is(thead.main, thead.wydarzenie, thead.sala) th,
html.hi-lifting #tabelarycznie > .main table.sale :is(thead.main, thead.wydarzenie, thead.sala) tr.uwagi_i_notatki td {
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
html.hi-lifting #tabelarycznie > .main .impreza .pokoje table :is(thead, tfoot) th {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting #tabelarycznie > .main .impreza .pokoje table tbody:nth-child(even) :is(th, td) {
background: var(--hi-s-powierzchnia-2);
}
html.hi-lifting #tabelarycznie > .main .impreza > .uwagi,
html.hi-lifting #tabelarycznie > .main .impreza > .komentarz {
background: var(--hi-s-th);
}
html.hi-lifting #tabelarycznie > .main .impreza > .uwagi > label {
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting #tabelarycznie > .main .impreza .flex > :is(.termin-podpisania-umowy, .termin-waznosci-oferty, .termin-bezkosztowej-anulacji, .termin-potwierdzenia),
html.hi-lifting #tabelarycznie > .main .impreza .flex.terminy > div {
background: var(--hi-s-filtr);
color: var(--hi-s-tekst);
border-radius: var(--hi-s-promien);
}
html.hi-lifting #tabelarycznie > .main .impreza .flex.terminy > div label {
color: var(--hi-s-tekst);
}
html.hi-lifting #tabelarycznie > .main .impreza > .tabs > ul.ui-tabs-nav {
background: var(--hi-s-powierzchnia-2);
border-bottom: 1px solid var(--hi-s-ramka);
}
html.hi-lifting #tabelarycznie table.sale :is(th, td),
html.hi-lifting #tabelarycznie > .main .impreza .pokoje table :is(thead, tfoot, tbody, th, td) {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting #dropdown_list ul > li:hover {
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
/* ---- kolory wpisane w atrybucie style (tło i ramki z klasycznej palety) ---- */
html.hi-lifting :is([style*="background: #9d8d7b" i], [style*="background:#9d8d7b" i], [style*="background-color: #9d8d7b" i], [style*="background-color:#9d8d7b" i]) {
background-color: var(--hi-s-pasek) !important;
color: var(--hi-s-na-pasku);
}
html.hi-lifting :is([style*="background: #e3dbd2" i], [style*="background:#e3dbd2" i], [style*="background-color: #e3dbd2" i], [style*="background-color:#e3dbd2" i]) {
background-color: var(--hi-s-th) !important;
color: var(--hi-s-th-tekst);
}
html.hi-lifting :is([style*="background: #dbd0c4" i], [style*="background:#dbd0c4" i], [style*="background: #f7f3ee" i], [style*="background:#f7f3ee" i], [style*="background: #f6f1ea" i], [style*="background:#f6f1ea" i], [style*="background: #f1ece6" i], [style*="background:#f1ece6" i]) {
background-color: var(--hi-s-powierzchnia-2) !important;
color: var(--hi-s-tekst);
}
html.hi-lifting :is([style*="background: #f5decc" i], [style*="background:#f5decc" i], [style*="background: #f8eacf" i], [style*="background:#f8eacf" i]) {
background-color: var(--hi-s-filtr) !important;
color: var(--hi-s-tekst);
}
html.hi-lifting :is([style*="border"][style*="c2ae98" i], [style*="border"][style*="d7d0c7" i], [style*="border"][style*="e3dbd2" i], [style*="border"][style*="9d8d7b" i], [style*="border"][style*="ddd2c4" i]) {
border-color: var(--hi-s-ramka-mocna) !important;
}
html.hi-lifting :is([style*="color: #8b6f4e" i], [style*="color:#8b6f4e" i], [style*="color: #6f6255" i], [style*="color:#6f6255" i], [style*="color: #6e573c" i], [style*="color:#6e573c" i]):not([style*="background"]) {
color: var(--hi-s-tekst-2) !important;
}
/* ---- stopka i kalendarz pulpitu ---- */
html.hi-lifting body .footer {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .fc-toolbar h2 {
color: var(--hi-s-tekst);
}
html.hi-lifting .fc-toolbar .fc-button {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .fc td.fc-week-number span,
html.hi-lifting .fc .fc-week-number {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .fc td.fc-today,
html.hi-lifting .fc td.fc-day.fc-today {
background: var(--hi-s-filtr);
}
}
@media screen {
html.hi-lifting .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default:not(.ui-tabs-active) :is(a, a span) {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting #tabelarycznie h4 > span.przycisk,
html.hi-lifting #tabelarycznie h4 > span.przycisk .ui-button-text {
background-color: var(--hi-s-powierzchnia-2) !important;
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst) !important;
}
html.hi-lifting #tabelarycznie h4 > span.przycisk {
padding: 3px 14px 3px 10px;
white-space: nowrap;
overflow: visible;
box-sizing: border-box;
}
html.hi-lifting #tabelarycznie h4 > span.przycisk .ui-button-text {
background-color: transparent !important;
}
html.hi-lifting .topsettings2.hi-menu #topmenu > ul > li.separator > span {
color: color-mix(in srgb, var(--hi-s-menu-tekst) 85%, transparent);
}
html.hi-lifting #tabelarycznie > .top :is(.typ_imprezy_text, .grupa-ikona) {
filter: brightness(1.75) saturate(1.15);
}
}
/* ==== Szaty Forum 2026 i Nowa odsłona HI: widgety jQuery UI (kalendarz wyboru daty, suwak, akordeon, pole liczbowe, pasek postępu, podpowiedź) ====
Wszystkie kolory z tokenów szaty, więc jeden zestaw reguł obsługuje wariant jasny i ciemny. */
@media screen {
html.hi-lifting .ui-datepicker {
background: var(--hi-s-powierzchnia);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
border-radius: var(--hi-s-promien-duzy);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting .ui-datepicker .ui-datepicker-header {
background: var(--hi-s-pasek);
border-color: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .ui-datepicker .ui-datepicker-title,
html.hi-lifting .ui-datepicker .ui-datepicker-title span {
color: var(--hi-s-na-pasku);
}
html.hi-lifting .ui-datepicker .ui-datepicker-prev,
html.hi-lifting .ui-datepicker .ui-datepicker-next {
color: var(--hi-s-na-pasku);
border-color: transparent;
background: transparent;
}
html.hi-lifting .ui-datepicker .ui-datepicker-prev .ui-icon,
html.hi-lifting .ui-datepicker .ui-datepicker-next .ui-icon {
filter: brightness(0) invert(1);
}
html.hi-lifting .ui-datepicker .ui-datepicker-prev:hover,
html.hi-lifting .ui-datepicker .ui-datepicker-next:hover,
html.hi-lifting .ui-datepicker .ui-datepicker-prev.ui-state-hover,
html.hi-lifting .ui-datepicker .ui-datepicker-next.ui-state-hover {
background: var(--hi-s-pasek-hover);
border-color: transparent;
}
html.hi-lifting .ui-datepicker select.ui-datepicker-month,
html.hi-lifting .ui-datepicker select.ui-datepicker-year {
background-color: var(--hi-s-pole);
border: 1px solid var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar th {
background: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst-2);
border-color: var(--hi-s-ramka);
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar th span {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default,
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td span.ui-state-default {
background: var(--hi-s-powierzchnia-2);
border-color: var(--hi-s-ramka);
color: var(--hi-s-tekst);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-default,
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default {
background: transparent;
border-color: transparent;
color: var(--hi-s-tekst-2);
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default {
color: var(--hi-s-tekst-2);
opacity: .55;
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-highlight {
background: var(--hi-s-filtr);
border-color: var(--hi-s-akcent);
color: var(--hi-s-tekst);
font-weight: bold;
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default:hover,
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-hover {
background: var(--hi-s-hover);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
}
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-active,
html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-default {
background: var(--hi-s-akcent-btn) !important;
border-color: var(--hi-s-akcent-btn);
color: #ffffff;
font-weight: bold;
}
html.hi-lifting .ui-datepicker .ui-datepicker-buttonpane {
border-top-color: var(--hi-s-ramka);
background: transparent;
}
html.hi-lifting .ui-datepicker .ui-datepicker-buttonpane button {
background: var(--hi-s-th);
border: 1px solid var(--hi-s-ramka-mocna);
color: var(--hi-s-th-tekst);
border-radius: var(--hi-s-promien);
}
/* ---- suwak ---- */
html.hi-lifting .ui-slider {
background: var(--hi-s-th);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .ui-slider .ui-slider-range {
background: var(--hi-s-akcent-btn);
}
html.hi-lifting .ui-slider .ui-slider-handle {
background: var(--hi-s-powierzchnia);
border: 2px solid var(--hi-s-akcent-btn);
border-radius: 50%;
}
/* ---- akordeon ---- */
html.hi-lifting .ui-accordion .ui-accordion-header {
background: var(--hi-s-th);
border: 1px solid var(--hi-s-ramka-mocna);
color: var(--hi-s-th-tekst);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .ui-accordion .ui-accordion-header.ui-state-active {
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
html.hi-lifting .ui-accordion .ui-accordion-header a {
color: inherit;
}
html.hi-lifting .ui-accordion .ui-accordion-content {
background: var(--hi-s-powierzchnia);
border-color: var(--hi-s-ramka);
color: var(--hi-s-tekst);
}
/* ---- pole liczbowe (spinner) i pasek postępu ---- */
html.hi-lifting .ui-spinner {
background: var(--hi-s-pole);
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .ui-spinner .ui-spinner-input {
color: var(--hi-s-tekst);
}
html.hi-lifting .ui-spinner .ui-spinner-button {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .ui-progressbar {
background: var(--hi-s-th);
border-color: var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .ui-progressbar .ui-progressbar-value {
background: var(--hi-s-akcent-btn);
}
/* ---- podpowiedź (tooltip) ---- */
html.hi-lifting .ui-tooltip {
background: var(--hi-s-pasek-akt);
border: 1px solid var(--hi-s-ramka-mocna);
color: var(--hi-s-na-pasku);
border-radius: var(--hi-s-promien);
box-shadow: var(--hi-s-cien);
}
}
/* ==== Szaty Forum 2026 i Nowa odsłona HI: ramki tabel, przyciski obłożenia sal, kalendarz pulpitu i pozostałe elementy w kolorach klasycznych ==== */
@media screen {
html.hi-lifting table thead th,
html.hi-lifting table tbody tr td,
html.hi-lifting table tbody td.fake-th {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting table tbody td.fake-th {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting table thead th.waluta-kurs-styl {
background: var(--hi-s-hover);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting :is(.border-brown, .borderBrown1) {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .border-top-brown { border-top-color: var(--hi-s-ramka-mocna); }
html.hi-lifting .border-right-brown { border-right-color: var(--hi-s-ramka-mocna); }
html.hi-lifting .border-bottom-brown { border-bottom-color: var(--hi-s-ramka-mocna); }
html.hi-lifting .border-left-brown { border-left-color: var(--hi-s-ramka-mocna); }
html.hi-lifting table.solution-table tr :is(th, td) {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .plan-naglowek-prawdziwa-belka {
border-color: var(--hi-s-ramka-mocna);
}
/* przyciski wpisane w kolorze akcentu (brąz/ochra z szablonów) */
html.hi-lifting span#nowe-imprezy-sol {
background-color: var(--hi-s-akcent-btn) !important;
/* tło przycisku zawsze ma kontrast z bielą; ogólna reguła menu bocznego daje kolor napisu paska */
color: #ffffff !important;
border-radius: var(--hi-s-promien);
}
/* przycisk legendy „i Akcje” — w stylu pozostałych przycisków dolnego paska */
html.hi-lifting span#akcje_info_button {
background-color: var(--hi-s-pasek) !important;
border-color: var(--hi-s-pasek) !important;
color: var(--hi-s-na-pasku);
border-radius: var(--hi-s-promien);
}
html.hi-lifting table#filtryTab {
background-color: var(--hi-s-filtr);
}
/* obłożenie sal */
html.hi-lifting .obs-filtr-kontener .obs-przycisk,
html.hi-lifting .obs-filtr-element .obs-przycisk {
background-color: var(--hi-s-pasek);
border-color: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .obs-filtr-kontener .obs-przycisk:hover,
html.hi-lifting .obs-filtr-element .obs-przycisk:hover {
background-color: var(--hi-s-pasek-hover);
}
html.hi-lifting .obs-komorka--dzien.obs-komorka--dzien_weekend {
background-color: var(--hi-s-filtr);
}
html.hi-lifting :is(#kalendarz-oblozenie-sal, #pokoje-kontener) > h3 {
color: var(--hi-s-tekst);
}
/* zakładki z paskiem w kolorach klasycznych (raporty) */
html.hi-lifting .ui-tabs > ul.ui-tabs-nav {
background: var(--hi-s-powierzchnia-2);
border-color: var(--hi-s-ramka);
}
html.hi-lifting .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default:not(.ui-tabs-active) {
background: var(--hi-s-th);
border-color: var(--hi-s-ramka-mocna);
}
/* kalendarz pulpitu */
html.hi-lifting .fc .fc-toolbar .fc-center h2 {
color: var(--hi-s-tekst);
}
html.hi-lifting .fc .fc-state-highlight,
html.hi-lifting .fc td.fc-today {
background: var(--hi-s-filtr);
}
}
@media screen {
html.hi-lifting .fc .fc-state-highlight,
html.hi-lifting .fc td.fc-today,
html.hi-lifting .fc td.fc-day.fc-today {
background: var(--hi-s-filtr) !important;
}
html.hi-lifting #fullcalendar-strona-glowna .fc-center h2 {
color: var(--hi-s-tekst);
}
html.hi-lifting .fc-toolbar .fc-button {
border-color: var(--hi-s-ramka-mocna) !important;
}
html.hi-lifting #fullcalendar-strona-glowna .fc-content-skeleton .fc-week-number {
color: var(--hi-s-tekst-2) !important;
}
html.hi-lifting :is(.przycisk, .ui-button).ui-state-default,
html.hi-lifting span.przycisk.ui-button {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting :is([style*="252, 220, 138"], [style*="251, 220, 138"]) {
background-color: var(--hi-s-filtr) !important;
}
html.hi-lifting .obs-filtr-kontener :is(input, select),
html.hi-lifting .obs-filtr-element :is(input, select) {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting :is(.obs-zestawienie, .obs-zestawienie-komorka, .obs-zestawienie-komorka__kwoty > div, .obs-zestawienie-komorka__podzial-etykiety > div) {
border-color: var(--hi-s-ramka-mocna);
}
}
/* ==== Szaty Forum 2026 i Nowa odsłona HI, warianty ciemne: ekran imprezy tabelarycznie i inne powierzchnie białe w klasycznej palecie ==== */
@media screen {
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .tabs.ui-tabs,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .tabs > div.ui-tabs-panel {
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #tabelarycznie table :is(tbody tr, tfoot tr),
html.hi-lifting.hi-paleta-ciemna #tabelarycznie table.powiazane-wydarzenia-lista thead tr {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #tabelarycznie table tbody tr:nth-child(even) {
background-color: var(--hi-s-powierzchnia-2);
}
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia, .impreza .ustawienia),
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia) :is(b, strong, span, div, td, th, label) {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .powiazane-wydarzenia-kontener,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .powiazane-wydarzenia-kontener :is(td, th, div, span, label) {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main :is(h2, h3, h4, label, .dzien-naglowek) {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #tabelarycznie :is(input, textarea, select):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .flex > div input {
background: var(--hi-s-pole);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka-mocna);
}
}
@media screen {
html.hi-lifting #tabelarycznie table.powiazane-wydarzenia-lista thead th {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting #tabelarycznie .powiazane-wydarzenia-komunikat,
html.hi-lifting #tabelarycznie .powiazane-wydarzenia-opis {
color: var(--hi-s-tekst-2) !important;
}
html.hi-lifting #tabelarycznie h4 > span.przycisk strong {
color: var(--hi-s-th-tekst) !important;
}
html.hi-lifting #tabelarycznie > .main .impreza > .komentarz > label {
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting :is([style*="227, 219, 210"], [style*="#E3DBD2" i]):not([class*=ui-]) {
background-color: var(--hi-s-th) !important;
color: var(--hi-s-th-tekst);
}
/* beżowe tło nagłówka z kolorystyką obiektu („Szczegóły menu”, podsumowania) przychodzi z ciemnym tekstem wpisanym obok —
po podmianie tła na nagłówek szaty tekst musi pójść za nim, inaczej w ciemnych szatach jest ciemny na ciemnym */
html.hi-lifting th:is([style*="background-color: #e3dbd2" i], [style*="background-color:#e3dbd2" i], [style*="background: #e3dbd2" i], [style*="background:#e3dbd2" i], [style*="background-color: rgb(227, 219, 210)"]) {
color: var(--hi-s-th-tekst) !important;
}
/* znacznik rodzaju na liście automatyzacji (beż w arkuszu) — kolory nagłówka szaty, w ciemnych bez jasnej plakietki */
html.hi-lifting .automatyzacja-lista .automatyzacja-znacznik-typu {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
border-radius: 3px;
}
html.hi-lifting :is([style*="157, 141, 123"]):not([class*=ui-]) {
background-color: var(--hi-s-pasek) !important;
color: var(--hi-s-na-pasku);
}
}
@media screen {
html.hi-lifting #komunikatPotwierdzenie {
color: #0b5d1e;
}
html.hi-lifting #komunikatOstrzezenie {
color: #8a2d00;
}
/* kolory tekstu wpisane w szablonach pod białe tło (inicjały opiekunów, nazwy statusów) — przyciemnione na jasnych powierzchniach */
html.hi-lifting:not(.hi-paleta-ciemna) #body td :is(b, strong, span, font, a)[style*="color" i]:not([style*="background"]):not([style*="red" i]):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.kontener-widgetow *):not(.cke_contents *),
html.hi-lifting:not(.hi-paleta-ciemna) #body tr > td[style*="color:" i]:not([style*="background"]):not(.fc *):not(.oblozenie-sal *):not(.kontener-widgetow *) {
filter: brightness(.6);
}
/* czerwone tło oznaczeń (czarna lista, zaległości) — nieco ciemniejsze, żeby biały tekst miał kontrast */
html.hi-lifting #body :is(span, div, td, label):is([style*="background-color: rgb(255, 0, 0)" i], [style*="background: rgb(255, 0, 0)" i], [style*="background:#ff0000" i], [style*="background: #ff0000" i], [style*="background-color:#ff0000" i], [style*="background-color: #ff0000" i], [style*="background:red" i], [style*="background: red" i]):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *) {
background-color: #c01717 !important;
}
/* kalendarz (siatka miesiąca na pulpicie i inne instancje FullCalendar): kolory z tokenów, w obu wariantach */
html.hi-lifting .fc {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting .fc :is(th, td, thead, tbody, hr, .fc-row, .fc-content-skeleton, .fc-divider, .fc-popover, .fc-list-view, .fc-list-heading td, .fc-list-item td),
html.hi-lifting .fc-unthemed :is(th, td, thead, tbody, .fc-divider, .fc-row, .fc-content, .fc-popover, .fc-list-view, .fc-list-heading td) {
border-color: var(--hi-s-ramka) !important;
}
html.hi-lifting .fc-unthemed :is(.fc-nonbusiness, .fc-bgevent) {
background: var(--hi-s-powierzchnia-2);
opacity: 1;
}
html.hi-lifting .fc :is(.fc-widget-content, .fc-bg, .fc-row, .fc-day-grid-container, .fc-scroller, .fc-time-grid) {
background-color: var(--hi-s-powierzchnia);
}
html.hi-lifting .fc :is(.fc-widget-header, th.fc-day-header, .fc-head, .fc-head-container) {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
border-color: var(--hi-s-ramka);
}
html.hi-lifting .fc :is(td.fc-sat, td.fc-sun, .fc-nonbusiness, td.fc-other-month, .fc-disabled-day) {
background-color: var(--hi-s-powierzchnia-2);
}
html.hi-lifting .fc :is(.fc-day-number, .fc-day-top a, .fc-widget-content a:not(.fc-event)) {
color: var(--hi-s-tekst);
}
html.hi-lifting .fc :is(td.fc-other-month .fc-day-number, .fc-other-month.fc-day-top .fc-day-number, .fc-week-number, td.fc-week-number span) {
color: var(--hi-s-tekst-2) !important;
}
html.hi-lifting .fc td.fc-today .fc-day-number,
html.hi-lifting .fc .fc-today .fc-day-number,
html.hi-lifting .fc .fc-day-top.fc-today .fc-day-number {
color: var(--hi-s-tekst) !important;
font-weight: bold;
}
html.hi-lifting .fc td.fc-day:hover:not(.fc-today) {
background-color: var(--hi-s-hover);
}
html.hi-lifting .fc .fc-popover {
background-color: var(--hi-s-powierzchnia);
border-color: var(--hi-s-ramka-mocna);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting .fc .fc-popover .fc-header {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
/* ikony edycji (ołówek przy loginie, w pasku danych imprezy, przy polach): jeden styl małej ikony w akcencie szaty */
html.hi-lifting img:is([src*="edit_on"], [src*="edit-on"], [src*="edycja_on"]) {
border-radius: 6px;
filter: hue-rotate(190deg) saturate(1.15);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .22);
transition: filter .12s ease, box-shadow .12s ease;
}
html.hi-lifting img:is([src*="edit_on"], [src*="edit-on"], [src*="edycja_on"]):hover {
filter: hue-rotate(190deg) saturate(1.25) brightness(1.15);
box-shadow: 0 0 0 2px var(--hi-s-akcent);
}
/* skrót zalogowanego użytkownika ma kolor wybrany przez użytkownika — w ciemnych szatach jasna poświata zamiast zmiany koloru */
html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .topmenu .anchor .uname {
text-shadow: 0 0 3px rgba(255, 255, 255, .85), 0 0 9px rgba(255, 255, 255, .4);
}
/* podświetlenia wierszy i trafień: jeden ton akcentu (tło) + tekst z szaty; efekty jQuery UI kończą się na tle wiersza w danej szacie */
html.hi-lifting :is(tr.ui-state-highlight, tr.ui-state-highlight > td, tr.ui-sortable-helper, tr.ui-sortable-helper > td, .ui-sortable-placeholder, .ui-effects-highlight, tr.zaznaczony, tr.zaznaczony > td, tr.selected, tr.selected > td, tr.active > td, tr.row-highlight, tr.row-highlight > td, tr.nowy > td, tr.zmieniony > td) {
background-color: color-mix(in srgb, var(--hi-s-akcent) 22%, var(--hi-s-powierzchnia)) !important;
color: var(--hi-s-tekst) !important;
border-color: var(--hi-s-akcent);
}
html.hi-lifting :is(mark, .highlight, .hl, .ui-autocomplete-match) {
background-color: color-mix(in srgb, var(--hi-s-akcent) 35%, transparent);
color: var(--hi-s-tekst);
border-radius: 2px;
}
/* ikony akcji (oko, ołówek, wyłącz, kosz…): jeden kształt we wszystkich tabelach i w legendzie „Akcje”; bez zmiany rozmiaru */
html.hi-lifting .przycisk_akcje_statusy {
border-radius: 5px;
box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
background-color: transparent;
transition: filter .12s ease, box-shadow .12s ease;
}
/* ikony akcji w tabelach sal/menu/atrakcji imprezy (+, −, kopiuj, konfiguruj, uwagi, notatki, odśwież, stoliki): obrazki PNG z białym
kwadratem — wspólny kształt i odstęp we wszystkich szatach; w ciemnych szatach kwadrat ciemny, znaki jasne (kolory
znaczeniowe zachowane przez obrót barwy), w jasnych biały kwadrat z obrysem. Rozmiar i układ bez zmian. */
html.hi-lifting img:is([src$="/add.png"], [src$="/menu.png"], [src$="/del.png"], [src$="/addelement.png"], [src$="/uwagi-icon.png"], [src$="/odswiez.png"], [src$="/notatki-icon.png"], [src$="/stoliki.png"], [src$="/configelement.png"]) {
border-radius: 4px;
box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
transform: scale(.84);
transition: box-shadow .12s ease, filter .12s ease;
}
html.hi-lifting.hi-paleta-ciemna img:is([src$="/add.png"], [src$="/menu.png"], [src$="/del.png"], [src$="/addelement.png"], [src$="/uwagi-icon.png"], [src$="/odswiez.png"], [src$="/notatki-icon.png"], [src$="/stoliki.png"], [src$="/configelement.png"]) {
filter: invert(1) hue-rotate(180deg) brightness(1.35) contrast(1.05);
box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
}
html.hi-lifting img:is([src$="/add.png"], [src$="/menu.png"], [src$="/del.png"], [src$="/addelement.png"], [src$="/uwagi-icon.png"], [src$="/odswiez.png"], [src$="/notatki-icon.png"], [src$="/stoliki.png"], [src$="/configelement.png"]):hover {
box-shadow: 0 0 0 2px var(--hi-s-akcent);
}
html.hi-lifting img[src*="/styleimg/akcje/"] {
border-radius: 5px;
box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
}
/* w kolumnie „Akcje” ikony stoją jedna przy drugiej — lekkie pomniejszenie daje równy odstęp bez zmiany szerokości kolumny */
html.hi-lifting .akcje_box .przycisk_akcje_statusy {
transform: scale(.86);
}
html.hi-lifting .akcje_box > table td {
vertical-align: middle;
}
html.hi-lifting body .topheading.hi-naglowek :is(.topmenu, .toplogos) {
color: var(--hi-s-tekst-2);
}
/* listy z wyszukiwarką w górnym pasku (przełącz obiekt, podgląd grupy): wymiary jak natywna lista klasycznej (bez zmiany układu paska) */
html.hi-lifting body .topheading.hi-naglowek .topmenu .select2-container .select2-selection--single {
height: 16px;
min-height: 16px;
border-radius: 4px;
}
html.hi-lifting body .topheading.hi-naglowek .topmenu .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 14px;
font-size: 11px;
padding-left: 3px;
padding-right: 14px;
}
html.hi-lifting body .topheading.hi-naglowek .topmenu .select2-container .select2-selection--single .select2-selection__arrow {
height: 14px;
}
/* przyciski edycji pól w pasku danych imprezy (ołówki) i menu: jeden kształt, subtelna ramka, podświetlenie przy najechaniu */
html.hi-lifting #tabelarycznie > .top > ul > li button:not(.zapisz) {
border-radius: 6px;
border-color: rgba(255, 255, 255, .45);
transition: background-color .12s ease, border-color .12s ease;
}
html.hi-lifting #tabelarycznie > .top > ul > li button:not(.zapisz):hover {
background-color: rgba(255, 255, 255, .14);
border-color: var(--hi-s-akcent);
}
html.hi-lifting #tabelarycznie > .top img[src*="mobile-menu"] {
border-radius: 6px;
}
/* przyciski filtra (szukaj, wyczyść) w nagłówku kolumny akcji: ten sam kształt co ikony akcji */
html.hi-lifting .przycisk-filtr {
border-radius: 5px;
box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
}
html.hi-lifting .przycisk_akcje_statusy.pointer:hover {
box-shadow: 0 0 0 2px var(--hi-s-akcent);
filter: brightness(1.12);
}
html.hi-lifting .przycisk_akcje_statusy[class*="_off"]:not(.pointer) {
filter: grayscale(1) brightness(1.02);
opacity: .85;
}
html.hi-lifting.hi-paleta-ciemna .przycisk_akcje_statusy[class*="_off"]:not(.pointer) {
filter: grayscale(1) brightness(.62);
opacity: 1;
}
/* małe ikony-przyciski narzędziowe (historia zmian itp.): pigułka w akcencie szaty zamiast surowego zielonego kwadratu */
html.hi-lifting a:has(> i.fa-history) {
background-color: var(--hi-s-akcent-btn) !important;
border-radius: 6px !important;
box-shadow: 0 0 0 1px rgba(255, 255, 255, .25);
transition: filter .12s ease;
}
html.hi-lifting a:has(> i.fa-history):hover {
filter: brightness(1.15);
}
html.hi-lifting a:has(> i.fa-history) > i {
color: #ffffff;
}
/* natywne listy select: kolory opcji, grupy, zaznaczenie w akcencie, listy wielokrotnego wyboru */
html.hi-lifting select {
color-scheme: var(--hi-s-schemat);
}
html.hi-lifting select :is(option, optgroup) {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
padding: 4px 8px;
}
html.hi-lifting select optgroup {
font-weight: bold;
color: var(--hi-s-tekst-2);
}
html.hi-lifting select option:is(:checked, :hover) {
background: linear-gradient(var(--hi-s-akcent-btn), var(--hi-s-akcent-btn));
color: #ffffff;
}
html.hi-lifting select:is([multiple], [size]:not([size="1"])) {
background-color: var(--hi-s-pole);
color: var(--hi-s-tekst);
border: 1px solid var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
}
html.hi-lifting select:is([multiple], [size]:not([size="1"])) option {
background-color: transparent;
}
html.hi-lifting select:is([multiple], [size]:not([size="1"])):focus option:checked {
background: linear-gradient(var(--hi-s-akcent-btn), var(--hi-s-akcent-btn));
}
html.hi-lifting select:is([multiple], [size]:not([size="1"])):not(:focus) option:checked {
background: linear-gradient(var(--hi-s-pasek-hover), var(--hi-s-pasek-hover));
}
/* komunikaty i boksy informacyjne: zawsze para tło + tekst z szaty (nie dziedziczą jasnego tekstu na jasnym tle) */
html.hi-lifting :is(#tabelarycznie > .main .impreza .ustawienia, .ustawienia-sali-zakryte-inside) {
background-color: var(--hi-s-filtr);
border-color: var(--hi-s-akcent);
color: var(--hi-s-tekst);
}
html.hi-lifting :is(#tabelarycznie > .main .impreza .ustawienia, .ustawienia-sali-zakryte-inside) :is(p, li, ul, strong, h2, h3, span, b, a, em) {
color: var(--hi-s-tekst);
}
html.hi-lifting .komunikat-bledow {
background-color: var(--hi-s-powierzchnia-2);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst-2);
}
html.hi-lifting :is(.komunikat-bledow-systemu, .ui-state-error, .ui-widget-content .ui-state-error) {
background-color: color-mix(in srgb, #d9363e 16%, var(--hi-s-powierzchnia));
border-color: #d9363e;
color: #8f1219;
}
html.hi-lifting.hi-paleta-ciemna :is(.komunikat-bledow-systemu, .ui-state-error, .ui-widget-content .ui-state-error) {
color: #ffa3a8;
}
html.hi-lifting :is(.ui-state-highlight, .ui-widget-content .ui-state-highlight) {
background-color: var(--hi-s-filtr);
border-color: var(--hi-s-akcent);
color: var(--hi-s-tekst);
}
html.hi-lifting #komunikatPotwierdzenie {
background-color: color-mix(in srgb, #1d9a4a 16%, var(--hi-s-powierzchnia));
border-color: #1d9a4a;
opacity: .97;
}
html.hi-lifting.hi-paleta-ciemna #komunikatPotwierdzenie {
color: #8ce9a9;
}
html.hi-lifting #komunikatOstrzezenie {
background-color: color-mix(in srgb, #d9363e 16%, var(--hi-s-powierzchnia));
border-color: #d9363e;
opacity: .97;
}
html.hi-lifting.hi-paleta-ciemna #komunikatOstrzezenie {
color: #ffa3a8;
}
/* spójne stany: widoczny fokus, błąd walidacji, pole wyłączone (wszystkie szaty z własną paletą) */
html.hi-lifting :is(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--hi-s-akcent);
outline-offset: 1px;
}
html.hi-lifting :is(input, select, textarea).error,
html.hi-lifting :is(input, select, textarea)[aria-invalid="true"] {
border-color: #d9363e;
box-shadow: 0 0 0 1px #d9363e;
}
html.hi-lifting :is(button, input[type=button], input[type=submit], .ui-button):disabled,
html.hi-lifting .ui-button.ui-state-disabled {
opacity: .55;
cursor: not-allowed;
}
/* klasy pomocnicze z kolorami tekstu z klasycznej palety */
html.hi-lifting :is(.solution-brown-light, .solution-blue-light) {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .solution-brown-dark {
color: var(--hi-s-tekst);
}
html.hi-lifting :is(label, span)[style*="#968d84" i] {
color: var(--hi-s-tekst-2) !important;
}
html.hi-lifting label.wprowadzanie-podglad-dane,
html.hi-lifting .ui-dialog label.wprowadzanie-podglad-dane {
color: var(--hi-s-tekst);
}
/* nazwa zalogowanego w nagłówku ma kolor wybrany przez użytkownika — w jasnych szatach przyciemniona */
html.hi-lifting:not(.hi-paleta-ciemna) body .topheading.hi-naglowek .topmenu .anchor .uname {
filter: brightness(.62);
}
/* okna dodawania/edycji: nagłówki sekcji h3, gwiazdki pól wymaganych i komunikaty błędów, pola zablokowane, wiersze kosztorysu */
html.hi-lifting .ui-dialog h3,
html.hi-lifting .ui-dialog h3 > span,
html.hi-lifting .ui-dialog h3 > label {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka);
}
html.hi-lifting .ui-dialog h3 > span {
background-color: transparent;
}
html.hi-lifting .formularzNowy h3 {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .formularzNowy h2 > span {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst-2);
}
html.hi-lifting .formularzNowy h2::before {
background: var(--hi-s-ramka-mocna);
}
html.hi-lifting .formularzNowy :is(label, .label) {
color: var(--hi-s-tekst);
}
html.hi-lifting :is(.menu-belka-nazwa, .menu-belka-ceny, tr.kosztorysDane) {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting :is(input, textarea).blokadaplatnosc,
html.hi-lifting input[type=file] {
background-color: var(--hi-s-powierzchnia-2) !important;
color: var(--hi-s-tekst) !important;
border-color: var(--hi-s-ramka);
}
html.hi-lifting.hi-paleta-ciemna :is(.red, .required, [id^="error-for-"], .error-message, label.error) {
color: #ff8585 !important;
}
html.hi-lifting [id^="jezyktabs"].ui-tabs,
html.hi-lifting .formularzNowy .ui-tabs {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting td.menu_koszty {
color: #1f1f1f;
}
html.hi-lifting:not(.hi-paleta-ciemna) :is(.red, .required) {
color: #b3000a;
}
/* okna dodawania/edycji pozycji: zakładki językowe, edytor opisu (Trumbowyg), nagłówki sekcji */
html.hi-lifting .ui-dialog .ui-tabs,
html.hi-lifting .ui-dialog .ui-tabs .ui-tabs-panel {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting .ui-dialog .ui-tabs .ui-tabs-nav {
background: var(--hi-s-powierzchnia-2);
border-color: var(--hi-s-ramka);
}
html.hi-lifting .ui-dialog h2 > span:not(.ui-icon) {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst-2);
}
html.hi-lifting .trumbowyg-box,
html.hi-lifting .trumbowyg-editor {
background-color: var(--hi-s-pole);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .trumbowyg-box {
border-radius: var(--hi-s-promien);
}
html.hi-lifting .trumbowyg-button-pane {
background: var(--hi-s-th);
border-bottom-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .trumbowyg-button-pane::after {
background: var(--hi-s-ramka-mocna);
}
html.hi-lifting .trumbowyg-button-pane .trumbowyg-button-group::after,
html.hi-lifting .trumbowyg-button-pane .trumbowyg-button-group + .trumbowyg-button-group::before {
background-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .trumbowyg-button-pane button {
color: var(--hi-s-th-tekst);
background-color: transparent;
}
html.hi-lifting .trumbowyg-button-pane button svg {
fill: var(--hi-s-th-tekst);
}
html.hi-lifting .trumbowyg-button-pane button:hover:not(.trumbowyg-disable),
html.hi-lifting .trumbowyg-button-pane button:focus:not(.trumbowyg-disable),
html.hi-lifting .trumbowyg-button-pane button.trumbowyg-active {
background-color: var(--hi-s-hover);
}
html.hi-lifting .trumbowyg-button-pane button.trumbowyg-disable svg {
opacity: .45;
}
html.hi-lifting .trumbowyg-dropdown,
html.hi-lifting .trumbowyg-modal-box {
background-color: var(--hi-s-powierzchnia);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting .trumbowyg-dropdown button {
color: var(--hi-s-tekst);
background-color: transparent;
}
html.hi-lifting .trumbowyg-dropdown button:hover {
background-color: var(--hi-s-hover);
}
html.hi-lifting .trumbowyg-dropdown button svg {
fill: var(--hi-s-tekst);
}
html.hi-lifting .trumbowyg-modal-box :is(label, input, .trumbowyg-modal-title) {
color: var(--hi-s-tekst);
}
/* „Edytowane dziś” (Wprowadzanie danych: potrawy, menu, atrakcje) */
html.hi-lifting .ostatnio-edytowane-sekcja .oe-tytul {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .oe-tytul .oe-licznik {
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
html.hi-lifting .oe-scroll {
border-color: var(--hi-s-ramka-mocna);
background: var(--hi-s-powierzchnia);
}
html.hi-lifting table.ostatnio-edytowane-tabela :is(tbody tr, tbody td) {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting table.ostatnio-edytowane-tabela tbody tr:nth-child(even) :is(td, th) {
background-color: var(--hi-s-powierzchnia-2);
}
html.hi-lifting table.ostatnio-edytowane-tabela thead th {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
border-color: var(--hi-s-ramka-mocna);
}
/* stany wierszy tabel z klasycznych arkuszy: wyłączony, wyróżniony na zielono, jasnobrązowy */
html.hi-lifting table tbody tr.odd :is(td, th) {
color: var(--hi-s-tekst);
}
html.hi-lifting :is(table tbody tr.greenBackground, table tbody tr.greenBackground > td) {
background-color: color-mix(in srgb, #2e9a57 22%, var(--hi-s-powierzchnia));
color: var(--hi-s-tekst);
}
html.hi-lifting :is(tr.background-lightbrown, tr.background-lightbrown > td) {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting a.wylaczony {
background-color: var(--hi-s-th);
color: var(--hi-s-tekst-2);
}
/* przyciski jQuery UI i „pigułki” (klasyczny khaki z białym tekstem) */
html.hi-lifting .ui-button.ui-state-default:not(.ui-selectmenu-button),
html.hi-lifting .przycisk.ui-state-default {
background-color: var(--hi-s-pasek);
border-color: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
border-radius: var(--hi-s-promien);
}
html.hi-lifting .ui-button.ui-state-default:not(.ui-selectmenu-button) .ui-button-text,
html.hi-lifting .przycisk.ui-state-default .ui-button-text {
color: inherit;
}
html.hi-lifting .ui-button.ui-state-default.ui-state-hover:not(.ui-selectmenu-button),
html.hi-lifting .ui-button.ui-state-default:hover:not(.ui-selectmenu-button),
html.hi-lifting .ui-dialog-buttonset .ui-state-hover,
html.hi-lifting :is(input, span).ui-state-hover.ui-button {
background-color: var(--hi-s-pasek-hover) !important;
border-color: var(--hi-s-pasek-hover) !important;
color: var(--hi-s-na-pasku);
}
/* pola nieaktywne i tylko do odczytu */
html.hi-lifting :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel], input[type=search], input[type=url], input:not([type]), textarea):is(:disabled, [readonly]):not(.hasDatepicker) {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst-2);
border-color: var(--hi-s-ramka);
}
/* karta projektu: lista kart i statusy */
html.hi-lifting .kp-zmiana,
html.hi-lifting .kp-zmiana small {
color: var(--hi-s-tekst-2);
}
html.hi-lifting.hi-paleta-ciemna :is(.kp-liczba, .kp-nazwa) {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna :is(label, span, div, td, th, p, a).black:not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *) {
color: var(--hi-s-tekst);
}
html.hi-lifting .kp-status.kp-status-aktywny {
color: #1d6b43;
}
html.hi-lifting.hi-paleta-ciemna .kp-status.kp-status-aktywny {
color: #7fe0a8;
}
html.hi-lifting .kp-status.kp-status-do-aktywacji {
color: #8a5400;
}
html.hi-lifting.hi-paleta-ciemna .kp-status.kp-status-do-aktywacji {
color: #ffc46b;
}
/* listy rozwijane select2 (otwierane poza głównym kontenerem strony) */
html.hi-lifting .select2-container .select2-dropdown {
background-color: var(--hi-s-powierzchnia);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting .select2-container--default .select2-results__option {
background-color: transparent;
color: var(--hi-s-tekst);
}
html.hi-lifting .select2-container--default .select2-results__option[aria-disabled=true] {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .select2-container--default .select2-results__option[aria-selected=true] {
background-color: var(--hi-s-hover);
color: var(--hi-s-tekst);
}
html.hi-lifting .select2-container--default .select2-results__option--highlighted[aria-selected],
html.hi-lifting .select2-container--default .select2-results__option--highlighted[aria-selected=true] {
background-color: var(--hi-s-akcent-btn);
color: #ffffff;
}
html.hi-lifting .select2-container--default .select2-search--dropdown .select2-search__field {
background-color: var(--hi-s-pole);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
}
html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__rendered,
html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__choice {
color: var(--hi-s-tekst);
}
html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: var(--hi-s-th);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .select2-container--default .select2-results__group,
html.hi-lifting .select2-container--default .select2-results__option[role=group] > strong {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
font-weight: bold;
}
html.hi-lifting .select2-container--default .select2-results__option[role=group] {
background-color: transparent;
padding: 0;
}
html.hi-lifting .select2-container--default .select2-results > .select2-results__options {
scrollbar-color: var(--hi-s-ramka-mocna) var(--hi-s-powierzchnia-2);
}
html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu, .ui-multiselect-menu) {
background-color: var(--hi-s-powierzchnia);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu) .ui-menu-item-wrapper,
html.hi-lifting .ui-autocomplete :is(.ui-menu-item > a, .ui-menu-item a, .ui-menu-item > div),
html.hi-lifting .ui-multiselect-menu label {
color: var(--hi-s-tekst);
}
html.hi-lifting .ui-autocomplete :is(.ui-menu-item > a, .ui-menu-item > div, .ui-menu-item-wrapper) {
white-space: normal;
line-height: 1.35;
border: 1px solid transparent;
border-radius: var(--hi-s-promien);
}
html.hi-lifting .ui-autocomplete :is(strong, b, .ui-autocomplete-match) {
color: var(--hi-s-link);
}
html.hi-lifting .ui-autocomplete .ui-menu-item :is(.ui-state-focus, .ui-state-hover, .ui-state-active),
html.hi-lifting .ui-autocomplete .ui-menu-item.ui-state-focus > :is(a, div, .ui-menu-item-wrapper),
html.hi-lifting .ui-autocomplete .ui-menu-item > a:hover {
background: var(--hi-s-akcent-btn) !important;
border-color: var(--hi-s-akcent-btn) !important;
color: #ffffff;
}
html.hi-lifting .ui-autocomplete .ui-menu-item.ui-state-focus > :is(a, div, .ui-menu-item-wrapper) :is(strong, b),
html.hi-lifting .ui-autocomplete .ui-menu-item > a:hover :is(strong, b) {
color: #ffffff;
}
html.hi-lifting .ui-autocomplete .ui-state-disabled {
color: var(--hi-s-tekst-2);
opacity: 1;
}
html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu) .ui-state-active,
html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu) .ui-menu-item-wrapper.ui-state-active {
background: var(--hi-s-akcent-btn) !important;
border-color: var(--hi-s-akcent-btn) !important;
color: #ffffff;
}
html.hi-lifting .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync {
background: var(--hi-s-th) !important;
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-th-tekst);
}
html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync:hover {
background: var(--hi-s-hover) !important;
}
/* powiadomienia z kolorem priorytetu wpisanym w szablonie (pomarańcz) — ciemny tekst zamiast białego (kontrast) */
html.hi-lifting #body :is([style*="#fe9900" i], [style*="254, 153, 0"]) {
color: #1f1f1f !important;
}
html.hi-lifting #body :is([style*="#fe9900" i], [style*="254, 153, 0"]) * {
color: inherit;
}
/* ciemne szaty: białe tła i czarny tekst wpisane w szablonach (komórki, bloki) */
html.hi-lifting.hi-paleta-ciemna :is([style*="background-color: rgb(255, 255, 255)" i], [style*="background:#fff" i], [style*="background: #fff" i], [style*="background-color:#fff" i], [style*="background-color: #fff" i])
:is([style*="color: rgb(0, 0, 0)" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i]) {
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna :is([style*="background-color: rgb(255, 255, 255)" i], [style*="background:#fff" i], [style*="background: #fff" i], [style*="background-color:#fff" i], [style*="background-color: #fff" i]):is([style*="color: rgb(0, 0, 0)" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(#raportytabs *) {
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna :is([style*="background-color: rgb(255, 255, 255)" i], [style*="background: rgb(255, 255, 255)" i], [style*="background:#fff" i], [style*="background: #fff" i], [style*="background-color:#fff" i], [style*="background-color: #fff" i], [style*="background: white" i], [style*="background-color: white" i]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *):not(input):not(select):not(textarea):not(img) {
background-color: var(--hi-s-powierzchnia) !important;
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna :is([style*="color: rgb(0, 0, 0)" i], [style*=";color:#000" i], [style*="; color:#000" i], [style^="color:#000" i], [style^="color: #000" i], [style*="; color: #000" i], [style*="color: black" i], [style*="color:black" i]):not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *) {
color: var(--hi-s-tekst) !important;
}
/* kolorowe tła wpisane w szablonach (pastele, kolory sal i statusów) bez własnego koloru tekstu — w klasycznej palecie tekst był czarny;
tylko gdy styl ma tło — sam jaskrawy kolor tekstu (np. inicjały opiekuna w kolorze pracownika) zostaje jasny */
html.hi-lifting #body :is([style*="rgb(0, 255, 0)" i], [style*="#00ff00" i], [style*="#0f0;" i], [style*="rgb(255, 255, 0)" i], [style*="#ffff00" i], [style*="rgb(255, 247, 0)" i], [style*="#fff700" i], [style*="rgb(255, 0, 255)" i], [style*="#ff00ff" i], [style*="rgb(0, 255, 255)" i], [style*="#00ffff" i]):is([style*="background" i]):is(div, span, td, th, b, label, a, p):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *) {
color: #1f1f1f !important;
}
/* tekst bez własnego koloru w takiej komórce (np. adres e-mail na liście klientów) idzie za nią, zamiast koloru linku szaty */
html.hi-lifting #body td:is([style*="rgb(0, 255, 0)" i], [style*="#00ff00" i], [style*="rgb(255, 255, 0)" i], [style*="#ffff00" i], [style*="rgb(255, 0, 255)" i], [style*="#ff00ff" i], [style*="rgb(0, 255, 255)" i], [style*="#00ffff" i])[style*="background" i] :is(span, a):not([style*="color"]):not(.fc *) {
color: inherit !important;
}
html.hi-lifting.hi-paleta-ciemna #body :is(div, span, td, th, b, label, a)[style*="background" i]:not([style^="color"]):not([style*=";color"]):not([style*=" color:"]):not([style*="#e3dbd2" i]):not([style*="#f7f1ea" i]):not([style*="#f6f1ea" i]):not([style*="#ede3da" i]):not([style*="#fff" i]):not([style*="255, 255, 255"]):not([style*="white" i]):not([style*="transparent" i]):not([style*="none" i]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *):not(.prawa-przyciski *) {
color: #1f1f1f;
}
}
/* ==== Szata „Halloween” (profil → Szata graficzna): ciemna paleta Forum 2026 z podmienionymi zmiennymi ====
Klasy na : `hi-lifting hi-forum hi-paleta-ciemna hi-halloween` — reguły struktury i widgetów dziedziczą po
szacie Forum (wariant ciemny), a tu zmieniają się tylko zmienne kolorów i drobne ozdoby (bez zmian układu, bez animacji).
Tylko ekran — wydruk zostaje jasny. */
@media screen {
html.hi-forum.hi-paleta-ciemna.hi-halloween {
--hi-s-schemat: dark;
--hi-s-tlo: #14091f;
--hi-s-powierzchnia: #1d0f2e;
--hi-s-powierzchnia-2: #26143b;
--hi-s-hover: #33194d;
--hi-s-naglowek: #0e0616;
--hi-s-menu: #0b0512;
--hi-s-menu-akt: #2a1244;
--hi-s-menu-pod: #14091f;
--hi-s-menu-tekst: #f3e9dc;
--hi-s-pasek: #3a1a5c;
--hi-s-pasek-hover: #4b2475;
--hi-s-pasek-akt: #5a2a8a;
--hi-s-na-pasku: #ffffff;
--hi-s-tekst: #f3e9dc;
--hi-s-tekst-2: #c4aed0;
--hi-s-link: #ff9a4d;
--hi-s-ramka: #3e2459;
--hi-s-ramka-mocna: #5f3d86;
--hi-s-th: #321a4c;
--hi-s-th-tekst: #f3e9dc;
--hi-s-filtr: #3d2410;
--hi-s-pole: #14091f;
--hi-s-akcent: #ff7518;
--hi-s-akcent-hover: #e8590c;
--hi-s-akcent-btn: #c24e10;
--hi-s-akcent-2: #8bd450;
--hi-s-cien: 0 2px 10px rgba(0, 0, 0, .55);
--hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .5);
--hi-s-strzalka: #c4aed0;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c4aed0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* klimat: cienka dyniowa linia pod górnym paskiem, poświata aktywnych elementów, toksyczna zieleń tylko w drobiazgach */
html.hi-halloween body .topsettings2.hi-menu {
box-shadow: 0 2px 0 #ff7518;
}
html.hi-halloween :is(.przyciskidolne .przyciskbottom.b2, #tabelarycznie button.zapisz, #tabelarycznie > .top > ul > li.zapisz button):hover,
html.hi-halloween .ui-tabs .ui-tabs-nav li.ui-tabs-active {
box-shadow: 0 0 10px rgba(255, 117, 24, .45);
}
html.hi-halloween .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-tabs-active.ui-state-default.ui-state-default,
html.hi-halloween #body .solbox .headings h2.active,
html.hi-halloween #body .solbox .headings-po h2.active {
box-shadow: inset 0 -3px 0 var(--hi-s-akcent), 0 0 10px rgba(255, 117, 24, .35);
}
html.hi-halloween :is(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--hi-s-akcent-2);
outline-offset: 1px;
}
html.hi-halloween body .footer {
position: relative;
}
html.hi-halloween body .footer::after {
content: "\1F383";
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
line-height: 1;
pointer-events: none;
}
html.hi-halloween body .footer::before {
content: "\1F577\FE0F";
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
line-height: 1;
opacity: .85;
pointer-events: none;
}
/* górny pasek: gradient czerń → głęboki fiolet; nagłówki paneli z delikatnym odstępem liter */
html.hi-halloween body .topsettings2.hi-menu {
background-image: linear-gradient(90deg, #0b0512 0%, #1d0f2e 55%, #2a1244 100%);
}
html.hi-halloween #body .solbox .headings h2,
html.hi-halloween #body .solbox .headings-po h2,
html.hi-halloween .ui-dialog .ui-dialog-title {
letter-spacing: .4px;
}
/* zaznaczenie tekstu i paski przewijania w dyniowo-fioletowych kolorach */
html.hi-halloween ::selection {
background: #ff7518;
color: #1d0f2e;
}
html.hi-halloween {
scrollbar-color: #8a4b1a #1d0f2e;
}
html.hi-halloween ::-webkit-scrollbar-thumb {
background: #8a4b1a;
border-radius: 6px;
}
html.hi-halloween ::-webkit-scrollbar-track {
background: #1d0f2e;
}
}
/* ==== Ekran „Proszę czekać…” zależny od szaty (tylko wygląd — logika pokazywania bez zmian; znacznik rysowany w miejscu dawnego obrazka) ====
Forum 2026: obracające się okrągłe logo HI; Nowa odsłona HI: kapibara z Nowego Layoutu; Halloween: obracająca się dynia;
Świąteczna: obracający się płatek śniegu. Obrazy lokalne (bez nowych zależności); przy wyłączonych animacjach statyczny znak + napis. */
@media screen {
html.hi-lifting :is(.wait, .smallwait) p {
color: var(--hi-s-tekst-2);
}
html.hi-forum :is(.wait, .smallwait) p::before {
content: "";
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border-radius: 50%;
background: url("/ang/assets/svg/hi-logo-small.svg") center / contain no-repeat;
box-shadow: 0 0 0 4px color-mix(in srgb, var(--hi-s-akcent) 22%, transparent);
animation: hi-obrot 1.4s linear infinite;
}
html.hi-nl :is(.wait, .smallwait) p::before {
content: "";
width: 72px;
height: 72px;
margin: -36px 0 0 -36px;
border-radius: 8px;
background: url("/ang/assets/capibara/capibaraLoading.gif") center / contain no-repeat;
box-shadow: none;
animation: none;
}
html.hi-halloween :is(.wait, .smallwait) p::before {
content: "\1F383";
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
border-radius: 0;
background: none;
box-shadow: none;
font-size: 32px;
line-height: 36px;
text-align: center;
transform-origin: center;
animation: hi-obrot-y 2s linear infinite;
}
html.hi-swiateczna :is(.wait, .smallwait) p::before {
content: "\2744\FE0F";
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
border-radius: 0;
background: none;
box-shadow: none;
font-size: 30px;
line-height: 36px;
text-align: center;
transform-origin: center;
animation: hi-obrot 2.4s linear infinite;
}
/* mały ekran czekania (pod napisem jest 50 px miejsca): znak pod napisem, mniejszy */
html:is(.hi-forum, .hi-nl) .smallwait p::before {
top: auto;
bottom: 3px;
width: 44px;
height: 44px;
margin: 0 0 0 -22px;
font-size: 28px;
line-height: 44px;
}
@keyframes hi-obrot {
to { transform: rotate(360deg); }
}
@keyframes hi-obrot-y {
to { transform: rotateY(360deg); }
}
}
@media screen and (prefers-reduced-motion: reduce) {
html.hi-lifting :is(.wait, .smallwait) p::before {
animation: none;
}
}
/* kapibara ładowana z wyprzedzeniem (bez migotania przy pierwszym pokazaniu ekranu czekania) */
@media screen and (min-width: 1100px) {
html.hi-nl body::after {
content: url("/ang/assets/capibara/capibaraLoading.gif");
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
pointer-events: none;
}
}
/* szata tylko na ekranie — wydruk ma zostać w wyglądzie klasycznym */
@media screen {
/* Szaty: wyszukiwarka w selectach */
html.hi-lifting .select2-dropdown.hi-select2-lista {
min-width: 100%;
max-width: 60vw;
}
html.hi-lifting .ui-dialog:has(.select2-container--open) {
overflow: visible;
}
html.hi-lifting select.hi-select2 + .select2-container {
max-width: 100%;
vertical-align: middle;
}
html.hi-lifting .ui-dialog > .select2-container--open {
z-index: 100000;
}
}
/* pajęczyny w narożnikach okna (tylko szerokie ekrany; w marginesach nagłówka, pod treścią, bez wpływu na kliknięcia i wydruk) i pająk na nitce */
@media screen and (min-width: 1100px) {
html.hi-halloween body::before,
html.hi-halloween body::after {
content: "";
position: fixed;
top: 0;
z-index: 0;
pointer-events: none;
}
html.hi-halloween body::before {
right: 0;
width: 72px;
height: 109px;
opacity: .55;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='109' viewBox='0 0 72 109'%3E%3Cg fill='none' stroke='%23c9b8e0' stroke-width='1'%3E%3Cpath d='M72 0 L0 0 M72 0 L72 109 M72 0 L18 72 M72 0 L40 100 M72 0 L5 30'/%3E%3Cpath d='M72 16 Q58 16 58 0 M72 32 Q44 32 44 0 M72 50 Q30 50 30 0 M72 68 Q16 68 16 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat top right;
}
html.hi-halloween body::after {
content: "\1F577\FE0F";
left: 26px;
width: 20px;
height: 62px;
padding-top: 44px;
box-sizing: border-box;
font-size: 16px;
line-height: 18px;
text-align: center;
background: linear-gradient(rgba(201, 184, 224, .75), rgba(201, 184, 224, .75)) no-repeat 9px 0 / 1px 44px;
}
html.hi-halloween body .footer {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='60' viewBox='0 0 80 60'%3E%3Cg fill='none' stroke='%23c9b8e0' stroke-width='1' opacity='.7'%3E%3Cpath d='M0 60 L0 0 M0 60 L80 60 M0 60 L55 12 M0 60 L72 30 M0 60 L30 0'/%3E%3Cpath d='M0 44 Q16 44 16 60 M0 28 Q32 28 32 60 M0 12 Q48 12 48 60'/%3E%3C/g%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='60' viewBox='0 0 80 60'%3E%3Cg fill='none' stroke='%23c9b8e0' stroke-width='1' opacity='.7' transform='translate(80,0) scale(-1,1)'%3E%3Cpath d='M0 60 L0 0 M0 60 L80 60 M0 60 L55 12 M0 60 L72 30 M0 60 L30 0'/%3E%3Cpath d='M0 44 Q16 44 16 60 M0 28 Q32 28 32 60 M0 12 Q48 12 48 60'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat, no-repeat;
background-position: left bottom, right bottom;
background-size: auto 100%, auto 100%;
}
}
/* ==== Szata „Świąteczna” (profil → Szata graficzna): jasny wariant Forum z paletą zieleń–czerwień–złoto ====
Klasy na : `hi-lifting hi-forum hi-swiateczna` — struktura i widgety dziedziczą po szacie Forum (jasnej),
zmieniają się zmienne --hi-s-* i drobne ozdoby (bez zmian układu; domyślnie bez animacji). Tylko ekran. */
@media screen {
html.hi-forum.hi-swiateczna {
--hi-s-schemat: light;
--hi-s-tlo: #f7f1e8;
--hi-s-powierzchnia: #fffaf2;
--hi-s-powierzchnia-2: #f3ead9;
--hi-s-hover: #ece1cb;
--hi-s-naglowek: #fffaf2;
--hi-s-menu: #1f5c3a;
--hi-s-menu-akt: #174a2e;
--hi-s-menu-pod: #174a2e;
--hi-s-menu-tekst: #fdf6e8;
--hi-s-menu-hover: rgba(255, 255, 255, .16);
--hi-s-pasek: #1f5c3a;
--hi-s-pasek-hover: #2a7449;
--hi-s-pasek-akt: #174a2e;
--hi-s-na-pasku: #ffffff;
--hi-s-tekst: #1d2b22;
--hi-s-tekst-2: #4f6355;
--hi-s-link: #b3262e;
--hi-s-ramka: #e0d6c0;
--hi-s-ramka-mocna: #c9bb9f;
--hi-s-th: #dfeadf;
--hi-s-th-tekst: #1d2b22;
--hi-s-filtr: #fbefd0;
--hi-s-pole: #ffffff;
--hi-s-akcent: #b3262e;
--hi-s-akcent-hover: #9a1f26;
--hi-s-akcent-btn: #b3262e;
--hi-s-akcent-2: #c9a227;
--hi-s-promien: 8px;
--hi-s-cien: 0 2px 10px rgba(31, 92, 58, .16);
--hi-s-cien-duzy: 0 12px 36px rgba(29, 43, 34, .3), 0 2px 8px rgba(29, 43, 34, .16);
--hi-s-strzalka: #4f6355;
--hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234f6355' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* klimat: złota linia pod górnym paskiem, pas lampek (bez animacji), fokus w złocie, zaznaczenie w czerwieni */
html.hi-swiateczna body .topsettings2.hi-menu {
box-shadow: 0 2px 0 #c9a227;
background-image:
radial-gradient(circle 2.5px at 10px 4px, #e5484d 96%, transparent),
radial-gradient(circle 2.5px at 30px 4px, #f2c94c 96%, transparent),
radial-gradient(circle 2.5px at 50px 4px, #5cc47e 96%, transparent),
radial-gradient(circle 2.5px at 70px 4px, #8ab4f8 96%, transparent);
background-repeat: repeat-x;
background-size: 80px 8px;
background-position: left bottom;
}
html.hi-swiateczna :is(a, button, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--hi-s-akcent-2);
outline-offset: 1px;
}
html.hi-swiateczna ::selection {
background: #b3262e;
color: #ffffff;
}
html.hi-swiateczna {
scrollbar-color: #2a7449 #f3ead9;
}
html.hi-swiateczna ::-webkit-scrollbar-thumb {
background: linear-gradient(#2a7449, #b3262e);
border-radius: 6px;
}
html.hi-swiateczna ::-webkit-scrollbar-track {
background: #f3ead9;
}
html.hi-swiateczna body .footer {
position: relative;
}
html.hi-swiateczna body .footer::after {
content: "\1F384";
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
line-height: 1;
pointer-events: none;
}
html.hi-swiateczna body .footer::before {
content: "\2744\FE0F";
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
line-height: 1;
pointer-events: none;
}
}
/* delikatny śnieg w tle (statyczny; tylko szerokie ekrany, pod treścią, bez wpływu na kliknięcia) */
@media screen and (min-width: 1100px) {
html.hi-swiateczna body {
background-image:
radial-gradient(circle 2px at 20px 30px, rgba(120, 150, 175, .55) 95%, transparent),
radial-gradient(circle 1.5px at 90px 80px, rgba(120, 150, 175, .5) 95%, transparent),
radial-gradient(circle 2.5px at 160px 20px, rgba(120, 150, 175, .45) 95%, transparent),
radial-gradient(circle 1.5px at 230px 120px, rgba(120, 150, 175, .5) 95%, transparent),
radial-gradient(circle 2px at 300px 60px, rgba(120, 150, 175, .5) 95%, transparent);
background-size: 340px 160px;
background-attachment: fixed;
}
}
/* >>> D:kalendarze */
/* ==== Szaty: pulpit, kalendarze, poczta, klienci, raporty — kalendarze (FullCalendar): wspólne reguły dla szat z własną paletą ====
Kalendarz nie jest już „jasną wyspą” w ciemnej palecie: siatka, nagłówek, weekendy, dzień dzisiejszy, okno „więcej”,
widok tygodnia/dnia i lista biorą zmienne szaty (--hi-s-*), a kolory wydarzeń (wpisane z danych) zostają bez zmian. */
@media screen {
html.hi-lifting .fc :is(td, th, thead, tbody, .fc-row, .fc-divider, .fc-popover, .fc-list-view, .fc-list-heading td, .fc-widget-header, .fc-widget-content, .fc-axis) {
border-color: var(--hi-s-ramka) !important;
}
html.hi-lifting .fc :is(.fc-day, .fc-widget-content, .fc-week, .fc-row, .fc-time-grid-container, .fc-day-grid) {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting .fc :is(.fc-widget-header, .fc-widget-header th, .fc-day-header) {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .fc :is(.fc-sat, .fc-sun):is(.fc-day, .fc-bg td),
html.hi-lifting .fc td.fc-nonbusiness.fc-bgevent,
html.hi-lifting .fc .fc-nonbusiness {
background: var(--hi-s-powierzchnia-2) !important;
opacity: 1 !important;
}
html.hi-lifting .fc .fc-highlight {
background: var(--hi-s-akcent) !important;
opacity: .25 !important;
}
html.hi-lifting .fc .fc-day-number.fc-other-month {
opacity: 1 !important;
}
html.hi-lifting .fc .fc-other-month:is(.fc-day, .fc-day-number) {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst-2);
}
html.hi-lifting .fc .fc-day-number {
background-color: transparent;
color: var(--hi-s-tekst);
}
html.hi-lifting .fc .fc-day-number.fc-other-month {
color: var(--hi-s-tekst-2);
}
/* dzień dzisiejszy: tło w tonie akcentu, numer w akcencie o czytelnym kontraście */
html.hi-lifting .fc td.fc-today.fc-day-number,
html.hi-lifting .fc td.fc-day-number.fc-today,
html.hi-lifting .fc .fc-today .fc-day-number {
color: var(--hi-s-akcent-hover) !important;
font-weight: 700;
}
html.hi-lifting.hi-paleta-ciemna .fc td.fc-today.fc-day-number,
html.hi-lifting.hi-paleta-ciemna .fc td.fc-day-number.fc-today,
html.hi-lifting.hi-paleta-ciemna .fc .fc-today .fc-day-number {
color: #ffb454 !important;
}
html.hi-lifting .fc td.fc-week-number,
html.hi-lifting .fc td.fc-week-number span,
html.hi-lifting #fullcalendar-strona-glowna .fc-content-skeleton .fc-week-number {
color: var(--hi-s-tekst-2) !important;
}
html.hi-lifting .fc .fc-state-disabled {
opacity: .6;
}
/* okno „więcej” i podpowiedzi */
html.hi-lifting .fc .fc-popover,
html.hi-lifting .fc-more-popover {
background-color: var(--hi-s-powierzchnia) !important;
border-color: var(--hi-s-ramka-mocna) !important;
border-radius: var(--hi-s-promien);
box-shadow: var(--hi-s-cien-duzy);
color: var(--hi-s-tekst);
}
html.hi-lifting .fc .fc-popover .fc-header,
html.hi-lifting .fc .fc-divider {
background: var(--hi-s-th) !important;
color: var(--hi-s-th-tekst);
}
html.hi-lifting .fc .fc-popover .fc-header .fc-close {
color: var(--hi-s-th-tekst) !important;
}
html.hi-lifting .fc a.fc-more {
color: var(--hi-s-link);
}
/* widok tygodnia / dnia */
html.hi-lifting .fc .fc-time-grid .fc-slats td {
border-color: var(--hi-s-ramka);
background-color: transparent;
}
html.hi-lifting .fc .fc-axis,
html.hi-lifting .fc .fc-time-grid .fc-slats .fc-axis span {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .fc .fc-now-indicator {
border-color: var(--hi-s-akcent);
}
/* widok listy */
html.hi-lifting .fc .fc-list-heading td {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .fc .fc-list-item td {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting .fc .fc-list-item:hover td {
background-color: var(--hi-s-hover);
}
html.hi-lifting .fc .fc-list-empty {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst-2);
}
}
/* <<< D:kalendarze */
/* >>> D:raporty */
/* Szaty: raporty — lista raportów i zakładki kategorii (Przychodowy, Rankingi, Koszty…) bez jasnej wyspy */
@media screen {
html.hi-lifting #raportytabs,
html.hi-lifting #raportytabs.ui-widget-content,
html.hi-lifting #raportytabs .ui-tabs-panel {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka);
}
html.hi-lifting #raportytabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active) {
background: var(--hi-s-th);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-th-tekst);
}
html.hi-lifting #raportytabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active) a.ui-tabs-anchor {
color: var(--hi-s-th-tekst);
}
html.hi-lifting #raportytabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active):hover {
background: var(--hi-s-hover);
}
html.hi-lifting #raportytabs .ui-tabs-nav li.ui-tabs-active {
background: var(--hi-s-pasek-akt);
border-color: var(--hi-s-akcent);
box-shadow: inset 0 -2px 0 var(--hi-s-akcent);
}
html.hi-lifting #raportytabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor {
color: var(--hi-s-na-pasku);
}
html.hi-lifting #raportytabs table.raport-tabela :is(td, th) {
border-color: var(--hi-s-ramka);
}
html.hi-lifting #raportytabs table.raport-tabela thead th {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting #raportytabs table.raport-tabela tbody tr:not(.zolta-apla):is(.even, :nth-child(even)) > td {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting #raportytabs table.raport-tabela tbody tr:not(.zolta-apla):is(.odd, :nth-child(odd)) > td {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting #raportytabs table.raport-tabela tbody tr:not(.zolta-apla):hover > td {
background-color: var(--hi-s-hover);
}
html.hi-lifting #raportytabs a:not(.ui-tabs-anchor) {
color: var(--hi-s-link);
}
html.hi-lifting #raportytabs :is(h3, .wprowadzanie-h3) {
color: var(--hi-s-tekst-2);
}
/* wynik raportu (cTabela): pastelowe tła komórek wpisane w generatorze tabel — w ciemnych paletach na tokenach,
z zachowaniem podziału na nagłówki, pierwsze kolumny, wartości i podsumowanie */
html.hi-lifting.hi-paleta-ciemna td.cTabela-komorka[style*="background" i] {
background-color: var(--hi-s-powierzchnia) !important;
color: var(--hi-s-tekst) !important;
border-color: var(--hi-s-ramka);
}
html.hi-lifting.hi-paleta-ciemna td.cTabela-komorka:is([style*="#fff38d" i], [style*="#fff8c0" i], [style*="#fff9cb" i], [style*="#fffde8" i]) {
background-color: var(--hi-s-th) !important;
color: var(--hi-s-th-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna td.cTabela-komorka:is([style*="#edebe3" i], [style*="#e6e3d7" i]) {
background-color: var(--hi-s-powierzchnia-2) !important;
}
html.hi-lifting.hi-paleta-ciemna td.cTabela-komorka[style*="#eae9fa" i] {
background-color: var(--hi-s-hover) !important;
}
html.hi-lifting.hi-paleta-ciemna td.cTabela-komorka[style*="#b7bef9" i] {
background-color: var(--hi-s-pasek) !important;
color: var(--hi-s-na-pasku) !important;
}
html.hi-lifting.hi-paleta-ciemna div.kontenerprzyciskowglowny {
background-color: var(--hi-s-powierzchnia) !important;
border-color: var(--hi-s-ramka);
}
}
/* <<< D:raporty */
/* >>> D:filtr */
/* Szaty: wiersz filtra/wyszukiwania nad listami — jeden token „wiersz filtra” zamiast żółtego/brzoskwiniowego/kremowego tła z szablonów */
@media screen {
html.hi-forum:not(.hi-paleta-ciemna) { --hi-d-filtr: #ebe3f7; }
html.hi-nl:not(.hi-paleta-ciemna) { --hi-d-filtr: #eef2f7; }
html.hi-lifting:not(.hi-forum):not(.hi-nl):not(.hi-paleta-ciemna) { --hi-d-filtr: var(--hi-s-filtr); }
html.hi-lifting.hi-paleta-ciemna { --hi-d-filtr: var(--hi-s-filtr); }
html.hi-lifting :is(
tr.zolta-apla, .zolta-apla.zolta-apla, table#filtryTab,
[style*="#FCDC8A" i], [style*="252, 220, 138"], [style*="251, 220, 138"],
[style*="#fbe9dc" i], [style*="#fce9dc" i], [style*="#fdf2e0" i]
):not(input):not(select):not(textarea):not(.kontener-widgetow *):not(.cke_contents *) {
background-color: var(--hi-d-filtr) !important;
border-color: var(--hi-s-ramka) !important;
}
html.hi-lifting tr.zolta-apla :is(td, th) {
background-color: transparent;
color: var(--hi-s-tekst);
}
}
/* <<< D:filtr */
/* >>> D:picker */
/* Szaty: wybierak godziny (jQuery UI timepicker) — jak kalendarz wyboru daty, wszystko z tokenów szaty */
@media screen {
html.hi-lifting #ui-timepicker-div.ui-timepicker {
background: var(--hi-s-powierzchnia);
border: 1px solid var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
border-radius: var(--hi-s-promien-duzy);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting #ui-timepicker-div .ui-timepicker-table.ui-widget-content {
background: transparent;
border-color: transparent;
color: var(--hi-s-tekst);
}
html.hi-lifting #ui-timepicker-div .ui-timepicker-title {
background: var(--hi-s-pasek);
border-color: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
border-radius: var(--hi-s-promien);
font-weight: 700;
}
html.hi-lifting #ui-timepicker-div :is(table.ui-timepicker, table.ui-timepicker tbody, table.ui-timepicker tr) {
background: transparent;
}
html.hi-lifting #ui-timepicker-div table.ui-timepicker :is(th, th.periods) {
background: transparent;
border: 0;
color: var(--hi-s-tekst-2);
font-weight: 700;
}
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) {
background: transparent;
border: 0;
}
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default,
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) span.ui-state-default {
background: var(--hi-s-powierzchnia-2);
border: 1px solid var(--hi-s-ramka);
color: var(--hi-s-tekst);
border-radius: var(--hi-s-promien);
font-weight: 400;
}
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default:hover,
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default.ui-state-hover,
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default:focus {
background: var(--hi-s-hover);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
}
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default.ui-state-active {
background: var(--hi-s-akcent-btn) !important;
border-color: var(--hi-s-akcent-btn);
color: #ffffff;
font-weight: 700;
}
html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) span.ui-state-default,
html.hi-lifting #ui-timepicker-div .ui-state-disabled span {
background: transparent;
border-color: transparent;
color: var(--hi-s-tekst-2);
opacity: .55;
}
html.hi-lifting #ui-timepicker-div .ui-timepicker-buttonpane {
border-top: 1px solid var(--hi-s-ramka);
background: transparent;
}
html.hi-lifting #ui-timepicker-div .ui-timepicker-buttonpane button {
background: var(--hi-s-th);
border: 1px solid var(--hi-s-ramka-mocna);
color: var(--hi-s-th-tekst);
border-radius: var(--hi-s-promien);
}
html.hi-lifting #ui-timepicker-div .ui-timepicker-buttonpane button:hover {
background: var(--hi-s-hover);
}
html.hi-lifting :is(#ui-datepicker-div, #ui-timepicker-div) :is(tr, tbody, thead) {
background: transparent !important;
}
}
/* <<< D:picker */
/* szata tylko na ekranie — wydruk ma zostać w wyglądzie klasycznym */
@media screen {
html.hi-lifting .select2-results__option mark.hi-select2-trafienie {
background: transparent;
color: inherit;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
text-decoration-color: var(--hi-s-akcent, currentColor);
}
html.hi-lifting .select2-dropdown .select2-search__field:focus {
outline: 2px solid var(--hi-s-akcent, #e46621);
outline-offset: 1px;
}
}
/* >>> D:obloz */
/* Szaty: obłożenie sal — siatka dni × sale bez jasnej wyspy; kolory kafelków rezerwacji (z danych) bez zmian */
@media screen {
html.hi-lifting :is(.oblozenie-sal, .obs-kontener-glowny) {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting .oblozenie-sal :is(.obs-komorka, .obs-zestawienie-komorka, .obs-zestawienie) {
border-color: var(--hi-s-ramka);
}
html.hi-lifting .oblozenie-sal .obs-komorka .obs-komorka__wiersz:not(:last-child) {
border-bottom-color: var(--hi-s-ramka);
}
html.hi-lifting .oblozenie-sal :is(.obs-komorka--kategoria, .obs-komorka-zawartosc__kontener--kategoria) {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .oblozenie-sal :is(.obs-komorka--obszar, .obs-komorka-zawartosc__kontener--obszar) {
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
html.hi-lifting .oblozenie-sal .obs-komorka--dzien_weekend,
html.hi-lifting .oblozenie-sal .obs-wiersz--dzien_weekend {
background: var(--hi-s-hover) !important;
}
html.hi-lifting .oblozenie-sal .obs-kontener__wiersz--naglowek {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .oblozenie-sal .obs-kontener__wiersz--podsumowanie {
background: var(--hi-d-filtr);
color: var(--hi-s-tekst);
}
html.hi-lifting .oblozenie-sal .obs-zestawienie {
background: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting .obs-kontener-glowny :is(h2, h3) {
color: var(--hi-s-tekst);
}
html.hi-lifting .obs-filtr-kontener label {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .oblozenie-sal .obs-filtr-element :is(.select2-selection--single, input.obs-input-text, button.ui-multiselect) {
background-color: var(--hi-s-pole);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .oblozenie-sal .select2-selection__rendered {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .oblozenie-sal :is(.obs-zestawienie-komorka__przychod-netto, .obs-zestawienie-komorka__podzial-etykiety > div, .obs-zestawienie-komorka__podzial-etykiety > div span, .obs-zestawienie-komorka__przychod-netto span, [style*="rgb(198, 0, 0)" i], [style*="#c60000" i], [style*="color:red" i], [style*="color: red" i]) {
color: #ff8f8f !important;
}
/* data i „Dzisiejszy dzień” na przyciskach nawigacji (wyróżnienie jasnym brzoskwiniowym było nieczytelne na brązie) */
html.hi-lifting .oblozenie-sal .obs-przycisk :is(#obs-przycisk--data-od, #obs-przycisk--dzisiaj) {
color: var(--hi-s-na-pasku);
text-decoration: underline;
text-underline-offset: 2px;
}
}
/* <<< D:obloz */
/* >>> D:profil */
/* Szaty: edytor tekstu (CKEditor) i okno profilu — obszar edycji na ciemnej powierzchni w ciemnych paletach (tylko prezentacja, treść stopki zostaje bez zmian) */
@media screen {
html.hi-lifting.hi-paleta-ciemna :is(.cke_inner, .cke_chrome, .cke_contents, .cke_wysiwyg_div, .cke_wysiwyg_frame, .cke_bottom) {
background-color: var(--hi-s-pole) !important;
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .cke_top {
background-color: var(--hi-s-powierzchnia-2) !important;
border-bottom-color: var(--hi-s-ramka) !important;
}
/* ciemne kolory tekstu wpisane w treści (np. czarny) są na ekranie jaśniejsze, żeby nie znikały na ciemnym tle */
html.hi-lifting.hi-paleta-ciemna .cke_wysiwyg_div :is(
[style*="color: rgb(0, 0, 0)" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i],
[style*="color: rgb(51, 51, 51)" i], [style*="color:#333" i], [style*="color: #333" i], font[color="#000000" i], font[color="black" i]
) {
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna .cke_wysiwyg_div a { color: var(--hi-s-link); }
/* ikony paska narzędzi to czarne piktogramy — w ciemnych paletach jasne */
html.hi-lifting.hi-paleta-ciemna :is(a.cke_button, a.cke_combo_button) .cke_button_icon,
html.hi-lifting.hi-paleta-ciemna :is(.cke_toolbox, .cke_top) .cke_button__source_icon {
filter: invert(1) brightness(1.15);
}
html.hi-lifting.hi-paleta-ciemna a.cke_button_disabled .cke_button_icon {
filter: invert(1) brightness(.7);
opacity: .6;
}
html.hi-lifting.hi-paleta-ciemna :is(.cke_combo_arrow, .cke_button_arrow) {
border-top-color: var(--hi-s-tekst-2);
}
html.hi-lifting.hi-paleta-ciemna .cke_path_item,
html.hi-lifting.hi-paleta-ciemna .cke_path_empty {
color: var(--hi-s-tekst-2);
}
/* podpis pod zdjęciem profilowym i jednolity cienki pierścień fokusu przycisków/list w oknach */
html.hi-lifting.hi-paleta-ciemna .nazwaPliku,
html.hi-lifting.hi-paleta-ciemna .nazwaPliku span {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .ui-dialog :is(button, select, a.button, .ui-button):focus,
html.hi-lifting .ui-dialog :is(button, select, a.button, .ui-button):focus-visible {
outline: 2px solid var(--hi-s-akcent);
outline-offset: 1px;
box-shadow: none;
}
html.hi-lifting:not(.hi-paleta-ciemna) .ui-dialog label span.white {
color: var(--hi-s-akcent-hover);
}
/* etykiety formularzy w klasycznej czarnej: przygaszony brąz jasnej palety był zbyt ciemny na czarnym tle */
html.hi-lifting.hi-paleta-ciemna:not(.hi-forum):not(.hi-nl) :where(label, span.label):where(:not(.white, .red, .green, .blue, .orange, .required, .error)) {
color: var(--hi-s-tekst-2);
}
}
/* <<< D:profil */
/* >>> D:klienci */
/* Szaty: baza klientów i komunikaty ładowania */
@media screen {
html.hi-lifting div.smallwait > p,
html.hi-lifting div.smallwait p {
color: var(--hi-s-tekst-2);
}
/* licznik na zielonej plakietce karty klienta (biały na jasnozielonym był nieczytelny) */
html.hi-lifting .rect-chart .label-element.green {
color: #052b05;
}
}
/* <<< D:klienci */
/* ==== Szaty: Imprezy — wspólne reguły dla szat z własną paletą (Forum 2026, Nowa odsłona HI, Halloween; jasne i ciemne) ==== */
@media screen {
/* boksy terminów w karcie imprezy: powierzchnia szaty zamiast barwy filtra (brąz / brzoskwinia z klasycznej palety) */
html.hi-lifting #tabelarycznie > .main .impreza .flex > :is(.termin-podpisania-umowy, .termin-waznosci-oferty, .termin-bezkosztowej-anulacji, .termin-potwierdzenia),
html.hi-lifting #tabelarycznie > .main .impreza .flex.terminy > div {
background: var(--hi-s-powierzchnia-2);
border: 1px solid var(--hi-s-ramka);
}
/* znacznik synchronizacji: pigułka z powierzchni szaty (klasyczny arkusz wymusza jasne tło przez !important) */
html.hi-lifting #tabelarycznie h4 > span.przycisk {
background: var(--hi-s-powierzchnia-2) !important;
border: 1px solid var(--hi-s-ramka-mocna) !important;
color: var(--hi-s-tekst) !important;
padding: 2px 12px 2px 10px;
white-space: nowrap;
overflow: visible;
}
html.hi-lifting #tabelarycznie h4 > span.przycisk .ui-button-text {
background: transparent !important;
color: inherit !important;
padding: 0 !important;
overflow: visible;
}
html.hi-lifting #tabelarycznie h4 > span.przycisk strong {
color: inherit !important;
overflow: visible;
}
html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync {
background: var(--hi-s-th) !important;
border-color: var(--hi-s-ramka-mocna) !important;
color: var(--hi-s-th-tekst) !important;
}
html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync:hover {
background: var(--hi-s-hover) !important;
border-color: var(--hi-s-akcent) !important;
}
/* plan imprez: nagłówek tabeli w beżu klasycznej palety */
html.hi-lifting .tabela-plan-imprez :is(thead.background-lightbrown, thead.background-lightbrown th),
html.hi-lifting .tabela-plan-imprez tr.height450 {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .tabela-plan-imprez tr.height450 {
background: transparent;
}
/* menu karty imprezy (hamburger): lista z polem „Filtruj” */
html.hi-lifting #dropdown_list {
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
border: 1px solid var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting #dropdown_list ul > li {
color: var(--hi-s-tekst);
}
html.hi-lifting #dropdown_list ul > li:hover,
html.hi-lifting #dropdown_list ul > li:focus-visible {
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
/* pasek z polem „Filtruj”: klasyczne beżowe tło (#9D8D7B) zostawało szarą ramką wokół pola — tło szaty,
a biała lupa dostaje kwadrat w kolorze paska, bo na jasnym tle znikała */
html.hi-lifting #dropdown_list .filter {
background: url("/styleimg/sml_szukaj.png") no-repeat right 5px center,
linear-gradient(var(--hi-s-pasek), var(--hi-s-pasek)) no-repeat right 1px center / 27px 27px,
var(--hi-s-powierzchnia);
border-radius: var(--hi-s-promien) var(--hi-s-promien) 0 0;
padding: 3px 0 3px 3px;
box-sizing: border-box;
}
html.hi-lifting #dropdown_list input#dropdown_filter {
background: var(--hi-s-pole);
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka-mocna);
}
/* warunki płatności i rozliczenia: wiersze grup kosztów (białe tło z jasnym tekstem szaty) i bloki w beżu klasycznej palety */
html.hi-lifting :is(tr.grupa-koszt, tr.grupa-koszt > td) {
background: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting div.background-lightbrown:not(.kontener-widgetow *) {
background: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting div.background-brown:not(.kontener-widgetow *) {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .ui-dialog form h2.text-center {
color: var(--hi-s-tekst-2);
}
/* przycisk wyróżniony (np. „Zaakceptuj”): akcent szaty zamiast żółtego z białym napisem */
html.hi-lifting :is(.button-hilit, span.przycisk.button-hilit .ui-button-text) {
background: var(--hi-s-akcent-btn);
border-color: var(--hi-s-akcent-btn);
color: #fff;
}
/* podgląd dokumentu w oknie (kartka): pasek tytułu dokumentu ma kolory zapisane w treści, więc bez tła szaty */
html.hi-lifting .kontener-widgetow .widget h3:has(span[style*="color"]) {
background: transparent;
}
/* komunikat „Wymagane ustawienia” w nowej imprezie: tło i tekst zawsze jako para z palety szaty */
html.hi-lifting #tabelarycznie .impreza > .ustawienia {
background: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
border: 1px solid var(--hi-s-akcent);
border-radius: var(--hi-s-promien);
}
html.hi-lifting #tabelarycznie .impreza > .ustawienia :is(p, strong, li) {
color: var(--hi-s-tekst);
}
/* Klasyczna (odświeżona) i jej ciemny odpowiednik (ta sama baza): kontrast elementów w kolorze khaki (biały napis na #9d8d7b ≈ 3,2:1)
— ciemniejszy brąz z reszty szaty, jasny tekst stopki i separatorów menu, ciemniejsze etykiety górnego paska */
html.hi-lifting:not(.hi-forum):not(.hi-nl) body :is(table thead.main th, .box.solbox .headings h2:not(.active), .ui-tabs .ui-tabs-nav:not(.nav-tabs) li:not(.ui-tabs-active) a, #generuj_punkty, thead.sala th, span.przycisk:not(.button-hilit):not(h4 *) > .ui-button-text),
html.hi-lifting:not(.hi-forum):not(.hi-nl) body .prawa-przyciski .box .button:not([style*="background"]) {
background-color: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
html.hi-lifting:not(.hi-forum):not(.hi-nl) body .topsettings2.hi-menu #topmenu > ul > li > a:not(.actual) {
color: var(--hi-s-menu-tekst);
}
html.hi-lifting:not(.hi-forum):not(.hi-nl) body > .footer {
background-color: var(--hi-s-pasek);
}
html.hi-lifting:not(.hi-forum):not(.hi-nl) body > .footer :is(p.left, p.right, a, #stopka-klient-kontener, #stopka-klient-kontener a) {
color: var(--hi-s-na-pasku);
}
html.hi-lifting:not(.hi-forum):not(.hi-nl) .topsettings2.hi-menu #topmenu > ul > li.separator > span {
color: var(--hi-s-menu-tekst);
}
html.hi-lifting:not(.hi-forum):not(.hi-nl) .topmenu .tr .anchor :is(.label, .dataczas) {
color: var(--hi-s-tekst-2);
}
html.hi-lifting:not(.hi-forum):not(.hi-nl) #tabelarycznie > .top :is(.typ_imprezy_text, .grupa-ikona) {
filter: brightness(1.75) saturate(1.15);
}
/* pasek danych imprezy na średnio jasnym pasku (Klasyczna odświeżona i czarna, ciemna NL): bursztyn o wyższej jasności,
żeby wartości miały ≥4,5:1 */
html.hi-lifting:is(:not(.hi-forum):not(.hi-nl), .hi-nl.hi-paleta-ciemna) #tabelarycznie > .top :is(strong, .grupa-ikona):not(.typ_imprezy_text) {
color: #ffc233;
}
/* etykiety pól: dolny panel karty imprezy (opiekunowie, catering), filtr sortowania listy imprez, formularze w oknach
rozliczeń, warunków płatności i szybkiej rezerwacji (klasyczny brąz #6f6254 nie ma kontrastu na ciemnym tle) */
html.hi-lifting :is(#kontener-opiekunowie, .catering_div, #filtr-sortowania) label,
html.hi-lifting .ui-dialog :is(#rozliczenie-formularz, #propozycja-platnosci-form, .wartosci-platnosci, .formularzNowy, .kontener-sale, .kontener_wu, #formularz-waluty) label:not([style*="color"]) {
color: var(--hi-s-tekst-2);
}
/* górne menu Klasycznej (odświeżonej) na pasku khaki: ciemniejszy napis (≥4,5:1) */
html.hi-lifting:not(.hi-forum):not(.hi-nl):not(.hi-paleta-ciemna) body .topsettings2.hi-menu #topmenu > ul > li > a:not(.actual),
html.hi-lifting:not(.hi-forum):not(.hi-nl):not(.hi-paleta-ciemna) body .topsettings2.hi-menu #topmenu > ul > li > a:not(.actual) > span {
color: #1e160e;
}
/* wiersz z kolorem zapisanym w treści (np. klasyfikacja klienta w oknie wyboru klienta): komórki dziedziczą kolor
wiersza zamiast tekstu szaty, inaczej ciemny tekst ląduje na ciemnozielonym tle */
html.hi-lifting body tr[style*="color"] > td,
html.hi-lifting body tr[style*="color"] > td > span.td-zawartosc {
color: inherit !important;
}
/* inicjały i kody z kolorem znaczeniowym zapisanym w treści (sprzedawca, typ imprezy): rozjaśnione w szatach ciemnych,
przyciemnione w jasnych, żeby zachować odcień i mieć czytelny kontrast */
html.hi-lifting.hi-paleta-ciemna :is(#wszystkie-imprezy-tabela, #klienci-tabela) :is(b, span.text-bold)[style*="color"],
html.hi-lifting.hi-paleta-ciemna #dropdown_list ul > li > span:is([style*="color"], .grupa-ikona) {
filter: brightness(1.7) saturate(1.1);
}
html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) :is(#wszystkie-imprezy-tabela, #klienci-tabela) :is(b, span.text-bold)[style*="color"],
html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) #dropdown_list ul > li > span:is([style*="color"], .grupa-ikona) {
filter: brightness(.72) saturate(1.1);
}
/* plan imprez w szatach ciemnych: komórki w jaskrawych kolorach znaczeniowych (grupy sal, wyróżnienia) przyciemnione
nakładką z powierzchni szaty — odcień zostaje, jasny tekst ma ≥4,5:1 */
html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez :is(th, td)[style*="background"],
html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez tr[style*="background"] > :is(th, td) {
box-shadow: inset 0 0 0 100vmax color-mix(in srgb, var(--hi-s-powierzchnia) 65%, transparent);
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez :is(th, td)[style*="background"] *,
html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez tr[style*="background"] > :is(th, td) * {
color: inherit;
}
/* podgląd dokumentu w oknie (specyfikacja, podsumowanie, umowa…) to „kartka”: w szatach ciemnych dostaje jasną paletę,
żeby reguły na tokenach nie dawały jasnego tekstu na białym papierze */
html.hi-lifting:is(.hi-paleta-ciemna, .hi-ciemna) .ui-dialog .kontener-widgetow {
--hi-s-schemat: light;
--hi-s-tlo: #ffffff;
--hi-s-powierzchnia: #ffffff;
--hi-s-powierzchnia-2: #f5f1fa;
--hi-s-hover: #ebe3f6;
--hi-s-tekst: #1a0a2e;
--hi-s-tekst-2: #5b4a78;
--hi-s-link: #5b2d9e;
--hi-s-ramka: #ddd3ec;
--hi-s-ramka-mocna: #c4b5de;
--hi-s-th: #e5dcf2;
--hi-s-th-tekst: #1a0a2e;
--hi-s-filtr: #fbeadf;
--hi-s-pole: #ffffff;
--hi-s-strzalka: #5b4a78;
color-scheme: light;
color: #1a0a2e;
}
/* okno „Dziennik zmian” (diagnostyka wydarzenia) ma własny jasny wygląd i własny tryb ciemny (przycisk 🌙):
w jasnym trybie komponentu dostaje jasną paletę i ciemny napis na przyciskach (wcześniej biały na białym w szatach ciemnych) */
html.hi-lifting #api-log #diag:not(.dark) {
--hi-s-schemat: light;
--hi-s-powierzchnia: #ffffff;
--hi-s-powierzchnia-2: #f6f8fa;
--hi-s-hover: #eef1f4;
--hi-s-tekst: #1f2328;
--hi-s-tekst-2: #57606a;
--hi-s-ramka: #d0d7de;
--hi-s-ramka-mocna: #afb8c1;
--hi-s-th: #eef1f4;
--hi-s-th-tekst: #1f2328;
--hi-s-pole: #ffffff;
--hi-s-strzalka: #57606a;
color-scheme: light;
color: #1f2328;
}
html.hi-lifting #api-log #diag:not(.dark) :is(.diag-btn:not(.primary), .pager button) {
color: #1f2328;
}
html.hi-lifting.hi-paleta-ciemna #api-log #diag:not(.dark) {
background: #ffffff;
border-radius: var(--hi-s-promien, 6px);
padding: 8px;
}
/* drobne opisy komponentu (#adb5bd na białym ≈ 2:1) — szarość o czytelnym kontraście */
html.hi-lifting #api-log #diag:not(.dark) :is(.log-rel, .log-idx, .diag-card h4 > span, .diag-title small, #heatGrid .hh) {
color: #6c757d !important;
}
/* rozliczenia: różnica wartości (zielona/czerwona z kodu) i status w tytule okna — przyciemnione w szatach jasnych */
html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) :is(.roznica-wartosci-netto, .roznica-wartosci-brutto),
html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) .ui-dialog-title strong[style*="color"] {
filter: brightness(.45);
}
html.hi-lifting:is(.hi-forum, .hi-nl) .kopiuj-platnosc > a {
background-color: var(--hi-s-akcent-btn) !important;
border-color: var(--hi-s-akcent-btn) !important;
}
/* karta projektu: etykiety pól */
html.hi-lifting .kp-form .kp-field label {
color: var(--hi-s-tekst-2);
}
}
/* ==== Szaty: mapowanie jasnych teł i ciemnych tekstów klasycznych arkuszy na tokeny szat ====
Klasyczne arkusze ustawiają biel, krem, żółć i brąz wprost w regułach klas — w ciemnych szatach zostawały jasne pasy
z jasnym tekstem albo ciemny tekst na ciemnym tle (belka kategorii i cen menu, listy rozwijane select2, pola, wiersze
raportów i planów, kreator karty projektu, edytor Trumbowyg, formularz Automatyzacji, komunikaty, podświetlenie wiersza po
zapisie). Selektory powtarzają klasyczne (z identyfikatorami), więc o wygranej decyduje kolejność; tam, gdzie klasyczna
reguła ma !important, ta też. Kolory znaczeniowe (błąd, sukces, ostrzeżenie, wyróżnienie) zostają znaczeniowe — zmienia się
jasność tła i para tło–tekst. Tylko ekran. */
@media screen {
html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja,
html.hi-lifting.hi-paleta-ciemna #baloontip,
html.hi-lifting.hi-paleta-ciemna #dropdown_list,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .opcje button.dodajopcje,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja > .kp-akcje-sekcji button,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-gora,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-narzedzia .kp-przycisk,
html.hi-lifting.hi-paleta-ciemna #laczenieKlientow h2 span,
html.hi-lifting.hi-paleta-ciemna #opt_ustawienia_sali .ustawienieSali .tools .inputdiv .input,
html.hi-lifting.hi-paleta-ciemna #podgladKlientaNowy .clientStats .clientStats-element > div,
html.hi-lifting.hi-paleta-ciemna #select_version,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .notatki > label,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .uwagi_dodatkowe > label,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main table.sale .uwagi_i_notatki > .tresc .notatki ul > li > div:first-child,
html.hi-lifting.hi-paleta-ciemna .analysis-input,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-pozycje,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-rodzaj,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-rodzaj-wlaczony,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-szybki-zakres,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-ustawienia-sekcji,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-wzor,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-wzory,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz label.automatyzacja-dzien,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-pobieranie,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-podglad-maila iframe.automatyzacja-podglad-tresc,
html.hi-lifting.hi-paleta-ciemna .background-white,
html.hi-lifting.hi-paleta-ciemna .divval .status1,
html.hi-lifting.hi-paleta-ciemna .galeria .box #myscroll-inside,
html.hi-lifting.hi-paleta-ciemna .galeria .box #myscroll-inside .buttons,
html.hi-lifting.hi-paleta-ciemna .listaDostepnychCennikow > ul > li,
html.hi-lifting.hi-paleta-ciemna .listaDostepnychCennikowSal > ul > li,
html.hi-lifting.hi-paleta-ciemna .menu-belka-ceny,
html.hi-lifting.hi-paleta-ciemna .menu-belka-nazwa,
html.hi-lifting.hi-paleta-ciemna .phoneIntegration,
html.hi-lifting.hi-paleta-ciemna .phoneIntegration-list,
html.hi-lifting.hi-paleta-ciemna .pi-podpowiedz,
html.hi-lifting.hi-paleta-ciemna .plan-pozycja.odd,
html.hi-lifting.hi-paleta-ciemna .pms-filtr,
html.hi-lifting.hi-paleta-ciemna .podnies_ceny,
html.hi-lifting.hi-paleta-ciemna .promocja-web,
html.hi-lifting.hi-paleta-ciemna .ranking-pozycja.odd,
html.hi-lifting.hi-paleta-ciemna .raport-pozycja.odd,
html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-dropdown,
html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-selection--multiple,
html.hi-lifting.hi-paleta-ciemna .select2-dropdown,
html.hi-lifting.hi-paleta-ciemna .sgp-podpowiedz,
html.hi-lifting.hi-paleta-ciemna .solution-input,
html.hi-lifting.hi-paleta-ciemna .solutionSelect,
html.hi-lifting.hi-paleta-ciemna .status1,
html.hi-lifting.hi-paleta-ciemna .styled-select-jednostki,
html.hi-lifting.hi-paleta-ciemna .tableelementy,
html.hi-lifting.hi-paleta-ciemna .tableelementy tbody tr,
html.hi-lifting.hi-paleta-ciemna .tableelementy tbody tr:nth-child(even),
html.hi-lifting.hi-paleta-ciemna .tooltip .tooltiptext,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-modal-box .trumbowyg-modal-title,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-modal-box label .trumbowyg-input-infos span,
html.hi-lifting.hi-paleta-ciemna .ucpmess .komunikat,
html.hi-lifting.hi-paleta-ciemna .ui-widget-content,
html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .htmltext,
html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .plaintext,
html.hi-lifting.hi-paleta-ciemna .widget-formatowanie-tekstu,
html.hi-lifting.hi-paleta-ciemna .widget-formatowanie-tekstu .guzik,
html.hi-lifting.hi-paleta-ciemna .zaawansowane tbody:nth-child(even) td,
html.hi-lifting.hi-paleta-ciemna .zaawansowane tbody:nth-child(odd) td,
html.hi-lifting.hi-paleta-ciemna body .wybor_poczatku_imprezy,
html.hi-lifting.hi-paleta-ciemna body .wybor_rodzaju_eventu,
html.hi-lifting.hi-paleta-ciemna div.kontenerprzyciskowglowny.sticky-dol,
html.hi-lifting.hi-paleta-ciemna table tbody tr,
html.hi-lifting.hi-paleta-ciemna table tbody tr.even {
background-color: var(--hi-s-powierzchnia);
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #body .prawa-przyciski .menu-header,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css,
html.hi-lifting.hi-paleta-ciemna .ui-multiselect {
background-color: var(--hi-s-powierzchnia) !important;
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna #ajaxMessage .msg,
html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja .item2 .insideitem,
html.hi-lifting.hi-paleta-ciemna #body .calendar .apla,
html.hi-lifting.hi-paleta-ciemna #body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .kp-typ,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja > .kp-naglowek,
html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .edytuj-schemat,
html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .edytor > div.schemat .boczneNarzedzia .wielkoscKropki .kropka,
html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .loze,
html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .schematy,
html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .schematy ul > li.active,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .edytuj-schemat,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .dzien-sala,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .rezerwacje,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .schematy,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .schematy ul > li.active,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .modal-error > div,
html.hi-lifting.hi-paleta-ciemna #lozeTooltip,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .ustawienia,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main table.sale tbody tr.uwagi_i_notatki td,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main table.sale tbody.sala tr.head th,
html.hi-lifting.hi-paleta-ciemna #tr_sala_przedzial_szablon_stopka td,
html.hi-lifting.hi-paleta-ciemna .analysis-background,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-filtr,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-krok-blad,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-ostrzezenie-luki,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-podsumowanie th,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-zmienna,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-lista .automatyzacja-znacznik-bledu,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-lista .automatyzacja-znacznik-bledu-czesciowy,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-ostrzezenie,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-info,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista th,
html.hi-lifting.hi-paleta-ciemna .background-brown,
html.hi-lifting.hi-paleta-ciemna .background-lightblue,
html.hi-lifting.hi-paleta-ciemna .background-lightbrown,
html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .notatki,
html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .nowanotatka,
html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista th,
html.hi-lifting.hi-paleta-ciemna .kp-status.kp-status-wylaczony,
html.hi-lifting.hi-paleta-ciemna .panelsrodek .uwagi,
html.hi-lifting.hi-paleta-ciemna .plan-pozycja.even .plan-nazwa-pozycji,
html.hi-lifting.hi-paleta-ciemna .plan-pozycja.odd .plan-nazwa-pozycji,
html.hi-lifting.hi-paleta-ciemna .planaktywnosci .dropdown-content,
html.hi-lifting.hi-paleta-ciemna .ranking-pozycja.even,
html.hi-lifting.hi-paleta-ciemna .raport-nazwa-grupy,
html.hi-lifting.hi-paleta-ciemna .raport-pozycja.even .raport-nazwa-pozycji,
html.hi-lifting.hi-paleta-ciemna .raport-pozycja.odd .raport-nazwa-pozycji,
html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-selection--single,
html.hi-lifting.hi-paleta-ciemna .tlo-rozowe,
html.hi-lifting.hi-paleta-ciemna .ui-state-error,
html.hi-lifting.hi-paleta-ciemna .ui-widget-content .ui-state-error,
html.hi-lifting.hi-paleta-ciemna .ui-widget-header .ui-state-error,
html.hi-lifting.hi-paleta-ciemna .ustawienia-wybrane-overlay,
html.hi-lifting.hi-paleta-ciemna .wiadomosc-email,
html.hi-lifting.hi-paleta-ciemna .wybrane-scroll,
html.hi-lifting.hi-paleta-ciemna table.nowaTabela tbody tr.error td,
html.hi-lifting.hi-paleta-ciemna table.nowaTabela tbody tr.warning td,
html.hi-lifting.hi-paleta-ciemna table.przychody tbody .even td,
html.hi-lifting.hi-paleta-ciemna table.przychody tbody .even td.mh,
html.hi-lifting.hi-paleta-ciemna table.przychody tbody .odd td.mh,
html.hi-lifting.hi-paleta-ciemna table.tabelagratisow tr.gratisy-odd td,
html.hi-lifting.hi-paleta-ciemna table.tabelarabatow tr.rabaty-odd td,
html.hi-lifting.hi-paleta-ciemna table.tabelawynikow tr.wyniki-odd td,
html.hi-lifting.hi-paleta-ciemna table.wyniki-na-sprzedaz tbody .odd td,
html.hi-lifting.hi-paleta-ciemna table.wyniki-na-sprzedaz tbody .odd td.mh,
html.hi-lifting.hi-paleta-ciemna tr.background-lightbrown > .waluta-kurs-styl {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .wprowadzanie-publikowane-tlo {
background-color: var(--hi-s-powierzchnia-2) !important;
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna .plan-drugi-podsumowanie,
html.hi-lifting.hi-paleta-ciemna .plan-naglowek-1,
html.hi-lifting.hi-paleta-ciemna .plan-naglowek-1i2,
html.hi-lifting.hi-paleta-ciemna .plan-naglowek-2,
html.hi-lifting.hi-paleta-ciemna .plan-naglowek-belka,
html.hi-lifting.hi-paleta-ciemna .plan-naglowek-prawdziwa-belka,
html.hi-lifting.hi-paleta-ciemna .ranking-naglowek,
html.hi-lifting.hi-paleta-ciemna .raport-naglowek-2,
html.hi-lifting.hi-paleta-ciemna .tabela-podsumowanie th,
html.hi-lifting.hi-paleta-ciemna .tabela-podsumowanie tr.typ td,
html.hi-lifting.hi-paleta-ciemna table.przychody thead .throw1 th,
html.hi-lifting.hi-paleta-ciemna table.przychody thead .throw2 th,
html.hi-lifting.hi-paleta-ciemna th.raport-naglowek {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .opcje button.dodajopcje:hover,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja > .kp-akcje-sekcji button:hover,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-narzedzia .kp-przycisk:hover,
html.hi-lifting.hi-paleta-ciemna .tableelementy tbody tr:hover,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
background-color: var(--hi-s-hover);
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #komunikatOstrzezenie,
html.hi-lifting.hi-paleta-ciemna #laczenieKlientow .osobydokontaktu .osoba.usuniety,
html.hi-lifting.hi-paleta-ciemna .aktywnosc-wiersz-anulowane,
html.hi-lifting.hi-paleta-ciemna .apla-niedostepny,
html.hi-lifting.hi-paleta-ciemna .bledy-kontener,
html.hi-lifting.hi-paleta-ciemna .error__Handler,
html.hi-lifting.hi-paleta-ciemna .komunikat-bledow-systemu {
background-color: rgba(229, 62, 62, .2);
color: #ffc9c9;
border-color: rgba(229, 62, 62, .6);
}
html.hi-lifting.hi-paleta-ciemna #komunikatPotwierdzenie,
html.hi-lifting.hi-paleta-ciemna .background-lightgray {
background-color: rgba(46, 160, 67, .2);
color: #b7f0c0;
border-color: rgba(46, 160, 67, .6);
}
html.hi-lifting.hi-paleta-ciemna .cWebUzytkownicyKRD p.info,
html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia,
html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia2,
html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .warning {
background-color: rgba(245, 190, 40, .18);
color: #fde7a0;
border-color: rgba(245, 190, 40, .55);
}
html.hi-lifting.hi-paleta-ciemna .error__Handler:has(.akcje-blokujacy-rekord) {
background-color: rgba(245, 190, 40, .18);
color: #fde7a0;
border-color: rgba(245, 190, 40, .55);
}
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #dodajnowasekcje,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #dodajnowasekcje:hover,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .kp-zwin:hover,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .remove button:hover,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .updown button:hover,
html.hi-lifting.hi-paleta-ciemna .aktywnosci-glowna table tbody tr td .zalaczniki li:hover,
html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista .kp-akcje .kp-kopiuj:hover,
html.hi-lifting.hi-paleta-ciemna .potrawy-box #potrawy-tabela tr:hover > td,
html.hi-lifting.hi-paleta-ciemna .potrawy-box .potrawy-oe tbody tr:hover > td,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-dropdown button:hover {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .trumbowyg-dropdown button {
color: var(--hi-s-tekst) !important;
}
html.hi-lifting #ajaxMessage .prezentacja .buttons span.wybierz,
html.hi-lifting #body .scrollbtn,
html.hi-lifting #podgladKlientaNowy .clientStats .clientStats-element .rect-chart .label-element.orange,
html.hi-lifting #tabelarycznie > .bottom > ul > li button,
html.hi-lifting #tabelarycznie > .main table.sale td button,
html.hi-lifting .automatyzacja-formularz .automatyzacja-kroki li.aktywny .automatyzacja-kroki-numer,
html.hi-lifting div.przewijaj div.w-dol,
html.hi-lifting div.przewijaj div.w-gore {
background-color: var(--hi-s-akcent-btn, #c24e10);
color: #fff;
}
html.hi-lifting .button-hilit,
html.hi-lifting .button-hilit.ui-button-text-only,
html.hi-lifting .scroll-aktywny-hover,
html.hi-lifting .ui-button.ui-button-highlight,
html.hi-lifting .ui-state-active,
html.hi-lifting .ui-widget-content .ui-state-active,
html.hi-lifting .ui-widget-header .ui-state-active,
html.hi-lifting .wersja-wybrana {
background-color: var(--hi-s-akcent-btn, #c24e10) !important;
color: #fff !important;
}
html.hi-lifting:not(.hi-paleta-ciemna) .bledy-kontener,
html.hi-lifting:not(.hi-paleta-ciemna) .error__Handler,
html.hi-lifting:not(.hi-paleta-ciemna) .komunikat-bledow-systemu {
color: #9b1c1c;
}
html.hi-lifting:not(.hi-paleta-ciemna) .error__Handler:has(.akcje-blokujacy-rekord) {
color: #664d03;
}
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu #kartaprojektu .element .opcje button.dodajopcje,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu #kartaprojektu .sekcja > .kp-akcje-sekcji button,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-podsumowanie th,
html.hi-lifting:not(.hi-paleta-ciemna) .kp-status.kp-status-wylaczony,
html.hi-lifting:not(.hi-paleta-ciemna) .listaDostepnychCennikow > ul > li,
html.hi-lifting:not(.hi-paleta-ciemna) .listaDostepnychCennikowSal > ul > li {
color: var(--hi-s-tekst-2);
}
/* teksty w klasycznym jasnym brązie (kontrast < 4,5:1 na białym i na ciemnym) */
html.hi-lifting :is(.light-brown, .listaDostepnychCennikow > ul > li, .listaDostepnychCennikowSal > ul > li) {
color: var(--hi-s-tekst-2);
}
html.hi-lifting :is(.potrawy-box #potrawy-tabela tr:hover > td, .potrawy-box .potrawy-oe tbody tr:hover > td, .tableelementy tbody tr:hover, .nazwaElementuKafla:hover span, .nazwaElementuKafla.opis:hover span) {
background-color: var(--hi-s-hover);
color: var(--hi-s-tekst);
}
}
/* ==== Szaty: mapowanie ciemnych i brązowych kolorów tekstu klasycznych arkuszy na kolory szat ====
Klasyczne arkusze wpisują wprost czerń, brąz, szarość, czerwień, zieleń i błękit jako kolor tekstu — na ciemnym tle
znikają, a na białym brąz i jasna szarość mają za mały kontrast. Tu każda grupa dostaje kolor o odpowiednim odcieniu
(znaczenie zostaje: czerwień = błąd, zieleń = sukces, bursztyn = uwaga), ale z kontrastem ≥ 4,5:1. Tylko ekran. */
@media screen {
html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja .labuwagi,
html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja .promo,
html.hi-lifting.hi-paleta-ciemna #baloontip .na,
html.hi-lifting.hi-paleta-ciemna #blockLayer .block .txt em strong,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .boczneNarzedzia button#trybEdycji,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .gorneNarzedzia button#trybEdycji,
html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .notatki ul>li.pracownik,
html.hi-lifting.hi-paleta-ciemna .projektuj_impreze,
html.hi-lifting.hi-paleta-ciemna .pw-desc h4,
html.hi-lifting.hi-paleta-ciemna .ui-state-error a,
html.hi-lifting.hi-paleta-ciemna .ui-state-error-text,
html.hi-lifting.hi-paleta-ciemna .ui-widget-content .ui-state-error a,
html.hi-lifting.hi-paleta-ciemna .ui-widget-content .ui-state-error-text,
html.hi-lifting.hi-paleta-ciemna .ui-widget-header .ui-state-error a {
color: #ff8f8f;
}
html.hi-lifting.hi-paleta-ciemna .pw-okno h2,
html.hi-lifting.hi-paleta-ciemna .pw-woknie h3 {
color: #ff8f8f !important;
}
html.hi-lifting.hi-paleta-ciemna #body .calendar .dni_tygodnia,
html.hi-lifting.hi-paleta-ciemna #body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside h2,
html.hi-lifting.hi-paleta-ciemna #doplanu-nazwa,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu,
html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .loze h3,
html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .rezerwacje h3,
html.hi-lifting.hi-paleta-ciemna #podgladKlientaNowy .clientStats .clientStats-element h3,
html.hi-lifting.hi-paleta-ciemna #podgladKlientaNowy .podglad-dane,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .flex > .termin-podpisania-umowy label,
html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .flex > .termin-waznosci-oferty label,
html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia button,
html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia2 button,
html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista .kp-nazwa,
html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista td,
html.hi-lifting.hi-paleta-ciemna .listaDostepnychCennikow .filtrCennikow,
html.hi-lifting.hi-paleta-ciemna .paleblack,
html.hi-lifting.hi-paleta-ciemna .phoneIntegration-list ul a,
html.hi-lifting.hi-paleta-ciemna .planaktywnosci .dropdown-content a,
html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-selection--single .select2-selection__rendered,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css blockquote,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h1,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h2,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h3,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h4,
html.hi-lifting.hi-paleta-ciemna .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg,
html.hi-lifting.hi-paleta-ciemna .ui-widget-content a,
html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .zalaczniki li a,
html.hi-lifting.hi-paleta-ciemna table.solution-table tr td,
html.hi-lifting.hi-paleta-ciemna table.tabelagratisow tr td,
html.hi-lifting.hi-paleta-ciemna table.tabelaprogramowlojalnosciowych tbody tr td,
html.hi-lifting.hi-paleta-ciemna table.tabelarabatow tr td,
html.hi-lifting.hi-paleta-ciemna table.tabelawynikow tr td {
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .force-color-black,
html.hi-lifting.hi-paleta-ciemna .wprowadzanie-podglad-dane {
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .opcje table button.remove,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .kp-zwin,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .remove button,
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .updown button,
html.hi-lifting.hi-paleta-ciemna #topmenu ul li a,
html.hi-lifting.hi-paleta-ciemna #topmenu ul li span,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-krok-opis,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-kroki li.aktywny,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-ustawienia-tytul,
html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista .kp-akcje .kp-kopiuj,
html.hi-lifting.hi-paleta-ciemna .loze-lista-rezerwacji h1,
html.hi-lifting.hi-paleta-ciemna .plan-h3,
html.hi-lifting.hi-paleta-ciemna .ui-dialog .ui-dialog-titlebar {
color: var(--hi-s-tekst-2);
}
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-pozycja-wlasna .automatyzacja-pozycja-opis,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-przywroc,
html.hi-lifting.hi-paleta-ciemna .automatyzacja-lista .automatyzacja-statystyka-czesciowo {
color: #f2bd78;
}
html.hi-lifting.hi-paleta-ciemna .blue,
html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .notatki ul>li.klient,
html.hi-lifting.hi-paleta-ciemna table .wartosc-niebieska {
color: #9bbcff;
}
html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css a {
color: #9bbcff !important;
}
html.hi-lifting.hi-paleta-ciemna table .wartosc-zielona,
html.hi-lifting.hi-paleta-ciemna table.raport-tabela .wartosc-zielona {
color: #86e29a;
}
html.hi-lifting:not(.hi-paleta-ciemna) #ajaxMessage .prezentacja h2,
html.hi-lifting:not(.hi-paleta-ciemna) #body .PracownicyUprawnieniaInside .form h2,
html.hi-lifting:not(.hi-paleta-ciemna) #body .step2top #sala .inside .cursala h3,
html.hi-lifting:not(.hi-paleta-ciemna) #calendar-step1 .numer_tygodnia,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-brak-trafien,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-naglowek .kp-podsumowanie,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-narzedzia .kp-licznik,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-narzedzia .kp-szukaj i,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-pole .kp-etykieta,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-pole > span,
html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-uwaga,
html.hi-lifting:not(.hi-paleta-ciemna) #impreza-kroki .krok,
html.hi-lifting:not(.hi-paleta-ciemna) #opt_ustawienia_sali .ustawienieSali .tools .text,
html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy .clientStats .clientStats-element .clientStats-evenstList ul li span,
html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy .clientStats .clientStats-element .clientStats-event ul span,
html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy .clientStats .clientStats-element .rect-chart .show-element small,
html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy label,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-filtr > div.right,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-kroki li,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-podsumowanie-szczegol,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-rodzaj-naglowek i,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-rodzaj-opcja > label,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-sekcja-skrot,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .select2-selection__choice .automatyzacja-adres-osoba,
html.hi-lifting:not(.hi-paleta-ciemna) .color-label,
html.hi-lifting:not(.hi-paleta-ciemna) .divhead,
html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-brak,
html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-pasek .kp-licznik,
html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-pasek .kp-podpowiedz,
html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-pasek .kp-szukaj i,
html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona table.kp-lista .kp-zmiana,
html.hi-lifting:not(.hi-paleta-ciemna) .select2-container--classic .select2-selection--single .select2-selection__placeholder,
html.hi-lifting:not(.hi-paleta-ciemna) .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
html.hi-lifting:not(.hi-paleta-ciemna) .wprowadzanie-h2,
html.hi-lifting:not(.hi-paleta-ciemna) div.createdbox,
html.hi-lifting:not(.hi-paleta-ciemna) div.listagratisow h3,
html.hi-lifting:not(.hi-paleta-ciemna) div.listarabatow h3,
html.hi-lifting:not(.hi-paleta-ciemna) div.listawynikow h3,
html.hi-lifting:not(.hi-paleta-ciemna) span.label {
color: var(--hi-s-tekst-2);
}
html.hi-lifting:not(.hi-paleta-ciemna) #baloontip .swieto {
color: #1b5f8c;
}
html.hi-lifting:not(.hi-paleta-ciemna) #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .boczneNarzedzia button#trybEdycji,
html.hi-lifting:not(.hi-paleta-ciemna) #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .gorneNarzedzia button#trybEdycji,
html.hi-lifting:not(.hi-paleta-ciemna) .form-wrapper h2,
html.hi-lifting:not(.hi-paleta-ciemna) .plany-nie-zapisano,
html.hi-lifting:not(.hi-paleta-ciemna) .plany-nie-zgodne,
html.hi-lifting:not(.hi-paleta-ciemna) label.error,
html.hi-lifting:not(.hi-paleta-ciemna) table .wartosc-czerwona,
html.hi-lifting:not(.hi-paleta-ciemna) table.raport-tabela .wartosc-czerwona {
color: #b3000a;
}
html.hi-lifting:not(.hi-paleta-ciemna) .force-color-red {
color: #b3000a !important;
}
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-dni-skroty span,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-sekcja-zmien,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz label.automatyzacja-dzien-weekend,
html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-lista .automatyzacja-luka {
color: #8a5410;
}
}
/* ==== Szaty: Wprowadzanie danych i okna — etykiety, ramki zakładek, przyciski pomocnicze, jednolite pola w oknach ====
Reguły na wspólnych tokenach — działają we wszystkich szatach (klasyczne odświeżone, Forum 2026, Nowa odsłona HI,
ich ciemne warianty, Halloween, Świąteczna). Klasyczna (bez szaty) bez zmian. Tylko ekran. */
@media screen {
/* przygaszona etykieta (dawniej kolor wpisany w atrybucie style z !important — takiego nie da się zmienić szatą) */
.label-przygaszona {
color: #968d84 !important;
}
html.hi-lifting .label-przygaszona {
color: var(--hi-s-tekst-2) !important;
}
/* etykiety: klasyczny szaro-brąz (#968d84) ma 3,3:1 na białym — niski priorytet (:where), więc nie nadpisuje reguł szczegółowych */
html.hi-lifting :where(label, span.label):where(:not(.white, .red, .green, .blue, .orange, .required, .error)) {
color: var(--hi-s-tekst-2);
}
/* kontener zakładek językowych i okien: ramka z tokenu zamiast jasnej ramki jQuery UI */
html.hi-lifting.hi-paleta-ciemna :is(.ui-tabs.ui-widget-content, #jezyktabs) {
border-color: var(--hi-s-ramka);
}
/* przycisk „Dodaj cennik specjalny” i podobne przyciski pomocnicze w formularzach */
html.hi-lifting button.dodajcennik {
background-color: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
border: 1px solid var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
padding: 4px 12px;
cursor: pointer;
}
html.hi-lifting button.dodajcennik:hover {
background-color: var(--hi-s-pasek-hover);
}
/* formularze w oknach: jednakowa wysokość, promień i padding pól, textarea tylko pionowo, ikona kalendarza w stylu szaty */
html.hi-lifting .ui-dialog :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=search], select:not([multiple]), textarea) {
box-sizing: border-box;
border-radius: var(--hi-s-promien);
border: 1px solid var(--hi-s-ramka-mocna);
}
html.hi-lifting .ui-dialog :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=search], select:not([multiple])) {
min-height: 26px;
padding-top: 2px;
padding-bottom: 2px;
}
html.hi-lifting .ui-dialog textarea {
resize: vertical;
padding: 6px 8px;
}
html.hi-lifting .ui-dialog img.ui-datepicker-trigger {
box-sizing: border-box;
width: 24px;
height: 24px;
padding: 2px;
margin-left: 4px;
vertical-align: middle;
border: 1px solid var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background-color: var(--hi-s-powierzchnia-2);
cursor: pointer;
}
html.hi-lifting.hi-paleta-ciemna .ui-dialog img.ui-datepicker-trigger {
filter: grayscale(1) invert(1) brightness(.9);
}
html.hi-lifting .ui-dialog .ui-dialog-buttonpane {
text-align: right;
}
}
/* >>> D:automatyzacja */
/* Szaty: automatyzacja (lista, dziennik wysyłek) — kolory pomocnicze „szary” i „zielony” z czytelnym kontrastem */
@media screen {
html.hi-lifting :is(small.gray, td.automatyzacja-odbiorcy small.gray, .automatyzacja-statystyka .gray) {
color: var(--hi-s-tekst-2);
}
html.hi-lifting:not(.hi-paleta-ciemna) :is(small.green, strong.green, span.green, .automatyzacja-statystyka .green) {
color: #17692c;
}
html.hi-lifting.hi-paleta-ciemna :is(small.green, strong.green, span.green, .automatyzacja-statystyka .green) {
color: #6fdc8c;
}
html.hi-lifting.hi-paleta-ciemna :is(small.red, strong.red, span.red) {
color: #ff8f8f;
}
}
/* <<< D:automatyzacja */
/* ==== Szaty: kreator dokumentów (Wprowadzanie danych → Wygląd dokumentów → edycja wzoru) ====
Otoczenie (kafle „Dostępne widgety”, paski tytułów widgetów, pola marginesów i wymiarów) w kolorach szaty;
sam widget — czyli treść dokumentu, która trafia do PDF — jako jasna kartka w oryginalnych kolorach wydruku
(lokalne tokeny jasnej palety, także w ciemnych szatach), żeby autor wzoru widział prawdziwe kolory. Tylko ekran. */
@media screen {
/* kafle „Dostępne widgety”: spójne kafelki w tokenach szaty; kafel na tyle szeroki, że najdłuższe słowa nazw
(„parametryzowany”, „podsumowaniem”) mieszczą się w całości — przeglądarki bez słownika dzielenia polskich
wyrazów ignorują hyphens: auto, więc łamanie w środku słowa zostaje tylko ostatecznością */
html.hi-lifting .new-widget {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 86px;
height: 54px;
padding: 2px 4px;
border: 1px solid var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
font-size: 9px;
line-height: 1.1;
overflow: hidden;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
box-shadow: var(--hi-s-cien);
transition: background-color .15s ease, border-color .15s ease;
}
html.hi-lifting .new-widget:hover {
background: var(--hi-s-hover);
border-color: var(--hi-s-akcent);
}
html.hi-lifting .new-widget.ui-draggable-dragging {
border-color: var(--hi-s-akcent);
box-shadow: var(--hi-s-cien-duzy);
}
html.hi-lifting .new-widget.nowy-nieaktywny {
opacity: .5;
box-shadow: none;
}
/* pola marginesów i wymiarów: zwykłe pola formularza (bez nietypowej ramki) */
html.hi-lifting #body .kontenerinside input[type=number] {
box-sizing: border-box;
height: 26px;
padding: 2px 6px;
border: 1px solid var(--hi-s-ramka-mocna) !important;
border-radius: var(--hi-s-promien);
background-color: var(--hi-s-pole);
color: var(--hi-s-tekst);
}
html.hi-lifting #body .kontenerinside table.border-none td {
background-color: transparent;
color: var(--hi-s-tekst-2);
}
/* pasek tytułu widgetu w kolorach szaty, ikony „?” i „x” jasne na pasku */
html.hi-lifting .gridster li p.naglowek {
background: var(--hi-s-pasek);
color: var(--hi-s-na-pasku);
}
html.hi-lifting .gridster li p.naglowek .ui-icon {
filter: brightness(0) invert(1);
opacity: .85;
}
html.hi-lifting .gridster li p.naglowek .ui-icon:hover {
opacity: 1;
}
/* widget = kartka dokumentu: jasna, z ramką i cieniem, lokalnie jasna paleta (w każdej szacie) */
html.hi-lifting .gridster li.widget-list-item {
--hi-s-schemat: light;
--hi-s-tlo: #f3f1ee;
--hi-s-powierzchnia: #ffffff;
--hi-s-powierzchnia-2: #f7f5f2;
--hi-s-hover: #efebe5;
--hi-s-pole: #ffffff;
--hi-s-tekst: #1f1f1f;
--hi-s-tekst-2: #555555;
--hi-s-link: #1155cc;
--hi-s-ramka: #dcd6ce;
--hi-s-ramka-mocna: #c9c0b5;
--hi-s-th: #eeeae4;
--hi-s-th-tekst: #1f1f1f;
background: #ffffff;
color: #1f1f1f;
border: 1px solid var(--hi-s-ramka-mocna);
box-shadow: var(--hi-s-cien);
}
html.hi-lifting.hi-paleta-ciemna .gridster li.widget-list-item {
border-color: #5a4d40;
}
/* edytory treści dokumentów (widget kreatora, treść umowy, warunki anulacji i rezerwacji wydarzenia — trafiają na ofertę
i umowę): biała kartka i oryginalne kolory tekstu — ciemne szaty rozjaśniają czarny tekst w pozostałych edytorach
(np. stopka e-mail), w dokumentach autor ma widzieć kolory wydruku */
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) :is(.cke_inner, .cke_contents, .cke_wysiwyg_div, .cke_wysiwyg_frame) {
background-color: #ffffff !important;
color: #000000;
}
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) .cke_top {
background-color: #f7f5f2 !important;
border-bottom-color: #dcd6ce !important;
}
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) .cke_chrome {
border-color: #c9c0b5;
}
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) :is(a.cke_button, a.cke_combo_button) .cke_button_icon,
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) :is(.cke_toolbox, .cke_top) .cke_button__source_icon {
filter: none;
}
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) :is(.cke_combo_text, .cke_button_label, .cke_toolbar, .cke_top) {
color: #333333;
}
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) .cke_wysiwyg_div :is([style*="color: rgb(0, 0, 0)" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i], font[color="#000000" i], font[color="black" i]) {
color: #000000 !important;
}
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) .cke_wysiwyg_div :is([style*="color: rgb(51, 51, 51)" i], [style*="color:#333" i], [style*="color: #333" i]) {
color: #333333 !important;
}
html.hi-lifting.hi-paleta-ciemna :is(.gridster, .cke[class*="cke_editor_tresc"], .cke[class*="cke_editor_warunkianulacji"], .cke[class*="cke_editor_warunkirezerwacji"]) .cke_wysiwyg_div a {
color: #1155cc;
}
/* podgląd treści umowy: kartka dokumentu */
html.hi-lifting .umowa-tresc {
box-sizing: border-box;
padding: 12px 16px;
border: 1px solid var(--hi-s-ramka-mocna);
border-radius: var(--hi-s-promien);
background-color: #ffffff;
color: #000000;
}
}
/* ==== Szaty: pozostałe ekrany ====
Ekrany spoza wcześniejszych bloków (ustawienia dodatkowe, vouchery, corpo, kalkulacje, oferty, plany, pokoje, stoliki,
sale, pracownicy, powiadomienia…). Kolory wyłącznie z tokenów szaty — działa we wszystkich szatach; klasyczna bez zmian. */
@media screen {
/* okno Ustawień dodatkowych: jego własne style mają paletę klasyczną wpisaną na sztywno */
html.hi-lifting .ud-okno {
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno .ud-pasek {
border-bottom-color: var(--hi-s-ramka);
background: var(--hi-s-powierzchnia);
box-shadow: 0 -16px 0 0 var(--hi-s-powierzchnia);
}
html.hi-lifting .ud-okno .ud-szukaj input {
border-color: var(--hi-s-ramka-mocna);
background: var(--hi-s-pole);
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno .ud-szukaj input:focus {
border-color: var(--hi-s-akcent);
}
html.hi-lifting .ud-okno .ud-szukaj i,
html.hi-lifting .ud-okno .ud-wyczysc-szukanie,
html.hi-lifting .ud-okno .ud-podpowiedz,
html.hi-lifting .ud-okno .ud-brak,
html.hi-lifting .ud-okno .ud-zmiany,
html.hi-lifting .ud-okno .ud-zmiany-siec-info,
html.hi-lifting .ud-okno .ud-zmiany-stopka,
html.hi-lifting .ud-okno .ud-zmiana-sciezka,
html.hi-lifting .ud-okno .ud-bylo,
html.hi-lifting .ud-okno .ud-strzalka,
html.hi-lifting .ud-okno .ud-zmiana-cofnij {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .ud-okno .ud-wyczysc-szukanie:hover,
html.hi-lifting .ud-okno .ud-zmiana-cofnij:hover {
background: var(--hi-s-hover);
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno .ud-licznik,
html.hi-lifting .ud-okno .ud-zmiany-chip,
html.hi-lifting .ud-okno .ud-zmiany-zwin,
html.hi-lifting .ud-okno .ud-bedzie,
html.hi-lifting .ud-okno .ud-zmiana-przejdz:hover .ud-zmiana-nazwa,
html.hi-lifting .ud-okno .ud-zmiana-przejdz:focus .ud-zmiana-nazwa {
color: var(--hi-s-link);
}
html.hi-lifting .ud-okno #tabs .ui-tabs-nav {
border-color: var(--hi-s-ramka);
background: var(--hi-s-powierzchnia-2);
}
html.hi-lifting .ud-okno #tabs .ui-tabs-nav li:last-child {
border-bottom-color: var(--hi-s-ramka);
}
html.hi-lifting .ud-okno #tabs .ui-tabs-nav li a {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .ud-okno #tabs .ui-tabs-nav li:hover a {
background: var(--hi-s-hover);
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno #tabs .ui-tabs-nav li.ui-state-active a {
border-left-color: var(--hi-s-akcent);
background: var(--hi-s-powierzchnia);
color: var(--hi-s-link);
}
html.hi-lifting .ud-okno .ud-liczba-trafien {
background: color-mix(in srgb, var(--hi-s-akcent) 18%, transparent);
color: var(--hi-s-link);
}
html.hi-lifting .ud-okno .ud-bez-trafien .ud-liczba-trafien,
html.hi-lifting .ud-okno .ud-zmiana-lokalna {
background: var(--hi-s-hover);
color: var(--hi-s-tekst-2);
}
html.hi-lifting .ud-okno h2.sekcjah2 {
border-color: var(--hi-s-ramka);
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .ud-okno table.tablice {
border-color: var(--hi-s-ramka);
background: var(--hi-s-powierzchnia);
}
html.hi-lifting .ud-okno table.tablice > tbody > tr {
border-bottom-color: var(--hi-s-ramka);
background: transparent;
}
html.hi-lifting .ud-okno table.tablice > tbody > tr:hover {
background: var(--hi-s-hover);
}
html.hi-lifting .ud-okno table.tablice > tbody > tr.ud-zmienione,
html.hi-lifting .ud-okno table.tablice > tbody > tr.ud-zmienione:hover {
background: color-mix(in srgb, var(--hi-s-akcent) 12%, var(--hi-s-powierzchnia));
}
html.hi-lifting .ud-okno table.tablice .etykietki,
html.hi-lifting .ud-okno .ud-zmiana-przejdz {
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno table.tablice input[type="text"],
html.hi-lifting .ud-okno table.tablice input[type="number"],
html.hi-lifting .ud-okno table.tablice input[type="color"],
html.hi-lifting .ud-okno table.tablice textarea {
border-color: var(--hi-s-ramka-mocna);
background: var(--hi-s-pole);
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno table.tablice input[type="checkbox"] {
accent-color: var(--hi-s-akcent);
}
html.hi-lifting .ud-okno table.tablice .select2-container .select2-selection {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting .ud-okno mark.ud-trafienie {
background: color-mix(in srgb, var(--hi-s-akcent) 35%, var(--hi-s-powierzchnia));
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno .ud-zmiany:not(.ud-zmiany-puste) {
border-color: var(--hi-s-ramka);
background: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno .ud-zmiana {
border-top-color: var(--hi-s-ramka);
}
html.hi-lifting .ud-okno .ud-chip-plus {
background: color-mix(in srgb, #2e9e4f 22%, var(--hi-s-powierzchnia));
color: var(--hi-s-tekst);
}
html.hi-lifting .ud-okno .ud-chip-minus {
background: color-mix(in srgb, #d0392b 22%, var(--hi-s-powierzchnia));
color: var(--hi-s-tekst);
}
/* kreator karty projektu (lista wzorów): podpowiedzi, plakietka „Domyślny” i statusy w kolorach szaty */
html.hi-lifting .kp-lista-strona .kp-pasek .kp-licznik,
html.hi-lifting .kp-lista-strona .kp-pasek .kp-podpowiedz {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .kp-plakietka.kp-domyslny {
background: color-mix(in srgb, var(--hi-s-akcent) 18%, var(--hi-s-powierzchnia));
color: var(--hi-s-link);
}
html.hi-lifting .kp-status.kp-status-aktywny {
background: color-mix(in srgb, #2e8b57 22%, var(--hi-s-powierzchnia));
color: var(--hi-s-tekst);
}
html.hi-lifting .kp-status.kp-status-do-aktywacji {
background: color-mix(in srgb, #d68910 24%, var(--hi-s-powierzchnia));
color: var(--hi-s-tekst);
}
html.hi-lifting .kp-status.kp-status-wylaczony {
background: var(--hi-s-hover);
color: var(--hi-s-tekst-2);
}
/* listy powiadomień: wykonane zadania/płatności mają szare tło wpisane w szablonie — w szacie przygaszona powierzchnia */
html.hi-lifting .width765[style*="d9d9d9"] {
background: color-mix(in srgb, var(--hi-s-tekst-2) 18%, var(--hi-s-powierzchnia)) !important;
}
html.hi-lifting .width765[style*="d9d9d9"] .width100p,
html.hi-lifting .width765[style*="d9d9d9"] .width100p :is(span, b, p) {
color: var(--hi-s-tekst);
}
/* Wprowadzanie → Sale: etykiety w jasnym pasku filtra (wyspa celowo jasna) z pełnym kontrastem */
html.hi-lifting .sale-filtr-edycja label,
html.hi-lifting .sale-filtr-edycja label[style*="color"] {
color: var(--hi-s-tekst) !important;
}
/* ustawienia wtyczek (stoliki, wydarzenia, wybór menu): nagłówki wierszy i grup z jasnymi tłami wpisanymi w szablonach */
html.hi-lifting :is(.wybor-menu-row, .wtyczka-stoliki-row, .wtyczka-wydarzenia-row) {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting :is(.wybor-menu-rowgroup, .wtyczka-stoliki-rowgroup, .wtyczka-wydarzenia-rowgroup) {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
html.hi-lifting .custom-wtyczka-button {
border-color: var(--hi-s-ramka-mocna);
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
html.hi-lifting .custom-wtyczka-button:hover {
background-color: var(--hi-s-hover);
}
/* statusy wtyczek „włączona/aktywna” i „wyłączona” — barwa znaczeniowa dociągnięta do koloru tekstu szaty (jaśniejsza w ciemnych, ciemniejsza w jasnych) */
html.hi-lifting :is([class*="wtyczka"], [class*="Wtyczka"], .kontener) p:is([style*="color: green" i], [style*="#79e011" i]) {
color: color-mix(in srgb, #2e9e4f 55%, var(--hi-s-tekst)) !important;
}
html.hi-lifting :is([class*="wtyczka"], [class*="Wtyczka"], .kontener) p[style*="color: red" i] {
color: color-mix(in srgb, #d0392b 60%, var(--hi-s-tekst)) !important;
}
/* Klasyfikacja klientów: biały tekst na kolorze wybranym przez obiekt — cień pod literami, żeby był czytelny na jasnych barwach */
html.hi-lifting tr[color_data]:not([color_data=""]) > td {
text-shadow: 0 0 2px rgba(0, 0, 0, .85), 0 0 1px rgba(0, 0, 0, .9);
}
}
/* <<< Szaty: pozostałe ekrany */
/* ==== Szaty: CRM i poczta — wyszukiwanie zaawansowane w bazie kontaktów ====
Panel ma kolory wpisane w szablonie (żółty pasek, kremowe tło, białe kafle filtrów) — w szatach był jasną wyspą
w ciemnych paletach i jedynym żółtym elementem w jasnych. Tu dostaje powierzchnie, ramki i pasek szaty;
układ bez zmian, klasyczna i wydruk nietknięte. */
@media screen {
html.hi-lifting .wyszukiwanieZaawansowane[style*="background-color" i] {
background-color: var(--hi-s-powierzchnia) !important;
}
html.hi-lifting .wyszukiwanieZaawansowaneInside[style*="background-color" i] {
background-color: var(--hi-s-powierzchnia) !important;
border-color: var(--hi-s-ramka-mocna) !important;
box-shadow: var(--hi-s-cien-duzy);
color: var(--hi-s-tekst);
}
/* pasek tytułu panelu (inline żółty z brązowym tekstem) */
html.hi-lifting .wyszukiwanieZaawansowaneInside > div:first-child[style*="background" i] {
background: var(--hi-s-pasek) !important;
color: var(--hi-s-na-pasku) !important;
}
html.hi-lifting #wyczyscFiltryZaawansowane {
background: transparent !important;
border-color: currentColor !important;
color: var(--hi-s-na-pasku) !important;
border-radius: 999px !important;
}
html.hi-lifting #wyczyscFiltryZaawansowane:hover {
background: var(--hi-s-pasek-hover) !important;
}
html.hi-lifting .wyszukiwanieZaawansowaneInside :is(.filtr-zaawansowany-item, .filtr-zaawansowany-check-item) {
background: var(--hi-s-powierzchnia-2);
border-color: var(--hi-s-ramka);
}
html.hi-lifting .wyszukiwanieZaawansowaneInside .filtr-zaawansowany-item label {
color: var(--hi-s-tekst-2);
}
html.hi-lifting .wyszukiwanieZaawansowaneInside .filtr-zaawansowany-check-item label {
color: var(--hi-s-tekst);
}
html.hi-lifting .wyszukiwanieZaawansowaneInside .filtr-zaawansowany-checkboxy {
border-top-color: var(--hi-s-ramka-mocna);
}
/* okno „Łączenie klientów”: etykiety wierszy i karty osób do kontaktu mają w arkuszu beż, a wybrana kolumna
i pozostawione osoby jasną zieleń — w ciemnych szatach jasny tekst szaty ginął na obu; nagłówki i karty
idą na kolory szaty, zieleń wyboru w ciemnych staje się półprzezroczystym odcieniem */
html.hi-lifting #laczenieKlientow h2 span {
background: var(--hi-s-powierzchnia);
}
html.hi-lifting #laczenieKlientow h2::before {
background: var(--hi-s-ramka-mocna);
}
html.hi-lifting #laczenieKlientow div.klienci table tbody th {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting #laczenieKlientow div.klienci table tbody td {
border-color: var(--hi-s-ramka);
}
html.hi-lifting #laczenieKlientow .osobydokontaktu .osoba {
background: var(--hi-s-powierzchnia-2);
border-color: var(--hi-s-ramka-mocna);
color: var(--hi-s-tekst);
}
html.hi-lifting #laczenieKlientow .osobydokontaktu .osoba > h3,
html.hi-lifting #laczenieKlientow .osobydokontaktu .osoba .przyciski {
background: var(--hi-s-th);
color: var(--hi-s-th-tekst);
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting #laczenieKlientow .osobydokontaktu .osoba .przyciski > div {
border-color: var(--hi-s-ramka-mocna);
}
html.hi-lifting #laczenieKlientow .osobydokontaktu .osoba .przyciski > div:hover {
background: var(--hi-s-hover);
}
html.hi-lifting.hi-paleta-ciemna #laczenieKlientow div.klienci table tbody td.zaznaczony,
html.hi-lifting.hi-paleta-ciemna #laczenieKlientow .osobydokontaktu .osoba.pozostawiony {
background: rgba(46, 160, 67, .22);
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna #laczenieKlientow .osobydokontaktu .osoba .fa-check {
color: #6fdc8c;
}
html.hi-lifting.hi-paleta-ciemna #laczenieKlientow .osobydokontaktu .osoba .fa-ban {
color: #ff8a8a;
}
}
/* ==== Szaty: imprezy — analiza kosztów ==== */
@media screen {
/* nagłówki wierszy w podsumowaniu analizy kosztów mają beż z arkusza klasycznego — w szatach kolory nagłówka szaty,
inaczej w ciemnych jest beżowa wyspa z jasnym tekstem szaty */
html.hi-lifting .analysis-main {
background-color: var(--hi-s-th);
color: var(--hi-s-th-tekst);
}
/* pozostałe komórki opisowe (brzoskwinia z arkusza klasycznego) w jasnych szatach z własną paletą — powierzchnia szaty */
html.hi-lifting:is(.hi-forum, .hi-nl):not(.hi-paleta-ciemna) .analysis-background {
background-color: var(--hi-s-powierzchnia-2);
color: var(--hi-s-tekst);
}
}
/* ==== Szaty: zasoby i ustawienia — dziennik serwisowy, pola tylko do odczytu, kreator karty projektu, podgląd oferty ====
Dziennik ma własny arkusz i kolory wpisane w atrybutach (szare tła #f6f8fa, szary tekst, białe przyciski), więc w
ciemnych szatach globalne reguły przemalowywały go tylko częściowo: jasne paski nagłówków wpisów i paska narzędzi
obok ciemnych treści, tytuł w kolorze #222 na ciemnym tle. Tu cały dziennik dostaje tokeny szaty; kolory
znaczeniowe (źródło wpisu, typ zmiany, przyciski akcji) zostają, w ciemnych szatach w jaśniejszym odcieniu. */
@media screen {
/* szary tekst pomocniczy (czas względny, IP, numer wpisu) miał w jasnych szatach kontrast poniżej 3:1 */
html.hi-lifting .dz-dziennik :is([style*="color:#999" i], [style*="color:#bbb" i], [style*="color:#666" i], [style*="color:#555" i], [style*="color:#444" i]) {
color: var(--hi-s-tekst-2) !important;
}
html.hi-lifting .dz-dziennik .dz-rel {
color: var(--hi-s-tekst-2) !important;
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik {
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik :is(.dz-naglowek, pre.dz-json, [style*="background:#f6f8fa" i], [style*="background:#faf8ff" i]) {
background: var(--hi-s-powierzchnia-2) !important;
border-color: var(--hi-s-ramka) !important;
color: var(--hi-s-tekst);
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik :is(.dz-wpis, [style*="border:1px solid #e1e4e8" i]) {
border-color: var(--hi-s-ramka-mocna) !important;
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="background:#fff;" i],
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style$="background:#fff" i] {
background: var(--hi-s-powierzchnia) !important;
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik li[style*="border-top"] {
border-top-color: var(--hi-s-ramka) !important;
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="background:#fcf8e3" i] {
background: var(--hi-s-filtr) !important;
color: var(--hi-s-tekst) !important;
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik .dz-przycisk {
background: var(--hi-s-pole) !important;
}
html.hi-lifting.hi-paleta-ciemna .dz-dziennik .dz-przycisk:not([style*="color:"]) {
color: var(--hi-s-tekst);
border-color: var(--hi-s-ramka-mocna) !important;
}
/* kolory znaczeniowe (niebieski, fiolet, czerwień, zieleń, brąz, pomarańcz, szary) — ciemne odcienie z jasnej kartki
rozjaśnione do czytelności na ciemnej powierzchni, ramka idzie za tekstem */
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="color:#2b6cb0" i] { color: #8ab8ff !important; border-color: #8ab8ff !important; }
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="color:#6f42c1" i] { color: #c3a6ff !important; border-color: #c3a6ff !important; }
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="color:#b02a37" i] { color: #ff8f98 !important; border-color: #ff8f98 !important; }
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="color:#1c7c4a" i] { color: #7fdcaa !important; border-color: #7fdcaa !important; }
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="color:#8a6d3b" i] { color: #e0c08a !important; border-color: #e0c08a !important; }
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="color:#d97706" i] { color: #ffb057 !important; border-color: #ffb057 !important; }
html.hi-lifting.hi-paleta-ciemna .dz-dziennik [style*="color:#6c757d" i] { color: var(--hi-s-tekst-2) !important; border-color: var(--hi-s-ramka-mocna) !important; }
html.hi-lifting.hi-paleta-ciemna .dz-dziennik mark {
color: #1f1f1f;
}
/* pomarańczowa plakietka „dokumenty” na jasnym tle miała kontrast poniżej 3:1 — ciemniejszy odcień tej samej barwy */
html.hi-lifting:not(.hi-paleta-ciemna) .dz-dziennik [style*="color:#d97706" i] {
color: #a85600 !important;
border-color: #a85600 !important;
}
/* pola tylko do odczytu z białym tłem wpisanym przez skrypt (podgląd umowy corpo: stawki, rabaty, sumy) — w ciemnych
szatach jasny tekst szaty lądował na bieli; tło przygaszonej powierzchni jak pozostałe pola zablokowane */
html.hi-lifting.hi-paleta-ciemna :is(input, textarea):is(:disabled, [readonly]):is([style*="background-color: rgb(255, 255, 255)" i], [style*="background-color: #fff" i], [style*="background-color:#fff" i], [style*="background: #fff" i], [style*="background:#fff" i], [style*="background-color: white" i]) {
background-color: var(--hi-s-powierzchnia-2) !important;
color: var(--hi-s-tekst-2);
}
/* kreator karty projektu: pigułki podsumowania sekcji („opcje: 5”) mają półprzezroczystą biel z arkusza — w ciemnych
szatach jasna plakietka z szarobrązowym tekstem */
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .kp-podsumowanie {
color: var(--hi-s-tekst-2);
}
html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .kp-podsumowanie span {
background: var(--hi-s-powierzchnia-2);
border-color: var(--hi-s-ramka);
}
/* podgląd oferty: nazwy typów imprez mają w szablonie czarny kolor z !important w atrybucie — arkusz go nie przebije,
więc w ciemnych szatach odwracamy jasność samego napisu (bez tła, więc nic poza tekstem się nie zmienia) */
html.hi-lifting.hi-paleta-ciemna label[style*="color:black !important" i]:not([style*="background" i]):not(.kontener-widgetow *):not(.cke_contents *):not(.umowa-tresc *) {
filter: invert(1);
}
}
/* ==== Szaty: raporty — tabele wyników i wartości kolorowe ==== */
@media screen {
/* tabele wyników raportów leżą w tabeli-ramce `.border-none`, więc łapała je reguła pól marginesów kreatora dokumentów
(stonowany tekst) — na komórkach w kolorach raportu (wiersz „Razem”, nagłówki) tekst miał za mały kontrast */
html.hi-lifting #body .kontenerinside table.border-none table.cTabela td {
color: var(--hi-s-tekst);
}
/* komórki z tłem z konfiguracji raportu (żółte nagłówki, niebieskie sumy) w jasnych paletach: czarny tekst jak w klasycznej */
html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) #body table.cTabela td[style*="background"] {
color: #1f1f1f;
}
/* w ciemnych paletach czerwień ujemnych wartości i niewykonanych planów z arkusza klasycznego jest za ciemna */
html.hi-lifting:is(.hi-paleta-ciemna, .hi-ciemna) table .wartosc-czerwona,
html.hi-lifting:is(.hi-paleta-ciemna, .hi-ciemna) table.raport-tabela .wartosc-czerwona {
color: #ff8080;
}
/* zieleń sum w jasnych paletach minimalnie za jasna na białym (poniżej 4,5:1) */
html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) table .wartosc-zielona,
html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) table.raport-tabela .wartosc-zielona {
color: #1d5a1c;
}
/* komórki tabel raportów z tłem z konfiguracji idą w ciemnych paletach na powierzchnię szaty z tekstem szaty, ale reguła
jaskrawych kolorów (dopasowana po samym tekście stylu: kolor tekstu #00ff00, żółte tło #fff700) dawała im ciemny
tekst — ciemny na ciemnym. `:not(#hi-x):not(#hi-y)` podnosi specyficzność ponad tę regułę (ma w środku `:not(#raportytabs *)`). */
html.hi-lifting.hi-paleta-ciemna #body table.cTabela td.cTabela-komorka:not(#hi-x):not(#hi-y)[style*="background" i] {
color: var(--hi-s-tekst) !important;
}
}
/* ==== Szaty: wprowadzanie danych i stoliki — szary tekst pomocniczy ==== */
@media screen {
/* klasa .gray (stały szary #777 z arkusza klasycznego) opisuje tekst pomocniczy w oknach — m.in. maksymalna i dostępna
liczba osób przy rezerwacji stolika, podgląd stolika, szybka rezerwacja, karta klienta. Na powierzchniach szat ten szary
nie dobija do 4,5:1 (jasnych i ciemnych), więc bierze drugi kolor tekstu szaty; treść dokumentów zostaje jak wydruk */
html.hi-lifting :is(span, div, p, label, td, b, strong).gray:not(.kontener-widgetow *):not(.cke_contents *):not(.umowa-tresc *) {
color: var(--hi-s-tekst-2);
}
}
/* ==== Szaty: kreator imprezy — nakładka „Przetwarzanie…” w oknie menu niestandardowego ==== */
@media screen {
/* szablon okna wpisuje nakładce półprzezroczystą biel we własnym