/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

body {
    font-family: "Roboto_condensed", "Calibri", Tahoma, sans-serif;
}

.body-content {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    min-height: 100% !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

div.container {
    display: block !important;


}

.navbar a.nadpis {
    font-size: 2rem;
}

.container {
    --bs-gutter-x: 0 !important;
}

.sticked-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;   
    background: white;
    bottom: 0;
    z-index: 999;
     margin-top:30px;
}


.bg-custom {
    background-color: #0099CC;
}

h2 {
    color: #036 !important;
}

.sp {
    background-color: #ff6000;
    border: solid 1px #ff6000;
}

    .sp:hover {
        background-color: #E56100;
        border: solid 1px #E56100;
    }

.navbar img {
    float: right;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}




@font-face {
    font-family: 'Roboto_condensed';
    src: url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('robotocondensed-bold-webfont.woff') format('woff'), url('robotocondensed-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto_condensed';
    src: url('../fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'), url('robotocondensed-bolditalic-webfont.woff') format('woff'), url('robotocondensed-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto_condensed';
    src: url('../fonts/robotocondensed-italic-webfont.woff2') format('woff2'), url('robotocondensed-italic-webfont.woff') format('woff'), url('robotocondensed-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto_condensed';
    src: url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('robotocondensed-light-webfont.woff') format('woff'), url('robotocondensed-light-webfont.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto_condensed';
    src: url('../fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'), url('robotocondensed-lightitalic-webfont.woff') format('woff'), url('robotocondensed-lightitalic-webfont.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto_condensed';
    src: url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('robotocondensed-regular-webfont.woff') format('woff'), url('robotocondensed-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}