#sticky-scrollbar-container {
position: fixed;
bottom: 0;
left: 0;
width: auto;
overflow-x: auto;
overflow-y: hidden;
z-index: 999;
background: rgba(255, 255, 255, 0.8);
/* Lekkie tło, by suwak był widoczny */
height: 20px;
/* Wysokość paska */
}
.container{
max-width:99% !Important;
padding:0px !important;
}
#sticky-scrollbar-content {
height: 1px;
/* Musi mieć wysokość, by wywołać suwak */
}

/* Ukrywamy oryginalny suwak tabeli, by nie dublować (opcjonalnie) */
#table-responsive::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
#table-responsive {
-ms-overflow-style: none; /* Internet Explorer / Edge */
scrollbar-width: none; /* Firefox */
}
.DownloadExcel{
margin: 10px !important;
}
.num {
mso-number-format: General;
}

.text {
mso-number-format: "\@";
/*force text*/
}

form{
margin:0 !important;
padding:0 !important;
}
@media (max-width: 770px) {
form{
margin:20 !important;
padding:0 !important;
}
}
.trumbowyg-editor{
text-align:left !important;
}
.th-lg{
position:relative;
}
h1{
font-family: 'Lato', sans-serif;
font-weight: 400 !important;
font-size:20px !important;
color: #FFFFFF !important;
background: linear-gradient(90deg, rgb(57, 18, 73) 0%, rgba(10,26,62,1) 40%, rgba(10,26,62,1) 60%, rgb(57, 18, 73) 100%) !important;
border-radius : 0px 0px 50% 50%;
padding:0px 0px 10px 0px;
}
h2{
font-family: 'Lato', sans-serif;
font-weight: 400 !important;
color: #FFFFFF !important;
background: linear-gradient(90deg, rgba(255,93,93,1) 0%, rgba(121,9,68,1) 35%, rgba(10,26,62,1) 100%) !important;
border-radius : 0px 80px 0px 80px;
font-size:18px !important;
}
h3{
font-family: 'Lato', sans-serif;
font-weight: 400 !important;
font-size:15px !important;
}
.btn{
font-size:12px !important;
}
.card-body{
padding:0.40rem !important;
}
.card-title{
margin-bottom: 0rem !important;
}
.container {
padding:1px !important;
}
table tr td {
font-size: 12px !important;
font-align:center !important;
color: black;
padding: 0px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
::-webkit-input-placeholder { /* Edge */
color: green !important;
/* font-weight:bold !important; */
font-style: italic !important;
opacity:0.5 !important;
padding:0px !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: green !important;
/* font-weight:bold !important; */
font-style: italic !important;
opacity:0.5 !important;
padding:0px !important;
}

::placeholder {
color: #666666 !important;
/* font-weight:bold !important; */
font-style: italic !important;
opacity:0.5 !important;
padding:0px !important;
}
@page {
margin:1cm;
margin-top:0.3cm;
}

@media only screen and (max-width: 768px) {
/* For mobile phones: */
#last_modified{
display:none;
}
.hide_for_phones{
display:none;
}
}
.estimation_details_table tbody tr td,.estimation_details_table tbody tr th{
font-size: 12px !important;
}
.table tbody tr:hover td{
font-size: 12px !important;
opacity:1;
background-color: #e0e0eb;
}
.table tbody tr td{
opacity:0.7;
font-size: 12px !important;

}

.table-bordered td, .table-bordered th{
font-size: 12px !important;
}

.out_click{
cursor: pointer;
}
.table_hover tr:hover td{
font-size: 12px !important;

color: #FFFFFF !important;
background-color: #ff5d5d !important;
}

.ui-datepicker tbody td.highlight a {
background-color: #a8f17a;
border-bottom: 3px blue solid;
}


td.highlight-disabled {
opacity: 1 !important;
}

td.highlight-disabled span {
border-bottom: 3px blue solid !important;
}

td.highlight-disabled-half a {
background-color: rgb(57, 18, 73) !important;
border-bottom: 3px blue solid !important;
}

#active_path a {
color: #D6CAA8 !important;
font-weight: bold;
}



@media (min-width:1250px) {}

td {
font-size: 12px;
vertical-align: middle !important;
text-align: center;
}

th {
font-size: 12px;
vertical-align: middle !important;
text-align: center;
}

.fas {
cursor: pointer;
}

.far {
cursor: pointer;
}

@media (max-width:800px) {
.hide_if_phone {
display: none;
}
}

