body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    color: #222222;
    font-size: 11pt;
    overflow: hidden;
}

.mce-tinymce {
    margin-bottom: 4px !important;
}

.ukryj {
    display: none;
}

a {
    color: #3498db;
}

    a:hover {
        color: #2271a5;
    }

.wz-tytul {
    text-align: center;
    display: block;
    font-size: 17pt;
    font-weight: 500;
}

.wz-dost {
    text-align: center;
}

    .wz-dost .wz-dost-lab {
        font-size: 14pt;
    }

.wz-data {
    text-align: center;
}

.wz-icons {
    margin-top: 16px;
    text-align: center;
}

    .wz-icons .wz-small {
        height: 120px;
        width: 120px;
        object-fit: cover;
        padding: 4px;
        display: inline-block;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .wz-icons .wz-small:hover {
            border: 2px solid #3498db;
            padding: 2px;
        }

.loading-div {
    position: fixed;
    display: flex;
    top: 41px;
    left: 220px;
    height: calc(100% - 41px);
    width: calc(100% - 220px);
    background-color: white;
    z-index: 20000;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #3498db;
}

    .loading-div .text {
        display: block;
        left: calc(50% - 150px);
        width: 300px;
        text-align: center;
        position: absolute;
        top: calc(50% + 60px);
        font-weight: 500;
    }

.line {
    animation: expand 1200ms ease-in-out infinite;
    border-radius: 10px;
    display: inline-block;
    transform-origin: center center;
    margin: 0 6px;
    width: 6px;
    height: 42px;
    background-color: #3498db;
}

    .line:nth-child(2) {
        animation-delay: 100ms;
    }

    .line:nth-child(3) {
        animation-delay: 200ms;
    }

    .line:nth-child(4) {
        animation-delay: 300ms;
    }

@keyframes expand {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(2);
    }
}

.searchresult {
    display: block;
    cursor: pointer;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px solid #cfcfcf;
    text-decoration: none;
}

    .searchresult:hover {
        background-color: #fafafa;
    }

    .searchresult .row1 {
        font-size: 8pt;
        color: #797979;
    }

        .searchresult .row1 .data {
            background-color: #2ecc71;
            color: white;
            padding-left: 6px;
            padding-right: 6px;
            padding-bottom: 1px;
            border-radius: 3px;
            margin-right: 3px;
            font-weight: 700;
        }

    .searchresult .row2 {
        font-size: 18pt;
        font-weight: 500;
    }

    .searchresult .row3 {
        color: #2e353d;
    }

.overlaywz {
    display: none;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5999;
}

.want-delete {
    display: none;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 6100;
}

    .want-delete .item-delete {
        background-color: white;
        width: 550px;
        padding: 6px;
        border-radius: 6px;
        margin-top: 2%;
    }



.big-image {
    display: none;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 6000;
}

    .big-image .warp {
        height: 85vh;
        padding: 2px;
        padding-bottom: 34px;
        background-color: white;
        box-shadow: 4px 4px 10px rgba(0,0,0,0.8);
    }

        .big-image .warp img {
            height: 100%;
        }

.raport-text {
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-size: 16pt;
}

hr {
    border: none;
    margin-top: 8px;
    margin-bottom: 10px;
    border-top: 1px solid #cfcfcf;
}

kbd {
    background-color: #2e353d;
    color: white;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;
}

req {
    font-weight: 700;
    color: #ed0700;
}

tytul {
    font-size: 26pt;
    display: block;
    margin-bottom: 10px;
    font-weight: 200;
}

temat {
    font-size: 15pt;
    display: block;
    margin-bottom: 6px;
    font-weight: 400;
    color: #7d7d7d;
}

.scale-label {
    font-size: 20pt;
    float: right;
}
tip {
    position: relative;
    text-decoration: underline;
}

    tip info {
        font-size: 10pt;
        position: absolute;
        background-color: rgba(0,0,0,0.9);
        width: 280px;
        color: white;
        text-align: center;
        bottom: 100%;
        left: 50%;
        margin-left: -140px;
        padding: 2px;
        border-radius: 4px;
        visibility: hidden;
        z-index: 9900 !important;
    }

    tip:hover info {
        visibility: visible;
    }

    tip info::after {
        content: " ";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0,0,0,0.9) transparent transparent transparent;
    }

opis {
    position: relative;
    display: block;
    font-size: 10pt;
    font-weight: 600;
    margin-bottom: 8px;
}

    opis ang {
        color: #3c3c3c;
        display: block;
        text-transform: uppercase;
        font-size: 7pt;
        position: absolute;
        top: 13px;
        left: 0;
    }

noresprzew {
    background-color: #2980b9;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
    color: white;
    margin-right: 4px;
}

    noresprzew:hover {
        background-color: #3498db;
        cursor: pointer;
    }

.pages {
    text-align: right;
    width: 100%;
}

    .pages:after {
        content: "";
        display: table;
        clear: both;
    }

    .pages .aspNetDisabled {
        opacity: 0.30;
        pointer-events: none;
    }

.page-num {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    text-decoration: none;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    color: #222222;
    font-weight: 500;
}

    .page-num:hover {
        background-color: #cfcfcf;
        color: white;
        cursor: pointer;
    }

.checkbox-item {
    display: inline-block;
    width: 16%;
    padding-bottom: 12px;
    text-align: left;
}

        .select-all {
            display: inline-block;
            position: absolute;
            top: 13px;
            margin-left: 6px;
            font-size: 8pt;
            background-color: #3498db;
            color: white;
            padding-left: 6px;
            padding-right: 6px;
            padding-bottom: 1px;
            border-radius: 4px;

        }

        .select-all:hover {
            background-color: #2980b9;
            cursor: pointer;
        }
.checkbox-list td {
    position: relative;
    background-color: transparent;
}

.checkbox-list tr:nth-child(even) {
    background-color: transparent;
}

    .checkbox-list td input {
        top: 1px;
    }

    .checkbox-list td label {
        position: absolute;
        top: 6px;
    }

