

table.completeListing{
  width: 99%;
}

table.twoColumns td, table.twoColumns th{
  width: 50%;
}


select{
  width: auto;
}

.content ul {
    margin: 2px 0;
    padding: 0;
}

.content table td, .content table th {
    font-size: 0.8em;
}

.infoBlock, .infoBlock a{
  color: white;
}

.infoBlock a:hover{
  color: rgb(237,237,237);
}

.ui-datepicker-trigger{
  cursor: pointer;
  vertical-align: bottom;
}


/*.col_svj{ display: none; }*/

input[type="text"], input[type="password"] {width:auto;}

.svjDetailedList table tr.home-unit td{ border-top-width: 2px; }
.svjDetailedList table td.blockStart{ border-left-width: 2px; }
.svjDetailedList table td.blockEnd{ border-right-width: 2px;}

.svjDetailedList table .col_contact{ display: none; }
.svjDetailedList table .col_svj{ display: none; }
.svjDetailedList table .col_contract{ display: none; }

.svjDetailedList ul li{ display: inline;}
.doorsSummary table td{text-align:center}


tr.my-unit td{background-color: rgb(255,255,204);}

.bulletinBoardSeparator{padding-top: 10px;}

.presetSettingsBlock{
display: none;
padding: 10px 5px;
}

.presetSettingsBlock h2{
padding: 10px 5px;
font-size: 1.5em;
}

.presetSettingsBlock label{
display: inline;
padding: 0px;
vertical-align: baseline;
}

.presetSettingsBlock input{
display: inline;
padding: 0px;
vertical-align: baseline;
}

.presetSettingsBlock .ui-datepicker-trigger{
vertical-align: middle;
}

div.inputForm input{
  margin-left: 10px;
}

.noItem, .noComment{
  font-style: italic;
  color: rgb(100,100,100);
  background: url("../images/bullet.png") no-repeat scroll 3px 3px transparent;
  padding: 0 0 3px 20px;
}

.message .author{
  font-size: 0.8em;
  color: rgb(100,100,100);
  font-style: italic;
}

.message .status{
  font-size: 0.8em;
  color: rgb(100,100,100);
}

  .message .reactions, .viewsCount{
    color: rgb(100,100,100);
    font-style: italic;
    font-size:	11px;
    font-weight: normal;
  }

ul.account_links{
  padding-top: 20px;
  font-size: 0.8em;

}

.content ul.account_links li {
    background: url("../images/bullet.png") no-repeat scroll 3px 4px transparent;
    padding: 0 0 3px 15px;
}

.optional{
  font-weight: normal;
}

.required{
  font-weight: bold;
}

.demoWarning, .helpdeskWarning, .demoInfo{
  color: #fe8402;
  font-size: 1x1em;
  font-style: italic;
}

