* {
  font-family: 'Montserrat', sans-serif;
}

.navbar-item img {
  max-height: 4rem !important;
  margin-left: 5%;
  margin-bottom: 5%;
}

.main {
  background-color: #EEEEEE;
  min-height: 94vh;
  height: 100%;
}

.avatar-fig {
  margin-right: 15px;
}

.avatar {
  border-radius: 25px;
}

.username,
.logout-text {
  font-weight: 700;
}

.menu {
  font-family: 'Montserrat', sans-serif;
}

.menu .menu-list > li > a {
  font-weight: 700;
  padding: 1em;
}

.menu .menu-label {
  margin-left: 15px;
  font-size: .65em;
}

.menu .option:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  margin: 0 15px 0 0;
  height: 24px;
}

.menu a[class=is-active] > .main-site:before {
  background: url("/static/assets/icons/main-panel-active.png") no-repeat;
}

.menu a[class=is-active] > .download:before {
  background: url("/static/assets/icons/download_active.png") no-repeat;
}

.menu a[class=is-active] > .driver-card:before {
  background: url("/static/assets/icons/driver_card_active.png") no-repeat;
}

.menu a[class=is-active] > .add-delivery:before,
.menu a[class=is-active] > .waybills:before {
  background: url("/static/assets/icons/add_delivery_active.png") no-repeat;
}

.menu a[class=is-active] > .gielda:before {
  background: url("/static/assets/icons/gielda_active.png") no-repeat;
}

.menu a[class=is-active] > .dispositions:before {
  background: url("/static/assets/icons/map_active.png") no-repeat;
  height: 27px;
}

.menu a[class=is-active] > .company_profile:before {
  background: url("/static/assets/icons/company-profile_active.png") no-repeat;
}

.menu a[class=is-active] > .search-company:before {
  background: url("/static/assets/icons/search_active.png") no-repeat;
}

.menu a[class=is-active] > .vehicles:before {
  background: url("/static/assets/icons/vehicles_active.png") no-repeat;
}

.menu a[class=is-active] > .deliveries:before,
.menu a[class=is-active] > .waybills:before {
  background: url("/static/assets/icons/deliveries_active.png") no-repeat;
}

.menu a[class=is-active] > .settings:before {
  background: url("/static/assets/icons/settings_active.png") no-repeat;
}

.menu .main-site:before {
  background: url("/static/assets/icons/main-panel.png") no-repeat;
}

.menu .download:before {
  background: url("/static/assets/icons/download.png") no-repeat;
}

.menu .driver-card:before {
  background: url("/static/assets/icons/driver_card.png") no-repeat;
}

.menu .add-delivery:before {
  background: url("/static/assets/icons/add_delivery.png") no-repeat;
}

.menu .gielda:before {
  background: url("/static/assets/icons/gielda.png") no-repeat;
}

.menu .dispositions:before {
  background: url("/static/assets/icons/map.png") no-repeat;
  height: 27px;
}

.menu .search-company:before {
  background: url("/static/assets/icons/search.png") no-repeat;
}

.menu .vehicles:before {
  background: url("/static/assets/icons/vehicles.png") no-repeat;
}

.menu .deliveries:before,
.menu .waybills:before {
  background: url("/static/assets/icons/deliveries.png") no-repeat;
}

.menu .settings:before {
  background: url("/static/assets/icons/settings.png") no-repeat;
}

.menu .drivers:before {
  background: url("/static/assets/icons/drivers.png") no-repeat;
}

.menu .company-profile:before {
  background: url("/static/assets/icons/company-profile.png") no-repeat;
}

.title {
  margin-left: 1.5%;
  margin-top: 2%;
}

.colored {
  color: #0282FC;
}
/*# sourceMappingURL=main.css.map */
/* GTS TRANSPORT GROUP - stable responsive layout overrides */
:root {
  --gts-bg: #07090d;
  --gts-surface: #0e131a;
  --gts-surface-2: #151c25;
  --gts-border: #252e39;
  --gts-text: #f3f5f7;
  --gts-muted: #a6b0bb;
  --gts-red: #e51b23;
  --gts-gold: #d6a83d;
}

html, body {
  background: var(--gts-bg) !important;
  color: var(--gts-text) !important;
}

body {
  min-width: 320px;
  overflow-x: hidden;
}

/* Prevent Bulma's negative column margins and old fixed widths from creating overlap. */
.aside ~ .main {
  min-width: 0;
  padding: 1.5rem clamp(1rem, 2.5vw, 2.5rem) 3rem;
  background: var(--gts-bg) !important;
}

