.popup-body .table tbody > tr > th {
    font-weight: 400;
    width: 50%;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 3px;
    line-height: 1;
    vertical-align: top;
    border-top: 1px solid #000000;
}

.group-list > li.active {
    background: #bebebe;
}

.form-control {
    border: 1px solid #bfbfbf;
}

#header .main-navbar .navbar-nav > li > a > .icon,
.navbar-main .navbar-nav > li > a > .icon {
    color: #000000;
}

.icon.options:before {
    color: #444444;
}

.group-list > li > .name [data-device="time"] {
    color: #bb2323;
    font-size: 0.9em;
}

.btn-collapse {
    color: #14f20d;
    background: #808080;
}

#sidebar .btn-collapse::after,
.btn-collapse.collapse-left::after {
    border-top: 20px solid #808080;
}

#sidebar .btn-collapse::before,
.btn-collapse.collapse-left::before {
    border-bottom: 20px solid #808080;
}

.dropdown-menu > li > a > .icon,
.leaflet-control-layers .leaflet-control-layers-list > li > a > .icon {
    color: #221e1e;
}

.action-icon {
    background: #8df016;
}

#gps-device-parameters-view .popup-header .popup-title {
    background-color: #adadad;
    border-top-left-radius: 10px;
}

.leaflet-popup-device .leaflet-popup-content {
    border-radius: 10px;
}

#gps-device-parameters-view .popup-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#gps-device-parameters-view .popup-header .nav-tabs,
#gps-device-parameters-view .popup-header .nav-tabs > li:last-child a {
    border-top-right-radius: 10px;
}

#gps-device-parameters-view .popup-body {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#gps-device-parameters-view .popup-body .table > tbody > tr > th,
#gps-device-parameters-view .popup-body .table > tbody > tr > td {
    padding: 1px;
}

.icon.options::before {
    color: #0d0d0d;
}

.ico-options-v::before,
.icon.options::before {
    content: "\e936";
}

.group-list > li > .details {
    color: #0f0f0f;
}

#widgets .btn-collapse::after,
.btn-collapse.collapse-top::after {
    border-bottom: 20px solid #808080;
}

#widgets .btn-collapse::before,
.btn-collapse.collapse-top::before {
    border-bottom: 20px solid #808080;
}

#widgets .widgets-content {
    color: #0b0b0b;
}

#widgets .widget-sensors .table .icon {
    color: #716565;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text::after,
.bootstrap-select.btn-group.show-tick .leaflet-control-layers .leaflet-control-layers-list li a span.text::after,
.leaflet-control-layers .bootstrap-select.btn-group.show-tick .leaflet-control-layers-list li a span.text::after {
    border: 1px solid #242222;
}

.nav-default > li > a {
    color: #0b0a0a;
    background-color: #cec4c4;
}


/* ==========================================
   WERSJA MOBILNA
   ========================================== */

body.mobile-version #widgets {
    display: none !important;
}

body.mobile-version #bottombar {
    display: none !important;
}

body.mobile-version div.tooltip.fade.top.in {
    display: none !important;
}

body.mobile-version a[data-modal="my_account_settings_edit"] {
    display: none !important;
}


/* ==========================================
   CZUJNIKI
   Szerokość ustawia JavaScript
   ========================================== */

#widgets div[data-device="sensors"] {
    display: block !important;
    white-space: nowrap !important;
    min-width: 100% !important;
}

#widgets div[data-device="sensors"] > table.table {
    display: inline-table !important;
    float: none !important;
    vertical-align: top !important;
    table-layout: auto !important;
    margin: 0 8px 0 0 !important;
}

#widgets div[data-device="sensors"] > table.table td,
#widgets div[data-device="sensors"] > table.table th {
    white-space: nowrap !important;
}

#widgets div[data-device="sensors"] > table.table td:first-child,
#widgets div[data-device="sensors"] > table.table th:first-child {
    padding-right: 12px !important;
}

#widgets div[data-device="sensors"] > table.table td:last-child,
#widgets div[data-device="sensors"] > table.table th:last-child {
    padding-left: 8px !important;
}

