/*!
* App Lübeck Colors
*/
body {
    background-color: #f5f7f7
}

a {
    color: #282828
}

a.link-effect:before {
    background-color: #666666
}

a:hover, a:focus {
    color: #000000
}

a:active {
    color: #282828
}

.text-primary {
    color: #282828
}

a.text-primary:hover, a.text-primary:active, a.text-primary:focus, button.text-primary:hover, button.text-primary:active, button.text-primary:focus {
    color: #282828;
    opacity: .75
}

.text-primary-dark {
    color: #3f5259
}

a.text-primary-dark:hover, a.text-primary-dark:active, a.text-primary-dark:focus, button.text-primary-dark:hover, button.text-primary-dark:active, button.text-primary-dark:focus {
    color: #3f5259;
    opacity: .75
}

.text-primary-darker {
    color: #242f33
}

a.text-primary-darker:hover, a.text-primary-darker:active, a.text-primary-darker:focus, button.text-primary-darker:hover, button.text-primary-darker:active, button.text-primary-darker:focus {
    color: #242f33;
    opacity: .75
}

.text-primary-light {
    color: #83d0c7
}

a.text-primary-light:hover, a.text-primary-light:active, a.text-primary-light:focus, button.text-primary-light:hover, button.text-primary-light:active, button.text-primary-light:focus {
    color: #83d0c7;
    opacity: .75
}

.text-primary-lighter {
    color: #a8ded8
}

a.text-primary-lighter:hover, a.text-primary-lighter:active, a.text-primary-lighter:focus, button.text-primary-lighter:hover, button.text-primary-lighter:active, button.text-primary-lighter:focus {
    color: #a8ded8;
    opacity: .75
}

.bg-primary {
    background-color: #282828
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #666666
}

.bg-primary-op {
    background-color: rgba(68, 180, 166, 0.75)
}

a.bg-primary-op:hover, a.bg-primary-op:focus {
    background-color: rgba(54, 143, 132, 0.75)
}

.bg-primary-dark {
    background-color: #3f5259
}

a.bg-primary-dark:hover, a.bg-primary-dark:focus {
    background-color: #2a363b
}

.bg-primary-dark-op {
    background-color: rgba(63, 82, 89, 0.83)
}

a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus {
    background-color: rgba(42, 54, 59, 0.83)
}

.bg-primary-darker {
    background-color: #242f33
}

a.bg-primary-darker:hover, a.bg-primary-darker:focus {
    background-color: #0f1315
}

.bg-primary-light {
    background-color: #83d0c7
}

a.bg-primary-light:hover, a.bg-primary-light:focus {
    background-color: #5ec2b6
}

.bg-primary-lighter {
    background-color: #a8ded8
}

a.bg-primary-lighter:hover, a.bg-primary-lighter:focus {
    background-color: #83d0c7
}

.bg-body {
    background-color: #f5f7f7
}

.btn-primary {
    color: #fff;
    background-color: #666666;
    border-color: #282828
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
    color: #fff;
    background-color: #282828;
    border-color: #282828
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #666666;
    border-color: #173e39
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #666666;
    border-color: #173e39
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #282828;
    border-color: #666666
}

.btn-primary .badge {
    color: #282828;
    background-color: #fff
}

.label-primary {
    background-color: #282828
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #666666
}

.label-default {
    background-color: #00975a
}

.badge-primary {
    background-color: #282828
}

.progress-bar-primary {
    background-color: #282828
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #282828
}

.nav-pills > li.active > a > .badge {
    color: #282828
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #282828;
    -webkit-box-shadow: 0 2px #282828;
    box-shadow: 0 2px #282828
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #282828;
    -webkit-box-shadow: 0 2px #282828;
    box-shadow: 0 2px #282828
}

.pager li > a:hover, .pager li > a:focus {
    color: #282828
}

a.list-group-item:hover, a.list-group-item:focus {
    color: #282828
}

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

.list-group-item.active > .badge {
    color: #282828
}

.tooltip-inner {
    background-color: #242f33
}

.tooltip.top .tooltip-arrow {
    border-top-color: #242f33
}