.columns > .aside {
  flex: 0 0 250px;
  width: 250px;
  max-width: 250px;
  min-height: calc(100vh - 64px);
  background: #090d12 !important;
  border-right: 1px solid var(--gts-border);
}

.aside .menu {
  position: sticky;
  top: 0;
  padding: 1rem .75rem 2rem;
  background: transparent !important;
}

.aside .menu-list li {
  margin: 2px 0;
}

.aside .menu-list a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: .65rem .75rem !important;
  border-radius: 10px;
  transition: background .15s ease, color .15s ease;
}

.aside .menu-list a .option {
  display: flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
  margin: 0;
  line-height: 1.2;
}

.aside .menu-list a .option::before {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  background-position: center !important;
  background-size: contain !important;
}

.aside .menu-list a:hover,
.aside .menu-list a.is-active {
  background: linear-gradient(90deg, rgba(229,27,35,.20), rgba(214,168,61,.08)) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 var(--gts-red);
}

.aside .menu-label {
  margin: 1.35rem .75rem .45rem !important;
  color: #7f8a96 !important;
  letter-spacing: .12em;
}

/* Main panel cards: fluid instead of fixed 536px / inherited Bulma sizing. */
.aside ~ .main .box.card,
.aside ~ .main .card {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-right: 0 !important;
  margin-bottom: 1rem;
  box-sizing: border-box;
  overflow: visible;
}

.aside ~ .main .content {
  margin-left: 0;
}

.aside ~ .main .columns {
  min-width: 0;
}

.aside ~ .main > .columns.is-multiline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
}

.aside ~ .main > .columns.is-multiline > .column {
  width: auto;
  min-width: 0;
  padding: 0;
}

.aside ~ .main .periodic-norm-card {
  width: 100% !important;
}

.aside ~ .main img {
  max-width: 100%;
}

.aside ~ .main .field.is-grouped {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.aside ~ .main .control {
  max-width: 100%;
}

.aside ~ .main .button {
  white-space: normal;
  min-height: 42px;
}

.navbar {
  min-height: 64px;
  background: #0b0f14 !important;
  border-bottom: 1px solid var(--gts-border);
}

.navbar-item img {
  max-height: 48px !important;
  width: auto;
  margin: 0 !important;
}

.navbar-end .navbar-item {
  padding: .5rem .9rem;
}

.card, .box {
  background: var(--gts-surface) !important;
  border: 1px solid var(--gts-border);
  border-left: 4px solid var(--gts-red);
  border-radius: 12px !important;
  color: var(--gts-text) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
}

.card-header {
  align-items: center;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
  margin-bottom: 1rem !important;
  box-shadow: none !important;
}

.card-header-title {
  color: var(--gts-text) !important;
  padding: 1rem !important;
}

.card-header-icon {
  padding: .75rem 1rem !important;
}

.title, .subtitle, .label, p, h1, h2, h3, h4, h5, h6, span, td, th {
  color: var(--gts-text);
}

.colored {
  color: var(--gts-red) !important;
}

.input, .textarea, .select select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: #0a0f15 !important;
  border: 1px solid var(--gts-border) !important;
  color: #fff !important;
  border-radius: 8px;
}

.button {
  border-radius: 8px;
}

@media (max-width: 1100px) {
  .columns > .aside { flex-basis: 220px; width: 220px; max-width: 220px; }
  .aside ~ .main > .columns.is-multiline { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .columns > .aside { display: none !important; }
  .aside ~ .main { width: 100%; padding: 1rem; }
  .navbar-end { display: flex !important; }
  .navbar-end .navbar-item { padding: .35rem; }
}

/* GTS DOWNLOAD PAGE */
 .gts-download-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:auto;
    padding:20px 20px 8px;
}

.gts-download-logo{
    width:min(760px,90%);
    height:auto;
    display:block;
    margin:auto;
    filter:drop-shadow(0 18px 40px rgba(0,0,0,.55));
}

@media (max-width:900px){
    .gts-download-brand{
        min-height:300px;
        padding:30px 10px;
    }

    .gts-download-logo{
        width:min(620px,94%);
    }
}

/* GTS DOWNLOAD - PANEL POD LOGIEM */
.gts-download-telemetry-panel{
    width:min(900px,calc(100% - 40px));
    margin:4px auto 30px;
    padding:24px;
    background:#111821;
    border:1px solid #273443;
    border-radius:14px;
    box-sizing:border-box;
}