.generate {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5010;
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
}

    .generate .gen-cont {
        background-color: rgba(0,0,0,0.7);
        padding: 20px;
        border-radius: 10px;
        color: white;
        text-align: center;
    }

        .generate .gen-cont .text {
            font-size: 20pt;
        }

            .generate .gen-cont .text::after {
                content: "Ładowanie danych";
            }

.hint {
    display: inline-block;
    background-color: #34495e;
    padding: 4px;
    margin: 2px;
    border-radius: 4px;
    width: calc(25% - 14px);
}

    .hint a {
        color: white;
        text-decoration: none;
    }

        .hint a .data {
            font-size: 8pt;
        }

        .hint a .numer {
            font-weight: 500;
            padding-bottom: 4px;
        }

        .hint a .typ {
            font-size: 8pt;
            background-color: #1abc9c;
            text-align: center;
            padding-bottom: 2px;
            border-radius: 4px;
            font-weight: 700;
        }

    .hint:hover {
        background-color: #2c3e50;
    }

/* Tabele */
table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10pt;
}

td, th {
    border: 1px solid #f2f2f2;
    border-left: none;
    border-right: none;
    text-align: left;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

.non-valid .form-ctrl {
    border: 1px solid #e74c3c;
    box-shadow: 0px 0px 4px #ed0700;
}

.non-valid.form-ctrl {
    border: 1px solid #e74c3c!important;
    box-shadow: 0px 0px 4px #ed0700;
}

.non-valid .list-ctrl {
    border: 1px solid #e74c3c;
    box-shadow: 0px 0px 4px #ed0700;
}

.non-valid input[type=checkbox] {
    border: 1px solid #e74c3c;
    box-shadow: 0px 0px 4px #ed0700;
}

.non-valid .chbox label {
    color: #ed0700 !important;
}

.non-valid opis {
    color: #ed0700 !important;
}

    .non-valid opis ang {
        color: #ed0700 !important;
    }

/* WZ / PZ */
.wuzet {
    background-color: #efefef;
    border-radius: 4px;
    border-left: 8px solid #e74c3c;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 4px;
}


.potwierdzone {
    border-left: 8px solid #2ecc71;
}

.wuzet * {
    vertical-align: middle;
    display: inline-block;
}

.wuzet .data {
    text-align: center;
    width: 10%;
}

.wuzet .potw {
    text-align: center;
    width: 10%;
}

    .wuzet .potw input {
        display: block;
        height: 100%;
        background-color: #2ecc71;
        border: none;
        border-radius: 4px;
        color: white;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        width: calc(100% - 4px);
    }

        .wuzet .potw input:hover {
            background-color: #27ae60;
        }

.clicked {
    background-color: #e67e22 !important;
    pointer-events: none;
    opacity: 0.7;
}

.wuzet .edit {
    text-align: center;
    width: 10%;
}

    .wuzet .edit a {
        margin-bottom: 2px;
        text-decoration: none;
        font-size: 10pt;
        background-color: #3498db;
        border: none;
        border-radius: 4px;
        color: white;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        width: calc(100% - 4px);
    }

        .wuzet .edit a:hover {
            background-color: #2980b9;
        }

.wuzet .tytul {
    font-weight: 700;
    text-align: center;
    width: 20%;
}

.wuzet .typ {
    width: 10%;
    text-align: center;
    font-size: 9pt;
    background-color: #2e353d;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
}

.wuzet .dostawca {
    text-align: center;
    width: calc(20% - 8px);
}

    .wuzet .dostawca::before {
        font-family: 'FontAwesome';
        content: "\f090";
        margin-right: 5px;
    }

.wuzet .odbiorca {
    text-align: center;
    width: calc(20% - 8px);
}

    .wuzet .odbiorca::before {
        font-family: 'FontAwesome';
        content: "\f08b";
        margin-right: 5px;
    }

.wz-header * {
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 10pt;
    font-weight: 500;
}

.wz-col1 {
    width: 10%;
}

.wz-col2 {
    width: 20%;
}

.wz-col3 {
    width: 20%;
}

.wz-col4 {
    width: calc(20% - 20px);
}

.wz-col5 {
    width: calc(20% - 20px);
}

.wz-col6 {
    width: 10%;
}

.overlaypanel {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5010;
    background-color: rgba(0,0,0,0.5);
}

.panelwz {
    border-radius: 6px;
    margin: 0 auto;
    display: none;
    position: relative;
    max-width: 1200px;
    top: 50px;
    left: 0;
    background-color: white;
    z-index: 5020;
    box-shadow: 0px -3px 10px rgba(0,0,0,0.3);
}

    .panelwz .panel-content {
        padding: 8px;
    }

.panel-content .warp {
    margin: 0 auto;
    max-width: 1200px;
}

.panel-header .warp .close-panel {
    background: none;
    border: none;
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    width: 26px;
    height: 26px;
    font-size: 16pt;
    text-align: center;
    line-height: 26px;
    border-radius: 15px;
}

    .panel-header .warp .close-panel:hover {
        background-color: #797979;
        color: white;
    }

.panel-header .warp {
    max-width: 1200px;
    margin: 0 auto;
}

.panelwz .panel-header {
    border-bottom: 1px solid #dddddd;
    height: 40px;
    font-size: 13pt;
    line-height: 40px;
    padding-left: 10px;
}

/* TABY I TABULATORKI */
ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.tabs li {
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        background: #ededed;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        -moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
        box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.2);
    }

        ul.tabs li.current {
            color: #222;
            background: white;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border: 1px solid #dbdbdb;
            border-top: 2px solid #3498db;
            border-bottom: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.tab-content {
    margin-top: 8px;
    display: none;
    width: 100%;
}

    .tab-content.current {
        display: inherit;
    }

/* Statyczne elementy */

.acord div {
    display: none;
}

.form-label {
    margin-bottom: 4px;
    width: calc(100% - 14px);
    height: 100px;
    padding: 2px;
    font-size: 10.5pt;
    padding-left: 8px;
    border-radius: 4px;
    border: 1px solid #797979;
    box-shadow: 1px 1px 3px #cfcfcf;
    background-color: #ffffff;
    overflow: auto;
    cursor: not-allowed;
}

    .form-label .color {
        color: #d35400;
        font-weight: 500;
    }

.form-ctrl {
    margin-bottom: 4px;
    width: calc(100% - 14px);
    font-size: 15pt;
    padding: 2px;
    padding-left: 8px;
    border-radius: 4px;
    border: 1px solid #797979;
    box-shadow: 1px 1px 3px #cfcfcf;
    background-color: white;
}

    .form-ctrl[type=datetime-local] {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 11pt;
        font-weight: 500;
    }

    .form-ctrl:focus {
        border: 1px solid #1fbef5;
        box-shadow: 0px 0px 4px #1bb4e9;
    }

.form-bigfont {
    font-size: 19.5pt !important;
    text-transform: uppercase;
}


.list-ctrl {
    margin-bottom: 4px;
    width: calc(100% - 2px);
    font-size: 15pt;
    padding: 2px;
    padding-left: 8px;
    border-radius: 4px;
    border: 1px solid #797979;
    box-shadow: 1px 1px 3px #cfcfcf;
    background-color: white;
}

    .list-ctrl option {
        font-size: 11pt;
    }

    .list-ctrl:focus {
        border: 1px solid #1fbef5;
        box-shadow: 0px 0px 4px #1bb4e9;
    }

.form-tag {
    margin-bottom: 4px;
    width: calc(100% - 14px);
    min-height: 28px;
    line-height: 26px;
    padding-left: 8px;
    border-radius: 4px;
    border: 1px solid #797979;
    box-shadow: 1px 1px 3px #cfcfcf;
    background-color: white;
}

    .form-tag .tag-btn {
        margin-right: 3px !important;
        padding-top: 2px;
        background-color: #3498db;
        border-radius: 3px;
        color: white;
        border: none;
        box-shadow: 1px 1px 3px #cfcfcf;
    }

        .form-tag .tag-btn:hover {
            background-color: #2980b9;
        }

.form-dark {
    font-family: Consolas;
    color: #75ccfe;
    background-color: #2e353d;
}

textarea {
    font-family: 'Segoe UI';
    font-size: 12pt !important;
    font-weight: 500;
}


input[type=checkbox] {
    top: 8px;
    -webkit-appearance: none;
    appearance: none;
    padding: 9px;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #797979;
    display: inline-block;
    position: relative;
    box-shadow: 1px 1px 3px #cfcfcf;
}

    input[type=checkbox]:active, input[type=checkbox]:checked:active, input[type=checkbox]:focus, input[type=checkbox]:checked:focus {
        box-shadow: 0px 0px 4px #1bb4e9;
    }

    input[type=checkbox]:checked {
        background-color: #2ecc71;
        border: 1px solid #27ae60;
    }

        input[type=checkbox]:checked:after {
            content: '\2714';
            font-size: 18px;
            position: absolute;
            top: -3px;
            left: 2px;
            color: white;
        }

.chbox label {
    padding-left: 2px;
    padding-right: 4px;
    font-size: 11pt;
    font-weight: 600;
}

/* Chosen */
.chosen-container {
    width: calc(100% - 2px) !important;
}

.chosen-container-single .chosen-single {
    font-family: 'Segoe UI', sans-serif !important;
    margin-bottom: 4px !important;
    font-size: 17pt !important;
    padding: 1px !important;
    padding-left: 12px !important;
    border-radius: 4px !important;
    border: 1px solid #797979 !important;
    box-shadow: 1px 1px 3px #cfcfcf !important;
    height: 29px !important;
    background: white !important;
    background-color: white !important;
    color: #222222 !important;
}


.chosen-single .search-choice-close {
    top: 7px !important;
}

.chosen-container .chosen-drop {
    top: 30px !important;
    border-top: 1px solid #aaa !important;
}

.chosen-container-single .chosen-drop {
    border-radius: 4px !important;
}

.chosen-container .chosen-results li {
    color: #222222 !important;
    font-size: 11pt !important;
}

    .chosen-container .chosen-results li.highlighted {
        color: #FFFFFF !important;
        background-color: #1e90ff !important;
        background-image: linear-gradient(#1e90ff 20%, #1e90ff 90%) !important;
    }


.non-valid .chosen-container-single .chosen-single {
    border: 1px solid #e74c3c !important;
    box-shadow: 0px 0px 4px #ed0700 !important;
}


.chosen-container-active .chosen-single {
    border: 2px solid #58b8fe !important;
    box-shadow: 0px 0px 4px #35a6f8 !important;
}

.tagselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 67px;
    overflow: auto;
}

    .tagselect option {
        display: inline !important;
        background-color: #3498db !important;
        float: left;
        color: white;
        padding-top: 3px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 4px;
        margin-bottom: 2px;
        margin-right: 2px;
        font-size: 9pt;
        position: relative;
    }

/* Przyciski */

.right-btns {
    float: right;
    padding-top: 6px;
}

    .right-btns .btn {
        margin-left: 4px;
    }

.btn {
    font-size: 11pt;
    font-weight: 400;
    display: inline-block;
    background-color: black;
    text-decoration: none;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    color: white;
    height: 27px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 27px;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #cfcfcf;
    margin-bottom: 4px;
    border: 1px solid black;
}

    .btn.aspNetDisabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.linkbtn {
    width: calc(100% - 14px);
    text-align: center;
}

.btn-form {
    margin-top: 10px;
    text-align: center;
}

    .btn-form .btn {
        height: 31px;
        line-height: 31px;
    }

.btn span {
    padding-right: 6px;
}

.btn .btn-icon {
    padding: 0px;
}

.btn-big .btn-icon {
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.btn:hover {
    color: white !important;
}

.btn:focus {
    border: 1px solid #1fbef5;
    box-shadow: 0px 0px 4px #1bb4e9;
}

input[type=button] {
    padding: 0;
}

.btn-big {
    text-align: center;
    height: 36px;
    line-height: 36px;
}

.btn-def {
    background-color: #2c3e50 !important;
    border: 1px solid #2c3e50 !important;
}

    .btn-def:hover {
        background-color: #34495e !important;
    }

.btn-info {
    background-color: #2980b9 !important;
    border: 1px solid #2980b9 !important;
}

.btn-info-nonactiv {
    background-color: #797979 !important;
    border: 1px solid #797979 !important;
}
    .btn-info:hover {
    border: 1px solid #797979 !important;
        background-color: #3498db !important;
    }
.btn-info-nonactiv:hover {
    background-color: #9b9b9b !important;
    border: 1px solid #9b9b9b !important;
}



.btn-success {
    background-color: #27ae60 !important;
    border: 1px solid #27ae60 !important;
}

    .btn-success:hover {
        background-color: #2ecc71 !important;
    }

.btn-danger {
    background-color: #c0392b !important;
    border: 1px solid #c0392b !important;
}

    .btn-danger:hover {
        background-color: #e74c3c !important;
    }

.btn-warning {
    background-color: #d35400 !important;
    border: 1px solid #d35400 !important;
}

    .btn-warning:hover {
        background-color: #e67e22 !important;
    }

.btn-long {
    display: block;
    width: calc(100% - 3px);
    text-align: center;
}

.btn-medium {
    display: block;
    width: calc(75%);
    text-align: center;
}

.btn-list-3 .btn {
    width: calc(33.33% - 25px);
    display: inline-block;
}

/* Elementy okna */
.navbar {
    line-height: 40px;
    color: white;
    background-color: #3498db;
    height: 40px;
    border-bottom: 1px solid #2980b9;
    padding-right: 8px;
    font-size: 10.7pt;
}

    .navbar a {
        color: white;
        text-decoration: none;
    }

        .navbar a span {
            margin-right: 5px;
        }

        .navbar a:hover {
            color: #89d0fa;
        }

    .navbar .nav-logo {
        width: 220px;
        position: relative;
    }

.nav-item .logoerow {
    color: rgba(0,0,0,0);
    display: block;
    background-image: url('../images/erowwhitesmall.png');
    background-repeat: no-repeat;
    width: 75px;
    height: 40px;
}

.nav-item .logoerow {
    color: rgba(0,0,0,0) !important;
}

.navbar .nav-logo p {
    text-transform: capitalize;
    position: absolute;
    font-size: 8.5px;
    left: 129px;
    top: 5px;
}

.navbar .nav-right {
    float: right;
}

    .navbar .nav-right .nav-item {
        display: inline-block;
        margin-left: 20px;
    }

.navbar .nav-logo img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 4px;
    height: 36px;
}

.navbar .nav-goback {
    position: absolute !important;
    margin-left: 230px;
}

.sidebar {
    background-color: #2e353d;
    width: 220px;
    height: calc(100vh - 41px);
    color: white;
    position: absolute;
    display: inline-block;
    z-index: 5000 !important;
}

    .sidebar .sidebar-info {
        position: absolute;
        height: 50px;
        width: 100%;
        bottom: 0;
        text-align: center;
    }

        .sidebar .sidebar-info a {
            color: white;
            text-decoration: none;
        }

            .sidebar .sidebar-info a:hover {
                color: #89d0fa;
            }

        .sidebar .sidebar-info .info-item {
            position: relative;
            display: inline-block;
            margin-left: 22px;
            margin-right: 22px;
        }

            .sidebar .sidebar-info .info-item span {
                font-size: 32px;
            }

                .sidebar .sidebar-info .info-item span .info-num {
                    color: white !important;
                    font-size: 9pt;
                    text-align: center;
                    padding-top: 2px;
                    font-weight: 500;
                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                    top: 22px;
                    position: absolute;
                    background-color: #e43522;
                    width: 21px;
                    height: 16px;
                    border-radius: 10px;
                }

                    .sidebar .sidebar-info .info-item span .info-num.ukryj {
                        display: none;
                    }

/* sidebar menu */
#menu div {
    height: 100%;
    display: none;
    background-color: #24292f;
}