.table-striped {
font-size: 12px !important;
font-family: sans-serif !important;
}

.kontener_glowny_filtry input[type="text"] {
padding: 0px !important;
}



.kontener_glowny_filtry label {
padding: 0px !important;
}

.label_form {
text-align: center;
font-weight: bold;
}

td {
font-size: 12px;
vertical-align: middle !important;
}

th {
font-size: 12px;
vertical-align: middle !important;
text-align: center!important;
font-family: 'Lato', sans-serif;
font-weight: 700;
}

.chmurka_logowanie {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
backdrop-filter: blur(8.5px);
-webkit-backdrop-filter: blur(8.5px);
border-radius: .25rem !important;
border: 1px solid rgba(255, 255, 255, 0.18);
width: 50%;
max-width: 80%;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: .25rem !important
text-align: center;
margin-bottom: 30%;
line-height: 100px;
height: 400px;
max-width: 500px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}

@media (max-width: 770px) {
.chmurka_logowanie {
width: 80%;
}
}

.chmurka_zawartosc{
width:100%;
height:80%;
}
.chmurka_div {
width: 100%;
margin-top: 20px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(168, 168, 168, 1);
-moz-box-shadow: 0px 0px 5px 1px rgba(168, 168, 168, 1);
box-shadow: 0px 0px 5px 1px rgba(168, 168, 168, 1);
padding: 20;
border: 1px solid;
border-color: white;
border-radius: .25rem !important;
background-color: white;
}
.login-text{
font-size:40px;
color:white;
font-weight:bold;
font-family: 'Lato', sans-serif;
}
.login-form {
height: 40px;
width: 100%;
border-radius: .25rem !important;
margin-bottom: 10px;
background-color: transparent;
border: 2px solid white;
color: white;
padding-left: 15px;
padding-right: 40px; /* miejsce na ikonę */
text-align: left;
}
.login-form:read-only {
background-color: rgba(255, 255, 255, 0.7);
cursor: default;
}

.login-form::placeholder {
color: white !important;
opacity: 0.7;
font-style: italic;
}
.login-form:focus {
outline: none;
box-shadow: none;
}
.login-form:-webkit-autofill,
.login-form:-webkit-autofill:hover,
.login-form:-webkit-autofill:focus,
.login-form:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: white !important;
background-color: transparent !important;
transition: background-color 5000s ease-in-out 0s;
}

.icon-inside-input {
position: absolute;
right: 26px;
top: 50%;
transform: translateY(-80%);
color: white;
pointer-events: none;
font-size: 12px;
}

.icon-inside-input {
position: absolute;
right: 26px;
top: 50%;
transform: translateY(-80%);
color: white;
pointer-events: none;
font-size: 12px;
}
.login-submit{
margin-top:15px;
width:100%;
border-radius: .25rem !important;
}

body {
color: black;
font-family: sans-serif !important;
background-color: white;
z-index: 1;
}