.gts-download-telemetry-panel h2{
    margin:0 0 8px;
    font-size:24px;
    color:#fff;
}

.gts-download-telemetry-panel p{
    color:#9eacba;
    margin:0 0 16px;
}

.gts-download-telemetry-panel a{
    display:inline-block;
    background:#1683ff;
    color:#fff;
    padding:12px 18px;
    border-radius:9px;
    text-decoration:none;
    font-weight:700;
}

.gts-download-telemetry-panel a:hover{
    background:#0d72e0;
}

@media(max-width:900px){
    .gts-download-telemetry-panel{
        width:calc(100% - 24px);
        margin:4px auto 24px;
        padding:18px;
    }
}

/* =========================================================
   GTS TRANSPORT GROUP — VTC MASTER THEME
   BLACK / RED / GOLD / SILVER
   ========================================================= */

:root{
    --gts-bg:#050608 !important;
    --gts-bg-2:#090b0e !important;
    --gts-surface:#101214 !important;
    --gts-surface-2:#151719 !important;
    --gts-border:#8f6d20 !important;
    --gts-gold:#d4af37 !important;
    --gts-gold-light:#f0d477 !important;
    --gts-red:#9b0000 !important;
    --gts-red-dark:#4d0000 !important;
    --gts-text:#f2f2f2 !important;
    --gts-muted:#a9a9a9 !important;
    --gts-accent:#d4af37 !important;
    --gts-accent-2:#9b0000 !important;
}

/* GLOBAL */
html,
body{
    background:
        radial-gradient(circle at 50% 0%,rgba(155,0,0,.13),transparent 42%),
        #050608 !important;
    color:#f2f2f2 !important;
}

/* LINKS */
a{
    color:#d4af37;
}

a:hover{
    color:#f0d477;
}

/* NAVBAR / HEADER */
.navbar,
.navbar-menu,
.navbar-item,
.navbar-link{
    background:#090b0e !important;
    color:#f2f2f2 !important;
}

.navbar{
    border-bottom:1px solid #8f6d20 !important;
}

.navbar-item:hover,
.navbar-link:hover{
    background:#151719 !important;
    color:#d4af37 !important;
}

/* SIDEBAR */
.aside,
.menu,
.menu-list,
.menu-list li{
    background:#090b0e !important;
    color:#f2f2f2 !important;
}

.menu-label{
    color:#d4af37 !important;
    letter-spacing:1px;
}

.menu-list a{
    color:#c8c8c8 !important;
    border-left:2px solid transparent;
}