.menu-group {
    font-size: 10.5pt;
    display: block;
    max-width: 210px;
    width: 100%;
    color: white;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    padding-left: 6px;
    transition: 100ms ease-in-out;
}

    .menu-group:hover {
        width: calc(100% - 11px);
        color: #89d0fa;
        background-color: #4f5b69;
        border-left: 5px solid #3498db;
    }

    .menu-group span {
        padding-right: 7px;
    }

.menu-item {
    display: block;
    color: white;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    font-size: 9pt;
    transition: 100ms ease-in;
}

    .menu-item:hover {
        color: #89d0fa;
        background-color: #4f5b69;
        border-left: 5px solid #3498db;
    }

    .menu-item:before {
        padding-left: 15px;
        padding-right: 5px;
        font-family: 'FontAwesome';
        content: "\f054";
    }

@keyframes slidein {
    0% {
        right: -500px;
    }

    100% {
        right: 0;
    }
}

@keyframes slideout {
    0% {
        right: 0;
    }

    100% {
        right: -500px;
    }
}

.second-sidebar-open {
    position: absolute;
    background-color: #f39c12;
    color: white;
    bottom: 30px;
    right: 30px;
    z-index: 500;
    font-size: 31pt;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 30px;
}

    .second-sidebar-open:hover {
        background-color: #e67e22;
        cursor: help;
    }


