body {  background: #333 center 36px ; margin: 0 auto; }
body, td, th, input, textarea, option { font-size: 12px; }

a img {border: 0;}


#page { background-color: #FFFFFF; }

.list { border-collapse: collapse; border: 1px solid #666; }
.list tr td,.list tr th  { padding: 4px 7px; border: 1px solid #666; margin: 0;  text-align: center;}
.zebra { background: #F8F8F8; }
.list tr:hover { background: #FFFF88; }
.select { border: 1px solid black; width: 250px; padding: 5px; cursor: hand; cursor: pointer; margin:-1px auto;}
.chosen {background: #9e0b0f; color: #FFF;}
.separate-bottom {margin-bottom: 10px;}
.separate-top {margin-top: 10px;}
.lp {width: 50px;}
.datetime {width: 80px;}
.no-margin-top,
.no-margin-top.alert
{margin-top: 0}
.no-margin-bottom,
.no-margin-bottom.alert
{margin-bottom: 0}
.small-margin-bottom,
.small-margin-bottom.alert
{margin-bottom: 4px;}
.margin-left
{margin-left: 10px;}
.margin-right
{margin-right: 10px;}
.text-bold {font-weight: bold}
.bg-gray {background: #555;color: #ffffff}
.dno {display: none}
.input-group {width: 100%}
.loader {display: inline-block;margin-right: 10px;}
.nowrap {white-space: nowrap}

label.required:before
{
    content: "*";
    color: #9e0b0f;
    display: inline-block;
    margin-right: 5px;
}

.label
{
    font-size: 100%;
    font-weight: normal;
}

.label a
{
    color: #fff;
    position: relative;
    top: 2px;
}

.navbar #logo
{
    display: inline-block;
    margin: 10px 10px 0 0;
}

.navbar-default.navbar-static-top
{
    background: #555;
    margin-bottom: 0;
    border: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
}

.navbar-static-top .container-fluid {}

.navbar-default .navbar-nav>li>a {color: #CCC; font-size:14px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus
{color: #ffffff;background-color: #9E0B0F;}

#account-detail {}

@media (min-width:768px)
{
    #account-detail
    {
        padding-top: 8px;
        padding-bottom: 22px;
    }
}

#profile-info {padding-bottom: 5px;font-size: 13px;}

#account-list {background-color: #ebebeb;width: 250px;font-size: 13px;border-top: 1px solid #d8d8d8;}
#account-list h6 {color: gray;}
#account-list .input-group {width: 100%;}
#account-list .input-group-addon
{
    line-height: 0;
    padding: 4px 0 0 0;
    position: absolute;
    left: 1px;
    top: 1px;
    height: 24px;
    width: 20px;
    display: inline-block;
    z-index: 3;
    border: 0;
    font-size: 12px;
    color: gray;
    background-color: #fff;
}

#account-list .input-group .form-control
{
    height: 26px;
    padding-left: 25px;
    border-radius: 0;
    box-shadow: 0 0 0;
}

#account-list .list-group-item:first-child {border-radius: 0;}
#account-list .list-group-item:last-child {border-radius: 0;}
#account-list .list-group-item {border: 0;background-color: transparent;margin-left: -15px;margin-right: -15px;padding: 6px 0 6px 15px;}
#account-list .list-group-item:hover {background-color: #f5f5f5;}
.dropdown-menu {padding-bottom: 0;z-index: 1002;}

table.jqplot-table-legend {border: 0;}
.dno {display: none;}
.wrappe {padding: 10px;}

/** Zakładki */
.nav-tabs {margin-bottom: 20px;}

/** Nagłówek strony */
.page-header h1,
.page-header h2
{margin-top: 0}

/**
 * RAPORTY
 */

#form-report {}
#form-report.form-inline .control-label
{
    font-weight: normal;
    font-size: 12px;
    color: #949494;
}
#form-report .btn.dropdown-full,
#form-report .btn-group-full,
#form-report .checkbox
{
    text-align: left;
    width: 100%;
}

#form-report .checkbox
{
    line-height: 34px;
}

#form-report .btn-group-full .caret
{
    float: right;
    margin-top: 9px;
}

#form-report .btn-group-full ul.dropdown-menu li
{
    position: relative;
}

#form-report .btn-group-full ul.dropdown-menu li:hover
{
    background-color: #f5f5f5;
}

#form-report .btn-group-full ul.dropdown-menu li:hover a.edit,
#form-report .btn-group-full ul.dropdown-menu li:hover a.remove
{
    display: block;
}

#form-report a
{
    padding: 5px 50px 5px 12px;
}

#form-report a.edit,
#form-report a.remove
{
    position: absolute;
    padding: 0;
    top: 5px;
    color: #999;
    display: none;
}

#form-report a.edit {right: 25px;}
#form-report a.edit:hover {color: dodgerblue;}
#form-report a.remove {right: 6px;}
#form-report a.remove:hover {color: darkred;}
#form-report a.add{padding: 5px 12px;}

#form-report .tag
{
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    margin: 10px 5px 0 0;
    padding: 5px 10px;
}

#form-report .tag
{
    cursor: pointer;
}

#form-report .tag.disabled
{
    color: #535353;
    text-decoration: line-through;
}

.generated
{
    font-size: 11px;
    margin-bottom: 10px;
}

.has-error .control-label {color: #000}
.alert {margin: 10px 0;}
.action {width: 80px;}

/* Zestawy */
.connectedSortable {padding-bottom : 20px;}
.connectedSortable li {border: 1px solid #dedede; cursor: move;background-color: #fff;}
.list-group-item:hover
{
    text-decoration: none;
    background-color: #f5f5f5;
}

/* Formularz logowania */
.login-panel
{
    position: absolute;
    top: 50%;
    margin-top: -165px;
    left: 50%;
    margin-left: -150px;
}
.login-panel #logo {position: absolute;display: inline-block;top:0;}
.login-panel .panel-title {padding: 0 40px}

#form-cameras .input-group-addon
{
    width: 40px;
}

/** Color Picker */
.input-group-addon .color-preview {
    width: 14px;
    height: 14px;
    background: #FFF;
    display: inline-block;
    border: 1px solid #ebebeb;
}

/* Podgląd mapy */
#map {position: relative}
#map .counter
{
    border-radius: 5px 5px 5px 5px;
    position: absolute;
    background: #888;
    color: white;
    padding: 5px;
    border: 1px solid black;
    font-weight: bold;
    cursor: move;
}

#map button
{
    background: transparent;
    color: #fff;
    margin: -5px;
    font-weight: bold;
    border: 1px solid black;
}

#map button.alarm
{
    background-color: red;
    transform: scale(1.3);
}

.popover
{
    width: 276px;
    color: #222;
}

.popover .cancel
{
    color: #8B8B8B;
    padding: 0 5px 0 0;
    font-size: 18px;
    text-decoration: none;
}

.popover .cancel:hover
{color: #222;}

/* Monitorowanie kamer */
#monitor-camera td.item:hover {background-color: #dff0d8}

/* Konfiguracja */
.nav-pills {margin: 0 -15px;}
.nav-pills>li>a {border-radius: 0;}
.configuration-main {border-left: 1px solid #e7e7e7; min-height: 600px}

/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../images/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}
.icheckbox_minimal.hover {
    background-position: -20px 0;
}
.icheckbox_minimal.checked {
    background-position: -40px 0;
}
.icheckbox_minimal.disabled {
    background-position: -60px 0;
    cursor: default;
}
.icheckbox_minimal.checked.disabled {
    background-position: -80px 0;
}

.iradio_minimal {
    background-position: -100px 0;
}
.iradio_minimal.hover {
    background-position: -120px 0;
}
.iradio_minimal.checked {
    background-position: -140px 0;
}
.iradio_minimal.disabled {
    background-position: -160px 0;
    cursor: default;
}
.iradio_minimal.checked.disabled {
    background-position: -180px 0;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url(../images/minimal@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker
{
    position : relative
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu
{
    left  : auto;
    right : 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before
{
    left  : auto;
    right : 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after
{
    left  : auto;
    right : 13px
}

.bootstrap-timepicker .add-on
{
    cursor : pointer
}

.bootstrap-timepicker .add-on i
{
    display : inline-block;
    width   : 16px;
    height  : 16px
}

.bootstrap-timepicker-widget.dropdown-menu
{
    padding : 4px
}

.bootstrap-timepicker-widget.dropdown-menu.open
{
    display : inline-block;
    z-index : 10000
}

.bootstrap-timepicker-widget.dropdown-menu:before
{
    border-bottom : 7px solid rgba(0, 0, 0, 0.2);
    border-left   : 7px solid transparent;
    border-right  : 7px solid transparent;
    content       : "";
    display       : inline-block;
    position      : absolute
}

.bootstrap-timepicker-widget.dropdown-menu:after
{
    border-bottom : 6px solid #fff;
    border-left   : 6px solid transparent;
    border-right  : 6px solid transparent;
    content       : "";
    display       : inline-block;
    position      : absolute
}

.bootstrap-timepicker-widget.timepicker-orient-left:before
{
    left : 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after
{
    left : 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before
{
    right : 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after
{
    right : 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before
{
    top : -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after
{
    top : -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before
{
    bottom        : -7px;
    border-bottom : 0;
    border-top    : 7px solid #CCC
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after
{
    bottom        : -6px;
    border-bottom : 0;
    border-top    : 6px solid #fff
}

.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input
{
    border-radius : 3px
}

.bootstrap-timepicker-widget table
{
    width  : 100%;
    margin : 0
}

.bootstrap-timepicker-widget table td
{
    text-align : center;
    height     : 30px;
    margin     : 0;
    padding    : 2px
}

.bootstrap-timepicker-widget table td:not(.separator)
{
    min-width : 30px
}

.bootstrap-timepicker-widget table td span
{
    width : 100%
}

.bootstrap-timepicker-widget table td a
{
    border  : 1px transparent solid;
    width   : 100%;
    display : inline-block;
    margin  : 0;
    padding : 0;
    outline : 0;
    color   : #303641
}

.bootstrap-timepicker-widget table td a:hover
{
    text-decoration         : none;
    background-color        : #f5f5f6;
    -webkit-background-clip : padding-box;
    -moz-background-clip    : padding;
    background-clip         : padding-box;
    -webkit-border-radius   : 3px;
    -moz-border-radius      : 3px;
    border-radius           : 3px;
    border-color            : #ebebeb
}

.bootstrap-timepicker-widget table td a i
{
    margin-top : 2px
}

.bootstrap-timepicker-widget table td a i:before
{

    font-size   : 12px;
    font-style  : normal
}

.bootstrap-timepicker-widget table td a i.icon-chevron-up:before
{

}

.bootstrap-timepicker-widget table td a i.icon-chevron-down:before
{

}

.bootstrap-timepicker-widget table td input
{
    width      : 25px;
    margin     : 0;
    text-align : center;
    outline    : 0;
    border     : 0;
    background : transparent
}

.bootstrap-timepicker-widget table td input:focus
{
    background : #f5f5f6
}

.bootstrap-timepicker-widget .modal-content
{
    padding : 4px
}

.date-and-time > input.datepicker
{
    float : left;
    width : 70%
}

.date-and-time > input.timepicker
{
    float : right;
    width : 30%
}

.date-and-time > input:first-child
{
    -webkit-border-radius   : 3px 0 0 3px;
    -webkit-background-clip : padding-box;
    -moz-border-radius      : 3px 0 0 3px;
    -moz-background-clip    : padding;
    border-radius           : 3px 0 0 3px;
    background-clip         : padding-box;
    -webkit-border-radius   : 3px 0 0 3px;
    -moz-border-radius      : 3px 0 0 3px;
    border-radius           : 3px 0 0 3px;
    border-right            : 0
}

.date-and-time > input:last-child
{
    -webkit-border-radius   : 0 3px 3px 0;
    -webkit-background-clip : padding-box;
    -moz-border-radius      : 0 3px 3px 0;
    -moz-background-clip    : padding;
    border-radius           : 0 3px 3px 0;
    background-clip         : padding-box;
    -webkit-border-radius   : 0 3px 3px 0;
    -moz-border-radius      : 0 3px 3px 0;
    border-radius           : 0 3px 3px 0
}

@media (min-width : 767px)
{
    .bootstrap-timepicker-widget.modal
    {
        width       : 200px;
        margin-left : -100px
    }
}

@media (max-width : 767px)
{
    .bootstrap-timepicker
    {
        width : 100%
    }

    .bootstrap-timepicker .dropdown-menu
    {
        width : 100%
    }
}

/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */

.colorpicker-saturation {
    float: left;
    width: 100px;
    height: 100px;
    cursor: crosshair;
    background-image: url("../images/bootstrap-colorpicker/saturation.png");
}

.colorpicker-saturation i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 -4px;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.colorpicker-saturation i b {
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
    float: left;
    width: 15px;
    height: 100px;
    margin-bottom: 4px;
    margin-left: 4px;
    cursor: row-resize;
}

.colorpicker-hue i,
.colorpicker-alpha i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #000;
    border-top: 1px solid #fff;
}

.colorpicker-hue {
    background-image: url("../images/bootstrap-colorpicker/hue.png");
}

.colorpicker-alpha {
    display: none;
    background-image: url("../images/bootstrap-colorpicker/alpha.png");
}

.colorpicker {
    top: 0;
    left: 0;
    z-index: 2500;
    min-width: 130px;
    *zoom: 1;
}

.colorpicker:before,
.colorpicker:after {
    display: table;
    line-height: 0;
    content: "";
}

.colorpicker:after {
    clear: both;
}

.colorpicker:before {
    position: absolute;
    top: -7px;
    left: 6px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.colorpicker:after {
    position: absolute;
    top: -6px;
    left: 7px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.colorpicker div {
    position: relative;
}

.colorpicker.colorpicker-with-alpha {
    min-width: 140px;
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
    display: block;
}

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url("../images/bootstrap-colorpicker/alpha.png");
    background-position: 0 100%;
}

.colorpicker-color div {
    height: 10px;
}

.colorpicker-element .input-group-addon i {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none;
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    height: auto;
    min-width: 110px;
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
    margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
    width: 100px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    float: left;
    width: 100px;
    height: 15px;
    margin-bottom: 4px;
    margin-left: 0;
    cursor: col-resize;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 15px;
    margin-top: 0;
    background: #ffffff;
    border: none;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
    background-image: url("../images/bootstrap-colorpicker/hue-horizontal.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    background-image: url("../images/bootstrap-colorpicker/alpha-horizontal.png");
}

.colorpicker.colorpicker-hidden {
    display: none;
}

.colorpicker.colorpicker-visible {
    display: block;
    z-index: 1050;
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block;
}

.table-compare.table-bordered>tbody>tr>td
{
    border: 1px solid #F2F2F2;
}

.table-compare .item-first
{
    border-top: 2px solid #ddd;
}

.table-compare tfoot
{border-top: 2px solid #818181;}

.date-picker-wrapper
{z-index: 3}

.btn-icon .fa
{color: #999}

.icon-group
{
    position: relative;
    margin-right: 12px;
}

.icon-text
{
    position: absolute;
    right: -8px;
    background-color: #ee4749;
    color: #fff;
    border-radius: 100%;
    padding: 3px 6px;
    font-size: 9px;
    top: -5px;
}

input[type=radio],
input[type=checkbox]
{margin: 0}

.modal-body .alert
{margin: 0 0 10px;}

.report-mail-send
{margin-bottom: 10px;}

.report-mail-send small
{color: #428bca;}

.heatmap
{
    position: relative;
    display: inline-block;
}

.heatmap li:not(.active)
{
    position: absolute;
    top:0;
}

.heatmap-slider
{
    margin-bottom: 50px;
    padding: 0 30px;
}

.heatmap-slider.hide-2label .ui-slider-pips .ui-slider-pip:nth-child(2n+1) .ui-slider-label
{
    display: none;
}

.heatmap-slider .ui-slider-pips .ui-slider-label
{
    width: 6em;
    margin-left: -3em;
}


.heatmap-list-type
{
    display: inline-block;
    border: 1px solid #e3e3e3;
    top: -40px;
    position: relative;
    background: #fff;
    font-size: 0;
}

.heatmap-list-type li
{
    border-left: 1px solid #e3e3e3;
    padding: 0;
}

.heatmap-list-type li:first-child
{border-left: 0}

.heatmap-list-type a
{
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    color: #808080;
}

.heatmap-list-type a:hover,
.heatmap-list-type .active a
{
    background-color: #e8e8e8;
    text-decoration: none;
    color: #333;
}

@media (min-width: 1170px)
{
    .modal-lg
    {
        width: 1080px;
    }
}