/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
 html {
    background: #fff;
 }
.daterangepicker .ranges {
  display:block !important;
}

.fix-multiple-input input {
  padding: 8px !important;
  height: unset !important;
}

ngx-image-gallery {
  z-index: 900 !important;
}

.tdWidth100 td input {
  width: 100%;
}

#logo img {
  width: auto !important;
  height:  50px !important;
}
#logo {
  margin-top: 0;
}
.menu-on-top #logout {
  display:block !important
}

.font-small {
  font-size: xx-small;
}
.overflow-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.popup-table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.popup-table tr:nth-child(even){background-color: #f2f2f2;}

.popup-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.popup-photo {
  max-height: 200px;
  max-width: 140px;
  padding:1px;
  border:1px solid #021a40;
  background-color:limegreen;
}

.black-border-table,
.black-border-table>tbody>tr>td,
.black-border-table>tbody>tr>th,
.black-border-table>tfoot>tr>td,
.black-border-table>tfoot>tr>th,
.black-border-table>thead>tr>td,
.black-border-table>thead>tr>th {
  border: 1px solid black !important;
}

.fix-input div section ng-select div input {
  box-sizing: border-box !important;
}

.fix-input ng-select div input {
  box-sizing: border-box !important;
}

.fix-input input {
  box-sizing: border-box !important;
}

.fix-input ng-select div div .form-control {
  width: 100% !important;
}

.fix-header {
  position: relative !important;
}

.fix-loader {
  position: fixed;
  z-index: 5000;
}

.fix-modal {
  z-index: 1150;
}

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration:none;
  color:black;
}

.data-tables-tooltip {
  display: inline;
}

.sk-spinner-pulse {
  position: relative;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
  animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

hr.equal {
  margin: 15px 0;
}

.resizable {
  position: relative;
  resize: horizontal;
  overflow: hidden;
}

.truncation-container {
  position: relative;
  height: 20px;
  padding: 5px 10px !important;
}
.truncation.cell {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  display: block;
  padding: 8px;
  width: 90%;
}

div.truncation.cell.cell-warning {
  background-color:rgba(255,0,0,0.3);
}

.truncation .cell-overflow {
  box-sizing: border-box;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.no-fixed-height {
  min-height: 0px !important;
}
@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.report-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  background: #424f4b59;
  top: 0;
}

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.max-logo {
  max-height: 100px;
  max-width: 250px;
}

.max-logo-table {
  max-height: 40px;
  max-width: 80px;
}

#animateOff {
  opacity: 0;
}

