@font-face {
    font-family: PPEiko;
    src: url("/font/PPEiko-Medium.otf") format("opentype");
}

@font-face {
    font-family: PPNeueMontreal;
    font-weight: bold;
    src: url("/font/PPNeueMontreal-Medium.otf") format("opentype");
}

@font-face {
    font-family: PPNeueMontreal;
    font-weight: normal;
    src: url("/font/PPNeueMontreal-Book.otf") format("opentype");
}

@font-face {
    font-family: BrutalMilk;
    font-weight: normal;
    src: url("/font/BrutalMilkNo3-Regular.otf") format("opentype");
}

@font-face {
  font-family: BrutalMilk;
  src: url("/font/BrutalMilkNo3-Bold.otf") format("opentype");
  font-weight: bold;
}

.container-promo {
    background-color: #D2D925;
}

img.map, map area{
    outline: none;
}

.btn-success, .btn-success:active, .btn-success:visited {
    background-color: #dadd2f !important;
    border-color: #dadd2f !important;
}

.btn-success:hover {
    background-color: #b8bb1e !important;
	border-color: #b8bb1e !important;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
    background-color: #ed2d92 !important;
    border-color: #ed2d92 !important;
}

.btn-primary:hover {
    background-color: #d51279 !important;
	border-color: #d51279 !important;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: top right 0;
}

table.full-height {
    width: 79mm; 
    height: 115mm;
    table-layout: fixed;
    font-size: 16px;
    page-break-inside: avoid;
    page-break-after: always;
}

div.page-break {
    page-break-inside: avoid;
    page-break-before: always;
}

div.no-page-break {
    page-break-inside: avoid;
}

table.full-height-210 {
    width: 399mm; 
    height: 398mm;
    table-layout: fixed;
    font-size: 17pt;
    page-break-inside: avoid;
    page-break-after: always;
    color: #d2007f;
}

table.full-height-etikete-jm {
    font-family: 'Manrope', sans-serif;
    width: 190mm; 
    height: 128mm;
    table-layout: fixed;
    font-size: 25pt;
    page-break-inside: avoid;
    page-break-after: always;
}

table.full-height-a3 {
    font-family: 'Manrope', sans-serif;
    width: 818mm; 
    height: 572mm;
    table-layout: fixed;
    font-size: 30mm;
    page-break-inside: avoid;
    page-break-after: always;
}

.random {
  position: absolute;
  z-index: 1;
  opacity: 0.5;
}

.container-foreground {
    position: relative;
    z-index: 2;
}

a.yellow-button {
    border: 1px solid #000000;
    background-color: #FFFE9B;
    padding: 15px 30px 15px 30px;
    border-radius: 10px;
}

a.blue-button {
    border: 1px solid #000000;
    background-color: #87B4FF;
    padding: 15px 30px 15px 30px;
    border-radius: 10px;
}

a.red-button {
    border: 1px solid #000000;
    background-color: #FC3C27;
    padding: 15px 30px 15px 30px;
    border-radius: 10px;
}

div.cards {
    font-family: 'Manrope', sans-serif;
}

.border-black {
    border-color: black !important;
}

.light-blue-bg {
    background-color: #87B4FF;
}

.img-rotation-fix {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    max-width: 100mm;
}

.select-75 {
    width: 75px;
}