/**
 * General
 */
.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.hide {
    display: none;
}

.text-right {
    text-align: right;
}

.clear-left {
    clear: left;
}

.gmap {
    width: 100%;
    min-height: 333px;
}

label.required:after {
    content: " *";
    color: #b00;
}

a {
    color: #666;
    text-decoration: underline;
}

dd {
    padding-left: 10px;
}

body {
    /*background: #fff url(/images/inovim_costa.png) bottom left no-repeat fixed !important;*/
    color: #333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: left;
}

#wrapper {
    text-align: left;
    width: 98%;
    margin: 0 auto;
}

#content-container {
    position: relative;
}

#content-container.ajax {
    width: 99%;
}

#filter_scope {
    color: #333;
    border: 1px solid #999;
}

/** FORMS */
form .step {
    float: left;
    width: 14%;
    padding: 7px 1%;
    margin-right: 2%;
    min-height: 111px;
}

form .step.step-2 {
    width: 60%;
    border-left: 1px dotted #999;
    border-right: 1px dotted #999;
}

form#Route .step.step-1 {
    width: 70%;
    border-right: 1px dotted #999;
}

form#Route .control-group {
    margin-top: 9px;
}

form .step.step-last {
    margin-right: 0;
    padding-right: 0;
}

form .step .controls {
    width: 100%;
    float: left;
}

form .step .controls .checkbox {
    float: left;
    margin-right: 22px;
    padding-top: 5px;
    width: 250px;
}

form .step .control-group > label {
    font-weight: bold;
}

form .step-1 dd {
    margin-left: 0;
    padding-left: 0;
}

form .step-2 input[type="submit"],
form .step-3 input[type="submit"],
form .step-2 button,
form .step-3 button {
    margin-top: 6px;
}

form.form-horizontal .dotation-selector,
form.form-vertical .dotation-selector {
    margin-right: 22px;
    float: left;
    margin-bottom: 11px;
}

/** NEW SCHEDULE FORM **/
form .step-schedule {
    float: left;
    width: 21%;
    padding: 7px 1%;
    margin-right: 2%;
    min-height: 111px;
}

form .step-schedule1 .schedule-download > a:hover {
    cursor: hand;
}

#total-filter {
    position: absolute;
    right: 10px;
}

form .step-schedule .control-group .controls > label {
    width: 100%
}

form .step-schedule1 {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 7px 1%;
    border-bottom: 1px solid white;
}

form .step-schedule1 .control-group {
    width: auto;
    margin-right: 10px;
}

form .step-schedule1 .control-group > label,
form .step .control-group > label {
    font-weight: bold;
    height: auto;
}

/** NAVIGATION BAR */
.navbar-inner a {
    color: #0088cc;
}

.navbar-inner a:hover {
    color: #005580;
}

/** HEADER [LOGO / DROPDOWNS] */
#header {
    margin: 15px 0 11px;
    float: left;
    width: 100%;
}

#header h1 {
    float: left;
    line-height: 18px;
}

#header #switchers {
    float: right;
    width: 300px;
    margin-top: 14px;
}

#header #switchers select {
    min-width: 180px;
    float: right;
    clear: right;
    margin-bottom: 5px;
}
#header #switchers #project-selection-info {
    position: relative;
}
#header #switchers #project-selection-info #switch-projects {
    float: right;
    margin-top: 3px;
    margin-right: 6px;
}

#header #switchers #project-selection-info .toggle-projects {
    float: right;
    clear: right;
    position: absolute;
    right: 6px;
    top: 5px;
    text-indent: -3333em;
    display: block;
    width: 15px;
    height: 15px;
}

#header #switchers #project-selection-info ul {
    list-style-type: none;
    width: 198px;
    float: right;
    padding: 3px 10px;
    margin-left: 0px;
    margin-bottom: 1px;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 3px;
}

#header #switchers #project-selection-info li {
    display: none;
}

#header #switchers #project-selection-info li.selected-project-1 {
    display: block;
}

#header #switchers #project-selector .control-group {
    margin-bottom: 0;
}

#header #switchers #project-selector .form-actions {
    background: transparent;
    border: 0;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

#header #switchers #project-selector label {
    display: none;
}

/* ALERT INFO BOXES */