.animateOn {
  opacity: 1 !important;
  -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1.5s; /* Firefox < 16 */
  -ms-animation: fadein 1.5s; /* Internet Explorer */
  -o-animation: fadein 1.5s; /* Opera < 12.1 */
  animation: fadein 1.5s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/*LEGEND MAP*/

.legend {
  line-height: 18px !important;
  color: #555;
}
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.info-table {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(232, 233, 234, 0.8);
  border-radius: 5px;
}

.info-summary {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(226, 235, 243, 0.8);
  border-radius: 5px;
}

.info-table-input {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(227, 243, 226, 0.8);
  border-radius: 5px;
}

.popup-button {
  width: 100%;
}

.custom-popup .leaflet-popup-tip,
.custom-popup .leaflet-popup-content-wrapper {
  opacity: 0.9;
  background: #e0e0e0;
  color: #234c5e;
}

.limit-photo-height {
  max-height: 500px;
}

.leaflet-img-popup {
  width: 100%;
  margin: auto;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.leaflet-popup-content img {
   width: 100% !important;
 }

.leaflet-popup-content {
  width: max-content !important;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 400 !important;
}

form.smart-form * {
 box-sizing: border-box;
}

.overflow-x {
  overflow-x: auto;
  clear: both;
}

.ui-select-match-text {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-bottom .dropdown-menu {
  top: auto !important;
  bottom: 100%;
}

.checkbox.inline-block {
  display: inline-block;
}

.smart-form * {
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.accepted_partner {
  background: #9bfd8f;
}

.accepted_do {
  background: #fdd822;
}

.rejected_partner {
  background: #fd8e7a;
}

.accepted_conditionally {
  background: #9bfd8f;
}

.accepted_dyr {
  background: #8efde7;
}

.rejected_dyr {
  background: #fd8e7a;
}

.leaflet-control-download {
  background-image: url(../img/download-icon.png);
  background-size: 25px 25px;
}

.btn-green {
  background: green;
  border-color: green;
  color: #fff !important;
}

.gm-ui-hover-effect {
  display: none!important;
}

/* 2025 */
body {
  font-family: "Poppins", serif;
}
#header>:first-child, aside {
  width: 280px;
}
#main {
  margin-left: 280px;
}
.smart-style-2 aside {
  background: #fff;
  border-right: 1px solid #EAECF0;
}
.smart-style-2 nav ul li a{
  color:#344054;
}
.smart-style-2 #left-panel {
  padding-top: 0;
}
#logo {
  margin-left: 0;
  padding-top: 24px;
}
nav ul li.active a:before {
  content: none;
}
nav ul li.active a:not(#logo),
nav ul li:hover {
  background-color: #F4F4F4;
  border-radius: 6px;
}
.smart-style-2 .login-info a span {
  font-size: 14px;
}
.smart-style-2 #left-panel{
  display: flex;
  position: fixed;
  flex-direction: column;
}
sa-login-info {
  margin-top: auto;
  border-top: 1px solid #EAECF0;
  padding-top: 20px;
}
sa-navigation {
  position: relative;
}
aside#left-panel {
  height: 100vh;
}
.jarviswidget > header {
  display: none !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  font-weight: 400;
}
table.dataTable thead .sorting {
  background:#EAECF0;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: 1px solid #EAECF0;
}
/* .table-striped>tbody>tr, .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff;
} */
h1.page-title {
  font-size: 30px;
  font-weight: 500;
}
#extr-page #header, #header {
  border-bottom: 1px solid #EAECF0;
  background-color: #fff !important;
}
.smart-form .input .icon-append+input {
  border-radius: 8px;
  background: #fff;
  border-color: #D0D5DD;
}
.smart-form .note a {
  color: #475467;
}
.smart-form .note {
  padding-top: 15px;
}
button.btn.btn-primary {
  border-radius: 8px;
  background-color: #000;
  border-color: #000;
}
.well{
  border: 1px solid #EAECF0;
  border-radius: 8px;
  overflow: hidden;
}
sa-minify-menu {
  position: absolute;
  bottom: 80px;
  right: 0;
}

.row--centered_text {
  text-align: center;
}

.row--status span {
  padding: 3px 8px 3px 8px;
  border-radius: 16px;
  font-size: 12px;  
}
.columnData--details a span {
    text-align: center;
    color: #475467;
    font-weight: 400;

}
[title="Aktywny"] span:before, [title="Zablokowany"] span:before {
  content: " ";
  height: 6px;
  width: 6px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 1px;
  margin-right: 5px;
}
[title="Aktywny"] span:before{
  background-color: #12B76A;
  
}
[title="Zablokowany"] span:before {
  background-color: #F04438;
}
[title="Aktywny"] span , [title="Zablokowany"] span {
  padding: 2px 6px 2px 8px;
    border-radius: 16px;
}
.row--red span, [title="Zablokowany"] span {
  background: #FEF3F2;
  color: #B42318;
}
.row--green span, [title="Aktywny"] span {
  background: #ECFDF3;
  color: #027A48;
}
.row--orange span {
  background: #FFFAEB;
  color: #B54708;
}
.row--blue span {
  background: #f2f3fe;
  color: #1848b4;
}
.row--black span {
  background: #68686817;
  color: #000;
}
.jarviswidget>div {
  border: 1px solid #EAECF0 !important;
  border-radius: 12px;
  font-size: 14px;
  /* border: none !important; // do sprawzdenia */
}
.table-filter {
  border-radius: 8px;
}
.smart-form header {
  border-bottom: 1px solid #EAECF0;
}
.dt-toolbar-footer, .dt-toolbar{
  background-color: unset !important;
}
.search-box {
  position: relative;
  display: inline-block;
}

