html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}


#attribution {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: x-small;
}

/* =========================
   SAKRIJ SVE TRACCAR SVG LOGOE
   ========================= */

/* Desktop sidebar logo */
.muiltr-1jqvrf-sidebar svg {
    display: none !important;
}

/* Mobile login logo */
.muiltr-4148z2-container > svg {
    display: none !important;
}

/* =========================
   UBACI CUSTOM LOGO (OBA LAYOUTA)
   ========================= */

/* Desktop */

.muiltr-1jqvrf-sidebar {
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*align-items: center;*/
    background: #ccf0f7 !important;
    /*padding-bottom: 40px;*/
    /*width: 28%;*/
}

.muiltr-1jqvrf-sidebar::before {
    content: "";
    display: block;
    width: 240px;
    height: 64px;
    background: url("/logo.svg") no-repeat center;
    background-size: contain;
    margin: 32px auto 0 auto;
}

/* Mobile */
.muiltr-4148z2-container::before {
    content: "";
    display: block;
    width: 200px;
    height: 56px;
    background: url("/logo.svg") no-repeat center;
    background-size: contain;
    margin: 0 auto 16px auto;
}

.muiltr-4148z2-container {
    max-width: 420px;
    margin: 0 auto;
}

input {
    border-radius: 8px !important;
    padding: 12px !important;
    font-size: 15px;
}
button {
    border-radius: 8px !important;
    font-weight: 600;
    letter-spacing: 0.3px;
	/*background-color: #1e2b7b !important;*/
}

button[aria-label="QR"] {
    /*display: none !important;*/
}

@media (max-width: 600px) {
    .muiltr-4148z2-container::before {
        width: 160px;
        height: 48px;
    }
}