/* TABLES */
.table { background-color: #fff; }

/* JQUERY EXPANDABLE TABLE */
.table.expandable td.load {
    text-align: left;
    font-weight: bold;
    color: #55a34a;
}

.table.expandable td.load.load-less {
    color: #a02b2b;
}

.table.expandable td.load:hover {
    cursor: pointer;
}

/* JQUERY EXPANDABLE TABLE ROW DATA */
.table.expandable div.load {
    margin-left: 25px;
    text-align: left;
    font-weight: bold;
    color: #55a34a;
    display: inline;
}

.table.expandable div.load.load-less {
    color: #a02b2b;
}

.table.expandable div.load:hover {
    cursor: pointer;
}

/** DEFINITION LIST TABLE */
.table.plain td {
    background: #fff;
    padding: 10px 20px 0 0;
}

.table.plain dd {
    padding-left: 10px;
    margin-left: 0px;
}

.table.plain:hover,
.table.plain tr:hover td,
.table.plain td:hover {
    background: #fff !important;
}

.table td.no-padding {
    padding: 0;
    border: 0;
}

.table th.checkbox {
    padding: 8px 4px;
    width: 27px;
    text-align: center;
}

.table th.checkbox input[type="checkbox"] {
    float: none;
}

.table td.toggle {
    text-indent: -9999em;
    background: url('/images/icon-plus.png') center 10px no-repeat transparent;
}

.table td.toggle.less {
    background-image: url('/images/icon-minus.png');
}

.table td.toggle:hover {
    cursor: pointer;
}

.table .memo {
    word-break: break-all;
    word-wrap: break-word;
}

/** INFO NOTICE */
.info {
    clear: left;
    margin: 9px 0;
    padding: 5px 8px;
    border: 1px solid #ccc;
    background: #eee;
    font-weight: normal;
    color: black;
}

/** TITLE */
.title {
    display: block;
    padding: 0 10px;
    background: #eee;
    border: 1px solid #ddd;
    margin: 9px 0;
    font-weight: bold;
}

/** ACTIONS FOR THE RENDER LIST */
a.back,
div.renderlist-actions {
    position: absolute;
    top: 10px;
    right: 0px;
}

div.renderlist-actions .dropdown-menu a {
    margin-left: 0;
}

/** FILTER ACTIONS FORM */
#filter-actions form label > input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

/** FILTERS */
form#filterScope dt {
    display: none;
}

form#filterScope .first,
form#filterScope .third {
    width: 26%;
    margin-right: 1%;
}

form#filterScope .second,
form#filterScope .fourth,
form#filterScope .fifth {
    width: 21%;
    margin-right: 1%
}

form#filterScope .no-left-margin .controls {
    margin-left: 11px;
}

/**
 * Any page specific rendering should be here
 */
body.settings.lists form .zend_form dd,
body.settings.categories form .zend_form dd {
    padding-left: 0;
    margin-left: 0;
}

body.addresses.cards.view table.table td.empty,
body.ciaccess.cards.view table.table td.empty,
body.ciaccess.group-cards.view table.table td.empty,
body.koepels.koepel.view table.table td.empty {
    background: #E07E7E;
}

body.addresses.cards.view .table td.no-padding,
body.addresses.inhabitants.view .table td.no-padding,
body.ciaccess.cards.view .table td.no-padding,
body.ciaccess.group-cards.view .table td.no-padding,
body.koepels.koepel.view .table td.no-padding {
    background-color: #F9F9F9;
    border-left: 1px solid #ddd;
}

body.addresses.cards.view .table td.no-padding .subtable-title,
body.addresses.inhabitants.view .table td.no-padding .subtable-title,
body.addresses.ais.index .table td.no-padding .subtable-title,
body.ciaccess.cards.view .table td.no-padding .subtable-title,
body.ciaccess.group-cards.view .table td.no-padding .subtable-title,
body.settings.ranges.index .table td.no-padding .subtable-title,
body.koepels.koepel.view .table td.no-padding .subtable-title {
    margin-left: 4%;
    margin-top: 15px;
    font-weight: bold;
}

body.addresses.cards.view .table td.no-padding table,
body.addresses.inhabitants.view .table td.no-padding table,
body.addresses.ais.index .table td.no-padding table,
body.ciaccess.cards.view .table td.no-padding table,
body.ciaccess.group-cards.view .table td.no-padding table,
body.settings.ranges.index .table td.no-padding table,
body.koepels.koepel.view .table td.no-padding table {
    margin-top: 10px;
    margin-left: 4%;
    width: 95%;
}

