@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;900&family=Roboto:wght@300;400;700&display=swap');
body { font-family: 'Montserrat', sans-serif; }
hr { background-color: #ccc !important;}
.btn-primary { color: #fff; background-color: #003880; border-color: #003880; } 
.btn-primary:hover { color: #fff; background-color: #003880; border-color: #003880; }
.app-content { min-height: calc(100vh - 200px); }
.nastaveni-dodavatelu { display: none; }
.ico-smazat { position: absolute; right: 6px; top: 20px; }
.ico-presunout { position: absolute; right: 40px; top: 20px; }
.ico-upravit { position: absolute; right: 78px; top: 20px; }

.sablona_1 .desktop .image img, .sablona_2 .desktop .image img { max-width: 100%; height: 226px; position: relative; }
.sablona_1 .mobile .image img, .sablona_2 .mobile .image img { max-width: 100%; height: 226px; position: relative; }

.sablona_1 .desktop .text-desktop { position: absolute; top: 50px; left: 61px; width: 199px; height: 131px; text-align: center; font-weight: 900; overflow:hidden; display: flex; align-items: center; justify-content: center; color: rgb(0,56,128); }
.sablona_1 .desktop .text-desktop { font-size: 20pt; line-height:32px; }
.sablona_1 .desktop .text-desktop .text-success { color:rgb(121,182,4) !important; }
.sablona_1 .desktop .text-desktop .text-dark { color:rgb(0,0,0) !important; }
.sablona_1 .desktop .text-desktop .text-danger { color:rgb(224,0,27) !important; }

.sablona_1 .mobile .text-mobile { position: absolute; top: 42px; right: 72px; width: 128px; height: 80px; text-align: center; font-weight: 900; overflow:hidden; display: flex; align-items: center; justify-content: center; color: rgb(0,56,128); }
.sablona_1 .mobile .text-mobile { font-size: 13pt; line-height:18px; }
.sablona_1 .mobile .text-mobile .text-success { color:rgb(121,182,4) !important; }
.sablona_1 .mobile .text-mobile .text-dark { color:rgb(0,0,0) !important; }
.sablona_1 .mobile .text-mobile .text-danger { color:rgb(224,0,27) !important; }

.sablona_2 .desktop .text-desktop { position: absolute; top: 52px; left: 248px; width: 199px; height: 131px; text-align: center; font-weight: 900; overflow:hidden; display: flex; align-items: center; justify-content: center; color: rgb(0,56,128); }
.sablona_2 .desktop .text-desktop { font-size: 20pt; line-height:32px; }
.sablona_2 .desktop .text-desktop .text-success { color:rgb(121,182,4) !important; }
.sablona_2 .desktop .text-desktop .text-dark { color:rgb(0,0,0) !important; }
.sablona_2 .desktop .text-desktop .text-danger { color:rgb(224,0,27) !important; }

.sablona_2 .mobile .text-mobile { position: absolute; top: 50px; right: 77px; width: 123px; height: 87px; text-align: center; font-weight: 900; overflow:hidden; display: flex; align-items: center; justify-content: center; color: rgb(0,56,128); }
.sablona_2 .mobile .text-mobile { font-size: 13pt; line-height:18px; }
.sablona_2 .mobile .text-mobile .text-success { color:rgb(121,182,4) !important; }
.sablona_2 .mobile .text-mobile .text-dark { color:rgb(0,0,0) !important; }
.sablona_2 .mobile .text-mobile .text-danger { color:rgb(224,0,27) !important; }

.border-end-2 { border-right: 2px solid #ccc !important; }

.stepper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stepper button {
    width: 30px;
    height: 30px;
    font-size: 20px;
    border: 0;
    background-color: rgb(37 91 160);
    border-radius: 50%;
    color: #fff;
}