#widgets .widget-body {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
/* =========================================================
   KOMUNIKAT O NOWEJ APLIKACJI GPS ESSA
   Wklej na końcu obecnego Custom CSS
   ========================================================= */

#essa-new-app-warning {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
    padding: 12px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: rgba(4, 20, 38, 0.82) !important;

    font-family: Arial, Helvetica, sans-serif !important;
}

#essa-new-app-warning,
#essa-new-app-warning * {
    box-sizing: border-box !important;
}

#essa-new-app-warning .essa-new-app-box {
    position: relative !important;

    width: 100% !important;
    max-width: 540px !important;

    margin: auto !important;
    padding: 27px 30px 21px !important;

    color: #0b285f !important;
    background: #ffffff !important;

    border: 1px solid rgba(20, 70, 130, 0.15) !important;
    border-radius: 24px !important;

    box-shadow:
        0 22px 65px rgba(0, 0, 0, 0.42),
        0 4px 14px rgba(0, 0, 0, 0.14) !important;

    text-align: center !important;
}

#essa-new-app-warning .essa-new-app-close {
    position: absolute !important;
    top: 8px !important;
    right: 12px !important;
    z-index: 5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 45px !important;
    height: 45px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0b285f !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 50% !important;
    outline: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 42px !important;
    line-height: 42px !important;
    font-weight: 300 !important;

    cursor: pointer !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

#essa-new-app-warning .essa-new-app-close:active {
    background: rgba(15, 75, 160, 0.09) !important;
    transform: scale(0.94) !important;
}

#essa-new-app-warning .essa-new-app-title {
    margin: 0 38px 12px !important;
    padding: 0 !important;

    color: #0b285f !important;

    font-size: 31px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;

    text-align: center !important;
}

#essa-new-app-warning .essa-new-app-logo {
    display: block !important;

    width: 175px !important;
    height: 175px !important;

    margin: 3px auto 9px !important;

    object-fit: contain !important;

    border: 0 !important;
    border-radius: 50% !important;

    box-shadow: 0 9px 18px rgba(0, 37, 91, 0.17) !important;
}

#essa-new-app-warning .essa-new-app-description {
    margin: 4px 0 16px !important;
    padding: 0 !important;

    color: #071e50 !important;

    font-size: 19px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;

    text-align: center !important;
}

#essa-new-app-warning .essa-new-app-date-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 17px !important;

    width: 100% !important;

    margin: 0 auto 14px !important;
    padding: 13px 17px !important;

    background: linear-gradient(
        135deg,
        #fff8f8 0%,
        #fff0f0 100%
    ) !important;

    border: 1px solid #ff9e9e !important;
    border-radius: 13px !important;
}

#essa-new-app-warning .essa-new-app-calendar {
    position: relative !important;

    flex: 0 0 51px !important;

    width: 51px !important;
    height: 53px !important;

    border: 4px solid #1477ef !important;
    border-radius: 7px !important;
}

#essa-new-app-warning .essa-calendar-top {
    position: absolute !important;
    top: 9px !important;
    right: 0 !important;
    left: 0 !important;

    height: 4px !important;

    background: #1477ef !important;
}

#essa-new-app-warning .essa-new-app-calendar::before,
#essa-new-app-warning .essa-new-app-calendar::after {
    content: "" !important;

    position: absolute !important;
    top: -9px !important;

    width: 5px !important;
    height: 13px !important;

    background: #1477ef !important;
    border-radius: 3px !important;
}

#essa-new-app-warning .essa-new-app-calendar::before {
    left: 9px !important;
}

#essa-new-app-warning .essa-new-app-calendar::after {
    right: 9px !important;
}

#essa-new-app-warning .essa-calendar-grid {
    position: absolute !important;
    top: 20px !important;
    right: 6px !important;
    bottom: 5px !important;
    left: 6px !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-content: space-between !important;
    justify-content: space-between !important;
}

#essa-new-app-warning .essa-calendar-grid i {
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    margin: 1px !important;
    background: #1477ef !important;
    border-radius: 1px !important;
}

#essa-new-app-warning .essa-new-app-date-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    text-align: center !important;
}

