/* uikit */
::-moz-selection {
    color: #fff;
    background: #0096d0;
}

::selection {
    color: #fff;
    background: #0096d0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #00bbff;
}

.form-element:not(.form-element-multiselectCheckbox) .select2-container--default .select2-results__option[aria-selected=true]::after {
    content: '\f058';
    color: #00bbff;
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #00bbff;
}

.form-element:not(.form-element-multiselectCheckbox) .select2-container--default .select2-results__option--highlighted[aria-selected]::after {
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #007ba8;
    background: #00bbff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #007ba8;
    color: #fff;
}

a {
    color: #0085b5;
}

a:hover,
a:focus {
    color: #00729c;
    text-decoration: none;
}

*:focus,
*:active,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline-color: #00bbff;
}

/* bootstrap-datetimepicker styles */

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    border-bottom: 1px solid #0096d0;
}

.bootstrap-datetimepicker-widget table th.prev,
.bootstrap-datetimepicker-widget table th.next {
    color: #008ec2;
}

.bootstrap-datetimepicker-widget table th.prev:hover,
.bootstrap-datetimepicker-widget table th.next:hover {
    color: #007ba8;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #008ec2;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #008ec2;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #008ec2;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #0096d0;
}

.form-control:focus,
.bootstrap-switch.bootstrap-switch-focused {
    border-color: #00bbff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 187, 255, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 187, 255, 0.6);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #0096d0;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #0096d0;
    border-color: #0096d0;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #4dcfff;
}

.tiny-scrollbar .thumb {
    height: 20px;
    width: 5px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0px;
    opacity: 0.4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #0096d0;
}

/* ----- */

.btn-toolbar .btn-default:hover {
    border-color: #ccc;
}

h4 .fa {
    margin-left: 6px;
}

.main-header .navbar {
    background-color: #0096d0;
}

.main-header .navbar .nav > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    height: 50px;
    min-width: 50px;
    text-align: center;
}

.main-header .navbar .nav > li > a .fa {
    font-size: 18px;
}

.main-header .nav .open > a {
    background: none;
}

.main-header .nav .open > a[data-toggle="dropdown"],
.main-header button:hover,
.main-header .nav > li > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
}

div#right_naglowek_m {
    background: #0096d0;
    color: #fff;
}

#naglowek_tree a {
    color: #fff;
}

#naglowek_tree a:focus,
#naglowek_tree a:hover {
    color: #fff;
}

div#dodaj_bg {
    background: #2E2C30;
    color: #fff;
}

div#dodaj_top {
    background: #fff;
    margin-top: 20px;
    padding: 5px 15px;
}

div#dodaj_top_m {
    color: #2E2C30;
}

/* tree header */
.submenu-arrow {
    font-size: 20px;
    margin-top: -2px;
}

.menu-box .nav-pills li.active > a,
.menu-box .menu-box .nav-pills > li.active > a:focus,
.menu-box .nav-pills > li.active > a:hover,
.menu-box .nav-pills li:not(.active) a:hover {
    color: #0096d0;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(46, 44, 48, 0.45);
}

.menu-box .nav-pills li li.active > a .fa {
    color: #0096d0;
}

.tree-header {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, 0.4);
}

.tree-header .nav-pills > li > a {
    color: #888;
}

.tree-header .nav-pills > li.active > a,
.tree-header .nav-pills > li.active > a:focus,
.tree-header .nav-pills > li.active > a:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

.tree-header .nav-pills > li > a:hover {
    text-decoration: underline;
}

.tree-header a {
    background: none;
    color: #888;
}

/* menu-box */
#left-menu {
    background: #131313;
    background: #272727;
}

.menu-box .nav-pills > li {
    float: left;
    width: 100%;
    clear: both;
}

.menu-box .nav-pills li a:hover {

}

.menu-box .nav-pills li li a .fa {
    color: #888;
}

.menu-box .nav-pills li a .fa {
    color: #0096d0;
}

.menu-box .nav-pills li a {
    color: #fff;
    border-bottom: 1px solid rgba(67, 66, 69, 0.30);
}

.menu-box .nav li a > i.submenu-arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.menu-box .nav li.active > a > i.submenu-arrow,
.menu-box .nav li.opened > a > i.submenu-arrow {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%) rotate(90deg);
}

li.opened > a > .submenu-arrow,
li.active > a > .submenu-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    margin-top: 0px;
    margin-right: 0;
}

.menu-box .nav li a > i.submenu-arrow {
    opacity: 0.4;
}

.menu-box .submenu > ul {
    display: block;
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #1c1c1c;
}

.menu-box .submenu {
    display: none;
}