.menu-list a:hover,
.menu-list a.is-active{
    background:linear-gradient(90deg,#1a0808,#090b0e) !important;
    color:#f0d477 !important;
    border-left-color:#9b0000 !important;
}

/* MAIN PANELS / BOXES / CARDS */
.box,
.card,
.panel,
.notification,
.message,
.gts-card,
.gts-panel,
.gts-section,
.content-box,
.dashboard-card{
    background:#101214 !important;
    color:#f2f2f2 !important;
    border:1px solid #8f6d20 !important;
    box-shadow:0 8px 28px rgba(0,0,0,.38);
}

.card-header,
.card-footer,
.panel-heading{
    background:#151719 !important;
    color:#d4af37 !important;
    border-color:#8f6d20 !important;
}

.card-header-title{
    color:#d4af37 !important;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6,
.title,
.subtitle{
    color:#f2f2f2 !important;
}

.title{
    text-shadow:0 2px 12px rgba(0,0,0,.45);
}

/* TABLES */
.table{
    background:#101214 !important;
    color:#f2f2f2 !important;
}

.table thead th{
    background:#151719 !important;
    color:#d4af37 !important;
    border-color:#8f6d20 !important;
}

.table td,
.table th{
    border-color:#383838 !important;
}

.table tbody tr{
    background:#101214 !important;
}

.table tbody tr:hover{
    background:#1a1510 !important;
}

/* FORMS */
.input,
.textarea,
.select select,
.file-cta,
.file-name{
    background:#090b0e !important;
    color:#f2f2f2 !important;
    border-color:#6f6f6f !important;
}

.input::placeholder,
.textarea::placeholder{
    color:#777 !important;
}

.input:focus,
.textarea:focus,
.select select:focus{
    border-color:#d4af37 !important;
    box-shadow:0 0 0 .125em rgba(212,175,55,.18) !important;
}

.label{
    color:#d4d4d4 !important;
}

/* BUTTONS — GTS RED / GOLD */
.button,
button{
    border-color:#8f6d20 !important;
}

.button.is-primary,
.button.is-link,
.button.is-info{
    background:linear-gradient(180deg,#b00000,#6d0000) !important;
    border-color:#d4af37 !important;
    color:#fff !important;
}

.button.is-primary:hover,
.button.is-link:hover,
.button.is-info:hover{
    background:linear-gradient(180deg,#d00000,#8b0000) !important;
    border-color:#f0d477 !important;
    color:#fff !important;
}

.button.is-danger{
    background:linear-gradient(180deg,#a00000,#580000) !important;
    border-color:#c99b2e !important;
    color:#fff !important;
}

.button.is-warning{
    background:#151719 !important;
    border-color:#d4af37 !important;
    color:#f0d477 !important;
}

.button.is-light,
.button.is-white{
    background:#151719 !important;
    border-color:#6f6f6f !important;
    color:#f2f2f2 !important;
}

/* TAGS / STATUS */
.tag{
    background:#151719 !important;
    color:#d4af37 !important;
    border:1px solid #8f6d20 !important;
}

.tag.is-success{
    background:#151719 !important;
    color:#f0d477 !important;
    border-color:#8f6d20 !important;
}

.tag.is-danger{
    background:#3d0808 !important;
    color:#ffb0b0 !important;
    border-color:#9b0000 !important;
}

/* HR */
hr{
    background:#383838 !important;
    border:none !important;
}

/* DOWNLOAD PANEL */
.gts-download-telemetry-panel{
    background:#101214 !important;
    border-color:#8f6d20 !important;
}

.gts-download-telemetry-panel h2{
    color:#d4af37 !important;
}

.gts-download-telemetry-panel p{
    color:#a9a9a9 !important;
}

.gts-download-telemetry-panel a{
    background:linear-gradient(180deg,#b00000,#6d0000) !important;
    border:1px solid #d4af37 !important;
    color:#fff !important;
}

.gts-download-telemetry-panel a:hover{
    background:linear-gradient(180deg,#d00000,#8b0000) !important;
}

/* PAGINATION */
.pagination-link,
.pagination-previous,
.pagination-next{
    background:#101214 !important;
    color:#d4af37 !important;
    border-color:#6f6f6f !important;
}

.pagination-link.is-current{
    background:#8b0000 !important;
    border-color:#d4af37 !important;
    color:#fff !important;
}

/* MODALS */
.modal-card,
.modal-content{
    background:#101214 !important;
    color:#f2f2f2 !important;
    border:1px solid #8f6d20 !important;
}

.modal-card-head,
.modal-card-foot{
    background:#151719 !important;
    border-color:#8f6d20 !important;
}

.modal-card-title{
    color:#d4af37 !important;
}

/* CHECKBOX / RADIO */
.checkbox,
.radio{
    color:#d4d4d4 !important;
}

/* SCROLLBAR */
::-webkit-scrollbar{
    width:10px;
    height:10px;
}

::-webkit-scrollbar-track{
    background:#050608;
}

::-webkit-scrollbar-thumb{
    background:#5b450f;
    border-radius:8px;
    border:2px solid #050608;
}

::-webkit-scrollbar-thumb:hover{
    background:#d4af37;
}

/* MOBILE — tylko kolorystyka, bez zmian układu */
@media(max-width:720px){
    .box,
    .card,
    .panel,
    .gts-card,
    .gts-panel,
    .gts-section{
        border-color:#8f6d20 !important;
    }
}



/* =========================================================
   GTS TRANSPORT — POCZTA GTS
   ========================================================= */

.gts-mail-option {
    position: relative;
}

.gts-mail-option::before {
    content: "✉";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border: 1px solid #8f6d20;
    border-radius: 50%;
    color: #d4af37;
    font-size: 13px;
    vertical-align: middle;
}

.menu-list a:hover .gts-mail-option::before,
.menu-list a.is-active .gts-mail-option::before {
    border-color: #d4af37;
    color: #f0d477;
    background: #3d0808;
}

.gts-mail-option::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 7px;
    margin-bottom: 2px;
    border-radius: 50%;
    background: #9b0000;
    box-shadow: 0 0 8px rgba(155,0,0,.55);
    opacity: .85;
}

/* GTS PROBLEM REPORT MENU */

/* =========================================================
   GTS — IKONY: TACHOGRAF + POCZTA
   ========================================================= */

.option.tachograph,
.option.gts-mail-option{
    position:relative;
    transition:
        transform .18s ease,
        color .18s ease,
        text-shadow .18s ease;
}

/* TACHOGRAF — istniejąca ikona GTS */
.option.tachograph::before{
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    margin-right:10px;
    vertical-align:middle;
    background:url("/static/assets/icons/speedometer.png") center/contain no-repeat;
    transition:
        transform .18s ease,
        filter .18s ease;
}

/* POCZTA — wyraźna ikona koperty */
.option.gts-mail-option::before{
    content:"✉";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px;
    margin-right:10px;
    vertical-align:middle;

    border:0;
    border-radius:0;

    color:#ff1b1b !important;
    background:transparent !important;

    font-family:
        "Segoe UI Symbol",
        "Arial Unicode MS",
        Arial,
        sans-serif;
    font-size:24px;
    font-weight:900;
    line-height:1;

    transition:
        transform .18s ease,
        color .18s ease,
        filter .18s ease;
}

/* HOVER — Tachograf */
.menu-list a:hover .option.tachograph,
.menu-list a.is-active .option.tachograph{
    transform:translateX(3px);
    color:#f0d477 !important;
    text-shadow:0 0 8px rgba(212,175,55,.18);
}

.menu-list a:hover .option.tachograph::before,
.menu-list a.is-active .option.tachograph::before{
    transform:scale(1.12);
    filter:drop-shadow(0 0 4px rgba(255,27,27,.45));
}

/* HOVER — Poczta */
.menu-list a:hover .option.gts-mail-option,
.menu-list a.is-active .option.gts-mail-option{
    transform:translateX(3px);
    color:#f0d477 !important;
    text-shadow:0 0 8px rgba(212,175,55,.18);
}

.menu-list a:hover .option.gts-mail-option::before,
.menu-list a.is-active .option.gts-mail-option::before{
    transform:scale(1.12);
    color:#ff3b3b !important;
    filter:drop-shadow(0 0 5px rgba(255,27,27,.55));
}

/* czerwona kropka powiadomienia poczty zostaje */
.gts-mail-option::after{
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.menu-list a:hover .gts-mail-option::after{
    transform:scale(1.25);
    box-shadow:0 0 10px rgba(255,27,27,.75);
}

@media(max-width:720px){
    .option.tachograph,
    .option.gts-mail-option{
        transform:none !important;
    }

    .option.tachograph::before,
    .option.gts-mail-option::before{
        transform:none !important;
    }
}

/* =========================================================
   GTS — FINAL: TACHOGRAF IKONA + USUNIĘCIE KROPEK POCZTY
   ========================================================= */

/* Tachograf — wymuszenie mocnej czerwieni jak pozostałe ikony */
.option.tachograph::before{
    filter:
        brightness(0)
        saturate(100%)
        invert(16%)
        sepia(100%)
        saturate(7420%)
        hue-rotate(2deg)
        brightness(106%)
        contrast(116%) !important;
}

.menu-list a:hover .option.tachograph::before,
.menu-list a.is-active .option.tachograph::before{
    filter:
        brightness(0)
        saturate(100%)
        invert(16%)
        sepia(100%)
        saturate(7420%)
        hue-rotate(2deg)
        brightness(118%)
        contrast(120%)
        drop-shadow(0 0 5px rgba(255,27,27,.45)) !important;
}

/* Poczta — całkowicie usuwamy czerwone kropki po tekście */
.gts-mail-option::after{
    display:none !important;
    content:none !important;
}

/* Nie tworzymy żadnej dodatkowej kropki również na hover */
.menu-list a:hover .gts-mail-option::after,
.menu-list a.is-active .gts-mail-option::after{
    display:none !important;
    content:none !important;
}


/* GTS — ZARZĄDZANIE SPOŁECZNOŚCIĄ */
.option.community-management{
    position:relative;
    color:#d4af37 !important;
    transition:transform .18s ease,color .18s ease,text-shadow .18s ease;
}

.option.community-management::before{
    content:"♟";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px;
    margin-right:10px;
    vertical-align:middle;
    color:#ff1b1b;
    font-size:22px;
    font-weight:900;
}

.menu-list a:hover .option.community-management,
.menu-list a.is-active .option.community-management{
    transform:translateX(3px);
    color:#f0d477 !important;
    text-shadow:0 0 8px rgba(212,175,55,.18);
}

.menu-list a:hover .option.community-management::before,
.menu-list a.is-active .option.community-management::before{
    color:#ff3b3b;
    filter:drop-shadow(0 0 5px rgba(255,27,27,.45));
    transform:scale(1.12);
}