.search-icon {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-40%);
  color: #999;
  pointer-events: none; /* kliknięcia nie „zahaczają” o ikonę */
  font-size: 16px;
}

.search-box input[type="search"]{
    outline: none;
    box-sizing: border-box;
    border: 1px solid #D0D5DD;
    border-radius: 8px!important;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 14px 10px 40px;
    width: 400px;
    height: 44px;
    margin: 20px;
}
.dt-toolbar-footer>:last-child, .dt-toolbar>:last-child {
  align-items: center;
  display: flex;
  justify-content: right;
  /* margin-right: 10px; */
}
.dt-toolbar {
  display: flex;
}
.btn {
    font-size: 14px;
    padding: 10px 16px;
}
.smart-form .btn {
    padding: 5px 12px;
}
.btn-group > .btn:not(:last-child) {
  border-radius: 8px !important;
  margin-right: 15px;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default, .smart-style-2 .dropdown-menu>li>a:focus, .smart-style-2 .dropdown-menu>li>a:hover {
  background-color: #F4F4F4;
  color: #344054;
}
.dropdown-menu {
  min-width: 154px;
  padding: 5px;
  border-radius: 8px;
}
.dt-toolbar-footer{
  padding: 20px 10px;
}
li.dt-button.buttons-html5 {
    padding: 5px 0;
}
/* #DataTables_Table_0_info {
  margin: 0 20px;
} */
.dt-toolbar-footer > div {
  display: flex;
}
div.dataTables_info {
  font-weight: 500;
  color: #344054;
  font-style: normal;
  font-size: 14px;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td {
  /* height: 60px; */
  vertical-align: middle;
}
.table>thead:first-child>tr:first-child>th, table.dataTable thead>tr>th {
  background: #F4F4F4;
  height: 44px;
  border: 1px solid #EAECF0;
  border-left-width: 0 !important;
  border-radius: 0 !important;
  padding: 0 20px !important;
  vertical-align: middle;
  border-right-width: 0 !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  font-weight: 500;
  color: #475467;
}
table.dataTable thead>tr>th.hasinput {
  padding: 0 15px !important;
  border-top-width: 0px;
}
table.table-bordered tbody td, table.table-bordered tbody th {
  border-left-width: 0px;
  border-right-width: 0px;
}
.form-control {
  border-radius: 8px !important;
}
.pagination>li>a, .pagination>li>span {
  margin: 0 5px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
  border-radius: 8px!important;
  box-shadow: none;
  border: 1px solid #D0D5DD;
}

.pagination>li>a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #1D2939!important;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  color: #999!important;
}
.pagination>li>a, .pagination>li>span {
  border-width: 0px;
  box-shadow: none;
}
.smart-style-2 .pagination>.active>a, .smart-style-2 .pagination>.active>a:focus, .smart-style-2 .pagination>.active>a:hover, .smart-style-2 .pagination>.active>span, .smart-style-2 .pagination>.active>span:focus, .smart-style-2 .pagination>.active>span:hover {
  background-color: #F4F4F4;
}
.smart-form footer {
  background: none;
}
.smart-form footer .btn {
  border-radius: 8px;
}
.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {
  border-radius: 8px;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  position: relative;
  top: 0;
}
.smart-style-2 .minifyme {
  background: none;
  border: none;
}
.smart-style-2 nav ul li a {
  position: relative;
}
.smart-style-2 nav ul li a:not(#logo) svg {
  /* height: 15px; */
  margin-bottom: -3px;
}
.openBar, .minified .hiddenBar {
display: block;
}
.hiddenBar, .minified .openBar {
  display: none;
}

.hiddenBar {
  margin-left: -27px;
  height: 30px;
}

breadcrumbs-navigation ul {display:flex}
breadcrumbs-navigation ul li:not(:first-of-type):before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none"><path d="M1 9L5 5L1 1" stroke="%23D0D5DD" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}

breadcrumbs-navigation ul li:not(:first-of-type) {
    margin-left: 20px;
    position: relative;
}
breadcrumbs-navigation ul li.active:not(:first-of-type) {
    margin: 0 25px!important;
}
breadcrumbs-navigation ul li.active:first-of-type {
    margin-right: 20px;
}
.smart-style-2 breadcrumbs-navigation nav>ul>li>a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.smart-form footer {
  display: none;
}
.smart-style-2 nav ul .active>a, .smart-style-2 nav ul li.open>a, .smart-style-2 nav ul li.open>a b {
  font-weight: 400;
}
page-navigation {
  height: 90px;
  display: flex;
  justify-content: right;
  align-items: center;
}
page-navigation a, page-navigationorder a {
  background-color: #000!important;
  border-radius: 8px!important;
  border: none!important;
  color: #fff!important;
  margin: 0px 5px;
  box-shadow: none!important;
}
page-navigation a.discardButton, page-navigationorder a.discardButton {
  background-color: #fff!important;
  border-radius: 8px!important;
  border: 1px solid #D0D5DD!important;
  color: #000!important;
  margin: 0px 5px;
}

breadcrumbs-navigation nav ul li:last-of-type {
  background-color: #F4F4F4;
  border-radius: 6px;
}
sa-big-breadcrumbs span {
  color: #475467;
  font-size: 16px;
}

sa-big-breadcrumbs {
  margin-bottom: 20px;
}

tr.smart-form {
  display: none;
}
.well {
  background: none;
  border: none;
  box-shadow: none;
}
.well button.btn.btn-md.btn-primary {
  background: #fff;
  color: #000;
  border-color: #D0D5DD;
  box-shadow: none;
}
form#smart-form-register button[type="submit"] {
  display: none;
}
.login footer {
  display: block!important;
}
#customers-list-- .table-bordered tbody td:first-child,
#customers-list-- .table>thead:first-child>tr:first-child>th:first-child,
#shops-list-- .table-bordered tbody td:first-child,
#shops-list-- .table>thead:first-child>tr:first-child>th:first-child,
#distributions-list-- .table-bordered tbody td:first-child,
#distributions-list-- .table>thead:first-child>tr:first-child>th:first-child {
  max-width: 0;
}
#customers-list-- th.truncation-container.sorting:last-child,
#customers-list-- .no-padding .dataTables_wrapper table tr td:last-child,
#shops-list-- th.truncation-container.sorting:last-child,
#shops-list-- .no-padding .dataTables_wrapper table tr td:last-child {
  max-width: 12px;
}
.smart-form .label {
  padding-left: 0;
}
/* th.truncation-container.sorting:last-child, .no-padding .dataTables_wrapper table tr td:last-child {
  max-width: 60px;
} */
form > section,
#customers-create-- form:not(form form),
[id^="customers-edit-"] form:not(form form),
#shops-create-- form:not(form form),
[id^="shops-edit-"] form:not(form form),
#orders-create-- form:not(form form),
[id^="orders-edit-"] form:not(form form),
[id^="orders-"] form:not(form form),
#campaigns-create-- form:not(form form),
[id^="campaigns-edit-"] form:not(form form) {
  display: grid;
  grid-template-columns: 300px auto;
  grid-template-rows: repeat(100, auto);
}