p {
color: black;
font-family: sans-serif;
}
.select2-dropdown{
z-index:1060 !important;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.window-info{
font-family: Courier !important;
border : 1px solid black;
border-radius: .25rem !important;
margin : 10px 0 15px 0;
padding : 10px;
cursor : pointer;

}
.window-info:hover{
background-color: #e0e0eb;
}
.window-info-buttons{
text-align: right;
position: relative;
}
.window-info-address{
max-width: 90%;
}
.window-info-description {
max-width: 90%;
}
.window-info-note{
max-width: 90%;
}
.window-info-pin{
max-width: 90%;
}

.delivery_home_list{
text-align:center;
background-color: grey;
height:80px;
padding:20px;
margin-bottom:20px;
font-weight:bold;
font-size: 12px;
border-radius: .25rem !important;
}

.button_back{
position:fixed;
top:0;
left:0;
z-index:99999;
}

.button_refresh_list{
position:fixed;
bottom:30px !important;
left:0;
}















.navbar{
background: linear-gradient(90deg, rgb(57, 18, 73) 0%, rgba(10,26,62,1) 40%, rgba(10,26,62,1) 60%, rgb(57, 18, 73) 100%) !important;
color: #FFFFFF !important;
}

@media screen and (min-width: 991px) {
.navbar-nav > li:last-child {
right: 0;
position: absolute;
margin-right: 10px;
}
}


.nav-item{
color: #FFFFFF !important;
padding: 0px 10px !important;

}

.nav-item:hover{
color: #FFFFFF !important;
}

.nav-link{
font-size:12px !important;
color:black !important;
transition: all 0.3s ease 0s;
border-radius: .25rem !important;
background-color:transparent;
background-color: white;
}

.nav-link:hover{
color: black !important;
background-color: white !important;
opacity: 0.5;
}
.dropdown-toggle{
color: black !important;
}
.dropdown-menu .dropdown-item:hover {
color: black !important;
background-color: #E8E1CC !important;
}
.dropdown-item{
color: black !important;

}

.navbar-light .navbar-nav .nav-link {
color: black !important;
font-family: 'Lato', sans-serif;
font-weight: 400;
padding: 0.4rem 0.6rem !important;
}
@media screen and (max-width: 1390px) {
.navbar-light .navbar-nav .nav-link {
font-size: 12px !important;
}
}

@media screen and (max-width: 1254px) {
.navbar-light .navbar-nav .nav-link {
font-size: 12px !important;
}
}

@media screen and (max-width: 1164px) {
.navbar-light .navbar-nav .nav-link {
font-size: 12px !important;
}
}
@media screen and (max-width: 991px) {
.navbar-light .navbar-nav .nav-link {
font-size: 12px !important;
}
}
.navbar-toggler{
background-color: #D6CAA8 !important;
}
.show{
background-color: white !important;
border-radius: .25rem !important;
padding: 0px !important;
font-size:12px !important;
}
.navbar-brand{
color: #FFFFFF !important;
}
.active{
color: black !important;
border-radius: .25rem !important;
background-color: #D6CAA8 !important;
}
html {
/* Kolor suwaka (kciuka) oraz tła paska */
scrollbar-color: #D6CAA8 #f0f0f0;
/* Możesz też ustawić grubość: auto, thin lub none */
scrollbar-width: auto;
scroll-behavior: smooth;
}
.dropdown-menu li{
color: #FFFFFF !important;
border-radius: .25rem !important;
padding: 0px !important;
}

.hm-gradient {
background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
color: #2E2E2E;
}
.input-group.md-form.form-sm.form-2 input {
border: 1px solid #bdbdbd;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input.purple-border {
border: 1px solid #9e9e9e;
}
.input-group.md-form.form-sm.form-2 input[type=text]:focus:not([readonly]).purple-border {
border: 1px solid #ba68c8;
box-shadow: none;
}
.form-2 .input-group-addon {
border: 1px solid #ba68c8;
}
.danger-text {
color: rgb(57, 18, 73);
}
.success-text {
color: #00C851;
}
.table-bordered.red-border, .table-bordered.red-border th, .table-bordered.red-border td {
font-size:12px !important;
}
.table.table-bordered th {
font-size:12px !important;
text-align: center !important;

}

.btn-warning {
color: #FFFFFF !important;
background-color: rgb(57, 18, 73) !important;
border-color: rgb(57, 18, 73) !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
font-size: 12px !important;
border: 0;
border-radius: .25rem !important;
}

.btn-info{
color: #FFFFFF !important;
background-color: rgb(57, 18, 73) !important;
border-color: rgb(57, 18, 73) !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
font-size: 12px !important;
border: 0;
border-radius: .25rem !important;
}

.btn-secondary{
color: black !important;
background-color: white !important;
color: #000 !important;
border-color: white;
font-size: 12px !important;
border: 0 !important;
padding: 0.5rem 0.75rem;
line-height: 1.25;
border-radius: .25rem !important;
transition: 0.5s !important;



}
.btn-secondary:hover{
color: grey !important;
background-color: #D3D3D3 !important;
}
.btn-clear-search{
color : #FFFFFF !important;
background-color: rgb(57, 18, 73) !important;
border-color: rgb(57, 18, 73) !important;
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
color:black !important;
}

.btn-google{
color : #000000 !important;
background-color: #fff !important;
border-color: #fff !important;
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
color:#000000 !important;
}

.btn-success{
color : #FFFFFF !important;
background-color: rgb(57, 18, 73) !important;
border-color: rgb(57, 18, 73) !important;
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
}

.btn-blue{
color : #FFFFFF !important;
background-color: #0a1a3e !important;
border-color: #0a1a3e !important;
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
}

.btn-green{
color : #FFFFFF !important;
background-color: #1a3e0aff !important;
border-color: #01a3e0aff !important;
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
}

.btn-faded{
color : #FFFFFF !important;
background-color: grey !important;
border-color: grey !important;
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
}

.fas{
color: rgb(57, 18, 73) !important;
}
.btn-paging{
font-size: 12px;
border: none;
background-color: white;
color: black;
font-weight: 700 !important;
}



.form-control{
font-family: 'Lato', sans-serif;
font-size:12px !important;
font-weight: 400 !important;
}
.form-control:disabled{
font-size:12px !important;

background-color: darkgray !important;
}


.status{
font-family: 'Lato', sans-serif;
font-weight: 400 !important;
}

h3{
font-family: 'Lato', sans-serif;
font-weight: 400 !important;
}
.table-size{
max-width: 95% !important;
}
#navbarSupportedContent{
margin-right:40px !important;
}
@media screen and (min-width: 1135) {
.table-responsive-home{
padding-left: 40px;
padding-right: 40px;
}
.table-responsive-change-log{
padding-left: 40px;
padding-right: 40px;
}
}
.btn{
color: #FFFFFF !important;
}
.loader {
margin: auto;
border: 20px solid #EAF0F6;
border-radius: .25rem !important;
border-top: 20px solid rgb(57, 18, 73) !important;
width: 200px;
height: 200px;
animation: spinner 4s linear infinite;
}