#essa-new-app-warning .essa-new-app-date-text {
    margin: 0 0 3px !important;

    color: #0b285f !important;

    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

#essa-new-app-warning .essa-new-app-date {
    color: #e62323 !important;

    font-size: 29px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
    text-align: center !important;
}

#essa-new-app-warning .essa-new-app-separator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 0 auto 12px !important;
}

#essa-new-app-warning .essa-new-app-separator span {
    display: block !important;
    flex: 1 1 auto !important;

    height: 2px !important;

    background: #2b86ef !important;
}

#essa-new-app-warning .essa-new-app-separator i {
    display: block !important;
    flex: 0 0 8px !important;

    width: 8px !important;
    height: 8px !important;

    background: #1477ef !important;
    border-radius: 50% !important;
}

#essa-new-app-warning .essa-new-app-instruction {
    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #0b285f !important;

    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    text-align: center !important;
}

#essa-new-app-warning .essa-new-app-instruction strong {
    color: #1477ef !important;
    font-weight: 800 !important;
}

#essa-new-app-warning .essa-new-app-stores {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 auto 14px !important;
    padding: 11px 12px !important;

    background: linear-gradient(
        135deg,
        #eef8ff 0%,
        #e6f2ff 100%
    ) !important;

    border: 1px solid #b9dcff !important;
    border-radius: 13px !important;
}

#essa-new-app-warning .essa-store {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    flex: 1 1 50% !important;
    min-width: 0 !important;

    padding: 2px 5px !important;

    text-align: left !important;
}

#essa-new-app-warning .essa-store-divider {
    flex: 0 0 1px !important;

    width: 1px !important;
    min-height: 59px !important;

    margin: 0 9px !important;

    background: #7bbaff !important;
}

#essa-new-app-warning .essa-store-text {
    min-width: 0 !important;
}

#essa-new-app-warning .essa-store-name {
    margin: 0 0 4px !important;

    color: #0b285f !important;

    font-size: 17px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
}

#essa-new-app-warning .essa-store-search {
    color: #0b285f !important;

    font-size: 13px !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}

#essa-new-app-warning .essa-store-search strong {
    font-weight: 800 !important;
}

#essa-new-app-warning .essa-google-play-icon {
    position: relative !important;

    flex: 0 0 46px !important;

    width: 46px !important;
    height: 53px !important;

    overflow: hidden !important;
}

#essa-new-app-warning .essa-play-green,
#essa-new-app-warning .essa-play-blue,
#essa-new-app-warning .essa-play-red,
#essa-new-app-warning .essa-play-yellow {
    position: absolute !important;
    display: block !important;
}

#essa-new-app-warning .essa-play-green {
    top: 1px !important;
    left: 2px !important;

    width: 0 !important;
    height: 0 !important;

    border-top: 25px solid transparent !important;
    border-bottom: 25px solid transparent !important;
    border-left: 37px solid #20c461 !important;
}

#essa-new-app-warning .essa-play-blue {
    top: 1px !important;
    left: 3px !important;

    width: 0 !important;
    height: 0 !important;

    border-top: 25px solid #24a8ef !important;
    border-right: 19px solid transparent !important;
}

#essa-new-app-warning .essa-play-red {
    bottom: 2px !important;
    left: 3px !important;

    width: 0 !important;
    height: 0 !important;

    border-bottom: 25px solid #ef3e46 !important;
    border-right: 19px solid transparent !important;
}

#essa-new-app-warning .essa-play-yellow {
    top: 17px !important;
    right: 0 !important;

    width: 0 !important;
    height: 0 !important;

    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    border-left: 17px solid #ffd33d !important;
}

#essa-new-app-warning .essa-app-store-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 50px !important;

    width: 50px !important;
    height: 50px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #28c1f5 0%,
        #0876eb 100%
    ) !important;

    border-radius: 12px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    box-shadow: 0 3px 8px rgba(5, 98, 210, 0.24) !important;
}