form > section > header,
#customers-create-- form > header,
[id^="customers-edit-"] form > header,
#shops-create-- form > header,
[id^="shops-edit-"] form > header,
#orders-create-- form > header,
[id^="orders-edit-"] form > header,
[id^="orders-"] form > header,
#campaigns-create-- form > header,
[id^="campaigns-edit-"] form > header  {
  grid-row: 1 / -1;
  border-bottom: 0!important;
}
form > section > fieldset:not(:first-of-type),
#customers-create-- form > fieldset:not(:first-of-type),
[id^="customers-edit-"] form > fieldset:not(:first-of-type),
#shops-create-- form > fieldset:not(:first-of-type),
[id^="shops-edit-"] form > fieldset:not(:first-of-type),
#orders-create-- form > fieldset:not(:first-of-type),
[id^="orders-edit-"] form > fieldset:not(:first-of-type),
[id^="orders-"] form > fieldset:not(:first-of-type),
#campaigns-create-- form > fieldset:not(:first-of-type),
[id^="campaigns-edit-"] form > fieldset:not(:first-of-type) {
  border-top: 0!important;
}
input[type="file"] {
  width: 100%;
  height: 126px;
  background: #fff;
  border-color: #C3C9D1;
  box-shadow: none;
  border-radius: 12px;
  border-style: dashed;
}
:not(.not-active)>#svgAction path {
  stroke: green;
}
/* table.table-bordered td:last-child, table.table-bordered th:last-child{
  text-align: right;
} */
.data-tables-tooltip {
  color: #000;
  font-weight: 500;
  /* width: 40px; */
  text-align: center;
  
}
#extr-page .smart-form footer {
  display: block;
}
.dataColumn--action {
  display: flex;
  justify-content: right;
  align-items: center;
}
input[type=file] {
  position: relative;
  width: 100%;
  max-width: 400px;
  background-color: #f5f5f5;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
  border: none;
}
.widget-body.no-fixed-height.smart-form .row {
  margin: 0 0 10px 0;
}
.widget-body.no-fixed-height.smart-form .row:last-child {
  margin: 0;
}
.dataTables_length {
    padding-top: 4px;
    padding-left: 10px;
}
.addButton .btn:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7.00008 1.16675V12.8334M1.16675 7.00008H12.8334" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    top: 2px;
    position: relative;
    left: -3px;
}
page-navigation a.draftButton:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'><path d='M1.39637 15.0963C1.43466 14.7517 1.4538 14.5794 1.50594 14.4184C1.55219 14.2755 1.61753 14.1396 1.70021 14.0142C1.79339 13.8729 1.91596 13.7503 2.16112 13.5052L13.1664 2.49992C14.0868 1.57945 15.5792 1.57945 16.4997 2.49993C17.4202 3.4204 17.4202 4.91279 16.4997 5.83326L5.49445 16.8385C5.2493 17.0836 5.12672 17.2062 4.98541 17.2994C4.86005 17.3821 4.72408 17.4474 4.58121 17.4937C4.42018 17.5458 4.24789 17.5649 3.90331 17.6032L1.08301 17.9166L1.39637 15.0963Z' stroke='%23FFFFFF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    position: absolute;
    left: 10px;
}
page-navigation a.draftButton {
    position: relative;
    padding-left: 35px;
}
.page-title {
    margin: 12px 0 16px;
}
.smart-style-2 .login-info a span {
      max-width: 220px;
}
a.btn.btn-default.buttons-collection span:before, a.btn.btn-default.buttons-print span:before,
.btn.buttons-download span:before {
    content: "";
    display: inline-block;
    inline-size: 18px;
    block-size: 18px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}