body.settings.intervention-ranges #general_2-element .control-group,
body.settings.intervention-ranges #general_2-element .control-group textarea,
body.settings.other-garbage #general_2-element .control-group,
body.settings.other-garbage #general_2-element .control-group textarea,
body.ciaccess.intervention-ranges #general_2-element .control-group,
body.ciaccess.intervention-ranges #general_2-element .control-group textarea,
body.settings.collection-ranges #general_2-element .control-group,
body.settings.collection-ranges #general_2-element .control-group textarea,
body.settings.collection-routes #general_2-element .control-group,
body.settings.collection-routes #general_2-element .control-group textarea,
body.settings.collection-routes-ciaccess #general_2-element .control-group,
body.settings.collection-routes-ciaccess #general_2-element .control-group textarea,
body.settings.collection-routes-other-garbage #general_2-element .control-group,
body.settings.collection-routes-other-garbage #general_2-element .control-group textarea {
    width: 99.5%;
}

body.actions .table td.no-padding table {
    margin-bottom: 0;
    border-bottom: 0;
}

table.table td.open,
table.table td.planned,
table.table td.to_validate,
table.table td.cancelled,
table.table td.new {
    background: url('/images/icon-gray.png') no-repeat 5px 6px;
    padding-left: 30px;
}

table.table td.in_progress,
table.table td.auto_blocked,
table.table td.blocked {
    background: url('/images/icon-orange.png') no-repeat 5px 6px;
    padding-left: 30px;
}

table.table td.active,
table.table td.active,
table.table td.processed_valid,
table.table td.processed_invalid,
table.table td.processed {
    background: url('/images/icon-green.png') no-repeat 5px 6px;
    padding-left: 30px;
}

table.table td.inactive,
table.table td.rejected,
table.table td.cancelled {
    background: url('/images/icon-red.png') no-repeat 5px 6px;
    padding-left: 30px;
}

table.table td.actions,
table.table th.actions {
    padding: 8px 4px;
    width: 27px;
    text-align: center;
}

body.actions.index .alert-dc .controls label {
    display: inline;
    margin-left: 5px;
    padding-top: 3px;
}

body.actions.index .alert-dc .controls input[type="checkbox"] {
    margin-left: 10px;
    margin-top: 0;
}

body.actions.process #barcode-form form .step {
    min-height: 60px;
    padding: 0;
    border: 0;
}

body.actions.process #barcode-form form .step input[type="submit"] {
    margin-top: 24px;
}

body.actions.process th.action {
    min-width: 150px;
}

body.actions.schedule #schedule-actions td.more.toggle {
    padding: 8px 4px;
    width: 20px;
}

body.actions.schedule #schedule-actions td.check,
body.actions.schedule #schedule-actions .overflow-div td.actions {
    padding: 8px 4px;
    width: 27px;
    text-align: center;
}

body.actions.schedule #schedule-actions td.aligner.open {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

body.actions.schedule #schedule-actions td.no-padding div.overflow-allowed {
    width: 100%;
    overflow-x: auto;
}

body.actions.schedule #schedule-actions td.no-padding div.overflow-allowed.in {
    padding-bottom: 8px \9;
}

body.actions.schedule #schedule-actions td.no-padding div.overflow-allowed .overflow-div {
    width: 140%;
}

body.actions.schedule #schedule-actions td.no-padding div.overflow-allowed .overflow-div td {
    padding-bottom: 10px;
}

body.actions.history #fieldset-zfBootstrapFormActions dt {
    display: none;
}

body.actions.history #fieldset-zfBootstrapFormActions dd {
    padding-left: 0;
    margin-left: 0;
}

body.emptyings .alert .form-actions,
body.manage-dumpings .alert .form-actions {
    border: 0;
    background-color: transparent;
}

/* User scope start */
body.users form#User, body.user form#User,  body.pda-users form#User {
    margin: 10px 0 0 0;
}

body.users .alert .form-actions, body.user .alert .form-actions, body.pda-users .alert .form-actions {
    background-color: transparent;
    border: 1px solid #fbeed5;
}

body.users form#User .help-block, body.user form#User .help-block, body.pda-users form#User .help-block {
    color: #0a0a0a;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 3px;
}
/* User scope end */

/* Manage emptying links scope start */
body.manage-links form#manage_emptying_links {
    margin: 10px 0 0 0;
}