.second-sidebar {
    width: 340px;
    background-color: #f2f2f2;
    border-left: 1px solid #bdbdbd;
    position: absolute;
    right: -500px;
    height: 100%;
    box-shadow: -3px 0px 3px rgba(0,0,0,0.2);
    display: none;
}

    .second-sidebar .sside-content {
        font-size: 10.4pt;
        text-align: justify;
        padding: 4px;
        height: calc(100% - 94px);
        overflow-y: auto;
    }

        .second-sidebar .sside-content img {
            width: 100%;
            border-radius: 4px;
        }

.second-sidebar-header {
    height: 40px;
    border-bottom: 1px solid #bdbdbd;
    line-height: 35px;
    padding: 4px;
    padding-bottom: 0;
    font-weight: 500;
}

    .second-sidebar-header .sside-title {
        display: inline;
        padding-left: 34px;
    }

    .second-sidebar-header .close-sidebar {
        margin-top: 3px;
        position: absolute;
        background: none;
        padding: 0;
        border: none;
        margin-right: 1px;
        font-size: 19pt;
        height: 30px;
        width: 30px;
        display: inline-block;
    }

        .second-sidebar-header .close-sidebar:hover {
            background-color: #9d9d9d;
            color: white;
            border-radius: 15px;
        }

.sside-slidein {
    animation: 1s slidein;
}