a.btn.btn-default {
  color: #667085;
}
a.btn.btn-default:hover {
  color: #1D2939;
   background: initial;
}

a.btn.btn-default.buttons-collection span:before,
.btn.buttons-download span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.5 11.5V12.5C16.5 13.9001 16.5 14.6002 16.2275 15.135C15.9878 15.6054 15.6054 15.9878 15.135 16.2275C14.6002 16.5 13.9001 16.5 12.5 16.5H5.5C4.09987 16.5 3.3998 16.5 2.86502 16.2275C2.39462 15.9878 2.01217 15.6054 1.77248 15.135C1.5 14.6002 1.5 13.9001 1.5 12.5V11.5M13.1667 7.33333L9 11.5M9 11.5L4.83333 7.33333M9 11.5V1.5' stroke='%231D2939' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
a.btn.btn-default.buttons-print span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.0001 5.83317V4.33317C15.0001 3.39975 15.0001 2.93304 14.8184 2.57652C14.6586 2.26292 14.4037 2.00795 14.0901 1.84816C13.7335 1.6665 13.2668 1.6665 12.3334 1.6665H7.66675C6.73333 1.6665 6.26662 1.6665 5.9101 1.84816C5.59649 2.00795 5.34153 2.26292 5.18174 2.57652C5.00008 2.93304 5.00008 3.39975 5.00008 4.33317V5.83317M5.00008 14.9998C4.22511 14.9998 3.83762 14.9998 3.5197 14.9147C2.65697 14.6835 1.9831 14.0096 1.75193 13.1469C1.66675 12.829 1.66675 12.4415 1.66675 11.6665V9.83317C1.66675 8.43304 1.66675 7.73297 1.93923 7.19819C2.17892 6.72779 2.56137 6.34534 3.03177 6.10565C3.56655 5.83317 4.26662 5.83317 5.66675 5.83317H14.3334C15.7335 5.83317 16.4336 5.83317 16.9684 6.10565C17.4388 6.34534 17.8212 6.72779 18.0609 7.19819C18.3334 7.73297 18.3334 8.43304 18.3334 9.83317V11.6665C18.3334 12.4415 18.3334 12.829 18.2482 13.1469C18.0171 14.0096 17.3432 14.6835 16.4805 14.9147C16.1625 14.9998 15.7751 14.9998 15.0001 14.9998M12.5001 8.74984H15.0001M7.66675 18.3332H12.3334C13.2668 18.3332 13.7335 18.3332 14.0901 18.1515C14.4037 17.9917 14.6586 17.7368 14.8184 17.4232C15.0001 17.0666 15.0001 16.5999 15.0001 15.6665V14.3332C15.0001 13.3998 15.0001 12.933 14.8184 12.5765C14.6586 12.2629 14.4037 12.0079 14.0901 11.8482C13.7335 11.6665 13.2668 11.6665 12.3334 11.6665H7.66675C6.73333 11.6665 6.26662 11.6665 5.9101 11.8482C5.59649 12.0079 5.34153 12.2629 5.18174 12.5765C5.00008 12.933 5.00008 13.3998 5.00008 14.3332V15.6665C5.00008 16.5999 5.00008 17.0666 5.18174 17.4232C5.34153 17.7368 5.59649 17.9917 5.9101 18.1515C6.26662 18.3332 6.73333 18.3332 7.66675 18.3332Z' stroke='currentColor' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.table-striped>tbody>tr:nth-of-type(odd),.table-striped>tbody>tr:nth-of-type(even):hover {
    background-color: initial;
}
.table-striped>tbody>tr:nth-of-type(odd):hover,.table-striped>tbody>tr:nth-of-type(even):hover {
    background-color: #fff2ea;
}
.data-tables-tooltip--switch {
    margin-right: 10px;
}
.dataTables_wrapper table tr td:first-child span {
    font-weight: 500;
}
#left-panel ul li svg {
    margin-right: 6px;
}
breadcrumbs-navigation ul li svg {
    margin-top: 2px;
}
.smart-style-2 nav>ul>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
#left-panel #logo {
    margin-bottom: 20px;
    margin-top: 20px;
}
#content {
    padding: 40px 30px 10px;
}
.padding-right-10 {
    padding-right: 10px;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: initial;
}
.tree li.parent_li>span:hover {
    background-color: #f2460a;
    border: 1px solid #f2460a;
    color: #fff;
}
.smart-form .field-calendar {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.smart-form .field-calendar svg {
  margin-right: 10px;
}
table.dataTable tr.selected td.select-checkbox:before{
    background: #000;
    width: 12px;
    height: 12px;
}

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'><path d='M10.6663 1L4.24967 7.41667L1.33301 4.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    margin-top: -14px;
    margin-left: -6px;
}
.smart-form .checkbox input+i:after {
    color: white;
}
.smart-form .checkbox input:checked+i {
    background: black;
    width: 20px;
    height: 20px;
    border-radius: 6px;
}
.smart-form .checkbox input+i:after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'><path d='M10.6663 1L4.24967 7.41667L1.33301 4.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.MessageBoxContainer {
    background: #fff;
    color: #000;
    width: 544px;
    height: 176px;
    position: absolute;
    top: calc(50% - 88px);
    left: calc(50% - 272px);
    border-radius: 12px;
    font-weight: 500;
}