body.manage-links .alert .form-actions {
    background-color: transparent;
    border: 1px solid #fbeed5;
}

body.manage-links form#manage_emptying_links .help-block {
    color: #0a0a0a;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 3px;
}
/* Manage emptying links scope end */


/* PlanRoute scope start */
body.plan-route form#action_routes {
    margin: 10px 0px 0px 0px;
}

body.plan-route .alert .form-actions {
    background-color: transparent;
    border: 1px solid #fbeed5;
}

body.plan-route form#action_routes .help-block {
    color: #0a0a0a;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 3px;
}
/* PlanRoute scope end */

body.addresses.cards.view .row-fluid .span4,
body.externs.company.view .row-fluid .span4,
body.ciaccess.cards.view .row-fluid .span4,
body.ciaccess.group-cards.view .row-fluid .span4,
body.koepels.koepel.view .row-fluid .span4 {
    position: relative;
}

body.actions form#action_routes .control-group,
body.actions form#action_routes .control-label,
body.actions form#action_routes .controls,
body.modifications form#modifications .control-group,
body.modifications form#modifications .control-label,
body.modifications form#modifications .controls,
body.emptyings form#emptyings .control-group,
body.emptyings form#emptyings .control-label,
body.emptyings form#emptyings .controls,
body.dumpings form#dumpings .control-group,
body.dumpings form#dumpings .control-label,
body.dumpings form#dumpings .controls,
body.addresses.chipcard form#emptyings .control-group,
body.addresses.chipcard form#emptyings .control-label,
body.addresses.chipcard form#emptyings .controls,
body.addresses.products form#emptyings .control-group,
body.addresses.products form#emptyings .control-label,
body.addresses.products form#emptyings .controls,
body.collection-route form#collectionRoutes .control-group,
body.collection-route form#collectionRoutes .controls,
body.collection-route form#collectionRoutePosition .control-group,
body.collection-route form#collectionRoutePosition .controls,
body.collection-route-ciaccess form#ciAccessCollectionRoutes .control-group,
body.collection-route-ciaccess form#ciAccessCollectionRoutes .controls,
body.collection-route-ciaccess form#ciAccessCollectionRoutePosition .control-group,
body.collection-route-ciaccess form#ciAccessCollectionRoutePosition .controls,
body.collection-route-other-garbage form#otherCollectionRoutes .control-group,
body.collection-route-other-garbage form#otherCollectionRoutes .controls,
body.collection-route-other-garbage form#otherCollectionRoutePosition .control-group,
body.collection-route-other-garbage form#otherCollectionRoutePosition .controls,
body.intervention-route form#Route .control-group,
body.intervention-route form#Route .controls {
    float: left;
    margin-left: 0;
}

body.collection-route form#collectionRoutes .controls,
body.collection-route form#collectionRoutePosition .controls,
body.collection-route-ciaccess form#ciAccessCollectionRoutes .controls,
body.collection-route-ciaccess form#ciAccessCollectionRoutePosition .controls,
body.collection-route-other-garbage form#otherCollectionRoutes .controls,
body.collection-route-other-garbage form#otherCollectionRoutePosition .controls,
body.intervention-route form#Route .control-group,
body.intervention-route form#Route .controls {
    margin-right: 10px;
}

body.actions form#action_routes .control-label[for="toDate"],
body.modifications form#modifications .control-label[for="toDate"],
body.emptyings form#emptyings .control-label[for="toDate"],
body.addresses.chipcard form#emptyings .control-label[for="toDate"],
body.addresses.products form#emptyings .control-label[for="toDate"],
body.dumpings form#dumpings .control-label[for="toDate"]{
    margin-left: 14px;
}

body.modifications form#modifications .control-label,
body.emptyings form#emptyings .control-label,
body.actions form#action_routes .control-label,
body.dumpings form#dumpings .control-label,
body.addresses.chipcard form#emptyings .control-label,
body.addresses.products form#emptyings .control-label,
body.collection-route form#collectionRoutes .control-label,
body.collection-route form#collectionRoutePosition .control-label,
body.collection-route-ciaccess form#ciAccessCollectionRoutes .control-label,
body.collection-route-ciaccess form#ciAccessCollectionRoutePosition .control-label,
body.collection-route-other-garbage form#otherCollectionRoutes .control-label,
body.collection-route-other-garbage form#otherCollectionRoutePosition .control-label {
    margin: 0 11px 0 0;
    width: auto;
    line-height: 22px;
}