#essa-new-app-warning .essa-new-app-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    padding-top: 13px !important;

    color: #0b285f !important;

    border-top: 1px solid #c9def7 !important;

    font-size: 16px !important;
    line-height: 1.25 !important;

    text-align: center !important;
}

#essa-new-app-warning .essa-shield {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 29px !important;

    width: 29px !important;
    height: 33px !important;

    color: #1477ef !important;
    background: #ffffff !important;

    border: 3px solid #1477ef !important;
    border-radius: 9px 9px 13px 13px !important;

    font-size: 16px !important;
    font-weight: 800 !important;
}


/* TELEFONY */

@media screen and (max-width: 600px) {

    #essa-new-app-warning {
        align-items: flex-start !important;
        padding: 9px !important;
    }

    #essa-new-app-warning .essa-new-app-box {
        max-width: 460px !important;

        margin: 7px auto !important;
        padding: 22px 17px 17px !important;

        border-radius: 20px !important;
    }

    #essa-new-app-warning .essa-new-app-title {
        margin: 0 33px 9px !important;

        font-size: 25px !important;
    }

    #essa-new-app-warning .essa-new-app-logo {
        width: 140px !important;
        height: 140px !important;
    }

    #essa-new-app-warning .essa-new-app-description {
        margin-bottom: 12px !important;

        font-size: 16px !important;
    }

    #essa-new-app-warning .essa-new-app-date-box {
        gap: 10px !important;
        padding: 11px 8px !important;
    }

    #essa-new-app-warning .essa-new-app-calendar {
        flex-basis: 43px !important;

        width: 43px !important;
        height: 46px !important;
    }

    #essa-new-app-warning .essa-new-app-date-text {
        font-size: 14px !important;
    }

    #essa-new-app-warning .essa-new-app-date {
        font-size: 23px !important;
    }

    #essa-new-app-warning .essa-new-app-instruction {
        font-size: 15px !important;
    }

    #essa-new-app-warning .essa-new-app-stores {
        padding: 9px 5px !important;
    }

    #essa-new-app-warning .essa-store {
        gap: 6px !important;
        padding: 2px !important;
    }

    #essa-new-app-warning .essa-store-divider {
        margin: 0 4px !important;
    }

    #essa-new-app-warning .essa-google-play-icon {
        flex-basis: 35px !important;

        width: 35px !important;
        height: 42px !important;

        transform: scale(0.76) !important;
    }

    #essa-new-app-warning .essa-app-store-icon {
        flex-basis: 39px !important;

        width: 39px !important;
        height: 39px !important;

        border-radius: 9px !important;

        font-size: 24px !important;
    }

    #essa-new-app-warning .essa-store-name {
        font-size: 14px !important;
    }

    #essa-new-app-warning .essa-store-search {
        font-size: 10px !important;
    }

    #essa-new-app-warning .essa-new-app-footer {
        gap: 6px !important;

        font-size: 13px !important;
    }

    #essa-new-app-warning .essa-shield {
        flex-basis: 25px !important;

        width: 25px !important;
        height: 28px !important;

        font-size: 13px !important;
    }
}


/* BARDZO WĄSKIE TELEFONY */

@media screen and (max-width: 380px) {

    #essa-new-app-warning .essa-new-app-title {
        font-size: 22px !important;
    }

    #essa-new-app-warning .essa-new-app-logo {
        width: 118px !important;
        height: 118px !important;
    }

    #essa-new-app-warning .essa-new-app-description {
        font-size: 14px !important;
    }

    #essa-new-app-warning .essa-new-app-date {
        font-size: 20px !important;
    }

    #essa-new-app-warning .essa-new-app-stores {
        display: block !important;
    }

    #essa-new-app-warning .essa-store {
        justify-content: flex-start !important;

        max-width: 220px !important;
        margin: 0 auto !important;
        padding: 6px 0 !important;
    }

    #essa-new-app-warning .essa-store-divider {
        width: 100% !important;
        height: 1px !important;
        min-height: 1px !important;

        margin: 3px 0 !important;
    }

    #essa-new-app-warning .essa-store-name {
        font-size: 15px !important;
    }

    #essa-new-app-warning .essa-store-search {
        font-size: 12px !important;
    }
}