@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


.wms-nav{
background: linear-gradient(90deg, rgb(57, 18, 73) 0%, rgba(10,26,62,1) 30%, rgba(10,26,62,1) 70%, rgb(57, 18, 73) 100%) !important;
color: white;
text-align: center;
position:fixed;
top:0;
left:0;
width:100%;
margin-bottom:20px;
border-radius : 0px 0px 80px 80px;
}
.footer-back{
position:fixed;
bottom:0px;
left:0px;
background-color:rgb(57, 18, 73);
color:white;
padding:10px;
user-select: none;
cursor: pointer;
border-radius:0px 20px 0px 0px;
border:2px solid rgba(10,26,62,1);
}
.footer-menu{
position:fixed;
bottom:0px;
right:0px;
background-color:rgb(57, 18, 73);
color:white;
padding:10px;
user-select: none;
cursor: pointer;
border-radius:20px 0px 0px 0px;
border:2px solid rgba(10,26,62,1);
}
.home_table{
width:100%;
text-align: center;
border-collapse: separate;
}
.home_table tr{
height: auto;
border: 0px;

}
.home_table td{
padding:25px;
margin-top:10px;
width: 100%;
display:table;
background-color: red;
height: 50px;
font-weight: bold;
font-size: 12px !important;
color:white;
cursor: pointer;
user-select: none;
background: linear-gradient(90deg, rgba(10,26,62,1) 0%, rgb(57, 18, 73) 30%, rgb(57, 18, 73) 70%, rgba(10,26,62,1) 100%) !important;
}
#loading {
z-index:500;
padding:20%;
display: block;
position: absolute;
text-align: center;
top: 0;
left: 0;
}
.gradient {
background-image: linear-gradient(
235deg,
hsl(222deg 72% 14%) 14%,
hsl(314deg 48% 19%) 56%,
hsl(333deg 62% 24%) 71%,
hsl(340deg 70% 28%) 81%,
hsl(343deg 76% 31%) 89%,
hsl(346deg 80% 34%) 94%,
hsl(348deg 84% 36%) 98%,
hsl(349deg 88% 39%) 100%,
hsl(350deg 92% 40%) 102%,
hsl(349deg 100% 41%) 100%
);
}

#quillViewer {
height: 260px;
background: #fff;
}

#toolbar {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
margin-bottom: 8px;
}

#editor {
height: 260px;
background: #fff;
}

.size-box {
display: inline-flex;
align-items: center;
gap: 6px;
border: 1px solid #ccc;
border-radius: 6px;
padding: 4px 6px;
}

.size-input {
width: 70px;
padding: 2px 6px;
border: 1px solid #ccc;
border-radius: 4px;
}

.ql-editor img {
max-width: 100%;
height: auto;
}

.ql-size {
width: 50px !important;
}

.checkbox-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 10px 0;
}

/* Styl labela z checkboxem */
.custom-checkbox {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
}

/* Styl niestandardowego checkboxa */
.fake-checkbox {
width: 18px;
height: 18px;
border: 2px solid #000;
display: inline-block;
position: relative;
}

/* Zaznaczenie checkboxa */
.fake-checkbox.checked::after {
content: "";
position: absolute;
left: 4px;
top: 0px;
width: 6px;
height: 12px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}