.tooltip.right .tooltip-arrow {
    border-right-color: #242f33
}

.tooltip.left .tooltip-arrow {
    border-left-color: #242f33
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #242f33
}

.table-header-bg > thead > tr > th, .table-header-bg > thead > tr > td {
    background-color: #282828;
    border-bottom-color: #282828
}

.panel-primary {
    border-color: #a8ded8
}

.panel-primary > .panel-heading {
    color: #282828;
    background-color: #c2e8e3;
    border-color: #a8ded8
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #a8ded8
}

.panel-primary > .panel-heading .badge {
    color: #c2e8e3;
    background-color: #282828
}

.panel-primary > .panel-heading a {
    font-weight: 400
}

.panel-primary > .panel-heading a:hover, .panel-primary > .panel-heading a:focus {
    color: #666666
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #a8ded8
}

#page-loader:after {
    background-color: #282828
}

#page-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,0.5);
  z-index: 999998;
}

.header-navbar-transparent.header-navbar-fixed.header-navbar-scroll #header-navbar {
    background-color: #3f5259
}

#page-container, #sidebar {
    background-color: #242f33
}

#main-container {
    background-color: #f5f7f7
}

.nav-main-header {
    background-color: #242f33
}

@media screen and (min-width: 992px) {
    .nav-main-header {
        background-color: transparent
    }

    .nav-main-header ul {
        background-color: #3f5259
    }
}

.nav-sub-header > li > a {
    color: #3f5259
}

.form-material.form-material-primary > .form-control:focus {
    -webkit-box-shadow: 0 2px 0 #282828;
    box-shadow: 0 2px 0 #282828
}

.form-material.form-material-primary > .form-control:focus + label {
    color: #282828
}

.form-material.form-material-primary > .form-control:focus ~ .input-group-addon {
    color: #282828;
    -webkit-box-shadow: 0 2px 0 #282828;
    box-shadow: 0 2px 0 #282828
}

.css-checkbox-primary input:checked + span {
    background-color: #282828;
    border-color: #282828
}

.css-radio-primary input:checked + span:after, .switch-primary input:checked + span {
    background-color: #282828
}

.block > .nav-tabs > li > a:hover {
    color: #282828
}

.block > .nav-tabs.nav-tabs-alt > li > a:hover {
    -webkit-box-shadow: 0 2px #282828;
    box-shadow: 0 2px #282828
}

.block > .nav-tabs.nav-tabs-alt > li.active > a, .block > .nav-tabs.nav-tabs-alt > li.active > a:hover, .block > .nav-tabs.nav-tabs-alt > li.active > a:focus {
    -webkit-box-shadow: 0 2px #282828;
    box-shadow: 0 2px #282828
}

.ribbon-primary .ribbon-box {
    background-color: #282828
}

.ribbon-primary.ribbon-bookmark .ribbon-box:before {
    border-color: #282828;
    border-left-color: transparent
}

.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box:before {
    border-color: #282828;
    border-right-color: transparent
}

.ribbon-primary.ribbon-modern .ribbon-box:before {
    border-color: #282828;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box:before {
    border-color: #282828;
    border-top-color: transparent;
    border-left-color: transparent
}

.ribbon-primary.ribbon-modern.ribbon-left .ribbon-box:before {
    border-color: #282828;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
    border-color: #282828;
    border-top-color: transparent;
    border-right-color: transparent
}

.irs-bar, .irs-bar-edge, .irs-from, .irs-to, .irs-single, .irs-grid-pol {
    background: #282828
}

.dropzone:hover {
    border-color: #282828
}

.dropzone:hover .dz-message {
    color: #282828
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-color: #282828;
    border-color: #282828
}

div.tagsinput span.tag {
    background-color: #282828
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #282828
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #282828
}

.autocomplete-suggestion b {
    color: #282828
}


.ms-container .ms-list.ms-focus{
  border-color: #282828;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 151, 90, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 151, 90, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 151, 90, 0.6);
  outline: 0;
  outline: thin dotted \9;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #282828;
}