#editor-area {
    margin-bottom: 20px;
}

#label-container.small {
    width: 2.85in;
    height: 1.80in;
}

#label-container.waybill {
    width: 200mm;
    height: 105mm;
}

#image-container img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    cursor: move;
}

#custom-text {
    font-size: 16px;
    white-space: pre-wrap;
    text-align: center;
    display: flex; /* Add flexbox */
    align-items: center; /* Vertically center */
    justify-content: center; /* Horizontally center */
    height: 100%; /* Ensure it fills the container */
}

@media print {
    #editor-area, .navbar {
        display: none !important;
    }
    #label-container {
        border: none !important;
        box-shadow: none !important;
    }
}

.navbar {
    background: #71a140;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #409140, #71a140);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #409140, #71a140); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
    padding: 4px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-left {
    display: flex;
    align-items: center;
}

.navbar a {
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    margin-right: 10px;
}

.navbar a.active {
    font-weight: bold;
}

.print-button {
    background-color: white;
    color: #374151;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    border: none;
    font-weight: bold;
}
.printbutton:hover {
    background-color: #ffe39a;
    color: #000;
}

.disabled-button {
    color: #9ca3af;
    text-decoration: line-through;
    pointer-events: none;
}

@font-face {
  font-family: 'Elkjop Body';
  src: url('fonts/Elkjop Body.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Elkjop Headline';
  src: url('fonts/Elkjop Headline.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/Noto Sans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Titan One';
  src: url('fonts/Titan One.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'San Francisco';
  src: url('fonts/San Francisco.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'New York';
  src: url('fonts/NewYork.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Comfortaa';
  src: url('fonts/Comfortaa.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PressStart';
  src: url('fonts/PressStart.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


.remove-button {
    background-color: red;
    color: white;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.remove-button:hover {
    background-color: darkred;
}


/* För streckad linje vid resizable element */
.resizeable {
    border: 2px dashed rgba(0, 0, 0, 0.5);
}

/* Ta bort streckad linje vid utskrift */
@media print {
    .resizeable {
        border: none !important;
    }
}