* {
    font-family: 'Roboto', sans-serif;
}

.page-szukajka-modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block;
}

.page-szukajka-form-group {
    position: relative;
}

.page-szukajka-icon {
    position: absolute;
    line-height: 21px;
    width: 36px;
    border-color: #d6d6d6;
    border-right-width: 1px;
    border-right-style: solid;
    left: 1px;
    top: 9px;
    text-align: center;
    font-size: 15px;
}

.page-szukajka-icon+.page-szukajka-form-control {
    padding-left: 50px;
}

#page-szukajka-zaawansowane-form {
    position: relative;
    /*       top: 0;
      right: 0;
      bottom: 0;
      left: 0; */
    background: #fff;
    z-index: 10000;
    display: none;
}

/* Margins */

.page-szukajka-modal>.modal-dialog {
    margin: 30px 10px;
}

@media (min-width: 544px) {
    .page-szukajka-modal>.modal-dialog {
        margin: 260px auto;
    }

    .navbar-linki {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}



@media (max-width: 767px) {
    .center-info {

        /*margin: 40px auto;
        */
        /* width: 90%; */
        text-align: center;
        font-size: 1.4em;
        color: black;
        font-weight: 700;
        position: relative;
        /* left: 50%; */
        /* position: absolute; */
        /* top: 50%; */
        /* transform: translate(-50%, -50%); */
        background-color: rgba(250, 250, 250, 0.5);
        padding: 20px;
        border-radius: 20px;
        z-index: 999;
        height: 50%;
        margin: 0 10px;

    }

}

/* Define the desktop styles using a media query */
@media (min-width: 768px) {
    .center-info {
        margin: 40px auto;
        width: 50%;
        text-align: center;
        font-size: 1.4em;
        color: black;
        font-weight: 700;
        position: absolute;
        left: 50%;
        position: absolute;
        /* top: 10%; */
        top: 90px;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(250, 250, 250, 0.5);
        padding: 20px;
        border-radius: 20px;
        z-index: 999;
    }

    .bkontakt {
        margin: 7px 20px 0 0 !important;
        height: 34px !important;
        line-height: 30px !important;
    }
}


table.table_kolum {
    border: 2px solid black;
    width: 60%;
    margin: auto;
}

.table_kolum td {
    padding: 7px;
    border: 1px solid forestgreen;
    white-space: nowrap;
    background-color: palegreen;
    text-align: center;
    cursor: pointer;
}

table.table_kolum2 {
    margin: auto;
    width: 60%;
}

.table_kolum2 td {
    padding: 7px;
    border: 1px solid rgb(56, 56, 56);
    white-space: nowrap;
    background-color: rgb(217, 217, 217);
    text-align: center;
    cursor: pointer;
}


/* fillColor: '#59c4e4',
color: '#3234ff', */



.table_kolum td.nisza-biale, .table_kolum2 td.nisza-biale {
    background-color: #eaeaea;
    color: #6e6e6e;
}

.table_kolum td.nisza-zarezerwowane {
    color: #290000;
    background-color: #ff4000;
}


.table_kolum td.nisza-po_terminie {
    color: #462600;
    background-color: #ff8a00;
}

.table_kolum td.nisza-zajete {
    color: #c4c4c4;
    background-color: #444444;
}

.table_kolum td.nisza-wolne {
    background-color: #17ff00;
    color: #042900;
}

.table_kolum2 td.nisza-zajete {
    color: #841010;
    background-color: #ff9393;
    border: 3px solid #841010;
}

.table_kolum td.nisza-selected {
    color: #841010;
    background-color: #ff9393;
    border: 3px dotted #841010;
}

.table_shadow td:hover {
    filter: brightness(0.8) drop-shadow(2px 4px 6px black);
}

ul.horizontal-links {
    list-style: none;
    padding: 2px;
    margin: 9px;
}

/* Apply styles to each list item (li) */
ul.horizontal-links li {
    display: inline-block;
    margin-right: 10px;
    /* Adjust the spacing between links */
}

/* Style the links (anchors) within the list items */
ul.horizontal-links li a {
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    background: aliceblue;
    border-radius: 4px;
    border: 1px solid cadetblue;
    /* Adjust the padding around the links */
}

/* Add hover effect to the links */
ul.horizontal-links li a:hover {
    background-color: #f0f0f0;
}

ul.horizontal-links li a.active {
    background-color: #2a94db;
    color: white;
}

#tb_kolumbarium {
    margin-top: 20px;
}

div.informacje-przydatne {
    text-align: center;
    margin-top: 10px;
}

div.nisza-zajete {
    color: #c4c4c4;
    background-color: #444444;
    padding: 7px;
    margin: 0px 10px;
    border: 1px solid #3b3b3b;
}

div.nisza-wolne {
    background-color: #17ff00;
    color: #042900;
    padding: 7px;
    margin: 0px 10px;
    border: 1px solid #3b3b3b;
}

div.legenda {
    display: flex;
    justify-content: center;
}

div.info-nisza {
    color: black;
}

li.px-nav-box2 {
    padding: 0 10px;
}

.px-nav-box2 a {
    background: greenyellow;
    text-transform: uppercase;
    font-weight: 400;
    background: white;
    border-radius: 10px;
}



.navbar-linki>li>a {
    background: green !important;
    text-transform: uppercase;
    font-weight: 400;
    background: white;
    border-radius: 10px;
    margin-bottom: 5px;
}