.sside-slideout {
    animation: 1.1s slideout !important;
}

.content {
    position: absolute;
    display: inline-block;
    width: calc(100% - 230px);
    margin-left: 220px;
    padding: 5px;
    height: calc(100% - 51px);
    overflow: auto;
}

.container {
    max-height: 100%;
    display: block;
}

.print {
    max-height: 100%;
    display: block;
}

.side-options ul {
    list-style-type: none;
    padding-left: 4px;
}

    .side-options ul li a {
        padding-left: 22px;
        color: #424242;
        text-decoration: none;
    }

        .side-options ul li a:hover {
            padding-left: 20px;
            border-left: 2px solid #3498db;
            color: #424242;
            text-decoration: none;
        }

    .side-options ul li .wybrane {
        padding-left: 20px;
        font-weight: 500;
        border-left: 2px solid #3498db;
        color: #424242;
        text-decoration: none;
    }

/* WYSZUKIWANIE */

.basic-info {
    background-color: #2e353d;
    color: white;
    padding: 6px;
    border-radius: 6px;
    margin-bottom: 12px;
    margin-top: 6px;
}

    .basic-info .col {
        vertical-align: top;
        display: inline-block;
        width: calc(50% - 12px);
    }

        .basic-info .col .opis {
            font-size: 8pt;
            color: #bdc5ce;
            margin-top: 2px;
        }

    .basic-info .status {
        font-size: 9.5pt;
        font-weight: 500;
        background-color: #2980b9;
        border-radius: 4px;
        padding-left: 10px;
        padding-bottom: 2px;
        margin-bottom: 4px;
    }

    .basic-info .col .one {
        font-size: 19pt;
        font-weight: 700;
    }

    .basic-info .col .two {
        font-size: 11pt;
        font-weight: 500;
    }

    .basic-info .col .three {
        font-size: 11pt;
    }

.result-item {
    margin-bottom: 10px;
}

    .result-item .temat {
        font-size: 8pt;
    }

    .result-item .result {
        font-weight: 500;
    }

p.sprawozdanie {
    font-size: 12px;
}

.zdarzenie {
    text-align: center;
    margin-bottom: 15px;
}

    .zdarzenie img {
        border-radius: 8px;
        height: 240px;
        width: 320px;
    }

    .zdarzenie span {
        font-size: 9.5pt;
        display: block;
    }

.timeline {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
}

.local-item .tytul {
    font-size: 16pt;
    padding-left: 6px;
    padding-right: 6px;
}

.local-item .data {
    font-size: 8pt;
    background-color: #efefef;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
    margin-bottom: 6px;
    border-radius: 4px;
    font-weight: 700;
}

.local-item img {
    display: block;
    width: 60%;
    margin: 0 auto;
    border-radius: 8px;
}

.timeline .time-item {
    width: 60px;
    height: 60px;
    border: 1px solid #cfcfcf;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    position: relative;
    display: inline-block;
    margin-right: 28px;
    background-color: white;
}

    .timeline .time-item:hover {
        cursor: pointer;
    }

    .timeline .time-item.wybrane {
        background-color: #3498db;
        border: 1px solid #2980b9;
    }

    .timeline .time-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
    }

    .timeline .time-item::after {
        font-family: 'FontAwesome';
        content: "\f054";
        font-size: 30px;
        position: absolute;
        left: 74px;
        top: 21px;
        color: #cfcfcf;
    }