.menu-box li.active > .submenu {
    display: block;
}

.menu-box .submenu > ul > li {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;

}

.menu-box .submenu > ul > li > a {
    color: #888;
}

/*form navigation*/
.form-navigation .nav-pills > li {
    border-bottom: 1px solid rgba(136, 169, 51, 0.14);
    border-right: 1px solid rgba(136, 169, 51, 0.14);
}

.form-navigation .nav-pills > li.active {
    border-right: 1px solid #0096d0;
}

.form-navigation .nav-pills > li.active > a {
    position: relative;
    padding-right: 45px;
}

.form-navigation .nav-pills > li.active > a,
.form-navigation .nav-pills > li.active > a:focus,
.form-navigation .nav-pills > li.active > a:hover {
    background: #0096d0;
    color: #fff;
}

/* breadcrumbs */
.breadcrumb-container .breadcrumb a {
    color: #1e1d1f;
    font-size: 15px;
}

/* tab-content */
.tab-content > .tab-pane > h3 {
    background: #0096d0;
    color: #fff;
    margin: -20px 0 20px;
    font-size: 16px;
    padding: 15px 20px;
}

.table-bordered {
    background: #fff;
}

.table.table-crud > thead > tr > th {
    border: 0;
    color: #1e1d1f;
}

.table.table-crud > thead > tr > th,
.sticky-heading-th {
    padding: 14px 10px;
    font-size: 16px;
    font-weight: lighter;
}

.panel-calendar .panel-body {
    padding: 0;
}

.calendar-wrapper {
    overflow: auto;
}

.panel-calendar .panel-body .table-bordered {
    border: none;
}

.panel-calendar .panel-body .table-calendar tr td:first-child {
    border-left: none;
}

.panel-calendar .panel-body .table-calendar tr td:last-child {
    border-right: none;
}

.table-sticky-heading,
.dashboard-widgets .panel-heading,
.table.table-crud > thead > tr > th {
    border-bottom: 1px solid #0096d0;
}

.table-calendar {
    margin-bottom: 0;
}

.table.table-calendar > tbody > tr > td.today {
    background-color: #0096d0;
    color: #fff;
}

.table-calendar td.today ul a {
    color: #fff;
}

/* pagination */
.pagination > li > a,
.pagination > li > span {
    color: #0a91c2;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #0096d0;
    border-color: #0a91c2;
}

/* main-boxes */
.mainPage-header {
    margin: 0;
}

.mainPage-boxes {
    font-size: 20px;
    margin-bottom: -10px;
}

.mainPage-boxes + .mainPage-boxes {
    margin-top: 20px;
}

.mainPage-boxes a {
    display: block;
    padding: 20px;
    margin-bottom: 10px;
    line-height: 42px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #ddd;
    color: #3C3C3C;
}

.mainPage-boxes i {
    font-size: 42px;
    margin-right: 15px;
    float: left;
}

.mainPage-boxes a:hover,
.mainPage-boxes a:focus {
    color: rgba(60, 60, 60, 0.8);
}

/*modal */
.modal-header {
    position: relative;
    padding: 12px;
    background: #0096d0;
    color: #fff;
}

.modal-header button.close {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.modal-footer {
    color: #fff;
}

.box-icon-style > label:hover {
    background: #fff;
    color: #0096d0;
}

.modal-header button.close,
.modal-header button.close,
.modal-header button.close:hover,
.modal-header button.close:focus {
    opacity: 1;
    color: #fff;
    font-weight: normal;
}

.user-avatar {
    position: absolute;
    overflow: hidden;
    left: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 32px;
    height: 32px;
    color: #fff;
    border: 2px solid #fff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    line-height: 28px;
    text-align: center;
}

.user-avatar .user-avatar-img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.main-header .navbar .nav > li.user-menu > a .fa {
    font-size: 14px;
}

#admin-notes h4 {
    margin-bottom: 15px;
}

.dashboard-widgets .panel-heading .widget-settings {
    font-size: 20px;
}

.lista_nazwa .fa-fw {
    margin-right: 10px;
    font-size: 14px;
}

/*tree (drzewko) */
a.navigation-add-element .badge {
    background-color: #d6d6d6;
}

a.navigation-add-element .label-success {
    background-color: #b9b9b9;
}

a.navigation-add-element {
    display: inline-block;
    opacity: 0.7;
    margin: 10px 0;
}

.tree-list-bg:hover a.navigation-add-element .label {
    background-color: #0096d0;
}

.tree-list-bg:hover a.navigation-add-element {
    opacity: 1;
}

.tree-list-bg .label {
    font-size: 13px;
    padding: .3em .6em;

}