body.modifications form#modifications .form-actions,
body.emptyings form#emptyings .form-actions,
body.actions form#action_routes .form-actions,
body.dumpings form#dumpings .form-actions,
body.addresses.chipcard form#emptyings .form-actions,
body.addresses.products form#emptyings .form-actions,
body.collection-route form#collectionRoutes .form-actions,
body.collection-route form#collectionRoutePosition .form-actions,
body.collection-route-ciaccess form#ciAccessCollectionRoutes .form-actions,
body.collection-route-ciaccess form#ciAccessCollectionRoutePosition .form-actions,
body.collection-route-other-garbage form#otherCollectionRoutes .form-actions,
body.collection-route-other-garbage form#otherCollectionRoutePosition .form-actions {
    padding: 0;
    margin: 0 0 0 11px;
    clear: none;
    border: 0;
    float: left;
}

body.emptyings.adjust-weight table.table td.adjustedWeight input {
    margin-bottom: 0;
    width: 110px;
}

body.modifications.adjust-weight table.table td.modifications,
body.emptyings.adjust-weight table.table td.emptyings,
body.emptyings.adjust-weight table.table th.emptyings {
    display: none;
}

body.modifications #setToDateFromFromDate,
body.emptyings #setToDateFromFromDate,
body.dumpings #setToDateFromFromDate {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 9px;
    background: url('/images/icon-next.png') no-repeat top left transparent;
}

body.modifications .active-line,
body.emptyings .active-line,
body.dumpings .active-line {
    float: left;
    width: 100%;
    background: #e7f7d5;
    padding: 4px 0 4px 7px;
    margin-left: -7px;
}

body.modifications #fancybox-content #file-content,
body.emptyings #fancybox-content #file-content,
body.dumpings #fancybox-content #file-content {
    position: relative;
}

body.modifications #fancybox-content #file-content pre,
body.emptyings #fancybox-content #file-content pre,
body.dumpings #fancybox-content #file-content pre {
    position: absolute;
    width: 98%;
}

body.cards .table-striped tr.uninhabited > td {
    background-color: #F9DEDE;
}

body.addresses.cards.view #product-summary td.no-records {
    text-align: left;
}

body.addresses td.cardIndicatorValues {
    width: 40px;
}

body.addresses td.cardIndicatorValues span {
    padding: 0 3px;
}

body.reports div.maplegend label {
    display: inline-block;
}

body.reports div.maplegend input.checkbox {
    margin: 0 2px 3px 0;
}
body.collection-routes .table-striped tr.archived > td,
body.collection-routes-other-garbage .table-striped tr.archived > td,
body.details .table-striped tr.archived > td {
    background-color: #ffe4a6;
}
body.collection-routes .table-striped tr.archived a.archive ,
body.collection-routes-other-garbage .table-striped tr.archived a.archive {
    display: none;
}
body.collection-routes .table-striped tr.non_archived a.restore,
body.collection-routes-other-garbage .table-striped tr.non_archived a.restore {
    display: none;
}

body.login #header h1,
body.password #header h1, body.reset-password #header h1 {
    float: none;
    margin-top: 80px;
    text-align: center;
}

.navbar .dropdown-menu {
    margin-top: 0 !important;
    -webkit-border-radius: 0 0 4px 4px !important;
    -moz-border-radius: 0 0 4px 4px !important;
    border-radius: 0 0 4px 4px !important;
    border-top: none !important;
}
.navbar .dropdown .caret {
    margin-left: 0;
}
.navbar .pull-right .dropdown .caret {
    margin-left: 4px;
}
.navbar .pull-right .nav > li > a {
    padding: 10px 0 11px 3px;
}
.navbar .pull-right .language ul.dropdown-menu {
    min-width: 35px;
}
.navbar .pull-right .dropdown-menu:after {
    right: 10px; left: auto;
}
.navbar .icon-user {
    margin-right: 6px;
}

#filterScope #card-street-name-inp {
    width: 320px;
}

select#list_type {
    width: 400px;
}

.form-inline div {
    display: inline-block;
    vertical-align: top;
}

.form-inline .form-actions {
    background-color: transparent;
    border: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.form-inline .form-actions input {
    vertical-align: top;
}

.short-jquery-date {
    width: 75px;
}

@media (min-width: 768px) and (max-width: 979px) {
    #filterScope #card-street-name-inp {
        width: 210px;
    }
}