/* Powiadomienia */
@keyframes pushfadeout {
    0% {
        opacity: 1;
    }

    92% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes niceclose {
    0% {
        opacity: 1;
    }

    85% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.push-container {
    position: absolute;
    left: 224px;
    top: 41px;
}

.push {
    margin-top: 4px;
    position: relative;
    border-radius: 6px;
    border: 2px solid #3498db;
    box-shadow: 0px 0px 4px #3498db;
    background-color: #f2f2f2;
    width: 400px;
    height: 90px;
    opacity: 0;
}

.fadeoutnice {
    animation: 420ms niceclose;
}

.fadeoutshort {
    animation: 3s pushfadeout;
}

.fadeoutlong {
    animation: 8s pushfadeout;
}

.fadeoutnone {
    opacity: 1;
    display: block;
}

.push-info {
    border: 2px solid #3498db !important;
    box-shadow: 0px 0px 4px #3498db !important;
}

    .push-info .push-icon {
        background-color: #2980b9 !important;
    }

.push-success {
    border: 2px solid #2ecc71 !important;
    box-shadow: 0px 0px 4px #2ecc71 !important;
}

    .push-success .push-icon {
        background-color: #27ae60 !important;
    }

.push-danger {
    border: 2px solid #e74c3c !important;
    box-shadow: 0px 0px 4px #e74c3c !important;
}

    .push-danger .push-icon {
        background-color: #c0392b !important;
    }

.push-warning {
    border: 2px solid #f39c12 !important;
    box-shadow: 0px 0px 4px #f39c12 !important;
}

    .push-warning .push-icon {
        background-color: #e67e22 !important;
    }

.push .push-icon {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: calc(100% - 5px);
    background-color: #2980b9;
    line-height: 90px;
    text-align: center;
    padding-top: 5px;
}

    .push .push-icon span {
        color: white;
        font-size: 26pt;
    }

.push .push-right {
    margin-left: 61px;
    display: inline-block;
    width: 334px;
    height: calc(100% - 6px);
    padding: 3px;
    font-size: 9.6pt;
}

    .push .push-right .push-title {
        font-weight: 700;
    }

    .push .push-right .push-head {
        color: #797979;
        font-size: 8pt;
        margin-bottom: 2px;
    }

        .push .push-right .push-head .close {
            background: none;
            padding: 0;
            border: none;
            float: right;
            margin-right: 1px;
            font-size: 14pt;
            height: 19px;
            width: 19px;
        }

            .push .push-right .push-head .close:hover {
                background-color: #9d9d9d;
                color: white;
                border-radius: 10px;
            }

/* Kolumny */
columns {
    display: block;
    position: relative;
    margin: 0;
}

.col-2 {
    margin: 0;
    margin-bottom: 4px;
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 4px;
    width: calc(50.00% - 13px);
    display: inline-block;
    vertical-align: top !important;
}

.col-3 {
    margin: 0;
    margin-bottom: 4px;
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 4px;
    width: calc(33.33% - 13px);
    display: inline-block;
    vertical-align: top !important;
}

.col-3x2 {
    margin: 0;
    margin-bottom: 4px;
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 4px;
    width: calc(66.66% - 12px);
    display: inline-block;
    vertical-align: top !important;
}

.col-4 {
    margin: 0;
    margin-bottom: 4px;
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 4px;
    width: calc(25.05% - 15px);
    display: inline-block;
    vertical-align: top !important;
}

.col-4x3 {
    margin: 0;
    margin-bottom: 4px;
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 4px;
    width: calc(75.05% - 14px);
    display: inline-block;
    vertical-align: top !important;
}

.white-col {
    background-color: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
}

.clear-col {
    padding: 0;
    background-color: none;
    border: none;
}

.clear-col-3 {
    padding: 0;
    background-color: none;
    border: none;
    width: calc(50% - 3px);
}

.clear-col-4 {
    padding: 0;
    background-color: white;
    border: none;
    width: calc(33% - 2px);
}

/* WIADOMOŚCI */


.floating-link {
    position: absolute;
    background-color: #2ecc71;
    color: white;
    bottom: 30px;
    right: 30px;
    z-index: 500;
    font-size: 31pt;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 30px;
}

    .floating-link:hover {
        background-color: #27ae60;
        cursor: pointer;
    }

.mess-text1 {
    color: #878787;
    font-size: 19pt;
    font-weight: 500;
    padding-top: 20px;
    padding-left: 10px;
}

    .mess-text1 img {
        left: 10px;
        top: 60px;
        position: absolute;
        transform: rotate(90deg);
    }

.mess-text2 {
    color: #878787;
    font-size: 19pt;
    font-weight: 500;
    position: fixed;
    bottom: 130px;
    right: 140px;
}

    .mess-text2 img {
        position: absolute;
    }

.message-new {
    font-size: 14pt;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    text-decoration: none;
}

.message-col-left {
    top: 62px;
    position: absolute;
    width: 25%;
    height: calc(100vh - 103px);
    float: left;
    border-right: 1px solid #cfcfcf;
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl;
}

.message-col-right {
    width: calc(75% - 15px);
    position: absolute;
    left: calc(25% + 10px);
}

.message-item {
    border-right: 4px solid #53b2f2;
    background-color: #f2f2f2;
    position: relative;
    width: calc(100% - 3px);
    height: 64px;
    border-bottom: 1px solid #cfcfcf;
    direction: ltr;
}

.message-bar {
    height: 36px;
    direction: ltr;
    line-height: 36px;
    border-bottom: 1px solid #cfcfcf;
}

    .message-bar a {
        display: block;
        width: 25%;
        float: left;
        background-color: #2e353d;
        height: 36px;
        text-align: center;
        color: white;
        font-size: 13px;
        text-decoration: none;
    }

        .message-bar a:hover {
            background-color: #4f5b69;
            color: #89d0fa;
        }

.readed {
    border-right: 4px solid #cfcfcf;
}

.send {
    border-right: 4px solid #2ecc71;
}

.saved {
    border-right: 4px solid #f39c12;
}

.message-item:hover {
    background-color: #dedede;
}

.message-item .to-right {
    position: absolute;
    left: 48px;
    top: 10px;
    width: calc(100% - 48px);
    height: 100%;
}

.message-item .chbox {
    top: 9px;
    position: absolute;
    left: 8px;
}

.message-item .to-right a {
    text-decoration: none;
    display: block;
    font-size: 10pt !important;
    margin-bottom: 0;
    font-weight: 700;
}

.message-item .to-right from {
    font-size: 8pt !important;
    font-weight: 500;
}

.readed .to-right a {
    font-weight: 500 !important;
}


/*MODAL*/
.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5150;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    width: 640px;
    margin: 0 auto;
    margin-top: 80px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        position: absolute;
        right: 15px;
        top: 10px;
        background: none;
        border: none;
        font-size: 20pt;
    }

        .modal-header .close:hover {
            color: #3498db;
        }

.modal-body {
    position: relative;
    padding: 8px;
}

    .modal-body p {
        margin-top: 4px;
        margin-bottom: 4px;
    }

.modal-footer {
    padding: 8px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.modal-title {
    font-weight: 700;
}

/* Elementy podsumowania */

.dashboard-left {
    margin-right: 272px;
}

.dashboard-right {
    position: absolute;
    width: 270px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #f2f2f2;
    border-left: 1px solid #bdbdbd;
    box-shadow: -1px 0px 3px rgba(0,0,0,0.1);
}

.dashboard-bar {
    background-color: #f1f1f1;
    border-radius: 6px;
}

    .dashboard-bar .bar-item-warp {
        display: inline-block;
        width: calc(20% - 4px);
        height: 102px;
    }

        .dashboard-bar .bar-item-warp .bar-item {
            padding-top: 8px;
            padding-left: 6px;
            position: relative;
        }

            .dashboard-bar .bar-item-warp .bar-item .bar-icon {
                position: absolute;
                display: block;
                font-size: 16pt;
                top: 13px;
                left: 9px;
            }

            .dashboard-bar .bar-item-warp .bar-item temat {
                position: relative;
                padding-left: 30px;
                font-size: 10pt;
                margin-bottom: 0;
                color: #222222;
            }

                .dashboard-bar .bar-item-warp .bar-item temat small {
                    position: absolute;
                    left: 30px;
                    color: #929292;
                    top: 17px;
                    font-size: 6.7pt;
                    text-transform: uppercase;
                }

            .dashboard-bar .bar-item-warp .bar-item .count {
                font-size: 42pt;
            }

.dashboard-dark-bar {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
    color: white;
    background-color: #2e353d;
    font-size: 26px;
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    height: 46px;
    line-height: 46px;
    font-weight: 300;
}

.dashboard-link {
    border-radius: 6px;
    margin: 3px 2px 3px 2px;
    height: 130px;
    padding-top: 30px;
    text-align: center;
    display: inline-block;
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-bottom: 4px solid #3498db;
    width: calc(50% - 10px);
}

    .dashboard-link a span {
        transition: 200ms ease-in-out;
    }

    .dashboard-link:hover a span {
        transform: scale(1.1);
    }

.green {
    border-bottom: 4px solid #2ecc71;
}

.red {
    border-bottom: 4px solid #e74c3c;
}

.orange {
    border-bottom: 4px solid #e67e22;
}

.dashboard-link a {
    color: #222222;
    text-decoration: none;
}

    .dashboard-link a p {
        font-size: 14pt;
        font-weight: 400;
    }


.dashboard-right .dash-header {
    height: 40px;
    line-height: 37px;
    font-size: 13pt;
    padding-left: 10px;
    border-bottom: 1px solid #bdbdbd;
}

.dashboard-right .warp {
    padding: 4px;
    overflow: auto;
    height: calc(100% - 82px);
}

    .dashboard-right .warp .notification {
        border-left: 3px solid #3498db;
        padding-left: 6px;
        border-bottom: 1px solid #e4e4e4;
    }

        .dashboard-right .warp .notification small {
            font-size: 7pt;
            color: #949292;
        }

            .dashboard-right .warp .notification small span {
                padding-right: 4px;
            }

        .dashboard-right .warp .notification temat {
            font-size: 11pt;
            color: #222222;
            margin-bottom: 2px;
        }

        .dashboard-right .warp .notification p {
            margin: 0;
            padding-bottom: 6px;
            font-size: 8.5pt;
        }

.notification.notif-read {
    border-left: 3px solid #dcdcdc !important;
}

.notification.notif-success {
    border-left: 3px solid #2ecc71 !important;
}

.notification.notif-info {
    border-left: 3px solid #3498db !important;
}

.notification.notif-danger {
    border-left: 3px solid #e67e22 !important;
}

.notification.notif-warning {
    border-left: 3px solid #e74c3c !important;
}

.dashboard-right .dash-header .number {
    background-color: #de311f;
    color: white;
    font-size: 7pt;
    border-radius: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 130px;
}

input.btn {
    height: 28px;
}

.btn-dash {
    margin: 2px;
    text-align: center;
    width: calc(100% - 26px);
}

/* Brama */

.col-brama {
    margin: 0;
    margin-bottom: 4px;
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 4px;
    width: calc(22.05% - 15px);
    display: inline-block;
    vertical-align: top !important;
}

.col-brama-long {
    margin: 0;
    margin-bottom: 4px;
    border-radius: 6px;
    padding: 4px;
    width: calc(78.05% - 14px);
    display: inline-block;
    vertical-align: top !important;
}

.obrazkamera {
    position: relative;
    width: 100%;
}

    .obrazkamera img {
        width: 100%;
        height: 264px;
        border-radius: 6px;
    }

    .obrazkamera opis {
        padding-top: 5px;
        width: 100px;
    }

    .obrazkamera span {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        color: white;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        position: absolute;
        width: 100%;
        background-color: rgba(0,0,0,0.8);
        top: 0;
    }

.brama-bar {
    padding-left: 14px;
    padding-right: 14px;
    background-color: #2e353d;
    width: calc(100% - 28px);
    position: relative;
    height: 50px;
    line-height: 50px;
    border-radius: 6px;
    margin-bottom: 4px;
}

.brama-bar-text {
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-size: 22px;
}

.brama-bar-icons {
    color: white;
    font-size: 18px;
    float: right;
}

    .brama-bar-icons p {
        margin: 0;
    }

        .brama-bar-icons p span {
            margin-left: 2px;
        }

.graytext {
    color: #596169;
}

.redtext {
    color: red;
  
}

.greentext {
    color: lawngreen;
    
}

.yelowtext {
    color: yellow;
   
}

.whitetext {
    color: white;
   
}

.redtextcontrol {
    color: red;
    font-weight: bolder;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}




.blinkcontrol {
    animation: blinker 0.2s  infinite;
}

@keyframes blinker {
    30% {
        opacity: 0;
    }
}

    .tablicarejestracyjna {
        font-size: 21pt;
        text-transform: uppercase;
        border: 2px solid #2e353d;
        border-radius: 5px;
        width: 65%;
        height: 34px;
        background-size: 100%;
        line-height: 32px;
        background: white; /* Old browsers */
        background: -moz-linear-gradient(left, #3498db 0%, #3498db 13%, #ffffff 13.1%, #ffffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #3498db 0%,#3498db 13%,#ffffff 13.1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #3498db 0%,#3498db 13%,#ffffff 13.1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
        margin-bottom: 12px;
    }

    .textprzewoznik {
        display: block;
        font-size: 21pt;
        height: 36px;
        margin-bottom: 12px;
    }

    .opisypole div {
        padding-left: 3px;
        padding-right: 3px;
    }

    .opisypole div:hover {
        background-color: #2e353d;
        border-radius: 3px;
        color: white;
    }

    .opisypole .opisytext {
        font-weight: 500;
    }

    .headbar {
        position: relative;
    }

    .headbar .nagloweklewy {
        position: absolute;
        top: 0;
        left: 10px;
        font-size: 14pt;
    }

    .headbar .naglowekprawy {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 14pt;
    }

    .headbar .buttons {
        text-align: center;
    }

    .tabelka-rejestracja {
        padding-top: 8px;
    }

    .tabelka-rejestracja tr:hover {
        cursor: pointer;
    }

    .tabelka-rejestracja td {
        padding-bottom: 3px;
    }

    .tabelka-rejestracja .selected {
        background-color: #1887d0;
        color: white;
    }

    .tabelka-rejestracja .selected a {
        color: white;
    }

    .tabelka-rejestracja th {
        background-color: #2e353d;
        color: white;
    }

    .tabelka {
        padding-top: 8px;
    }

    .tabelka tr:hover {
        cursor: pointer;
    }

    .tabelka td {
        padding-bottom: 3px;
    }

    .tabelka .selected {
        background-color: #1887d0;
        color: white;
    }

    .tabelka .selected a {
        color: white;
    }

    .tabelka .przekroczony {
        background-color: rgba(237, 7, 0, 0.8);
        color: white;
    }

    .tabelka .przekroczony:nth-child(even) {
        background-color: rgba(237, 7, 0, 0.7);
    }

    .tabelka .wpisanypowod {
        background-color: rgba(252, 255, 0, 0.80);
    }

    .tabelka .wpisanypowod:nth-child(even) {
        background-color: rgba(252, 255, 0, 0.70);
    }

    .tabelka th {
        background-color: #2e353d;
        color: white;
    }

    .tab-left {
        width: calc(50% - 7px);
        white-space: nowrap;
        display: inline-block;
        border: 1px solid #cfcfcf;
        border-radius: 6px;
        margin-right: 2px;
        height: 250px;
        overflow: auto;
    }

    .tab-right {
        width: calc(50% - 7px);
        white-space: nowrap;
        display: inline-block;
        border: 1px solid #cfcfcf;
        border-radius: 6px;
        margin-left: 2px;
        height: 250px;
        overflow: auto;
    }

    .wagawrap {
        position: relative;
    }

    .wagaover {
        width: 100%;
        height: 30px;
        z-index: 1000;
        top: 0;
        left: 0;
        position: absolute;
    }
    /* Magazyn */
    .magazyn-waiting {
        display: block;
        border-bottom: 1px solid #cfcfcf;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 4pt;
        padding-top: 4pt;
    }

    .magazyn-waiting .info {
        background-color: #2e353d;
        color: white;
        padding: 1px;
        border-radius: 3px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 8.5pt;
    }

    .magazyn-waiting .car {
        font-weight: 500;
        font-size: 14pt;
    }

    .magazyn-waiting .driver {
        font-size: 11pt;
    }

    .magazyn-waiting .status {
        font-size: 10pt;
        font-weight: 700;
    }

    .magazyn-waiting .status.dojazd {
        color: #e67e22;
    }

    .magazyn-waiting .status.magazyn {
        color: #2ecc71;
    }

    .magazyn-waiting .status.wyjazd {
        color: #9b59b6;
    }

    .magazyn-przek {
        background-color: #2e353d;
        color: white;
        display: block;
        border-bottom: 2px solid #cfcfcf;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 4px;
        border-radius: 5px;
    }

    .magazyn-przek.zpowodem {
        opacity: 0.5;
    }

    .magazyn-przek .info {
        background-color: #797979;
        color: white;
        padding: 1px;
        border-radius: 3px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 8.5pt;
    }

    .magazyn-przek .car {
        color: #e74c3c;
        font-weight: 500;
        font-size: 16pt;
    }

    .magazyn-przek .driver {
        font-size: 11pt;
    }
    /* Wyszukiwanie proste */
    .podpowiedzistatus .smallpodpowiedzi {
        font-size: 8pt;
        margin-top: 2px;
        margin-bottom: 2px;
        color: #888;
    }

    .podpowiedzistatus h4 {
        margin: 0;
        font-size: 17pt;
        font-weight: 500 !important;
        text-decoration: none !important;
    }

    .podpowiedzistatus h4 a {
        text-decoration: none;
    }

    .podpowiedzistatus p {
        margin-top: 2px;
        margin-bottom: 1px;
    }

    .waga {
        padding: 6px;
        border-radius: 6px;
        background-color: #f2f2f2;
    }

    .waga .wagabox {
        vertical-align: top;
        display: inline-block;
        width: calc(50% - 4px);
    }

    .waga .wagabox .wagalabel {
        margin-bottom: 4px;
        display: block;
        background-color: #dedede;
        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 4px;
        font-size: 24pt;
        letter-spacing: 1px;
    }

    .waga .wagabox .wagalabel:after {
        content: " kg";
        font-size: 16pt;
    }

    .toggle tr {
        display: inline;
        width: 33%;
    }

    .wazenie {
        margin-top: 3px;
    }

    .toggle input[type=radio] {
        -webkit-appearance: none;
        appearance: none;
        width: 100px;
        height: 27px;
        margin: 0;
        background-color: #e9e9e9;
        border-radius: 4px;
        box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2)
    }

    .toggle input[type=radio]:checked {
        background-color: #3498db;
    }

    .toggle input[type=radio]:checked + label {
        color: white;
        font-weight: 500;
    }

    table.toggle {
        display: inline;
    }

    .toggle td {
        position: relative;
    }

    .toggle label {
        left: 0;
        height: 27px;
        width: 100px;
        text-align: center;
        line-height: 27px;
        position: absolute;
        margin-left: 3px;
    }

    .toggle input[type=radio]:checked.label {
        background-color: red;
    }
    /* Drukowanie dla klasy print */
    .printhidden {
        display: none;
        max-height: 100%;
    }

    .isRed {
        color: #e74c3c;
    }

    .isGreen {
        color: #2ecc71;
    }

    .isOrange {
        color: #e67e22;
    }

    .isYellow {
        color: #f1c40f;
    }


    @media print {
        .second-sidebar-open {
        display: none;
    }

    .sidebar {
        display: none;
    }

    .navbar {
        display: none;
    }

    .container {
        display: none;
    }

    .content {
        display: block;
        width: 100%;
        height: auto;
        margin-left: 0;
        overflow: hidden;
    }

    .printhidden {
        display: block;
    }

    .loading-div {
        display: none;
    }

    .push-container {
        display: none;
    }
}