.demoWarning, .demoInfo {
  margin: 10px 0;
  padding: 3px 0;
  border-top: #fe8402 1px solid;
  border-bottom: #fe8402 1px solid;
}
.demoInfo {color:#222; border-top: #222 1px solid; border-bottom: #222 1px solid; line-height:1.3;}

.filetree.treeview ul li .file {border-bottom: 1px dotted gray;}
.filetree .fileDetails  { color: rgb(125,115,125); font-size: 0.8em; font-style:italic; float: right;}
.filetree .fileSize {color: rgb(125,115,125); padding-left: 7px;font-size: 0.8em; padding-right: 7px;}
.filetree.treeview ul{ background-color: transparent;}
.fileArchivDetails {border-top: 1px solid gray;color: rgb(125,115,125); font-size: 0.8em; font-style:italic; margin-top: 15px; padding-top: 5px;}


.filetree .fileDesc  { color: rgb(125,115,125); font-size: 0.8em; font-style:italic;margin: 0px;}

#realityGeneralAddress{ padding-bottom: 10px; }

.listing.helpdesk a {font-weight:normal;}
.listing.helpdesk .unsolved a {font-weight:bold;}
.listing.helpdesk .mine a {color: #fe8402;}

a.owners_menu.active {font-weight:bold;}
span.owners_breadscrumb span{display:none;}
span.owners_breadscrumb span.active{display:inline;}

.officeBoardList .listing .date {display:inline;}
.note {color: rgb(125,115,125); font-size: 0.8em;}

.badAuthInfo {color:red; text-align:center; font-weight: bold; padding: 10px 0;}

.scrollableTable {width: 100%; overflow: auto; /*max-height: 800px;*/}

#ui-datepicker-div {display: none;}

.deletedItem { text-decoration:line-through; }

tr.oldRevision td , tr.missingDoc td { background-color: rgb(255,152,101) }
p.missingDoc { color: rgb(255,152,101) }

td.numericValue, .amount {text-align:right;}

#realityEditTable td{border: 0px;}
#realityEditTable input[type="text"]{width:105px;}
#realityEditTable input.smallInput[type="text"]{width:30px;}

#realityEditTable td > label {width:120px;}
#realityEditTable .imagesDropdownToggle {cursor:pointer; background:#11B7C4; border:1px solid #ddd; display:block; margin:0 0 0 30px;}
#realityEditTable .dropdownWrapper {position:relative;}
#realityEditTable .imagesDropdown {position:absolute; top:0; left:0; min-width:80px; display:none; padding:5px 15px 5px 5px; background:#fff; border:1px solid #ddd; -moz-box-shadow:2px 2px 3px #ccc; -webkit-box-shadow:2px 2px 3px #ccc; box-shadow:2px 2px 3px #ccc;}
#realityEditTable .imagesDropdown li {padding:0; margin:0 0 5px; background:none;}
#realityEditTable .imagesDropdown label {cursor:pointer;}
#realityEditTable .imagesDropdown img {vertical-align:middle; background:#11B7C4;}

table.userFormTable.twoCols td.firstCol, table.userFormTable.twoCols th.firstCol{
  width: 25%;
}
table.userFormTable input.title, table.userFormTable textarea.textInputDesc{
  width: 100%;
}
table.userFormTable.twoCols td, table.userFormTable.twoCols th{
  vertical-align: middle;
}

.popupWindowToolbar{ text-align:right; padding-top:-5px;   }


.forumItem.listing .right{
 float:right;
}

.forumItem.listing .right div.author,
.forumItem.listing .right div.date{
 display: inline;
}
.forumItem.listing .left{
 float:none;
 width:100%;
}

.forumItem.listing .attachm{
  border-top: 1px solid rgb(206,206,206);
  padding-top: 2px;
}

.forumItem.listing .attachm a{
  font-weight: normal;
  font-size: 0.9em;
}

.fotoPreviewGallery td{
  text-align:center;
}

.officeBoardList .listing h3 a{
  /*font-weight: normal;*/
}

.file-new, .officeBoardList .listing.new h3 a, .bulletinBoard .message.new h3 a, .thread.new h3 a{
  font-weight: bold;
  color:#feb402;
}

table.completeListing.ownersList{width:100%; font-size:12px; font-family: Arial, Helvetica}

.otherBuildingPerson{display:none;}

.svjDetailedList .ui-corner-all,
.svjDetailedList  .ui-helper-clearfix:after,
#realityAdminTabs.ui-corner-all,
#realityAdminTabs .ui-corner-all{ border-radius: 0px }

.paymentsDebt a{color:#feb402;}

.filesOrder.orderBy{float:right}

.infoBox {margin-top: 10px; padding:0px 0 10px; border-bottom:1px solid #fff;}
.infoBox h2 {line-height:1.2;}
.infoBox .boxIcon {float:left; margin:2px 0 0 0;}
.infoBox .boxContent {line-height:1.3; font-size:13px;}
.infoBox .boxContent img {vertical-align:middle; margin:0 3px 0 0;}
.infoBox:first-child {padding-top:0;}
.infoBox:last-child {border-bottom:none;}

.infoBox{
  padding-left: 35px;
}
.infoBox.addressBox{
  background: url("../images/icons/icon-mail32.png") no-repeat transparent;
}
.infoBox.administratorBox{
  background: url("../images/icons/icon-admin.png") no-repeat transparent;
}
.infoBox.hotlineBox{
  background: url("../images/icons/icon-helpdesk.png") no-repeat transparent;
}
.infoBox.personBox{
  background: url("../images/icons/icon-user.png") no-repeat transparent;
}
.infoBox.userBox{
  background: url("../images/icons/icon-user.png") no-repeat transparent;
}
.infoBox.monitorBox{
  background: url("../images/icons/icon-monitor.png") no-repeat transparent;
}
.infoBox.noteBox{
  background: url("../images/icons/icon-note.png") no-repeat transparent;
}
.infoBox .phone{
  padding-left: 20px;
  background: url("../images/icons/icon-phone.png") no-repeat transparent;
}
.infoBox .mail{
  padding-left: 20px;
  background: url("../images/icons/icon-mail.png") no-repeat transparent;
}
.infoBox .mail2{
    padding-left: 20px;
    background: url("../images/icons/icon-mail.png") no-repeat transparent;
}
.infoBox a{
  color:white;
}
.infoBox.updatingBox{
  padding:5px 5px;
  border: 1px solid #d3d0d2;
  background: #f8f8f8;
  margin-bottom: 10px;
}

.ui-autocomplete-loading {
  background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.err { color: #FE8402; }

.showAllUnits{text-align:center; padding: 10px;}

.content h2 a.showBtn {font-size: 14px; font-weight:normal;}

input.tinyInput, select.tinyInput, select.tinyInput option{font-size:0.9em; padding: 1px}

.editLinkHeader {font-size: 12px; font-weight: normal;}

table.completeListing.activities h4 {margin: 0;}
table.completeListing .totals {font-weight: bold; font-size: 1.1em}
.center {text-align:center}

#formFindActivity div{  border: 1px solid #11B7C4; padding-left: 10px; width: 350px; float:right; }
#formFindActivity div, #formFindActivity input, #formFindActivity select{ font-size: 0.8em }
#formFindActivity .button, input[type="submit"], #formFindActivity select, #formFindActivity input { margin: 3px 0 !important; }

.downloadIcons{float:right; width: 100px; margin-top: -50px; text-align: right;}

#accountSummary .accountTotal {font-size: 1.2em}
#accountSummary .accountTotal.debtAccount, .debtAccount, .debtAccount a, .debtAmount {color: #FE8402;}

.incolumnSubmit {vertical-align: bottom;;}

.ui-multiselect-checkboxes li{
font-size: 12px !important;
}
.treeview ul {margin: 0px;}
.treeview li {padding: 0px !important;}
.treeview .jstree-anchor {height: auto !important; width: 95%;position: relative; top: -5px; left: 5px;}
.treeview .fileDesc {white-space: normal; width: 100%; position: relative;}
.treeview .folderIcon {display: inline-block; width: 24px; height: 24px; line-height: 24px; background-position: -260px -4px; background-image: url(./images/32px.png); background-repeat: no-repeat; background-color: transparent; position: relative; top: 6px;}
.treeview .folder, .treeview .file {display: block; height: 100%; width: 100%;}
.treeview .fileHeader {float: left;}
#sidetreecontrol {margin-bottom: 10px;}

.helpText {font-size: 85%; text-align: justify; color: #aaa;}

.dropAreaBox {position: relative; display: block;}
.dropAreaWrapper {display: none; position: absolute; left: 0px; top:0px; width: 105%; height: 110%; margin: -2.5% 0 0 -2.5%; background-color: rgba(203, 203, 203, 0.5);}
.dropAreaWrapper .infoWrapper {position: absolute; top: 50%; left: 50%; width: 210px; height: 160px; margin: -80px 0 0 -105px;}
.dropAreaWrapper .infoWrapper .iconWrapper {position: absolute; top: 0; left: 50%; width: 118px; height: 92px; margin: 0 0 0 -59px;}
.dropAreaWrapper .infoWrapper .iconWrapper .icon {display: inline-block; position: absolute; font-size: 50px;}
.dropAreaWrapper .infoWrapper .iconWrapper .first {top: 20px; left: 5px; -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); color: #cf4323;}
.dropAreaWrapper .infoWrapper .iconWrapper .second {top: 35px; left: 70px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); color: #2a5699;}
.dropAreaWrapper .infoWrapper .iconWrapper .third {top: 0px; left: 40px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); color: #227547;}
.dropAreaWrapper .infoWrapper .iconWrapper .first:hover {color: #cf4323;}
.dropAreaWrapper .infoWrapper .iconWrapper .second:hover {color: #2a5699;}
.dropAreaWrapper .infoWrapper .iconWrapper .third:hover {color: #227547;}
.dropAreaWrapper .infoWrapper .textWrapper {position: absolute; top: 92px; font-weight: bold; text-align: center;}
.dropAreaWrapper .uploadInfoWrapper {display: none; position: absolute; top: 50%; left: 50%; width: 200px; height: 140px; margin: -70px 0 0 -100px;}
.dropAreaWrapper .uploadInfoWrapper .iconWrapper {position: absolute; top: 0; left: 50%; width: 90px; height: 78px; margin: 0 0 0 -45px;}
.dropAreaWrapper .uploadInfoWrapper .iconWrapper .icon {display: inline-block; position: absolute; font-size: 80px; color: #2d519b;}
.dropAreaWrapper .uploadInfoWrapper .iconWrapper .icon:hover {color: #2d519b;}
.dropAreaWrapper .uploadInfoWrapper .textWrapper {position: absolute; top: 78px; font-weight: bold; text-align: center; width: 100%;}
.dropAreaWrapper .dropArea {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.treeview .dropAreaBox {display: inline-block; width: 101%;}
.treeviewDropAreaWrapper .dropAreaWrapper {display:none;}
.treeview .dropAreaWrapper {margin: 0; width: 100%;}
.treeview .dropAreaWrapper .infoWrapper {top: 0px; left: 0px; width: 100%; height: 100%; margin: 0;}
.treeview .dropAreaWrapper .infoWrapper .iconWrapper {left: 0px; margin: 0px; height: 100%; width: 95px;}
.treeview .dropAreaWrapper .infoWrapper .iconWrapper .icon {font-size: 20px; top: 50%; margin-top: -10px;}
.treeview .dropAreaWrapper .infoWrapper .iconWrapper .first {left: 25px; }
.treeview .dropAreaWrapper .infoWrapper .iconWrapper .second {left: 57px;}
.treeview .dropAreaWrapper .infoWrapper .iconWrapper .third {left: 40px;}
.treeview .dropAreaWrapper .infoWrapper .textWrapper {top: 0px; left: 100px; width: 300px; top: 50%; margin-top: -10px;}
.treeview .dropAreaWrapper .infoWrapper .textWrapper p {display:inline;}

.treeview .dropAreaWrapper .uploadInfoWrapper {top: 0px; left: 0px; width: 100%; height: 100%; margin: 0;}
.treeview .dropAreaWrapper .uploadInfoWrapper .iconWrapper {left: 0px; margin: 0px; height: 100%; width: 50px;}
.treeview .dropAreaWrapper .uploadInfoWrapper .iconWrapper .icon {font-size: 20px; top: 50%; margin-top: -10px; left: 15px;}
.treeview .dropAreaWrapper .uploadInfoWrapper .textWrapper {top: 0px; left: 50px; width: 300px; top: 50%; margin-top: -10px;}
.treeview .dropAreaWrapper .uploadInfoWrapper .textWrapper p {display:inline;}

.reactions textarea {width: 95%;}

.changelogList .listing.new { background-color: rgb(255,255,224) !important;}
.changelogList .listing div.attachments { font-size: 0.9em; padding-top: 10px; }
.changelogList .listing div.attachments a { font-weight: normal;}

#changelogBox { background-color: rgb(255,255,224); padding: 10px 13px ; border: 1px solid #eee; }
#changelogBox .title{ font-weight: bold;   }
#changelogBox .titleNews{ font-weight: bold; color: #FE8402;  }
#changelogBoxcloseBtn {float: right}

#addTechDocDropzone .dz-preview {text-align:center; font-size: 0.9em; color: gray}
#addTechDocDropzone .dz-preview div {display: inline;}
#addTechDocDropzone .dz-preview div {display: none;}


.formFilter table td {
    border: 0 none;
    font-size: 12px;
    padding: 2px 5px;
    vertical-align: middle;
}

.ui-widget-header.ui-multiselect-header .ui-helper-reset li  a{
    font-size: 11px;
    vertical-align:top;
}

div.ui-multiselect-filter input {width: 70px;}


.chosen-container-single .chosen-single,
.ui-multiselect.ui-corner-all {
    border-radius: 0px;
}
.ui-multiselect.ui-state-default {
    background: #ffffff;
}

.ui-multiselect-menu .ui-multiselect-checkboxes .ui-state-hover,
.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container-single .chosen-single,
.ui-corner-all{
    border-radius: 0 !important;
}

table.allRealitiesSettingsTable td.nowrap{
   white-space: nowrap;
}