button#bot1-Msg1 {
    color: #fff;
    background: #000;
}

.botTempo {
    border-radius: 8px;
    border-color: #D0D5DD;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
}
.MessageBoxButtonSection button {
    font-weight: 500;
}
.MessageBoxMiddle {
    width: 100%;
    left: 0;
    padding: 0px;
    height: 100%;
}

.MessageBoxButtonSection {margin-top: 30px;}
.msgbox-left {
    display: flex;
}

span.msgbox-icon {
    margin-right: 15px;
}

.msgbox-title {
    font-weight: 500;
    font-size: 18px;
      -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
  text-rendering: optimizeLegibility;  /* lepsze kerning i ligatury */
}

.msgbox-subtitle {
    font-weight: 400;
    font-size: 14px;
    margin-top: 12px;
    color: #363636;
      -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
  text-rendering: optimizeLegibility;  /* lepsze kerning i ligatury */
}
/* Kontener */
.custom-popupMaps{
  max-width: 380px;
  font-size: 14px;
  line-height: 1.45;
}

/* Pasek z X */
.popup-header{
  position: relative;
  padding-right: 28px;   /* miejsce na X */
  margin-bottom: 6px;
}
.btn-icon{
  position: absolute;
  top: -2px;
  right: 0;
  background: transparent;
  border: 0;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

/* Lista wierszy */
.popup-grid{
  display: flex;
  flex-direction: column;
  gap: 8px;              /* odstęp między wierszami */
}

/* Każdy wiersz = osobny grid 2 kolumny */
.popup-row{
  display: grid;
  grid-template-columns: max-content 1fr; /* label | value */
  column-gap: 16px;
  align-items: baseline; /* wyrównanie do linii bazowej */
}

/* Kolumna etykiet */
.popup-label{
  color: #424242;
  font-weight: 600;
  white-space: nowrap;
}

/* Kolumna wartości */
.popup-value{
  text-align: right;
  color: #616161;
}
.custom-popupMaps-name .popup-value{
  font-weight: 600;
}
.gm-style .custom-popupMaps .btn-block.btn-success + .btn-close {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
.gm-style .custom-popupMaps .btn-close {
    background: #fff;
    color: #000;
}
.gm-style .custom-popupMaps .btn-block.btn-success + .btn-close, .gm-style .custom-popupMaps .btn-block.btn-success {
    width: 45%;
    float: left;
}
.gm-style .custom-popupMaps .btn-block.btn-success {
    margin-right: 10%;
}
.custom-popupMaps select,
.custom-popupMaps input[type="date"]{
  padding: 6px 8px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  background: #fff;
}

/* Przycisk na pełną szerokość */
.btn-block{ display:block; width:100%; margin-top: 12px; }

/* Węższe okna – przełącz na jedną kolumnę */
@media (max-width: 320px){
  .popup-row{ grid-template-columns: 1fr; }
  .popup-value{ text-align: left; }
}
.gm-style .custom-popupMaps .btn-block {
  display: block;
  width: 100%;
  padding: 10px 14px;
  margin-top: 12px;
  border: 0;
  border-radius: 10px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  text-align: center;
  background: #111;    /* czarny jak na screenie */
  color: #fff;
}

.gm-style .custom-popupMaps .btn-block:hover {
  filter: brightness(0.9);
}
page-navigationorder {
    text-align: right;
}
ul[sasmartmenu] > li:first-child:hover {
    background: initial;
}
breadcrumbs-navigation ul li.breadcrumbs_navigation--home:not(:first-of-type):before {
    content: none;
}
breadcrumbs-navigation nav ul li.breadcrumbs_navigation--home {
    margin-left: 0;
    background: none;
}

app-home nav ul li.active a:not(#logo) {
    background: none;
}
app-home breadcrumbs-navigation ul li.active:first-of-type {
    margin-right: 0;
}
app-home .thumbnail {
    border-color: #EAECF0;
    border-radius: 12px;
    height: 182px;
    box-shadow: 0px 1px 3px 0px #1018281A;

}
.well_icon_wrapper {
    width: 48px;
    height: 48px;
    margin: auto;
    background: #EAECF0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
        margin-top: 25px;
}
app-home h3 {
  font-weight: 500;
      font-family: 'Brockmann', sans-serif;
}
 h1 {
      font-family: 'Brockmann', sans-serif;
}
.thumbnail span {
    font-family: 'Brockmann', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #475467;
}
.homePage__container {
    max-width: 1200px;
    min-width: 1100px;
    margin: auto;
}
li.menu-item-primary a {
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.menu-item-ul li a {
  font-size: 14px;
  color: #475467;
}
.menu-item-ul li.menu-item-primary a{
  color:#F2460A;
}
.menu-item-ul li.menu-item-add a::before {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2.82495%208H13.825%22%20stroke%3D%22%23475467%22%20stroke-width%3D%221.67%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.32495%202.5V13.5%22%20stroke%3D%22%23475467%22%20stroke-width%3D%221.67%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    display: block;
    width: 11px;  /* Width of the original SVG */
    height: 10px; /* Height of the original SVG */
    position: absolute;
    right: -20px;
}
.menu-item-ul li.menu-item-primary a::before {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.1582%209.16683L9.49154%200.833496M9.49154%200.833496H1.1582M9.49154%200.833496V9.16683%22%20stroke%3D%22%23F2460A%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    display: block;
    width: 11px;  /* Width of the original SVG */
    height: 10px; /* Height of the original SVG */
    position: absolute;
    right: -20px;
}
li.menu-item-add {
    margin-right: 30px;
    position: relative;
}
ul.menu-item-ul {
    display: flex;
    padding-inline-start: 0;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
}

.well_icon + div .caption {
    height: 172px;
    display: flex;
    flex-direction: column;
}
.data-table-text {
margin-right: 10px;
 }
 @media (min-width: 768px) and (max-width: 979px) {
    #left-panel {
        left: 0;
    }
  }


  .smart-form .col-11 {
    width: 91.66%;
}
.jarviswidget-color-red .nav-tabs li:not(.active) a, .jarviswidget-color-red>header>.jarviswidget-ctrls a {
    color: #555 !important;
}
app-schedule page-navigation a:first-child {
      background-color: #fff!important;
  border-radius: 8px!important;
  border: 1px solid #D0D5DD!important;
  color: #000!important;
  margin: 0px 5px;
}
.columnData--action > a {
    margin-right: 15px;
}

a.data-tables-tooltip.data-table-text {
   color: #475467;
    margin-top: -5px;
}
.data-tables-tooltip {
    margin-right: 15px;
        padding-top: 5px;
}