body { padding-bottom: 30px; }
a { color: #333; }


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icons/icomoon.eot?jnxbd2');
  src:  url('../fonts/icons/icomoon.eot?jnxbd2#iefix') format('embedded-opentype'),
    url('../fonts/icons/icomoon.ttf?jnxbd2') format('truetype'),
    url('../fonts/icons/icomoon.woff?jnxbd2') format('woff'),
    url('../fonts/icons/icomoon.svg?jnxbd2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-office:before {
  content: "\e903";
}
.icon-coin-dollar:before {
  content: "\e93b";
}
.icon-user:before {
  content: "\e971";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-tie:before {
  content: "\e976";
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


.navbar .logo { height: 50px; float: left; margin-right: 5px; }

.circle-image-small { width: 20px; height: 20px; border-radius: 10px; }

#loginForm { margin: 30px 0; }
#map { height: 300px; } 

.tdImage { margin: -5px 0; }

.wrap { padding: 20px 0; }
.nav-wrap { border: 1px solid #ddd; border-top: 0; padding: 20px; margin-bottom: 20px; }

.bootstrap-select.form-control:not([class*="col-"]) { width: 100%; }
.form-inline .select-wrap { display: inline-block; width: 200px }

#search-appuser  .select-wrap { display: block;  }
#search-appuser .modal-inline * { display: block }
#search-appuser #advanced_search { margin-top: 25px; margin-left: 0px; }

.mb { margin-bottom: 20px; }
.img-bordered { border: 1px solid #CCC; padding: 1px; }

textarea#style { font-family: "Courier New", Courier, monospace; }

#trailCoordinates #map { height: 600px; }

.table .small td { vertical-align: middle; }
td .progress { margin-bottom: 5px; }

.apps li i { display: inline-block; width: 16px; vertical-align: middle; height: 16px; position: relative; left: -8px; }
.apps li i img { max-width: 100%; max-height: 100%; display: block; }

.errors { margin: 0 0 5px; list-style-type: none; padding: 0; position: relative; top: -10px; }
.errors li { background: #B60713; color: #FFF; padding: 3px 6px; margin: 0; border-radius: 4px; }

.sortable.images { overflow: hidden; margin: -10px -10px 20px; transition: opacity 0.3s; }
.sortable.images > div { float: left; position: relative; margin: 10px; }
.sortable.images > .image { border: 1px solid #CCC; padding: 5px; background: rgba(255,255,255,0.9); }
.sortable.images > .image p { position: absolute; bottom: 7px; left: 0; right: 0; margin: 0; opacity: 0; transition: opacity 0.3s; text-align: center; }
.sortable.images > .image:hover p { opacity: 1; }

.sortable.muted { opacity: 0.3; }

.form-group { position: relative; }

.panel-slider .panel-image { height: 200px; overflow: hidden; background: #404040; position: relative; }
.panel-slider .panel-image img { width: 100%; }
.panel-slider .panel-image-title { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; color: #FFF; background: rgba(0,0,0,0.7); }

.table-calendar { table-layout: fixed; }
.table-calendar .input-sm { padding: 0 4px; }

.table > tbody > tr > td.codes { line-height: 35px; font-size: 18px; font-weight: bold }

.form-inline .form-group label { margin-right: 5px }
.form-inline .form-group:not([class*="col-"]) { margin-left: 10px }

.form-inline.form-access { margin-bottom: 15px; display: inline-block;  vertical-align: top }
.form-inline.form-access label { width: 80px; }
.form-inline.form-access .btn-block  { width: 90px }

.form-inline.form-access#fieldset-group_office_city  { width: 315px }
.form-inline.form-access#fieldset-group_office_city  .form-group { margin: 0px 5px 15px; }

.nav-tabs > li.city-right { float: right }
.nav-tabs > li.city-right a { margin-right: 0px }

#search-appusers:after, #search-localusers:after { content: ' '; display: block; clear:both }
#search-appusers #name { width: calc(100% - 60px) }
#search-localusers #name { width: 250px }

.w-max { width: 100% !important }

.tag-primary {
    background-color: #0275d8;
}
.tag-default {
    background-color: #FA9C17;
}
.tag {
    border-radius: 0.25rem;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 0.25em 0.4em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.table-middle tbody td {
    vertical-align: middle !important;
}

.tag a { color: inherit }

.form-inline .form-control.input-adress { width: 220px }

.advanced-flats .form-group { margin-left: 0px !important; margin-bottom: 10px } 
.advanced-flats .form-group label { width: 100px }
.advanced-flats .advanced_search { width: 200px; margin-left: 110px }

#fieldset-normal { display: block }
#fieldset-advanced { display: none }

#filter-change { float: right }
#filter-change:before { content: attr(data-advanced-text) }
#filter-change.advanced:before { content: attr(data-simple-text) }

#filter-change.advanced + form #fieldset-normal { display: none }
#filter-change.advanced + form #fieldset-advanced { display: block }
#filter-change + form #fieldset-normal { display: block }
#filter-change + form #fieldset-advanced { display: none }

.dl-horizontal dd {
	margin: 0.7em;
    margin-left: 200px;
   
}
.dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}

#flats-item, #load-offer, #load-access, #appusers-item, #localusers-items, #areas-items, #contact-item { position: relative }
.modal-body.loading:after,#contact-item.loading:after,#areas-items.loading:after, #localusers-items.loading:after,#appusers-item.loading:after,#flats-item.loading:after, #load-offer.loading:after, #load-access.loading:after {  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.2); content: ' '; z-index: 20  }

.close-serch { float: right; line-height: 18px; color: #31708f }

.nav.nav-tabs a { outline: 0 }

.localuser-manage fieldset.active { display: block  }
.localuser-manage fieldset { display: none  }
.localuser-manage .dbother { display: none }

.localuser-manage fieldset.other .dbother { display: block  }
.localuser-manage fieldset.other .dbselect { display: none  }

.form-inline .form-control.modal-input { width: 200px }

.form-search-flat.form-inline input.form-control { width: 250px }

.form-search-flat.form-inline { margin-bottom: 30px }

.form-search-contact .date-input { display: inline-block;  }
.form-search-contact { }
.form-search-contact { text-align: left }
.form-search-contact .select-wrap { }
.form-search-contact label { display: block; line-height: 30px;  }
.form-search-contact .advanced_search {  width: 100%; margin-top: 33px; }

.form-search-contact .statistic { width: 100%; margin-top: 33px; }


.label a { text-decoration: inherit; font-size: 0.8em  }

.inputbutton .col-sm-10 { padding-right: 0px }
.inputbutton .col-sm-2 { padding-left: 0px; padding-top: 25px }

.modal-modal-content { border: 0px; width: 100%; min-height: 100px; max-height: 500px; overflow: auto }
.modal-modal-wrap { margin-top: 10px }

.modal-multiselect .text { line-height: 28px; font-size: 15px }
.modal-multiselect { height: auto;  min-height: 34px; padding: 2px 7px; font-size: 16px; line-height: 16px; }
.modal-multiselect .label { display: inline-block; color: #353535; height: 22px; margin: 3px 3px; line-height: 16px; 
 background: white none repeat scroll 0 0;
    border: 1px solid #cccccc;
    box-shadow: inset 0px 0px 2px #ddd;
    color: #555555;
    
     }
 
.label-target { display: inline-block; color:   #555555;  background: #FFF; border: 1px solid #cccccc; margin: 1px 0px }
     
     
.modal-multiselect .label a { color: #555555; vertical-align: middl; margin-left: -2px; margin-right: 4px }

.modal-inline * { display: inline-block }
.modal-inline .form-control { 
	width: 200px; 
}

.modal-inline .text{
display: block;
	text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.modal-content .text-loading { float: left; font-size: 12px; margin-top: 10px }

#loginForm.max-xs { max-width: 400px; margin-left: auto;  margin-right: auto }


@media screen and (min-height: 600px) {
	#map { height: 400px; } 
}

@media screen and (min-height: 800px) {
	#map { height: 600px; } 
}

#appusers-item .checkbox-bind { width: 0px; }
#appusers-item .checkbox-bind-appuser { display: none }
#appusers-item .bind-active .checkbox-bind { width: 30px; }
#appusers-item .bind-active .checkbox-bind-appuser { display: block }

#flats-item .checkbox-row { width: 0px; }
#flats-item .checkbox-item { display: none }
#flats-item .active .checkbox-row { width: 30px; }
#flats-item .active .checkbox-item { display: block }


.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width:  40px;
    height: 40px;
    animation: spin 2s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    margin: 40px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.label {  padding: 0.2em 0.6em !important; vertical-align: middle !important }
.inline { position: relative; display: inline-block; vertical-align: middle }

.form-file.form-control input {  z-index: 20; opacity: 0; cursor: pointer; height: 200%; width: 100%; position: absolute; left: 0px; top: -100%; outline: 0 !important }
.form-file.form-control { cursor: pointer; position: relative; padding: 3px 3px; width: 370px; overflow: hidden }
.form-file.form-control .file-value { padding: 3px 5px; display: block; } 
.form-file.form-control:before { content: 'Wybierz plik'; float: left;  display: block; padding: 4px 7px;
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;     background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #28a4c9; color: #fff; }




.label-status1 { background:  #9e9e9e; color: #FFF !important; }
.label-status2 { background:   #8bc34a; color: #FFF !important;}
.label-status3 { background:  #4caf50; color: #FFF !important; }
.label-status4 { background:  #FFF; border: 1px solid #cccccc; color: #555555;  }
.label-status5 { background: #009688; color: #FFF !important; }
.label-status6 { background:  #2196f3; color: #FFF  !important; }
.label-status7 { background: #bf360c; color: #FFF !important; }
.label-status8 { background:  #ff9800; color: #FFF !important; }

tr.default { background: #DCDCDC !important }


.highlight {    background: #d8edf7 none repeat scroll 0 0;
    color: #3170b1;
    font-weight: bold;}



.highlight {    background: #d8edf7 none repeat scroll 0 0;
    color: #3170b1;
    font-weight: bold;}
    
@media screen and (max-width: 1200px) {
	.nav > li > a { padding-left: 8px; padding-right:  8px }
}
.notes-form textarea { border-top-right-radius:0px; border-top-left-radius:0px; background: transparent; padding: 10px 15px; resize: none }
#notes li:first-child .notes-form textarea { border-radius: 4px }

.progress-bar {
  
}

.col-md-1-5
{
    float:left;
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.pregenerate-code {
    color: #337ab7;

}