﻿html {
    height: 100%;
}
th {
    background-color: #c9e3e8 !important;
}

.table {
    border: 1px solid black;
    box-sizing: border-box !important;
}
tbody td {
    color: #485568;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
table {
    width: 100%;
    table-layout: fixed;
}

.table .DateCol {
    width: 10%;
}

.table .DateCol8 {
    width: 8%;
}

tbody td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.segmentsTable {
    overflow: hidden;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
}

    .segmentsTable table {
        margin-bottom: 0px;
    }

    .segmentsTable header,
    .segmentsTable footer {
        padding: 10px;
        padding-right: 25px;
    }

    .segmentsTable footer {
        overflow: hidden;
    }

        .segmentsTable footer nav {
            float: right;
            margin-top: 0px;
            /*background-color: yellow;*/
        }

            .segmentsTable footer nav input[type="submit"] {
                float: right;
                margin: 2px;
                margin-left: 5px;
                margin-right: 5px;
            }

.form-horizontal input[type="date"],
.tableOpenTimes input[type="time"] {
    width: auto;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
table.tablesorter thead tr .header {
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(images/asc.png);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(images/desc.png);
}

.tableForm {
    border-spacing: 0 10px;
    border-collapse: initial;
    table-layout: fixed;
    width: 100%;
}

    .tableForm input[type="checkbox"],
    .tableForm input[type="radio"] {
        width: 17px;
        height: 17px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

@media (max-width:768px) {
    .tableForm {
        width: 95%;
    }

        .tableForm td {
            width: 50%;
        }

    .podatki_right {
        float: left;
        width: 100%;
    }

    .podatki_left {
        width: 100%;
    }

    .podatki_right img {
        width: 90%;
        height: auto;
    }
}
@media (min-width:768px) {
    .animationFollower {
        float: left;
        width: 50%;
        padding-top: 1em;
        padding-right: 1em;
    }

    #cookieTable td {
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    .home_right {
        float: left;
        width: 50%;
        padding: 1em;
    }

    #header {
        padding-left: 5em !important;
        padding-right: 5em !important;
    }

    #ContentWrapper {
        padding-left: 5em;
        padding-right: 5em;
        height: auto !important;
    }

    .nav {
        padding-left: 4.2em;
        padding-right: 4.2em;
    }

    #page_footer {
        padding-left: 5em;
        padding-right: 5em;
    }

    #homefollower {
        max-width: 960px;
    }
}


@media (max-width:400px) {
    article #segment {
        width: 100% !important;
    }
}

@media(min-width:768px) {
    .homePic {
        width: 50%;
    }

    .homeTitle {
        display: flex;
        align-items: center; /* align vertical */
    }

    .homeTitleText {
        width: 50%;
        float: left;
    }
}


#locationsTable_filter {
    padding: 10px;
}

#locationsTable_info {
    display: none;
}

.dataTables_wrapper .dataTables_filter input {
    margin-right: 10px;
}