@media (min-width: 1200px) {
    #filterScope #card-street-name-inp {
        width: 430px;
    }
}

.errorTab {
    color: #b94a48;
}

.multi-select-none,
.multi-select-all {
    color: #2A8FBD;
    font-size: 11px;
    cursor: pointer;
}

.multi-select-label {
    clear: both;
    display: block;
    font-size: 14px;
    padding-top: 20px;
}

.legendHideButton {
    padding: 2px;
    cursor: pointer;
    text-decoration: underline;
    color: #3a87ad;
    font-weight: normal;
    float: right;
}

.legendHideButton:after {
    clear: right;
}

/**
* SORTABLE DIV TABLE
*/
.to-sort-table-header {
    background-color: #eeeeee;

    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.to-sort-inner-table-header {
    background-color: #eeeeee;

    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.sortRow, .street_row {
    padding-top: 10px;

    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;

    background-color: #ffffff;
}

.street_row
{
    padding-bottom: 5px;
}

.clear {
    clear: both;
}

.sortRow-content {
    float: left;
    padding: 3px;
}

.table-header {
    font-weight: bold;
}

.width-5 {
    width: 5%;
}

.width-10 {
    width: 10%;
}

.width-2 {
    width: 2%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.more {
    height: 35px;
    width:20px;
    background: url('/images/icon-plus.png') center 3px no-repeat transparent;
}

.less {
    background: url('/images/icon-minus.png') center 3px no-repeat transparent;
}
.tableRowPlaceHolder {
    width: 100%;
    height: 35px;
}

.in.inner-table-container
{
    border-top: 1px dotted #dddddd;
    background-color: #eeeeee;
    padding-left: 10%;
}
.table-header-first
{
}
.table-header-last
{
}

.loading
{
    padding-left: 15px;
    background: url('/images/ajax-loader.gif') center 10px no-repeat transparent;
    background-position: left center;

}

.pointer tbody tr {
    cursor: pointer;
}

.toggle.in {
    height: 0px !important;
}

#loginform
{
    width:360px;
    margin:0 auto;
    padding-left: auto;
    padding-right: auto;
}

#loginform input {
    width: 96%;
    margin: 0.5em auto 0.5em auto;
}

#content-container {
    min-height: 100%;
}

/* ***** multiselect ***** */
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.multiselect-container .input-group {
    margin: 5px
}

.multiselect-container>li {
    padding: 0
}

.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}

.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}

.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}

.multiselect-container>li>a {
    padding: 0
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px
}

.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    margin: 0
}

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.summary {
    text-align: right;
    font-size: 18px;
    font-family: 'Helvetica Neue', sans-serif;
}

div#notificationcontent {
    background-color: rgba(255,255,255,0.9);
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom:1px solid #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    bottom: 0;
    position: fixed;
    right: 10px;
    width: 20%;
    z-index: 10 !important;
}

.NotificationBox {
    font-size: 11px;
}

.NotificationBox .notificationsHeader {
    background-color: rgba(252, 206, 82, 0.5);
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: block;
    height: 16px;
    padding: 0.2em 0.4em;
}


.NotificationBox .Critical, .NotificationBox .Warning, .NotificationBox .Notice, .NotificationBox .Message
{
    display: block;
    clear: both;
    margin: 0.2em;
    padding: 10px 10px 10px 1.2em;
    min-height: 20px;
    font-family: Arial,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
    -o-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
}

.NotificationBox:hover { cursor: pointer; }