.tree-list-bg .label .fa-fw {
    margin-right: 5px;
    width: auto;
}

.tree-container {
    border: 1px solid #dfdfdf;
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.tree-container .btn-toolbar-settings {
    padding: 5px 0;
}

.tree-container ul {
    float: left;
    width: 100% !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
}

.tree-container ul {
    background-color: rgba(136, 169, 51, 0.1);
}

ul#tree li.single-row .tree-list-bg::before {
    content: '';
    position: absolute;
    left: 0;
    width: 35px;
    height: 100%;
    background: #f7f7f7;
}

ul#tree li.single-row .tree-list-bg {
    padding-left: 35px;
}

ul#tree {
    float: left;
    width: 100%;
}

ul#tree li {
    padding-left: 35px;
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

ul#tree > li {
    padding-left: 0;
}

ul#tree a.toggle.toggle-open {
    background: #0096d0;
    color: #fff;
}

ul#tree a.toggle {
    float: left;
    width: 35px;
    border: none;
    padding: 0 13px;
    cursor: pointer;
    background-color: #f7f7f7;
    color: #000;
    font-size: 18px;
}

ul#tree a.toggle i {
    line-height: 41px;
}

ul#tree a.toggle.toggle-open:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

ul#tree a.toggle.toggle-open:hover .fa {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

ul#tree a.toggle:hover {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.tree-container .tree-list-bg {
    width: 100% !important;
    padding-right: 10px;
    float: left;
    display: block;
    background-color: #fff;
    position: relative;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    margin-top: -1px;
}

.tree-container .tree-list-bg:hover {
    background-color: #e7e7e7;
}

ul#tree > li > .tree-list-bg {
    border-left: 0;
}

div.lista_nazwa {
    float: left;
    color: #000;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 0;
    padding-left: 10px;
    margin-right: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    div.lista_nazwa {
        max-width: calc(100% - 250px);
    }
}

.tree-list-bg .badge {
    margin: 11px;
}

/*li.sortable_placeholder {*/
/*display: block;*/
/*background-color: #eeeeee;*/
/*min-height: 29px;*/
/*height: auto !important;*/
/*height: 29px;*/
/*}*/

.tree-toggle {
    float: right;
}

.tree-header a {
    line-height: 30px;
    width: auto;
    padding: 5px 10px;
    float: left;
    margin-left: 10px;
}

.tree-header .tree-toggle a:hover span {
    text-decoration: underline;
}

.tree-header .tree-toggle a .fa-fw {
    margin-right: 5px;
}

.tree-header .nav-pills {
    float: left;
}

.tree-header .nav-pills > li > a {
    padding: 5px 15px;
    margin: 0;
}

.tree-header .nav-pills > li.active > a {
    border: 1px solid #dfdfdf;
    border-bottom: none;
    margin-top: -1px;
    bottom: -1px;
}

ul#tree a.toggle,
.tree-container .tree-list-bg {
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -ms-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

ul#tree .toggle-tree .fa {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

ul#tree .toggle-tree.toggle-open .fa {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#sticky-flee-lock:focus {
    background: #fff;
}

#sticky-flee-lock.active:focus {
    background: none;
}

#sticky-flee-lock {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border: none;
    background: none
}


.navbar-custom-menu .user-notifications .has-notification .fa {
    position: relative;
    right: 7px;
}

.navbar-custom-menu .user-notifications .has-notification .badge {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 11px;
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    -o-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
}

.notifications-dropdown {
    width: 317px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background: #0096d0;
    color: #fff;
}

.dropdown-inner {
    float: left;
    width: 100%;
}

.dropdown-heading {
    float: left;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #0096d0;
}

.notifications-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.notifications-dropdown ul li {
    float: left;
    width: 100%;
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    min-height: 58px;
}

.notifications-dropdown .notification-icon {
    float: left;
    margin-right: 10px;
}

.notifications-dropdown .notification-text {
    max-width: 140px;
    float: left;
    overflow: hidden;
}

.notifications-dropdown .notify-without-time .notification-text {
    max-width: 215px;
}

.notifications-dropdown .notification-time {
    float: right;
    font-size: 11px;
    text-transform: lowercase;
}

.dropzone {
    background: #99e4ff;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}

.dropzone.hover {
    background: #00bbff;
}

.sortable_placeholder,
.table-striped > tbody > tr.sortable_placeholder:nth-of-type(odd) {
    background: #0096d0;
    height: 49px;
    border: none;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #0096d0;
}

.grid-menu.grid-menu-top .btn:hover {
    border-bottom: 4px solid #0096d0;
}