.NotificationBox h1 { font-size: 20px; color: #ababab; }

.NotificationBox .Critical {
    border: 1px solid #dc4e4d;
    color: #b52525;
    background-color: #ec8282;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575));
    background-image: -webkit-linear-gradient(#f48888,#e17575);
    background-image: -moz-linear-gradient(#f48888,#e17575);
    background-image: -o-linear-gradient(#f48888,#e17575);
    background-image: linear-gradient(#f48888,#e17575);
    text-shadow: 0px 1px rgba(255,255,255,0.2);
}

.NotificationBox .Warning {
    border: 1px solid #f9b516;
    color: #c2721b;
    background-color: #fbb160;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffd57f),color-stop(100%,#ffa544));
    background-image: -webkit-linear-gradient(#ffd57f,#ffa544);
    background-image: -moz-linear-gradient(#ffd57f,#ffa544);
    background-image: -o-linear-gradient(#ffd57f,#ffa544);
    background-image: linear-gradient(#ffd57f,#ffa544);
    text-shadow: 0px 1px rgba(255,255,255,0.2);
}

.NotificationBox .Notice {
    border: 1px solid #69c0ca;
    color: #3d8d98;
    background-color: #8aced6;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#99e2eb),color-stop(100%,#79c6cd));
    background-image: -webkit-linear-gradient(#99e2eb,#79c6cd);
    background-image: -moz-linear-gradient(#99e2eb,#79c6cd);
    background-image: -o-linear-gradient(#99e2eb,#79c6cd);
    background-image: linear-gradient(#99e2eb,#79c6cd);
    text-shadow: 0px 1px rgba(255,255,255,0.2);
}

.NotificationBox .Message {
    border: 1px solid #5d902f;
    color: #366f11;
    background-color: #89bc5a;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8dcb3d),color-stop(100%,#74a547));
    background-image: -webkit-linear-gradient(#8dcb3d,#74a547);
    background-image: -moz-linear-gradient(#8dcb3d,#74a547);
    background-image: -o-linear-gradient(#8dcb3d,#74a547);
    background-image: linear-gradient(#8dcb3d,#74a547);
    text-shadow: 0px 1px rgba(255,255,255,0.2);
}

.NotificationBox .Critical .icon, .NotificationBox .Warning .icon, .NotificationBox .Notice .icon, .NotificationBox .Message .icon {
    float: left;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 1em;
}

.NotificationBox .Critical .icon {
    background: transparent url('/images/notification.png') 0 0 no-repeat;
}

.NotificationBox .Warning .icon {
    background: transparent url('/images/notification.png') 0 -45px no-repeat;
}

.NotificationBox .Notice .icon {
    background: transparent url('/images/notification.png') 0 -30px no-repeat;
}

.NotificationBox .Message .icon {
    background: transparent url('/images/notification.png') 0 -120px no-repeat;
}

.showhide {
    cursor: pointer;
    text-decoration: underline;
}

.onethird {
    width:33%;
}

.deadlineOk {
    background-color: #008000;
    color: #fff;
    display: block;
    font-weight: bold;
    height:100%;
    text-align: center;
    width: 100%;
}

.deadlineNok {
    background-color: #b22222;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 100%;
    text-align: center;
    width: 100%;
}

.blink_me {
    animation: blinker 1s linear infinite;
    color: rgba(104,0,0,1);
    font-size: larger;
}

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


th.tablesorter-headerUnSorted, th.tablesorter-headerDesc, th.tablesorter-headerAsc {
    cursor: pointer;
}

th.tablesorter-headerUnSorted::before {
    content: url('/images/black-unsorted.gif');
    float: right;
}

th.tablesorter-headerUnSorted {
    background: transparent url('/images/black-unsorted.gif') 0.4em center no-repeat;
    padding-left: 1.4em !important;
}
th.tablesorter-headerDesc::before {
    content: url('/images/black-desc.gif');
    float: right;
}

th.tablesorter-headerDesc::before {
    content: url('/images/black-desc.gif');
    float: right;
}

th.tablesorter-headerDesc {
    background: transparent url('/images/black-desc.gif') 0.4em center no-repeat;
    padding-left: 1.4em !important;
}

th.tablesorter-headerAsc::before {
    content: url('/images/black-asc.gif');
    float: right;
}

th.tablesorter-headerAsc {
    background: transparent url('/images/black-asc.gif') 0.4em center no-repeat;
    padding-left: 1.4em !important;
}

.level1, .level2, .level3 {
    margin-left: 0;
    padding: 0.3em 0;
}

.level1 {
    background-color: rgba(252, 206, 82, 1);
    border:1px solid #ddd;
    /* border-left: 0.4em solid darkgreen; */
    clear:both;
    font-size: 18px;
    list-style-type: none;
    margin-top: 0.1em;
    overflow: hidden;
    padding: 0.3em 1em;
}

.level2 {
    background-color: rgba(255, 206, 82, 0.5);
    border-top:1px solid #cfcfcf;
    clear:both;
    font-size: 14px;
    list-style-type: none;
    margin-top: 0.1em;
    padding: 0.2em 1em;
}
/*
.level2:hover {
    cursor: pointer;
    text-decoration: underline;
}
*/

.level3 {
    background-color: #fff !important;
    font-size: 12px;
    padding: 0;
    margin:0;
}
/*
.level1:hover {
    background-color: #eee;
}
*/
.housenumber {
    border-bottom: 1px solid #acacac;
    border-radius: 2px;
    border-right: 1px solid #acacac;
    color: #fff;
    float: left;
    padding: 0.2em 0.3em;
    margin: 0.3em;
}

.housenumber:hover {
    color: #efefef;
}

.addressCard, div.status {
    border-bottom: 1px solid #efefef;
    font-size: 18px;
    margin-bottom: 1em;
    padding-bottom: 1em;
    text-transform: uppercase;
}

#load-project {
    border: 1px solid #0e90d2;
    background-color: rgb(242,211,79);
    padding: 0.3em 1em;
    text-decoration: none;
    color: #000;
    text-shadow: 1px 1px #f9f9f9;
    margin-top: -1em;
}

/* green line report */
.canvasjs-chart-credit { display: none;}

.summaryBlock { float: left; border:1px solid rgb(33,42,99); width:29%; margin: 12px 2%;}
.summaryBlock .header, .tableBlock .header { background-color: rgb(33,42,99); color: whitesmoke; text-align: center; font-size: 14px; padding:0; line-height: 24px;}
.summaryBlock .body ul { list-style-type: none; width: 100%; margin: 1em 0; padding-left: 0;}
.summaryBlock .body ul li { clear:both; }
.summaryBlock .body ul li .description { width:82%; text-align: left; margin-left:1em;}
.summaryBlock .body ul li .numbers { float: right; width:15%; margin-right:1em;}

.extraSpace {margin-top: 42px; margin-bottom: 24px;}

.left33 { clear: left; float: left; width: 30%;}
.right66 { float: right; width: 65%;}

.chart { margin-top: 12px;}

.tableBlock { width:100px; float:left; font-size: 12px; line-height: 16px;}

.summaryTable { border-collapse: collapse; margin:2em 1em;}
.summaryTable td, .summaryTable th { padding: 0.2em 0.4em; border:1px solid #cfcfcf; }

.activeDay { font-weight: bold; }

.inactiveDay { color: lightgrey; }

/* centered column contents for reports */
table[id$=source-summary] tr td:not(:first-child),
table[id$=source-summary] tr th:not(:first-child) {
    text-align: center;
}

form#settings { background-color: rgb(254,250,226); padding: 1em 3em; border-radius: 0.3em; border:1px solid #ababab;}
form#settings dl dt { display: inline-block; font-weight: bold; margin-right:0.3em; }
form#settings dl dd { display: inline-block; vertical-align: top; }

.link-card-checkbox {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    align-self: center;
}

tr.click:hover { cursor: pointer; }
tr.click.checked {
    background: rgba(252, 206, 82, 0.51);
}

tbody > tr.error {
    color: #b94a48;
}

div > a.addClosure.btn.btn-mini {
    color: black;
}
/*
.headerNav {
    background-color: #efefef;
}

#smallLogo {
    float: left;
}

.headerNav .btn, .headerNav .btn:hover  {
    background-color: #efefef;
    border: none;
    border-bottom-color: transparent;
}

.headerNav .btn-primary:hover  {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #000000;
}
*/

.mailto {
    color: #0088cc;
    text-decoration: underline;
}

#modal-memo {
    overflow-x: hidden;
}

.modal-memo-close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: red;
    text-shadow: 0 1px 0 #ffffff;
}

.modal-memo-close:hover {
    color: red;
    text-decoration: none;
    cursor: pointer;
}

.modal-article,
.modal-contact {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    overflow: auto;
    width: 800px;
    margin: -250px 0 0 -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

#descriptionInhabitant {
    width: 100%;
    position: absolute;
    top: 0;
    left: 5px;
    color:#333333;
    font-size: 14px;
}

#descriptionCard {
    width: 100%;
    position: absolute;
    top: 0;
    left: 5px;
    color:#333333;
    font-size: 14px;
}

.inhabitantLabel {
    margin-top: 20px;
}

.cardLabel {
    margin-top: 20px;
}

.inhabitantSelect {
    margin-top: 25px;
}

.cardSelect {
    margin-top: 25px;
}

.inhabitantContainer {
    position: relative;
}

.cardContainer {
    position: relative;
}