.desktop-display-none {
    display: none !important;
}

.desktop-display-block {
    display: block !important;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address {
    margin: 0;
    padding: 0;
}

html {
    background: #efefef;
    color: #3d3d3d;
    height: 100%;
}

body {
    font: 15px/1.6 'Roboto', Arial, Helvetica, sans-serif;
    height: 100%;
    min-height: 100%;
    background: #efefef;
}

html.iframe, .iframe body {
    height: auto;
    min-height: 1px;
}

a {
    font-weight: bold;
    text-decoration: underline;
    color: #3d3d3d;
}

a:hover {
    text-decoration: none;
    color: #3f51b5;
}

button.add {
    text-decoration: underline;
}

button.add:hover {
    text-decoration: none;
    color: #3f51b5;
}

select {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 15px;
    padding: 5px 10px;
}

select[multiple] {
    height: 34px;
}

select.form-control {
    border: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
    width: auto;
    display: inline-block;
    box-shadow: none;
}

table {
    font-size: 100%;
}

.bold, .font-weight-bold {
    font-weight: bold !important;
}

.font-italic {
    font-style: italic;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.cb {
    clear: both;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.clear {
    clear: both;
}

li {
    list-style: none;
}

a img, fieldset {
    border: 0;
}

blockquote {
    font-size: 15px;
    padding-left: 10px;
    font-style: italic;
    margin: 0.5em 0;
}

pre {
    font-size: 14px;
    padding: 8px 11px;
    margin: 0.5em 0;
    border-radius: 0;
}

.highlight {
    color: red;
    font-weight: bold;
}

.red {
    color: red;
}

.orange {
    color: orange;
}

.yellow {
    color: yellow;
}

.yellow-background {
    background-color: #fbfb88;
}

.yellow-background-light {
    background-color: #fffdc1 !important;
}

.green-background {
    background-color: #9fe687;
}

.orange-background {
    background-color: #ffc65e;
}

.red-background {
    background-color: #ff9d9d;
}

.img_fright {
    float: right;
    margin: 0 0 1em 1.5em;
}

.fleft {
    float: left;
}

.fright {
    float: right !important;
}

.small {
    font-size: 85%;
}

.big {
    font-size: 120%;
}

.noUnderline {
    text-decoration: none !important;
}

.underline {
    text-decoration: underline;
}

.max-height-none {
    max-height: none !important;
}

a:hover .underline {
    text-decoration: none;
}

.dn {
    display: none;
}

.d-block {
    display: block !important;
}

::selection {
    background: #fff4c3;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.width-auto, .w-auto {
    width: auto !important;
}

.hr {
    background: #eee;
    margin: 1em 0;
    height: 1px;
    overflow: hidden;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.small-light-text {
    font-weight: normal;
    font-size: 12px;
}

.font-size-11 {
    font-size: 11px;
}

input[type=number].no-arrows::-webkit-inner-spin-button, input[type=number][readonly] {
    -webkit-appearance: none !important;
}

input[type=number].no-arrows, input[type=number][readonly] {
    -moz-appearance: textfield !important;
}

.ui-front {
    z-index: 1100;
}

.pointer-events-auto {
    pointer-events: auto !important;
}

.hint[data-hint] {
    cursor: help;
}

.big-muted-gray-text {
    color: gray;
    font-size: 20px;
}

.float-none {
    float: none !important;
}

.float-left {
    float: left !important;
}

.white-space-normal {
    white-space: normal !important;
}
.cursor-default {
    cursor: default !important;
}

table.table {
    border-collapse: separate;
    border-bottom: 1px solid #ddd;
}

table.table tr td {
    border-bottom: none;
}

table.table tfoot tr td {
    border-top: 1px solid #ddd;
}

table.table-line-hover tr:hover td {
    background-color: #faf5e0;
}

.clearfix:after, #main:before, #header:after, .form-group:after, .files-container:after, .files-container .upload-area:after, .files-container .files-list:after, .navTabs:after, .file-upload-form .previews, .static-form-group:after, .tabs .tab:after, .record_type-group:after, .generate-bills:after, .main-message:after, #main:after, #content:after, #RFButtons:after, .searchable-select:after {
    clear: both;
    content: "";
    display: table;
}

input.input-middle-size {
    width: 110px !important;
}

input.input-middle-size2 {
    width: 130px !important;
}

input.input-big-size {
    width: 500px !important;
    max-width: 100%;
}

.form-control {
    border-radius: 0;
}

a.copy-text {
    position: relative;
}

a.copy-text:before {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background: url(../img/ui/icons/copy.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    opacity: 0.5;
    content: "";
}

h1 a.copy-text:before {
    width: 0.8em;
    height: 0.8em;
}

a.copy-text:hover:before {
    opacity: 1;
}

span.copied {
    display: inline-block;
    position: absolute;
    background: #008000;
    color: white;
    font: 12px/1.4 Arial, sans-serif;
    opacity: 0;
    transition: opacity 0.2s;
    padding: 0 4px;
    top: 50%;
    margin-top: -7px;
}

a.copy-text.copied + span.copied, .input-contact-input-icon + span.copied {
    display: inline-block;
    opacity: 1;
}

.input-contact-input-icon + span.copied {
    margin-left: 26px;
}

.invisible-for-humans {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* Bootstrap 4 */
.w-100 {
    width: 100% !important;
}

.p-0 {
    padding: 0 !important;
}

.p-3 {
    padding: 15px !important;
}

.p-4 {
    padding: 25px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 5px !important;
}

.pl-2 {
    padding-left: 10px !important;
}

.pl-3 {
    padding-left: 15px !important;
}

.pl-4 {
    padding-left: 25px !important;
}

.pl-5 {
    padding-left: 40px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 5px !important;
}

.pt-2 {
    padding-top: 10px !important;
}

.pt-3 {
    padding-top: 15px !important;
}

.pt-4 {
    padding-top: 25px !important;
}

.pt-5 {
    padding-top: 40px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-2 {
    padding-bottom: 10px !important;
}

.pb-5 {
    padding-bottom: 40px !important;
}

.pr-1 {
    padding-right: 5px !important;
}

.pr-2 {
    padding-right: 10px !important;
}

.px-1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.px-2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-4 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.px-5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py-4 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.mx-2 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.mx-3 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.m-0 {
    margin: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 5px !important;
}

.mr-2 {
    margin-right: 10px !important;
}

.mr-3 {
    margin-right: 15px !important;
}

.mr-4 {
    margin-right: 25px !important;
}

.mr-5 {
    margin-right: 40px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 5px !important;
}

.mb-2 {
    margin-bottom: 10px !important;
}

.mb-3 {
    margin-bottom: 15px !important;
}

.mb-4 {
    margin-bottom: 25px !important;
}

.mb-5 {
    margin-bottom: 40px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 5px !important;
}

.ml-2 {
    margin-left: 10px !important;
}

.ml-3 {
    margin-left: 15px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 5px !important;
}

.mt-2 {
    margin-top: 10px !important;
}

.mt-3 {
    margin-top: 15px !important;
}

.mt-4 {
    margin-top: 25px !important;
}

.mt-5 {
    margin-top: 40px !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.my-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my-3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-none {
    display: none !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-inline {
    display: inline !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-grow-2 {
    -webkit-box-flex: 2 !important;
    -ms-flex-positive: 2 !important;
    flex-grow: 2 !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.valign-middle {
    vertical-align: middle !important;
}

.valign-top {
    vertical-align: top !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-left {
    text-align: left !important;
}

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

.align-middle {
    vertical-align: middle !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.position-relative {
    position: relative !important;
}

@media (min-width: 576px) {
    .mr-sm-4 {
        margin-right: 25px;
    }

    .d-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .mt-md-25px {
        margin-top: 25px !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .px-md-4 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

}

/* /B4 */

#blue-stripe {
    background: #3f51b5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
}

.overlay-loader {
    background: rgba(0, 0, 0, 0.6) url(../img/ui/preloader2.svg) center 30px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.ajax-loader {
    background: url(../img/ui/preloader-black.svg) no-repeat;
    display: inline-block;
    width: 100px;
    height: 100px;
    background-size: 100%;
}

.count-badge {
    background: #f44336;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    color: white;
    display: inline-block;
}

#reportUs {
    background: #fff7d3;
    color: black;
    text-decoration: none;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 8px 15px;
    display: block;
    z-index: 10;
    font-size: 14px;
}

#page {
    height: 100%;
    height: calc(100% - 60px);
    padding-top: 60px;
    min-width: 1000px;
}

.iframe #page {
    height: auto;
    padding-top: 0;
    min-width: auto;
}

#header {
    opacity: 0;
    background: #3f51b5;
    height: 60px;
    color: white;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    z-index: 600;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

#header.narrow {
    top: 60px;
    height: 0;
}

#header.narrow #menu {
    display: none;
}

#header:not(.narrow) .menu-hamburger, #header.narrow #logo {
    display: none;
}

#header a {
    color: white;
    text-decoration: none;
    display: inline-block;
    line-height: 60px;
    padding: 0 17px;
    position: relative;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

#header a.news.icon {
    min-width: 15px;
    background-image: url(../img/ui/icon-news.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#header a.news.icon span.text {
    display: none;
}

#header a.arrow {
    background: url(../img/ui/header-arrow.png) 15px center no-repeat;
    padding-left: 38px;
}

#menu > li.active > a:after {
    position: absolute;
    bottom: 16px;
    left: 18px;
    height: 2px;
    background: white;
    width: calc(100% - 36px);
    content: "";
}

#header a:hover, #header li:hover a {
    background-color: #5163c9;
}

#mobile-header {
    background: #3f51b5;
    height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

a#logo, #mobile-logo {
    float: left;
    width: 250px;
    background: #303f9f url(../img/ui/logo.png) 25px 17px no-repeat !important;
    height: 60px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    padding: 0;
    margin: 0 30px 0 0;
}

a#logo.smaller, #mobile-logo {
    width: 60px;
    margin-right: 20px;
    background-image: url(../img/ui/logo-small.png) !important;
}

@media (max-width: 699px) {
    #lc #mobile-header .menu-hamburger {
        display: block;
    }
}

#menu ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 190px;
    border: 1px solid #e4e4e4;
    z-index: 10;
    display: none;
    -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

#menu > li > ul {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: visible;
}

#menu .fright ul {
    left: auto;
    right: 0;
    text-align: right;
}

#menu li:hover ul {
    display: block;
}

#menu li {
    float: left;
    position: relative;
}

#menu:not(.show) > li {
    max-height: 60px;
}

#menu li#dropdown-arrow li {
    display: none;
}

#menu li#dropdown-arrow li.visible {
    display: block;
}

#menu li#dropdown-arrow li.visible ul {
    display: block;
    position: static;
    left: 0;
    top: 0;
    border: 0;
}

#menu li#dropdown-arrow li.visible ul li {
    display: block;
}

#menu li#dropdown-arrow li.visible ul li a {
    padding: 8px 20px 8px 35px;
}

#menu ul li {
    float: none;
}

#menu ul a {
    background-color: white !important;
    display: block;
    color: #3d3d3d;
    height: auto;
    padding: 12px 20px;
    line-height: 1.2;
    white-space: nowrap;
}

#menu ul a:hover {
    background-color: #f7f7f7 !important;
}

#menu ul .plus a {
    background: url(../img/ui/icon-add.png) 20px center no-repeat;
    padding-left: 40px;
}

#menuOthers {
    display: none;
}

#menuOthers > a {
    background-image: url(../img/ui/menu-others.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 11px;
}

.menu-hamburger {
    display: none;
    float: right;
    margin: 15px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background: white;
    position: relative;
    text-indent: -100em;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.menu-hamburger:after, .menu-hamburger:before {
    display: block;
    content: "";
    height: 6px;
    width: 100%;
    width: calc(100% + 4px);
    position: absolute;
    top: 6px;
    background: #3f51b5;
    left: -2px;
}

.menu-hamburger:after {
    top: 18px;
}

.menu-hamburger.open {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#menu.mobileVersion {
    display: none;
    overflow: auto;
}

#menu.show {
    display: block;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    background: white;
    font-size: 18px;
    overflow: scroll;
}

#menu.show li {
    float: none !important;
    text-align: left !important;
}

#menu.show a {
    display: block;
    line-height: 1.4;
    color: #3d3d3d;
    padding: 10px 43px;
    background-color: white !important;
    white-space: normal;
}

#menu.show a:hover {
    color: white;
    background-color: #5163c9 !important;
}

#menu.show ul {
    display: block;
    position: static;
    width: auto;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu.show ul a {
    padding-left: 63px;
    font-weight: 500;
}

#menu.show ul .plus a {
    background-image: url(../img/ui/icon-add.png);
    background-position: 43px center;
    background-repeat: no-repeat;
}

#menu.show #menuOthers > a {
    display: none;
}

#menu.show #menuOthers ul a {
    padding-left: 43px;
}

#menu.show > li.active > a:after {
    display: none;
}

#menu:not(.show) li.user-name > a {
    height: 60px;
    width: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu:not(.show) li.user-name > a:after {
    display: none;
}

#menu:not(.show) li.user-name > a span.avatar {
    display: block;
    width: 32px;
    height: 32px;
    background: #303f9f url(../img/ui/user-icon.png) no-repeat;
    background-size: contain;
    border: 2px solid white;
    border-radius: 50%;
}

#menu:not(.show) li.portfolio-name.smaller > a span.text-portfolio-name {
    display: none;
}

#menu:not(.show) li.wallet-opener > a:after {
    display: none;
}

#menu li.portfolio-name ul {
    text-align: left;
}

span.portfolio-active {
    font-weight: 400;
    font-size: 12px;
    margin: 0 10px 0 0;
    color: gray;
    font-style: italic;
}

body.menu-opened span.portfolio-active {
    font-size: 14px;
}

#content {
    max-width: 1850px;
    margin: 0 auto;
}

#lc {
    position: fixed;
    left: 0;
    height: calc(100% - 60px);
    background: white;
    width: 250px;
    -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
    overflow: hidden;
}

#main {
    width: calc(100% - 250px);
    float: right;
    position: relative;
    z-index: 5;
    background: #efefef;
}

html.iframe #main {
    float: none;
    width: auto;
    padding-top: 0;
}

.narrow #main {
    height: auto;
}

/* obsah */
::-webkit-input-placeholder {
    font-style: italic;
    opacity: 0.5;
    color: inherit;
}

:-moz-placeholder {
}

::-moz-placeholder {
}

:-ms-input-placeholder {
}

h1 {
    font-size: 30px;
    line-height: 1.3;
    margin: 0 0 0.4em 0;
}

h1 .realtyName {
    color: #607d8b;
    font-weight: normal;
    font-size: 16px;
}

h1.h1-floated {
    float: left;
    margin-bottom: 0;
}

h1.tenant-h1 {
    line-height: 0.9;
}

h1.tenant-h1 span.arrow {
    font-size: 19px;
}

h1 a {
    font-weight: 400;
}

h2 {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 0.4em 0;
}

h2 a.toogle-help {
    font-weight: normal;
    text-decoration: none;
}

a.add, a.new-folder-link, button.add {
    background: url(../img/ui/icon-add.png) left center no-repeat;
    padding: 0 0 0 18px;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    border: none;
}

a.add:active, a.new-folder-link:active, button.add:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url(../img/ui/icon-add.png) left center no-repeat;
}

h1 a.add {
    margin: 0 0 0 15px;
    position: relative;
    top: -5px;
}

p {
    margin: 1em 0;
}

a.close {
    opacity: 0.5;
}

a.close:hover {
    opacity: 0.7;
}

section ul, section ol {
    margin: 1em 0 1em 25px;
}

section ul li {
    list-style: square;
}

section ol li {
    list-style: decimal;
}

.box {
    padding: 22px;
    background-color: white;
    margin: 25px;
    border: 1px solid #e7e7e7;
}

.box .readonly {
    color: #aaa;
    cursor: not-allowed;
}

.iframe .box:last-of-type {
    margin-bottom: 0;
}

#page .box > *:last-child {
    margin-bottom: 0;
}

/* forms */
.form-group {
    margin: 8px 0;
}

#msgBox {
    position: fixed;
    display: none;
    top: 61px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 450;
    min-width: 320px;
    max-width: 800px;
    text-align: center;
    overflow: hidden;
    z-index: 500;
    cursor: pointer;
    width: 100%;
}

#msgBox a.close {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../img/ui/icon-close-white.png) center center no-repeat;
    opacity: 1;
    text-indent: -1000em;
}

#msgBox .message {
    padding-right: 30px;
}

.message, .error-summary {
    color: white;
    padding: 12px 22px;
}

.message a {
    color: white;
}

.message ul {
    margin: 1em 0 1em 20px;
}

.message ul li {
    list-style: square;
}

.message.success {
    background-color: #4caf50;
}

.message.info {
    background-color: #6677d6;
}

.message.warning {
    background-color: #e27171;
}

.message.error, .error-summary {
    background-color: #be1313;
}

.error-summary p, .error-summary ul {
    margin-top: 0;
    margin-bottom: 1em;
}

.error-summary ul:last-of-type {
    margin-bottom: 0;
}

legend {
    margin-bottom: 5px;
}

legend a {
    font-weight: normal;
    text-decoration: none;
}

fieldset {
    margin-bottom: 20px;
}

.has-success .control-label {
    color: inherit;
}

.form-group label, .static-form-group label {
    float: left;
    width: 175px;
    padding: 5px 15px 0 0;
}

.label-margin-left {
    margin-left: 175px;
}

.label-long label {
    width: 210px;
}

.form-group.required > label:after, .new_record_second_step[data-type=task] label[for=record-note]:after, .new_record_second_step[data-type=text] label[for=record-note]:after {
    content: "*";
    color: red;
    margin-left: 2px;
    opacity: 0.8;
}

.form-group input, input[type="text"].form-control, .form-group textarea, .static-form-group .fake-input, .form-group .ui-selectmenu-button, .cost-table-wrapper input.form-control {
    float: left;
    width: 250px;
    border: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f2f2f2;
    outline: 0;
    font: 15px/1.3 'Roboto', Arial, sans-serif;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
}
input[type="text"].form-control[readonly],
input[type="number"].form-control[readonly],
input[type="email"].form-control[readonly] {
    color: #999999;
}

.form-group.no-has-error-border input {
    border-bottom: 1px solid #e0e0e0 !important;
}

.form-group input[type=radio], .form-group input[type=checkbox], .cost-table-wrapper input.form-control[type="number"] {
    width: auto;
}

.form-group textarea {
    height: 120px;
    width: 380px;
    max-width: 100%;
    line-height: 20px;
}

.form-group input:hover, .form-group textarea:hover, .ui-selectmenu-menu .ui-menu-item.ui-state-focus, .ui-selectmenu-button.ui-state-hover, .cost-table-wrapper input.form-control:hover {
    background-color: #ececec;
    border-color: #dbdbdb;
}

.form-group input:focus, .form-group textarea:focus, .ui-selectmenu-button.ui-state-focus, .ui-selectmenu-button:focus, .cost-table-wrapper input.form-control:focus {
    background-color: #faf5e0;
    border-color: #ddbf3b;
}

.form-group.no-has-error-border input:focus {
    border-bottom: 1px solid #ddbf3b !important;
}

.form-group button, a.button, .btn-primary, .btn-default, .btn-danger, .btn-success, .btn-info {
    background: #3f51b5;
    color: white;
    outline: 0;
    border: 0;
    padding: 9px 23px;
    font: 15px/1.3 'Roboto', Arial, sans-serif;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
    border-radius: 3px;
}

.btn-secondary {
    padding: 9px 23px;
}

.btn-default {
    background: #d8d8d8;
    color: black;
}

.btn-danger {
    background: #d9534f;
    color: white;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover {
    background-color: #449d44;
    border-color: #398439;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.form-group button:hover, a.button:hover, .btn-primary:hover {
    background-color: #303f9f;
}

.form-group button:active, a.button:active, .btn-primary:active {
    background-color: #243386;
}

a.button-lg {
    padding: 20px 64px;
    font-size: 18px;
}

.btn-primary.btn-sm, .btn-sm {
    padding: 7px 16px;
    font-size: 14px;
}

.form-group .text-next-to-button {
    float: left;
    margin: 24px 2em 0 0;
    font-size: 12px;
    color: gray;
}

.form-group .help-block, .form-group .hint-block-margined {
    float: left;
    margin: 4px 0 0 15px;
}

.form-group .ui-selectmenu-button {
    min-width: 250px;
    width: auto !important;
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
}

.form-group.currency-select .ui-selectmenu-button {
    min-width: 60px;
}

.form-group .ui-selectmenu-button .ui-selectmenu-text {
    padding-left: 0;
}

.form-group .currency-mark {
    float: left;
    margin: 4px 0 0 0;
    margin-left: 10px;
}

.form-group input.hasDatepicker {
    background-image: url('../img/ui/icon-calendar-input.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 36px;
    width: 140px;
}

input[type=number] {
    width: 70px;
    padding-right: 0;
}

.form-group td input, .form-group td textarea, .static-form-group .fake-input, .form-group .ui-selectmenu-button {
    max-width: inherit;
}

.hint-texts {
    display: none;
}

.form-group .hint-block {
    float: left;
}

.questionMark {
    display: inline-block;
    height: 34px;
    width: 28px;
    background: #dbdbdb url(../img/ui/icon-hint.png) center center no-repeat;
    position: relative;
    cursor: help;
}

.questionMarkSmall {
    width: 14px;
    height: 17px;
    background-size: contain;
    background-size: 7px auto;
    vertical-align: middle;
    top: -3px;
}

h2 .questionMark {
    margin: 0 0 0 10px;
    top: 9px;
}

body .tooltipster-base .tooltipster-box {
    color: #fff;
    background: #111;
    border: 0;
    border-radius: 0;
}

body .tooltipster-base.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #111;
}

#tooltip {
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 1550;
    padding: 12px 16px;
    text-align: left;
}

#tooltip::selection {
    background: gray;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top: none;
    border-bottom: 10px solid #111;
    top: -10px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

#tooltip a {
    color: white;
    font-size: inherit;
}

#tooltip ul, #tooltip ol {
    margin: 0.5em 0 0.5em 20px;
}

#tooltip ul li {
    list-style: square;
}

#tooltip ol li {
    list-style: decimal;
}

.ui-selectmenu-menu .ui-menu-item.ui-state-focus, .ui-selectmenu-menu .ui-menu-item.ui-state-hover {
    background: #faf5e0;
}

.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 5px 10px;
    font-size: 15px;
}

.ui-widget-content {
    border-color: #c2c2c2;
}

.static-form-group .fake-input {
    text-overflow: ellipsis;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    padding: 0;
    min-height: 34px;
    border-radius: 0;
    display: table;
}

.static-form-group .fake-input:before {
    width: 40px;
    background-color: #e0e0e0;
    content: "";
    border-radius: 0;
    margin-right: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    display: table-cell;
}

.static-form-group .fake-input.realty-icon:before {
    background: #e0e0e0 url(../img/ui/icons/realty.svg) center center no-repeat;
    background-size: 16px 16px;
}

.static-form-group .fake-input.person-icon:before {
    background: #e0e0e0 url(../img/ui/icons/agreement.svg) center center no-repeat;
    background-size: 16px 16px;
}

.static-form-group .fake-input span.value {
    display: table-cell;
    vertical-align: middle;
    padding: 4px 10px;
}

/* checkboxes and radios */
label.pretty {
    position: relative;
    cursor: pointer;
    word-wrap: break-word;
}

label.pretty span.repl {
    background: url(../img/ui/radios-checkboxes.png) -24px 0 no-repeat;
    background-size: auto 22px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}

label.pretty input[type=radio] + span.repl {
    background-position: -144px 0;
}

label.pretty:hover input[type=checkbox] + span.repl {
    background-position: -384px 0;
}

label.pretty:hover input[type=radio] + span.repl {
    background-position: -408px 0;
}

label.pretty input[type=checkbox]:checked + span.repl {
    background-position: -48px 0;
}

label.pretty input[type=checkbox][disabled] + span.repl {
    background-position: -72px 0;
}

label.pretty input[type=radio]:checked + span.repl {
    background-position: -168px 0;
}

label.pretty input:focus + span.repl {
    -webkit-box-shadow: 0px 0px 3px 2px rgba(221, 191, 59, 1);
    box-shadow: 0px 0px 3px 2px rgba(221, 191, 59, 1);
}

label.pretty input[type=radio]:focus + span.repl {
    border-radius: 50% 50%;
}

label.pretty input {
    opacity: 0;
    margin-right: 14px;
}

label.pretty-small {
    font-size: 12px;
    font-weight: 400;
    padding-top: 4px;
}

label.pretty-small input {
    margin-right: 8px;
}

label.pretty-small span.repl {
    width: 17px;
    height: 16px;
    background-size: auto 16px;
    background-position: -17px 0;
}

label.pretty-small:hover input[type=checkbox] + span.repl {
    background-position: -278px 0;
}

label.pretty-small input[type=checkbox]:checked + span.repl {
    background-position: -34px 0;
}

.label-w-auto label.pretty {
    width: auto;
}

.table label.pretty span.repl {
    top: 3px;
}

.table label.pretty input[type=checkbox]:checked + span.repl {
    background-position: -240px 0;
}

.grid-view {
    margin: 1.5em 0;
}

.summary {
    text-align: right;
    vertical-align: top;
    display: inline-block;
}

.summary-fright .summary {
    float: right;
}

.table-bordered {
    border: 0;
}

.table-bordered thead th {
    padding: 0 !important;
    border: 0 !important;
}

.table-bordered thead th a:not(.normal-link), .table-bordered thead th span.nonSortable {
    display: block;
    text-decoration: none;
    background: url(../img/ui/sort-both.png) right center no-repeat;
    padding: 8px 20px 8px 8px;
    border-bottom: 1px solid #ddd;
}

.table-bordered thead th a:not(.normal-link):hover {
    border-color: #3f51b5;
}

.table-bordered thead th span.nonSortable {
    background: none;
}

.table-bordered thead th a.desc {
    background: url(../img/ui/sort-desc.png) right center no-repeat;
    border-bottom-color: #3f51b5;
    color: #3f51b5;
}

.table-bordered thead th a.asc {
    background: url(../img/ui/sort-asc.png) right center no-repeat;
    border-bottom-color: #3f51b5;
    color: #3f51b5;
}

.table-bordered tr.filters td {
    border-width: 0 0 1px 0;
    background-color: #f1f1f1;
}

.table-bordered tr.filters td.not-empty {
    background-color: #e0e0e0;
}

.table-bordered tr.filters td.not-empty input[type=text] {
    background-color: #feffde;
}

.table-bordered tr.filters td .form-control {
    background-color: white;
}

.table-bordered tr.filters .form-group {
    margin: 0;
}

.table-bordered tr.filters input.form-control {
    background-color: #fff;
    width: 100%;
}

.table-bordered tr.filters .add-clear-x {
    color: #414141;
}

.table-bordered tr.filters .add-clear-x:hover {
    color: black;
}

.table-bordered tbody td {
    border-left: 0 !important;
    border-right: 0 !important;
}

.table-bordered tbody tr:nth-child(odd) td {
    background-color: white;
}

.table-bordered tbody tr:nth-child(even) td {
    background-color: #f9f9f9;
}

.table-bordered tbody tr:hover td {
    background-color: #faf5e0;
}

.overdue td, tr.overdue {
    background-color: #ffe5e5 !important;
}

.overdue:hover td {
    background-color: #ffd2d2 !important;
}

.table-bordered tr.deactivated td {
    color: silver;
}

.table-bordered .actions {
    text-align: center;
}

.table-bordered .actions a {
    margin: 0 5px;
    padding: 0 3px;
}

.table-bordered .actions a.disabled {
    cursor: not-allowed;
    color: #a2a2a2;
}

.table > tfoot > tr > td {
    text-align: right;
    border: 0;
    font-size: 110%;
    font-weight: bold;
}

.table > tfoot > tr > td.left {
    text-align: left;
}

.table .not-set {
    color: gray;
}

.table td.expired {
    color: red;
}

.table td.ending {
    color: #ff6c00;
}

.files-container {
    border-bottom: 1px solid #e0e0e0;
}

.files-container a {
    text-decoration: none;
    font-weight: normal;
    line-height: 1.2;
}

.files-container .folder-tree {
    float: left;
    width: 240px;
    border: 1px solid #e0e0e0;
    border-width: 1px 1px 0 0;
    padding: 14px 15px 18px 0;
    min-height: 300px
}

.plusminus {
    display: inline-block;
    background: url(../img/ui/plusminus.gif) no-repeat;
    width: 12px;
    height: 12px;
    background-size: 36px 12px;
    text-indent: -1000em;
    margin-right: 8px;
}

.plusminus.open {
    background-position: -12px 0;
}

.plusminus.no-children {
    background-position: -24px 0;
}

.files-container .folder-tree .folder.with-children .plusminus {
    position: absolute;
    top: 4px;
    left: 0;
    margin-left: -20px;
    margin-right: 0;
    float: none;
}

.files-container .folder-tree .plusminus.hidden {
    visibility: hidden;
    position: absolute;
}

.files-container .folder-tree .folder-wrapper {
    padding-left: 23px;
    position: relative;
}

.files-container .folder-tree > .folder-wrapper {
    padding-left: 10px;
}

.files-container .folder-tree .folder a.name {
    padding: 1px 0 1px 20px;
    background: url(../img/ui/folder-icon.png) left 6px no-repeat;
    background-size: 15px auto;
    position: relative;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.files-container .folder-tree .folder a.name span {
    padding: 2px 3px;
    display: inline-block;
}

.files-container .folder-tree .folder a.name:hover span {
    text-decoration: underline !important;
    color: #3d3d3d;
}

.files-container .folder-tree .folder.active > a.name span {
    background: #e5e5e5;
}

.files-container .folder.highlight > a.name {
    background-color: #c6cfff;
}

.files-container .files-list {
    float: left;
    width: calc(100% - 240px);
    border-top: 1px solid #e0e0e0;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.files-container .files-list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.files-container .files-list .item:first-child {
    margin-top: 5px;
}

.files-container .files-list .item a.name {
    display: flex;
    padding: 5px 0;
    max-width: calc(100% - 220px);
}

.files-container .files-list .item a.name .file-name {
    text-overflow: ellipsis;
    overflow: hidden;
}

.files-container .files-list .item a.name:before {
    content: "";
    display: inline-block;
    min-width: 23px;
    width: 23px;
    min-height: 23px;
    height: 23px;
    margin: 0 8px 0;
    background: url(../img/ui/file-icons/other.png) center bottom no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.files-container .files-list .item.folder a:before {
    background: url(../img/ui/folder-icon.png) center bottom no-repeat;
    background-size: 100%;
}

.files-container .item.pdf a.name:before {
    background: url(../img/ui/file-icons/pdf.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item

.3
gp a.name:before {
    background: url(../img/ui/file-icons/3gp.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item

.7
z a.name:before {
    background: url(../img/ui/file-icons/7z.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.ae a.name:before {
    background: url(../img/ui/file-icons/ae.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.ai a.name:before {
    background: url(../img/ui/file-icons/ai.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.apk a.name:before {
    background: url(../img/ui/file-icons/apk.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.asf a.name:before {
    background: url(../img/ui/file-icons/asf.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.avi a.name:before {
    background: url(../img/ui/file-icons/avi.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.bak a.name:before {
    background: url(../img/ui/file-icons/bak.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.bmp a.name:before {
    background: url(../img/ui/file-icons/bmp.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.cdr a.name:before {
    background: url(../img/ui/file-icons/cdr.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.css a.name:before {
    background: url(../img/ui/file-icons/css.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.csv a.name:before {
    background: url(../img/ui/file-icons/csv.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.divx a.name:before {
    background: url(../img/ui/file-icons/divx.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.dll a.name:before {
    background: url(../img/ui/file-icons/dll.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.doc a.name:before {
    background: url(../img/ui/file-icons/doc.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.docx a.name:before {
    background: url(../img/ui/file-icons/docx.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.dw a.name:before {
    background: url(../img/ui/file-icons/dw.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.dwg a.name:before {
    background: url(../img/ui/file-icons/dwg.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.eps a.name:before {
    background: url(../img/ui/file-icons/eps.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.exe a.name:before {
    background: url(../img/ui/file-icons/exe.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.flv a.name:before {
    background: url(../img/ui/file-icons/flv.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.fw a.name:before {
    background: url(../img/ui/file-icons/fw.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.gif a.name:before {
    background: url(../img/ui/file-icons/gif.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.gz a.name:before {
    background: url(../img/ui/file-icons/gz.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.html a.name:before, .files-container .item.htm a.name:before {
    background: url(../img/ui/file-icons/html.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.ico a.name:before {
    background: url(../img/ui/file-icons/ico.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.iso a.name:before {
    background: url(../img/ui/file-icons/iso.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.jar a.name:before {
    background: url(../img/ui/file-icons/jar.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.jpg a.name:before, .files-container .item.jpeg a.name:before {
    background: url(../img/ui/file-icons/jpg.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.js a.name:before {
    background: url(../img/ui/file-icons/js.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.mov a.name:before {
    background: url(../img/ui/file-icons/mov.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.mp3 a.name:before {
    background: url(../img/ui/file-icons/mp3.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.mp4 a.name:before {
    background: url(../img/ui/file-icons/mp4.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.mpeg a.name:before {
    background: url(../img/ui/file-icons/mpeg.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.php a.name:before {
    background: url(../img/ui/file-icons/php.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.png a.name:before {
    background: url(../img/ui/file-icons/png.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.ppt a.name:before {
    background: url(../img/ui/file-icons/ppt.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.ps a.name:before {
    background: url(../img/ui/file-icons/ps.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.psd a.name:before {
    background: url(../img/ui/file-icons/psd.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.rar a.name:before {
    background: url(../img/ui/file-icons/rar.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.svg a.name:before {
    background: url(../img/ui/file-icons/svg.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.swf a.name:before {
    background: url(../img/ui/file-icons/swf.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.sys a.name:before {
    background: url(../img/ui/file-icons/sys.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.tar a.name:before {
    background: url(../img/ui/file-icons/tar.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.tiff a.name:before {
    background: url(../img/ui/file-icons/tiff.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.txt a.name:before {
    background: url(../img/ui/file-icons/txt.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.wav a.name:before {
    background: url(../img/ui/file-icons/wav.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.zip a.name:before {
    background: url(../img/ui/file-icons/zip.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.xls a.name:before {
    background: url(../img/ui/file-icons/xls.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.xlsx a.name:before {
    background: url(../img/ui/file-icons/xlsx.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.odt a.name:before {
    background: url(../img/ui/file-icons/odt.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.rtf a.name:before {
    background: url(../img/ui/file-icons/rtf.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.sql a.name:before {
    background: url(../img/ui/file-icons/sql.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item.ods a.name:before {
    background: url(../img/ui/file-icons/ods.png) center bottom no-repeat;
    background-size: contain;
}

.files-container .item .extended {
    visibility: hidden;
    padding: 5px 0;
    vertical-align: middle;
    margin-left: 30px;
    min-width: 190px;
}

.files-container .item:hover .extended {
    visibility: visible;
}

.files-container .item .extended a {
    margin: 0 5px;
}

.files-container .tool-box {
    background: #f0f0f0;
    font-size: 13px;
    padding: 0 10px;
    margin-bottom: 5px;
}

.files-container .tool-box .create-folder {
    position: relative;
}

.files-container .tool-box div > a {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
}

.files-container .tool-box form.folder-form, .files-container .rename-form {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 8px 28px 8px 8px;
    background: white;
    border: 1px solid #e0e0e0;
    z-index: 10;
}

.files-container .tool-box form.folder-form .close, .files-container .rename-form .close {
    font-size: 12px;
    position: absolute;
    top: 6px;
    right: 5px;
    width: 15px;
    height: 15px;
    background: url(../img/ui/icon-close.png) center center no-repeat;
    background-size: 11px 11px;
    text-indent: -1000em;
}

.files-container .tool-box .help {
    color: gray;
    font-size: 12px;
    margin: 6px 0 0 0;
    line-height: 1.2;
}

.file-droparea-cover {
    background: #f1f1f1;
    position: relative;
    height: 60px;
}

.file-droparea, .file-droparea-bottom-layer {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.2;
}

.file-droparea {
    z-index: 5;
}

.file-droparea-bottom-layer {
    background-color: white;
    border: 2px dashed white;
}

.file-droparea-bottom-layer .visibleText {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px 0 60px;
    background: url(../img/ui/icon-upload.png) 10px center no-repeat;
}

.file-droparea-cover.here .file-droparea-bottom-layer, .file-droparea-cover.hereExactly .file-droparea-bottom-layer {
    border-color: silver;
}

.file-droparea-cover.here .file-droparea {
    position: fixed;
    background: rgba(0, 0, 0, 0.27);
}

.file-droparea-cover.hereExactly .file-droparea {
    position: fixed;
    background: rgba(0, 0, 0, 0.20);
}

.file-droparea-bottom-layer .visibleText em {
    font-size: 90%;
}

.file-upload-form button[type=submit] {
    display: none;
}

.file-upload-form input[type=file] {
    display: none;
}

.file-upload-form .preview {
    float: left;
    width: 102px;
    margin: 20px 20px 20px 0;
}

.file-upload-form .preview .imageHolder {
    display: block;
    height: 100px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.file-upload-form .preview .imageHolder img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.progress {
    height: 8px;
    margin: 8px auto 0 auto;
    overflow: hidden;
    background-color: #4caf50;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
}

html .fancybox-title-float-wrap {
    position: static;
    margin-bottom: 0;
}

html .fancybox-title-float-wrap .child {
    border-radius: 0;
    white-space: normal;
    margin-right: 0;
    display: block;
    background: #1a1a1a;
}

html .fancybox-skin {
    background: #1a1a1a;
}

.fancybox-content {
    min-width: 320px;
}

.tabs {
    margin: 25px;
}

.tabs .navTabs {
    position: relative;
    top: 1px;
    margin: 0;
}

.tabs .navTabs li {
    float: left;
    margin: 0 3px 0 0;
    list-style: none;
}

.tabs .navTabs li.no-link {
    padding: 10px 16px;
}

.tabs .navTabs a {
    text-decoration: none;
    background: none;
    padding: 10px 16px;
    display: block;
    border: 1px solid transparent;
    border-bottom: 0;
    position: relative;
}

.tabs .navTabs a.active {
    background: white;
    border-color: #e7e7e7;
}

.tabs .navTabs a:hover {
    color: #e91e63;
}

.tabs .tab {
    display: none;
    padding: 22px;
    background-color: white;
    border: 1px solid #e7e7e7;
    margin-bottom: 25px;
}

.tabs .tab.active {
    display: block;
}

.tab.not-billable #la-records-pjax-wrapper.no-entry {
    display: none;
}

.tab-badge {
    background: #ea8d00;
    color: white;
    padding: 2px 4px;
    font-size: 9px;
    line-height: 1.1;
    font-weight: normal;
}

.navTabs li a .tab-badge {
    position: absolute;
    top: 1px;
    right: 1px;
}

.sideTabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.sideTabs > .tab {
    display: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.sideTabs > .tab.active {
    display: block;
}

.sideTabs > .navTabs {
    margin: 0;
    width: 200px;
    border-right: 1px solid #eee;
    margin-right: 30px;
    max-width: 200px;
    min-width: 200px;
}

.sideTabs > .navTabs > li {
    list-style: none;
    float: none;
    margin-bottom: 1px;
}

.sideTabs > .navTabs > li > a {
    text-decoration: none;
    display: block;
    padding: 15px 15px;
    border: 0;
}

.sideTabs > .navTabs > li > a:hover, .sideTabs > .navTabs > li > a.active {
    background: #eee;
    position: relative;
}

.sideTabs > .navTabs > li > a.active:after {
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 100%;
    width: 32px;
    background: url(../img/ui/triangle-gray.svg) no-repeat;
    background-size: contain;
    position: absolute;
}

.sideTabs > .tab {
    border: 0;
}

a.lessee-name-cell, a.lessee-name-cell2, span.lessee-name-cell {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 8px;
    text-decoration: none;
}

a.lessee-name-cell2 {
    padding: 0;
}

span.debts_amount {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 8px;
    text-decoration: none;
}

.table > tbody > tr > td.lessee-list-name {
    padding: 0px;
}

.table > tbody > tr > td.debts_amount_block {
    padding: 0px;
}

a.lessee-name-cell span.lessee-name {
    text-decoration: underline;
}

a.lessee-name-cell:hover span.lessee-name {
    text-decoration: none;
}

a.lessee-name-cell span.realtyName {
    font-size: 12px;
    font-weight: normal;
}

#lessee-pjax-wrapper table td {
    line-height: 1.3;
    vertical-align: middle;
}

table.table tr td .showOnHover {
    visibility: hidden;
    color: gray;
    font-size: 12px;
}

table.table tr:hover td .showOnHover {
    visibility: visible;
}

a.realty-name-cell {
    vertical-align: middle;
    margin-right: 5px;
}

a.realty-name-cell.depth- {
    padding-left: 30px;
}

a.realty-name-cell.depth-- {
    padding-left: 60px;
}

a.realty-name-cell.depth--- {
    padding-left: 80px;
}

a.realty-name-cell.depth---- {
    padding-left: 100px;
}

a.realty-name-cell.depth----- {
    padding-left: 120px;
}

.tenantString {
    color: gray;
    font-weight: normal;
}

.newRecordWidget {
    margin: .5em 0;
    position: relative;
}

.newRecordWidget .formResult {
    position: absolute;
    bottom: 100%;
    left: 0;
}

.newRecordWidget .formResult.success {
    background-color: #4caf50;
    padding: 12px 22px;
    color: white;
}

.record_type-group {
    position: relative;
    border: 1px solid #e5e9eb;
    border-left: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.record_type-group label {
    display: table-cell;
    margin: 0;
    cursor: pointer;
    position: relative;
    padding: 8px 0 8px 22px;
    float: left;
    width: 20%;
    line-height: 1.4;
}

.record_type-group label.active {
    color: white;
}

.record_type-group.active label {
    opacity: 0.5;
}

.record_type-group.active label.active {
    opacity: 1;
}

.record_type-group label.rent.disabled {
    opacity: 0.6;
    cursor: help;
}

.record_type-group label:hover {
    background: #fafafa;
}

.record_type-group label:before {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.record_type-group label.rent:before, .record_type-group label.active.rent {
    background-color: #8dd92b;
}

.record_type-group label.cashin:before, .record_type-group label.active.cashin {
    background-color: #4caf50;
}

.record_type-group label.cash:before, .record_type-group label.active.cash {
    background-color: #e91e63;
}

.record_type-group label.task:before, .record_type-group label.active.task {
    background-color: #2196f3;
}

.record_type-group label.text:before, .record_type-group label.active.text {
    background-color: #3a4955;
}

.record_type-group input {
    position: absolute;
    visibility: hidden;
    left: -10000px;
}

.record_type-group .addition {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.new_record_second_step {
    display: none;
    position: absolute;
    top: 100%;
    top: calc(100% - 1px);
    left: 0;
    background: #f1f1f1;
    padding: 15px 30px;
    width: 512px;
    border-top: 10px solid;
    z-index: 10;
}

.new_record_second_step[data-type=rent] {
    border-color: #8dd92b;
}

.new_record_second_step[data-type=cashin] {
    border-color: #4caf50;
}

.new_record_second_step[data-type=cash] {
    border-color: #e91e63;
}

.new_record_second_step[data-type=task] {
    border-color: #2196f3;
}

.new_record_second_step[data-type=text] {
    border-color: #3a4955;
}

.new_record_second_step[data-type=rent] button[type=submit] {
    background-color: #8dd92b;
}

.new_record_second_step[data-type=cashin] button[type=submit] {
    background-color: #4caf50;
}

.new_record_second_step[data-type=cash] button[type=submit] {
    background-color: #e91e63;
}

.new_record_second_step[data-type=task] button[type=submit] {
    background-color: #2196f3;
}

.new_record_second_step[data-type=text] button[type=submit] {
    background-color: #3a4955;
}

.new_record_second_step[data-type=text] .field-record-amount, .new_record_second_step[data-type=text] .field-record-payment_type, .new_record_second_step[data-type=task] .field-record-amount, .new_record_second_step[data-type=task] .field-record-payment_type {
    display: none;
}

.new_record_second_step label {
    width: 125px;
}

.new_record_second_step label.pretty {
    width: auto;
}

.new_record_second_step label.pretty span.repl {
    background-position: -264px 0 !important;
    width: 23px;
}

.new_record_second_step[data-type=rent] label.pretty input[type=radio]:checked + span.repl {
    background-position: -288px 0 !important;
}

.new_record_second_step[data-type=cashin] label.pretty input[type=radio]:checked + span.repl {
    background-position: -312px 0 !important;
}

.new_record_second_step[data-type=cash] label.pretty input[type=radio]:checked + span.repl {
    background-position: -336px 0 !important;
}

.new_record_second_step[data-type=task] label.pretty input[type=radio]:checked + span.repl {
    background-position: -360px 0 !important;
}

.new_record_second_step input, .new_record_second_step textarea {
    background: white;
}

.new_record_second_step input {
    width: 150px;
    margin-right: 10px;
}

.new_record_second_step a.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url(../img/ui/icon-close.png) center center no-repeat;
    background-size: 11px 11px;
    text-indent: -100em;
}

.new_record_second_step .field-record-payment_type .hint-block {
    margin: 3px 0 0 0;
}

#record-payment_type {
    float: left;
    max-width: 318px;
}

#record-payment_type label {
    width: auto;
}

.tab .lc50 {
    float: left;
    width: 50%;
    padding: 0 2.5% 0 0;
}

.tab .lc50:nth-of-type(2n) {
    padding: 0 0 0 2.5%;
}

.lc50-2 {
    float: left;
    width: 50%;
    width: calc(50% - 12px);
    padding: 0 0 0 25px;
}

.lc50-2.rightCol {
    padding-right: 25px;
    width: calc(50% - 13px);
}

.lc50-2 .box {
    margin: 25px 0;
}

.lc50-2 .box:first-child {
    margin-top: 0;
}

.service-input-table {
    margin-top: 5px;
    float: left;
}

.service-input-table td, .service-input-table th {
    padding: 0 3px 3px 0;
}

.service-remove-link {
    text-decoration: none;
    display: inline-block;
    background: url(../img/ui/minus.gif) center center no-repeat;
    width: 11px;
    height: 1.6em;
}

.service-0-row .service-remove-link, .service-1-row .service-remove-link, .service-2-row .service-remove-link {
    display: none;
}

.service-input-table .amount {
    width: 80px;
    text-align: right;
}

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

.statTable .table th {
    padding-bottom: 5px !important;
}

.statTable .table th.right {
    padding-right: 8px !important;
}

.statTable .table tr {
    position: relative;
}

th .th-h2 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: normal;
}

.pagination {
    vertical-align: middle;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #3f51b5;
    border-color: #3f51b5;
}

.pagination > li > a, .pagination > li > span {
    color: #3f51b5;
}

.bills {
    margin-top: 16px;
}

.bills .summary {
    float: right;
    margin-bottom: 1em;
}

.bills .pagination {
    float: left;
    margin-top: 0;
}

.bills .pagination > li > a, .bills .pagination > li > span {
    padding: 3px 7px;
}

.bills tr.paid-part td, .bills tr.paid-part {
    background-color: #fff7e9 !important;
}

.bills tr.overdue td {
    color: red;
}

.bills tr.paid td, .bills tr.paid {
    background-color: #d5ffd1 !important;
}

.generate-bills label {
    font-weight: normal;
}

.generate-bills .hint {
    margin: 0 0 0 10px;
    top: -1px;
}

.generate-bills input[type=number] {
    margin: 0 2px;
    padding-left: 5px;
}

#tenant-rent-bills > table {
    margin-bottom: 15px;
}

.tasks-from-where {
    font-size: 13px;
    font-style: italic;
    opacity: 0.75;
}

#ui-datepicker-div {
    z-index: 1100 !important;
}

.main-message .td {
    display: table-cell;
    vertical-align: middle;
}

.main-message img {
    margin: 0 30px 0 0;
}

.main-message h1 {
    font-size: 48px;
    margin-bottom: 0.2em;
}

.main-message a.button {
    font-size: 17px;
}

.help-div {
    background: #f5f5f5;
    padding: 15px;
    margin: 1em 0;
}

.help-div *:first-child {
    margin-top: 0;
}

.help-div *:last-child {
    margin-bottom: 0;
}

span.vacant, span.archived {
    background-color: #f76b60;
    color: white;
    font-size: 10px;
    padding: 0 3px;
    display: inline-block;
    font-family: Arial;
    vertical-align: middle;
    border: 1px solid #f76b60;
    font-weight: 400 !important;
}

span.vacant::selection {
    background-color: #cd3a2f;
}

span.archived {
    background-color: white;
    border: 1px solid silver;
    color: #4a4a4a;
}

h1 span.vacant {
    font-size: 15px;
}

span.saved, span.paid {
    background: green;
    color: white;
    font-size: 10px;
    padding: 0 3px;
    font-family: Arial;
    position: absolute;
    left: 24px;
    top: 7px;
    display: none;
    z-index: 1;
}

span.paid {
    display: inline-block;
    position: static;
    vertical-align: middle;
    margin-left: 5px;
}

#realty-records-pjax-wrapper .emptyMsg, #la-records-pjax-wrapper .emptyMsg {
    border-top: 1px solid #e5e9eb;
    border-bottom: 1px solid #e5e9eb;
    margin: 15px 0;
    text-align: center;
    padding: 10px 0;
    color: #707070;
    font-size: 22px;
}

#realty-records-pjax-wrapper .emptyMsg .arrowUp, #la-records-pjax-wrapper .emptyMsg .arrowUp {
    display: inline-block;
    width: 11px;
    height: 41px;
    background: url(../img/ui/arrow-up.png) no-repeat;
    vertical-align: middle;
    margin: 0 9px;
}

#endedLessees li {
    list-style: none;
    display: none;
}

#endedLessees ul {
    margin: 10px 0;
}

/* Record list */
.recordlist-pjax-wrapper td.date input, .recordlist-pjax-wrapper td.amount input {
    width: 100px;
}

.recordlist-pjax-wrapper td.note textarea {
    min-width: 270px;
    display: block;
}

.recordlist-pjax-wrapper td.note select {
    margin-bottom: 5px;
    display: inline-block;
}

.recordlist-pjax-wrapper td.actions {
    position: relative;
    white-space: nowrap;
}

.recordlist-pjax-wrapper td.actions a.save {
    padding: 7px 18px;
    margin-top: 0.5em;
}

.recordlist-pjax-wrapper td.actions a.cancel {
    margin-top: 8px;
    font-weight: normal;
    display: inline-block;
    font-size: 13px;
}

.recordlist-pjax-wrapper .column-done {
    width: 40px;
}

/* RECORD FORM */
#RFButtons {
    margin-top: 22px;
}

#RFButtons a, .RFlinks a {
    display: block;
    text-decoration: none;
    padding: 8px 12px;
    color: white;
    font-weight: normal;
    line-height: 1.4;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    margin: 10px 20px;
}

#RFButtons a:last-of-type {
    margin-bottom: 0;
}

#RFButtons a .addition, .RFlinks a .addition {
    display: block;
    font-size: 12px;
}

#RFButtons a[data-type=rent], .RFlinks a[data-type=rent] {
    background-color: #4caf50;
}

#RFButtons a[data-type=cashout], .RFlinks a[data-type=cashout] {
    background-color: #e91e63;
}

#RFButtons a[data-type=note], .RFlinks a[data-type=note] {
    background-color: #2196f3;
}

#RFButtons a.inactive {
    background-color: #777777;
    color: white;
}

#RFLayer {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 600;
    height: 100%;
    width: 100%;
    display: none;
}

#RFLayer.mobile-view .RF-inner {
    padding: 0 0 30px;
}

#RFLayer.mobile-view .RF.RF-note-display .RF-inner {
    padding: 0 0 80px;
}

#RFLayer.mobile-view .RF-inner h2 {
    display: none;
}

.RF {
    position: absolute;
    z-index: 605;
    top: 30px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    background: white;
    display: none;
    border-top: 15px solid;
}

.RF.RF-note-display .rf-task-deadline, .RF.RF-note-display .field-recordform-assignee {
    display: none;
}
.RF .field-recordform-notifications span.select2, .RF .field-recordform-assignee span.select2 {
    float: left;
}

body .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: transparent !important;
    border-bottom: 1px solid #ddbf3b !important;
    background-color: #faf5e0;
}

form.submitted button.submit {
    background-image: url(../img/ui/preloader2.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px auto;
    color: transparent;
}

.RF .RF-inner {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.RF[data-type=rent] {
    border-color: #4caf50;
}

.RF[data-type=cashin] {
    border-color: #4caf50;
}

.RF[data-type=cashout] {
    border-color: #e91e63;
}

.RF[data-type=note] {
    border-color: #2196f3;
}

.RF a.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url(../img/ui/icon-close.png) center center no-repeat;
    background-size: 11px 11px;
    text-indent: -100em;
}

.RF .secondStep {
    display: none;
}

.RF input[type=number] {
    width: 120px;
    padding: 5px 0 5px 10px;
}

#RFCover .empty-message {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 22px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: white;
    display: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#RFCover .empty-message p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0 15px;
}

.RF a.add {
    margin-top: 8px;
}

.RF .field-record_type {
    margin-bottom: 0;
    margin-left: 175px;
}

.RF .field-record_type label {
    width: auto;
    position: relative;
    margin-bottom: 0;
    display: block;
}

.RF .field-record_type label .quickHint {
    visibility: hidden;
    font-size: 12px;
    font-weight: normal;
    margin-left: 27px;
    position: relative;
    top: -3px;
    display: block;
}

.RF .field-record_type label:hover .quickHint {
    visibility: visible;
}

.RF .field-record-cost_type > .ui-selectmenu-button {
    margin-right: 10px;
}

.RF
.RF .RFlink2 {
    float: right;
    font-weight: normal;
    font-size: 13px;
    margin-top: 7px;
}

.RF .form-group textarea.rf-record-note {
    height: 45px;
}

.RFlinks {
    margin: 0;
}

.RFlinks li {
    list-style: none;
    float: left;
    margin-right: 15px;
}

.RFlinks a {
    margin: 0;
    min-width: 210px;
}

.RF .field-record-comment label {
    float: none;
}

div.form-group, div.la-realty-selects {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.amountCover {
    position: relative;
    float: left;
    margin-bottom: 10px;
}

.hintEnter {
    display: none;
    border: 1px solid #e0e0e0;
    background: white;
    padding: 2px 4px;
    position: absolute;
    top: 100%;
    top: calc(100% - 1px);
    left: 0;
    font-size: 13px;
    z-index: 50;
    min-width: 200px;
    cursor: pointer;
}

/* perfect scrollbar */
.ps-container.ps-in-scrolling, .ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container {
    overflow: hidden !important
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999
}

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x, .ps-container > .ps-scrollbar-y-rail {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    position: absolute
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #aaa;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 8px
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #999
}

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999
}

.due-date-info {
    float: left;
    margin-left: 10px;
}

.due-date-info .sentence {
    float: left;
    margin-right: 10px;
}

.due-date-info input[type=number] {
    margin-right: 10px;
}

.due-date-info label {
    font-weight: normal;
    width: auto;
    float: none;
}

.ui-selectmenu-menu li span.note {
    color: gray;
    font-size: 12px;
    display: block;
    font-style: italic;
}

.form-group textarea.expand {
    height: auto;
    max-height: 200px;
}


.welcome {
    text-align: center;
    color: #494949;
    vertical-align: middle;
    padding-bottom: 50px;
}

.welcome .line1 {
    font-size: 60px;
}

.welcome .line2 {
    font-size: 34px;
}

.welcome ol li {
    list-style: none;
}

.greenTick {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(../img/ui/radios-checkboxes.png) -625px 0 no-repeat;
    position: relative;
    top: 10px;
}

.green {
    color: green;
}

#lCover {
    display: table;
    height: 100%;
    width: 100%;
}

#lCover2 {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 7%;
}

#l {
    background: white;
    width: 360px;
    max-width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

#l .logoLine {
    background: #3f51b5;
    height: 60px;
}

#l .logoLine #logo {
    width: 100%;
}

#l form {
    padding: 20px;
}

#l form .form-group {
    margin: 0 0 11px 0;
}

#l form input[type=text], #l form input[type=password], #l form input[type=email] {
    width: 100%;
    font-size: 18px;
    padding: 10px 20px 9px 20px;
    height: auto;
}

#l .additional-link {
    float: right;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
}

#l form button {
    font-size: 19px;
    margin: 0;
    float: left;
}

#l .pretty {
    font-weight: normal;
}

#loginform-verifycode-image {
    cursor: pointer;
}

.systemBar {
    font-size: 13px;
    padding: 6px 25px;
    background: #fbfbdb;
}

.systemBar a {
    font-weight: normal;
}

#hide-remove-sample-data-bar {
    float: right;
    margin-left: 25px;
}

.overpayment {
    background: #d5ffd1;
    padding: 15px 25px;
    font-size: 18px;
    margin: 0.8em 0;
}

.overpayment p {
    margin: 0;
}

.overpayment .hint {
    margin-left: 20px;
}

.overpayment .hint em {
    border-bottom: 1px dashed gray;
}

.overpayment .questionMark {
    vertical-align: middle;
}

#createRealty-form label {
    width: auto;
}

#createRealty-form .field-realty-city input {
    width: 160px;
}

#realty-childOf, #realty-addUnits {
    display: none;
    clear: both;
}

.field-realty-addUnits, .field-realty-childOf {
    margin: 0;
}

.field-realty-childOf {
    min-height: 40px;
}

#realty-addUnits label {
    font-weight: normal;
}

#realty-addUnits a.button {
    margin-top: 0;
    padding: 7px 16px;
    margin-left: 14px;
    font-size: 13px;
}

#realty-childOf {
    float: left;
}

.field-realty-parent {
    margin: 0;
}

.field-realty-parent .searchable-select {
    float: left;
}

#createRealty-form .form-group > button {
    margin-top: 0;
}

#realty-addUnits-names {
    clear: both;
    padding: 15px 0;
}

#realty-addUnits-names input {
    margin: 0 0 5px 0;
    display: block;
}

#realty-addUnits-names .dn {
    display: none !important;
}

#addUnits-name {
    background: #f5f5f5;
    padding: 8px 15px;
    margin-bottom: 1em;
    display: none;
}

#addUnits-name input {
    float: left;
    width: 140px;
    background: white;
    margin-bottom: 0;
}

#addUnits-name input.readonly {
    width: 81px;
}

#addUnits-name label {
    margin-bottom: 0;
    padding-top: 3px;
}

#addUnits-generated .unit img {
    cursor: pointer;
    margin: 8px 0 0 10px;
    display: none;
    float: left;
}

#addUnits-generated:hover .unit:last-of-type img {
    display: inline;
    opacity: 0.3;
}

#addUnits-generated .unit:last-of-type:hover img {
    opacity: 1;
}

#addUnits-generated .unit:first-of-type img {
    display: none !important;
}

.field-realty-name input {
    width: 280px;
}

.c3-tooltip {
    opacity: 1;
}

.grayBoxForm {
    background: #efefef;
    padding: 15px;
}

.grayBoxForm input[type=text], .grayBoxForm textarea {
    background: white;
}

.hoverHintCover .hoverHint {
    visibility: hidden;
}

.hoverHintCover:hover .hoverHint {
    visibility: visible;
}

.loanCalcResultTable {
    width: auto;
    float: left;
    margin: 30px 0 0 50px;
    display: none;
}

.loanCalcResultTable tbody td {
    border-right: 1px solid #ddd !important;
}

.loanTable {
    display: table;
    font-size: 12px;
    background: #efefef;
    border-right: 1px solid #dddddd;
    line-height: 1.2;
    margin: 0 0 0.5em 0;
}

.loanTable input[type=text] {
    width: 100%;
    background: white;
    display: block;
    border: 0;
    padding: 2px 1px;
    height: auto;
    line-height: 1.2;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0;
    display: block;
    border-radius: 0;
}

.loanTable input[type=text]:focus {
    background: #faf5e0;
}

.loanTableHeader {
    display: table-header-group;
}

.loanTableFooter {
    display: table-footer-group;
    font-weight: bold;
}

.loanTableBody {
    display: table-row-group;
}

.loanTableRow {
    display: table-row;
}

.loanTableBody .loanTableCell {
    padding: 0 1px;
}

.loanTableCell {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    background: white;
}

.loanTableHeader .loanTableCell, .loanTableFooter .loanTableCell {
    background: #ededed;
    padding: 2px;
    border-top: 1px solid #dddddd;
}

.loanTable a.delete {
    padding: 3px;
    display: inline-block;
}

#calcInstalmentTable td {
    padding-top: 2px;
    padding-bottom: 2px;
}

ul.lotOfChildren {
    margin: 0 0 1em 0;
    padding: .5em 0 .5em 25px;
    border: 1px solid #ddd;
    overflow-y: scroll;
    max-height: 120px;
}

h2.iconCalc {
    background: url(../img/ui/icon-calc.png) left center no-repeat;
    min-height: 44px;
    padding: 9px 0 0 47px;
    margin-bottom: 1em;
}

.c3-tooltip {
    opacity: 1;
}

#chart {
    max-width: 800px;
    margin: 0 auto;
}

#chart .c3-chart > .c3-event-rects > rect {
    cursor: pointer;
}

.popover {
    border-radius: 0;
}

.popover-footer .btn {
    margin-top: 0;
}

.popover-header button.close {
    padding: 0 7px;
    position: relative;
    left: 7px;
}

.popover-content textarea {
    width: 230px;
    height: 70px;
}

body.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}

#showMobileVersion {
    text-align: center;
    display: none;
    font-size: 13px;
    line-height: 1;
}

#showMobileVersion a {
    font-weight: normal;
}

@media (max-width: 800px) {
    #showMobileVersion {
        display: block;
    }
}

.balance-chart .alert, .balance.alert {
    margin: 1em 0;
    font-size: 16px;
    font-weight: bold;
    border: 0;
    padding: 8px 15px;
    border-radius: 2px;
}

.balance-chart .alert.alert-success, .balance.alert.alert-success {
    background-color: #d5ffd1;
    color: black;
}

#balance-chart > svg {
    max-width: 100%;
}

#balance-chart .c3-lines-Balance path {
    stroke-width: 2px;
}

.note-info {
    background: #eee;
    padding: 7px 18px;
    margin-bottom: 1em;
}

.note-info-item {
    float: left;
    margin-right: 30px;
}

.note-info > div:last-of-type {
    margin-right: 0;
}

.note-info-item .selector-with-link-view, .note-info-item .editable-date-view {
    display: block;
    height: 2em;
    float: left;
}

.note-info-item .editable-date-view input[type=text] {
    width: 100px;
    height: 2em;
    padding-left: 5px;
    padding-right: 5px;
}

.note-info-item .link-view {
    line-height: 2em;
}

.note-info-item .selector-with-link-view .visible-part .inactive-state {
    background: white;
}

.note-info-item label {
    float: left;
    line-height: 2em;
    margin: 0 8px 0 0;
}

.field-notecomment-comment .comment-textarea {
    width: 100%;
    max-width: 600px;
    min-height: 100px;
}

.note-view h1 a {
    font-size: 18px;
    text-decoration: none;
    position: relative;
    top: -1px;
}

.note-view h1 label.pretty {
    margin: 0 0 0 8px;
}

.note-view h1 label.pretty .repl {
    top: 12px;
}

.note-view h1.small-text {
    font-size: 19px;
    line-height: 1.5;
}

.note-view h1.small-text label.pretty .repl {
    top: 5px;
}

.note-view h1.middle-text label.pretty .repl {
    top: 8px;
}

.note-view h1.middle-text {
    font-size: 22px;
    line-height: 1.5;
}

.note-editor input[type=text] {
    font-size: 30px;
    min-width: 300px;
    height: 37px;
}

.note-editor .string-length {
    font-size: 30px;
    position: absolute;
    top: -99999em;
    opacity: 0;
}

.note-editor .btn {
    margin: 0 0 0 15px;
}

.note-info-item .selector-view select {
    height: 2em;
    display: inline-block;
    max-width: 250px;
}

.note-editor textarea#note-h1-name {
    width: 100%;
    max-width: 700px;
    height: 60px;
    font-size: 18px;
}

.note-editor .form-group {
    margin-top: 0;
    margin-bottom: 15px;
}

.note-editor .form-group button {
    margin: 1em 15px 0 0;
}

#active-tenants-block {
    margin-top: 0;
}

#active-tenants-block .pagination, #latest-entries-block .pagination {
    margin-right: 30px;
}

#active-tenants-block .summary, #latest-entries-block .summary {
    vertical-align: middle;
}

#archived-tenants-block table.table {
    margin-top: 1em;
}

#waiting-tasks-pjax-wrapper .summary, #latest-entries-block .summary {
    float: right;
}

#waiting-tasks-pjax-wrapper .pagination {
    clear: left;
    padding: 10px 0 0;
    display: block;
    margin: 0;
}

#latest-entries-block .pagination {
    margin-top: 0;
    margin-bottom: 0;
}

#latest-entries-block {
    margin-bottom: 0;
}

/* hover tenant popup */
.tooltipster-hover-tenant .tooltipster-box {
    border: 1px solid #efefef !important;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.51);
    box-shadow: 0px 0px 15px -1px rgba(0, 0, 0, 0.51);
}

.tooltipster-hover-tenant .tooltipster-arrow {
    display: none;
}

.tenant-balance-form h2 {
    font-size: 14px;
    background: #efefef;
    padding: 9px 12px;
    margin: 0 0 0.4em 0;
}

.tenant-balance-form .tenant-balance-amount {
    float: right;
    font-size: 14px;
}

.tenant-balance-form .tenant-balance-amount span.balance {
    padding: 5px 10px;
    font-size: 14px;
    margin-left: 5px;
}

.tenant-balance-form table {
    margin-bottom: 0;
    font-size: 13px;
}

.tenant-balance-form table td, .tenant-balance-form table th {
    text-align: center;
}

.tenant-balance-form table td span.amount.showOnHover {
    opacity: 0;
    font-size: 12px;
    display: block;
}

.tenant-balance-form table td:hover span.amount.showOnHover {
    opacity: 1;
}

.tenant-balance-form table tr:last-of-type td {
    border-bottom: 0;
}

.tenant-balance-form .grid-view {
    margin: 0;
}

#realty-records-grid > table {
    margin-bottom: 5px;
}

#realty-records-grid .column-done {
    width: 40px;
}

#realty-records-grid .actions {
    white-space: nowrap;
}

#rentBill-pjax-wrapper .editable-text-view {
    position: relative;
}

#rentBill-pjax-wrapper .editable-text-view .control-view {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
}

#rentBill-pjax-wrapper .column-amount .editable-text-view input[type=text] {
    max-width: 100%;
    height: 28px;
    position: relative;
    top: -3px;
    padding: 0 3px;
    color: black;
}

.mb0 {
    margin-bottom: 0;
}

.modal .modal-footer .btn {
    margin-top: 0;
}

.tooltipster-no-padding .tooltipster-content {
    padding: 0 !important;
}

.showEndedTenants {
    font-size: 13px;
}

.active-tenant-list {
    margin-bottom: 5px;
}

.active-tenant-list .fake-input {
    width: 300px;
}

.debts_amount_block {
    position: relative;
}

.debts_amount_block a.hide_debit_link {
    position: absolute;
    padding: 2px 7px;
    border: 0;
    outline: 0;
    background-color: #3f51b5;
    bottom: -21px;
    right: 0;
    font-size: 12px;
    color: white;
    text-decoration: none;
    font-weight: normal;
    display: none;
    vertical-align: top;
    z-index: 1;
    white-space: nowrap;
}

#debtors-block tr:hover .debts_amount_block a.hide_debit_link {
    display: block;
}

#debtor-table .pagination {
    margin-top: 0;
}

.debtors-dlg .bootbox-body {
    max-height: 400px;
    overflow-y: auto;
}

/* animace flash - probliknuti */
@-webkit-keyframes flashSuccess {
    0% {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    20% {
        background-color: #93e997;
    }
    100% {
        background-color: initial;
    }
}

@keyframes flashSuccess {
    0% {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    20% {
        background-color: #93e997;
    }
    100% {
        background-color: initial;
    }
}

.btn-info-toggle {
    display: none;
}

.log-table table td a {
    font-weight: 400;
}

.no-wrap {
    white-space: nowrap !important;
}

/* widget kontaktu */
.inputContactRow {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inputContactRow-add-another-line {
    margin-top: 0;
}

.inputContactRow label {
    width: auto !important;
    min-width: 67px;
}

.inputContactRow:not([data-row="0"]) > label {
    visibility: hidden;
}

.inputContactRow.form-group button {
    color: #3d3d3d;
    text-decoration: underline;
    background: none;
    padding: 0;
    font-size: 14px;
    margin-top: 0;
    visibility: hidden;
}

.inputContactRow.form-group button:hover {
    text-decoration: none;
}

.inputContactRow a.delete {
    visibility: hidden;
    display: inline-block;
}

.inputContactRow:hover a.delete, .inputContactRow:hover button {
    visibility: visible;
}

.inputContactRow.form-group input[type=text] {
    width: 150px;
}

.inputContactRow.form-group .type-bank-account,
.inputContactRow.form-group .type-email {
    width: 240px !important;
}

.inputContactRow .input-contact-input-icon {
    background: #e0e0e0;
    min-width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    height: 34px;
}

.inputContactRow .input-contact-input-icon:hover {
    background: #c7c7c7;
}

/* tell-us feedback formulare */
.tell-us-wrapper .tell-us-box {
    display: none; /* display: none je zde dulezite, aby formular zustal schovany dokud uzivatel neklikne na "Tell us" v uvodni vete formu. */
}

/* bank pairing */
#transaction-table {
    position: relative;
}

.bootbox.modal .modal-footer .btn.cancel {
    float: left;
}

.bootbox.modal .bootbox-body > form > p:first-child {
    margin-top: 0;
}

.transaction-waiting-index-link {
    display: block;
    background: #fff8c1;
    text-decoration: none;
    color: black !important;
    font-size: 16px;
}

.transaction-waiting-index-link:hover {
    text-decoration: underline;
    background: #fff5a7;
}

.transaction-waiting-index-link .icon-money {
    background: url(../img/ui/icons/money.svg) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    vertical-align: middle;
}

.log-table table td a {
    font-weight: 400;
}

.attachment-count, .comments-count {
    margin-left: 5px;
    margin-right: 5px;
}

.comments-count {
    display: inline-block;
    background: #717171;
    color: white;
    padding: 0 5px;
    min-width: 23px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    position: relative;
    top: -2px;
}

.comments-count:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8px 0 0px;
    border-color: #717171 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 5px;
}

.attachment-count:before {
    height: 16px;
    width: 13px;
    background: url(../img/ui/icons/attachement.svg) 0 0 no-repeat;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0 2px 0 0;
}

.task-list .name-block label.pretty {
    top: -4px;
    margin-right: 6px;
}

.task-list .name-block {
    margin-right: 6px;
}

.task-list .user-block {
    font-size: 12px;
    margin-left: 5px;
}

.task-list .date-block {
    font-size: 12px;
    margin-left: 5px;
}

.badge-tenant, .badge-property {
    font-size: 12px;
    background: #efefef;
    border-radius: 0 10px 10px 0;
    display: inline-flex;
    padding: 4px 10px 3px 6px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.4;
    align-items: center;
}

.badge-tenant:hover, .badge-property:hover {
    text-decoration: underline;
}

.badge-tenant img, .badge-property img {
    margin-right: 5px;
}

.badge-tenant:before, .badge-property:before {
    content: "";
    background: url(../img/ui/icons/agreement.svg) no-repeat;
    margin-right: 5px;
    width: 12px;
    height: 14px;
    display: inline-block;
}

.badge-property:before {
    background: url(../img/ui/icons/realty.svg) left center no-repeat;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border-color: #dbdbdb;
    background: #faf5e0;
}

.comment, .note-view, .trix-editor-wrapper {
    max-width: 700px;
}

.note-view h1 {
    text-transform: none;
}

.comment {
    padding: 15px;
}

.hover-bg-yellow:hover {
    background-color: #faf5e0;
}

.comment .comment-info {
    margin-bottom: 0.7em;
}

.comment .comment-info > div {
    display: inline-block;
}

.comment .comment-info .comment-actions {
    float: right;
    visibility: hidden;
}

.comment:hover .comment-info .comment-actions {
    visibility: visible;
}

.comment .comment-info .comment-actions a.glyphicon {
    text-decoration: none;
}

.comment .comment-info .comment-author {
    font-weight: bold;
}

.comment .comment-info .comment-author img.avatar, .note-author img.avatar {
    margin-right: 5px;
}

.comment .comment-info .comment-datetime {
    font-style: italic;
    margin: 0 5px;
    font-size: 12px;
}

.comment .comment-text {
    margin: 0 0 0 41px;
}

.comment .comment-text h1, .trix-editor-wrapper trix-editor h1 {
    font-size: 20px;
    margin: 0 0 0.5em 0;
}

.trix-editor-wrapper {
    border: 1px solid #e0e0e0;
    padding: 10px;
}

body trix-toolbar .trix-button-row {
    justify-content: flex-start;
}

trix-toolbar .trix-button-group {
    margin-right: 10px;
}

body trix-toolbar .trix-button--icon {
    width: 2.2em;
}

trix-toolbar .trix-button {
    border-bottom: 0;
    opacity: 0.85;
}

trix-toolbar .trix-dialog {
    border-top: 1px solid #888;
}

trix-editor {
    border: 0;
    padding: 5px;
}

.trix-content pre {
    border-radius: 0;
}

.trix-input.trix-input--dialog {
    font-size: 12px;
}

.note-author {
    margin-bottom: 5px;
    display: flex;
}

.note-author-about {
    margin-left: 5px;
    line-height: 1.4;
}

.note-created_at {
    font-size: 12px;
    font-style: italic;
}

.note-view {
    padding: 15px 15px 0;
}

img.autolink-image {
    max-width: 100%;
}

.statTable tr .right {
    position: relative;
}

.statTable tr .right:hover .agreement-prolongation-popup-form-button {
    display: block !important;
}

.agreement-prolongation-popup-form-button {
    position: absolute;
    bottom: -21px;
    right: 0;
    margin-right: 0 !important;
    z-index: 1;
}

.list-all-link {
    font-weight: normal;
    margin-left: 10px;
    font-size: 12px;
}

#avatar-wrapper {
    width: 250px;
    float: left;
}

.field-changepwdform-avatar, #profile-picture-upload {
    display: none;
}

#profile-picture-upload-label {
    background-color: #f2f2f2;
    width: 145px;
    text-align: center;
    padding: 50px 0;
    cursor: pointer;
}

#profile-picture-upload-label:hover {
    background-color: #ececec;
}

#profile-pic-preview {
    display: none;
    width: 200px;
}

img.avatar {
    border-radius: 50%;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #eeeeee;
}

#avatar-wrapper img.avatar {
    width: 100px;
    height: 100px;
}

#profile-users .grid-view, #profile-users .grid-view > table {
    margin: 0;
}

.invite-user-form label {
    width: auto;
    font-weight: normal;
}

.portfolio-name-block {
    margin-top: 1em;
}

.portfolio-name-block > p:first-child {
    margin-top: 0;
}

.portfolio-name-block .field-profile-name input[type=text] {
    margin-right: 15px;
    margin-top: 10px;
}

.portfolio-name-block .field-profile-name button {
    margin-top: 8px;
}

#owner_portfolios label.pretty {
    min-width: 200px;
    float: left;
}

#owner_portfolios .dropdown_block {
    margin-left: 27px;
    float: left;
}

#owner_portfolios .dropdown-label {
    float: left;
    padding-top: 5px;
    margin-right: 10px;
}

#owner_portfolios .checkbox_item {
    margin-bottom: 15px;
}

.insolvency-state:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e00000;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.insolvency-state.on:before {
    background: green;
}

#notifies {
    font-size: 0.8em;
    margin: 1em 0;
}

#notifies a.add {
    margin-left: 10px;
}

#recipients {
    display: none;
    font-size: 0.9em;
    border: 1px solid #3f51b5;
    background: #eff1ff;
    padding: 10px;
    margin: 1em 0;
}

#recipients label {
    margin-right: 15px;
    font-weight: 400;
    position: relative;
}

#recipients label span.saved {
    left: 0;
    top: 20px;
}

.watching-wrapper {
    position: relative;
}

.watching-wrapper .saved {
    position: absolute;
    top: 100%;
    left: 0;
}

@media (min-width: 670px) {
    .watching-wrapper {
        float: right;
    }
}

#documents .document {
    max-width: 700px;
}

#documents .document h2 {
    margin-bottom: 20px;
}

#documents .document .document-preview {
    float: left;
    width: 160px;
}

#documents .document .document-preview img {
    border: 1px solid silver;
    display: block;
}

#documents .document .document-about {
    padding-top: 10px;
}

#documents .document .document-about > *:first-child {
    margin-top: 0;
}

#tenant-finance {
    margin: 15px 15px 0;
    width: 980px;
}

#tenant-finance .icon-header h2 {
    padding-left: 50px;
    min-height: 31px;
    padding-top: 3px;
    font-size: 25px;
}

#tenant-finance .icon-header {
    margin-bottom: 1em;
}

#tenant-finance .icon-header .icon-tenant {
    background: url(../img/ui/icons/agreement.svg) left center no-repeat;
    background-size: 35px 35px;
}

#tenant-finance .icon-header .icon-property {
    background: url(../img/ui/icons/realty.svg) left center no-repeat;
    background-size: 35px 35px;
}

#tenant-finance .icon-header .icon-property a {
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 0 15px;
    position: relative;
    top: -2px;
}

#tenant-finance .row .form-group {
    padding-left: 24px;
    position: relative;
}

#tenant-finance .row .plusminus {
    position: absolute;
    top: 10px;
    left: 0;
}

#tenant-finance .row .plusminus:not(.invisible) {
    cursor: pointer;
}

#tenant-finance .row .form-group a.toggle-detailly {
    float: left;
    clear: left;
    font-size: 13px;
    font-weight: 400;
}

#tenant-finance .row.input-line {
    background: #e0e0e0;
    padding: 5px 0;
}

#tenant-finance .row.input-line.even {
    background: #f3f3f3;
}

.addon h2 {
    display: inline-block;
    margin-right: 10px;
}

.addon .status {
    display: inline-block;
}

#tenant-finance .row.input-line input[type=number] {
    width: 100px;
    padding-right: 10px;
    height: 34px;
}

#tenant-finance .row.input-line:not(.cost-table) input[type=number]:not([readonly]) {
    background-color: #fdffce;
    border-color: #a3a3a3;
}

#tenant-finance .row.input-line.total input[type=number][readonly] {
    color: white;
    font-size: 24px;
    border: 0;
    text-align: right;
    background: transparent;
}

#tenant-finance .row.input-line.total {
    background-color: #4c5065;
    color: white;
    padding: 0;
}

#tenant-finance .row.input-line.total label {
    margin-bottom: 0;
}

#tenant-finance .row.input-line.total .help-block {
    color: white;
    font-size: 22px;
    margin: 0;
}

#tenant-finance .row.input-line.total .questionMark {
    vertical-align: middle;
    height: 28px;
    margin: -2px 0 0 10px;
}

#tenant-finance .row.input-line .advances-detailly {
    display: none;
}

#tenant-finance .row.input-line .advances-detailly input[type=text] {
    width: 180px;
    margin-right: 5px;
    font-size: 14px;
    background-color: white;
}

#tenant-finance .row.input-line .advances-detailly input[type=text][readonly] {
    border: 0;
    background-color: transparent;
    padding-left: 0;
}

#tenant-finance .row.input-line:not(.total) input[readonly] {
    border: 0;
    background-color: #f3f3f3;
}

#tenant-finance .row.input-line .advances-detailly .copy-to-tenant {
    text-decoration: none;
    font-size: 14px;
    margin: 6px 0 0 15px;
    display: none;
}

#tenant-finance .row.input-line:hover .advances-detailly .copy-to-tenant {
    display: inline-block;
    font-size: 13px;
}

#tenant-finance .row.input-line .advances-detailly .copy-to-tenant:hover {
    text-decoration: underline;
}

#tenant-finance .row.input-line .additional-funcs {
    visibility: hidden;
    display: inline-block;
    font-size: 13px;
    margin-top: 6px;
}

#tenant-finance .row.input-line:hover .additional-funcs {
    visibility: visible;
}

#tenant-finance .row.input-line .additional-funcs a {
    margin: 0 0 0 15px;
    text-decoration: none;
}

#tenant-finance .row.input-line .tenant-column .ui-selectmenu-button {
    display: none;
    background: white;
    font-size: 13px;
    width: 150px !important;
    min-width: 150px;
    clear: both;
    margin-bottom: 5px;
}

#tenant-finance .row.input-line .tenant-column .ui-selectmenu-button span.ui-selectmenu-text {
    padding-right: 1em;
}

#tenant-finance .field-leaseagreement-net_rent_amount .hint {
    margin-left: 10px;
    border: 1px solid #b1b1b1;
}

.csstable {
    display: table;
}

.csstable-row {
    display: table-row;
}

.csstable-cell {
    display: table-cell;
    padding-right: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.csstable-cell-header {
    font-weight: bold;
    padding-bottom: 5px;
}

#property-regular-costs .ui-selectmenu-button, #generate-bills-wrapper .ui-selectmenu-button {
    min-width: 180px;
    width: 180px !important;
}

#property-regular-costs .ui-selectmenu-button span.ui-selectmenu-text, #generate-bills-wrapper .ui-selectmenu-button span.ui-selectmenu-text {
    padding-top: 4px;
    padding-bottom: 4px;
}

#generate-bills-wrapper input[type=number] {
    height: 30px !important;
}

.gray-table {
    background: #f3f3f3;
}

.gray-table input[type=text], .gray-table input[type=number] {
    background: white;
}

.gray-table input[type=text].error, .gray-table input[type=number].error, #tenant-finance .row.input-line .advances-detailly input[type=text].error {
    background-color: #ffe7e7;
}

.gray-table .csstable-cell-header {
    padding-top: 8px;
}

.gray-table .csstable-cell:first-child {
    padding-left: 10px;
}

.gray-table .csstable-cell:last-child {
    padding-right: 10px;
}

.gray-table .utility-template-amount {
    width: 120px;
}

.gray-table .ui-selectmenu-button {
    background-color: white;
}

.gray-table .total-row {
    background: #4c5065;
    color: white;
}

.gray-table .total-row .csstable-cell {
    padding-top: 3px;
}

.gray-table .total-row .amount-total {
    font-size: 24px;
}

.dashboard-first-row {
    display: flex;
}

.dashboard-first-row > div.box {
    margin-bottom: 0;
}

.dashboard-chart-widget {
    flex-grow: 1;
    position: relative;
    user-select: none;
}

.dashboard-chart-widget .show-more-stats {
    position: absolute;
    top: 12px;
    right: 22px;
    font-size: 14px;
    display: none;
}

.dashboard-chart-widget:hover .show-more-stats {
    display: block;
}

.dashboard-chart-widget .show-more-stats a {
    font-weight: normal;
    color: gray;
}

.basic-stats {
    line-height: 1.5;
}

.basic-stats p.basic-stats-row {
    margin-bottom: 15px;
    margin-top: 0;
}

.basic-stats p.basic-stats-row .questionMarkSmall {
    margin-left: 5px;
    visibility: hidden;
}

.basic-stats-widget:hover p.basic-stats-row .questionMarkSmall {
    visibility: visible;
}

.basic-stats .title {
    font-weight: 300;
}

.basic-stats .value {
    font-size: 18px;
}

@media (min-width: 1201px) {
    .basic-stats-widget {
        width: 300px;
        margin-left: 0;
    }
}

@media (max-width: 1200px) {
    .dashboard-first-row {
        display: block;
    }
}

.log-table .summary, #property-cost-table .summary {
    float: right;
    margin-top: 8px;
}

.log-table .pagination, #property-cost-table .pagination {
    margin-top: 0;
}

#property-cost-table tr.overwrite td {
    background-color: #fff3e9;
}

.realty-finances-form {
    margin-bottom: 30px;
}

.icon-param {
    font-size: 18px;
}

.icon-param img {
    margin-right: 10px;
}

.icon-param .icon-param-text {
    position: relative;
    top: 2px;
}

.icon-param .icon-param-text span.glyphicon {
    margin-left: 10px;
}

#realty-costs-update-table {
    width: 500px;
}

#realty-costs-update-table input[type=number] {
    width: 110px;
}

#rent-bill-edit-form .form-group-date {
    float: left;
    margin: 0 20px 0 0;
}

#realty-cost-table {
    float: left;
    margin-right: 30px;
}

#rentbill-form #tenant-finance {
    margin: 20px 0 0 0;
}

#rentbill-form #tenant-finance a.toggle-detailly label {
    font-weight: normal;
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
    text-decoration: underline;
    cursor: pointer;
}

#rentbill-form #tenant-finance a.toggle-detailly:hover label {
    text-decoration: none;
}

.quick-links.quick-links-finance-table {
    float: left;
}

.quick-links a {
    font-weight: normal;
}

.watching-wrapper .saved {
    position: absolute;
    top: 100%;
    left: 0;
}

#admin-board-new-users, #admin-board-stable-users {
    margin: 0;
}

.files-folder-tree .folder, .files-viewer .folder {
    position: relative;
}

.files-folder-tree.files-container .folder-tree {
    float: none;
    border-right: none;
    width: 100%;
}

.files-folder-tree.files-container .folder-tree .folder a.name {
    display: inline-block;
}

.files-folder-tree .files-select {
    text-decoration: underline;
    font-weight: bold;
    top: -7px;
    position: relative;
}

.files-loading {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 1000;
    opacity: 0.6;
    color: white;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 200px;
    font-size: 20px;
}

.addon .action a {
    margin-right: 10px
}

.meter-legend span {
    padding: 0 10px;
    margin: 0 5px;
    display: inline-block;
    height: 38px;
    vertical-align: middle;
    line-height: 38px;
}

td.meter-color {
    padding: 0 !important;
}

.meter-color > div {
    display: inline-flex;
    width: 155px;
    height: 38px;
    text-align: center;
    border: 1px solid #fff;
    line-height: 38px;
    padding: 0 10px;
    font-size: 14px;
    position: relative;
    align-items: center;
}

#create-meter-form button {
    margin: 0 0 0 10px;
}

.meter-diagram td.colored-bg {
    font-size: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-weight: 700;
}

.meter-diagram td.td-label {
    padding-left: 15px;
}

.meter-color > div .unit-price, .meter-color > div .utility-template, .meter-color > div .two-tarrifs {
    display: inline-block;
    min-width: 16px;
    min-height: 16px;
    background: url(../img/ui/icons/money.svg) no-repeat;
    background-size: contain;
    opacity: 0.7;
    margin-left: 3px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.meter-color > div .utility-template {
    background-image: url(../img/ui/icons/water-tap.svg);
    top: auto;
    bottom: 0;
}

.meter-color > div .two-tarrifs {
    background-image: url(../img/ui/icons/two.svg);
    top: auto;
    bottom: 0;
}

#debtors-dlg .ajax-loader {
    display: none;
    margin: 30px auto;
}

#debtors-dlg.loading .ajax-loader {
    display: block;
}

.meter-chart {
    float: left;
    margin: 10px 10px 20px 0;
}

.meter-warnings {
    margin-top: 30px;
}

.meter-warnings a {
    font-weight: normal;
}

.meter-warning {
    min-width: 200px;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.meter-warning img {
    vertical-align: middle;
    margin-right: 2px;
}

.textarea-fixed-item {
    clear: both;
}

.textarea-fixed-item-value {
    background-color: #f2f2f2;
    padding: 5px 10px;
    float: left;
    width: 380px;
    max-width: 100%;
    line-height: 20px;
    color: gray;
}

.notification-alert {
    margin: 25px 25px 0;
    border-radius: 0;
}

.bootstrap-dialog.type-info .modal-header {
    background-color: #3f51b5;
}

.bootstrap-dialog.type-info .modal-header .close {
    color: #fff;
    opacity: 1;
}

.help-frame {
    background: #ffffc7;
    border: 1px solid #e6e697;
    padding: 10px 15px;
    margin: 1em 0;
}

.help-frame p {
    margin-top: 0;
}

table.bullet-table td {
    padding: 8px 10px;
    line-height: 1.3;
}

table.bullet-table .bullet {
    width: 30px;
    text-align: left;
    position: relative;
    padding-left: 10px;
    padding-right: 0;
}

table.bullet-table .bullet .bullet-item {
    width: 15px;
    height: 15px;
    display: inline-block;
    z-index: 1;
}

table.bullet-table .bullet .bullet-item:after, table .bullet .bullet-item:before {
    content: "";
    height: calc(50% - 4px);
    position: absolute;
    width: 1px;
    display: block;
    left: 17px;
    background: gray;
    top: 0;
    z-index: 0;
}

table.bullet-table .bullet .bullet-item:after {
    top: auto;
    bottom: 0;
}

table.bullet-table .bullet .bullet-item img {
    position: relative;
    z-index: 2;
    width: 15px;
    height: 15px;
}

table.bullet-table > tbody > tr:first-child .bullet-item:before {
    display: none;
}

table.bullet-table > tbody > tr:last-child .bullet-item:after {
    display: none;
}

table.bullet-table td.username-datetime {
    font-size: 13px;
    line-height: 1.2;
}

.username-overflow {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.note-info .selector-view-arrow {
    position: relative;
    top: 1px;
    opacity: 0.6;
}

.note-info:hover .selector-view-arrow {
    opacity: 1;
}

.addon h2 {
    display: inline-block;
    margin-right: 10px;
}

.addon .status {
    display: inline-block;
}

/* registration honeypot protection */
div.field-registrationform-email2 {
    display: none;
}

.ui-autocomplete {
    font: 15px/1.6 'Roboto', Arial, Helvetica, sans-serif;
}

.help-block.help-block-error:empty {
    display: none;
}

/* select 2*/
.select2 > .selection > .select2-selection {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
    background-color: #f2f2f2;
    padding: 0.4em 2.1em 0.4em 1em;
    height: 34px;
}

.select2 > .selection > .select2-selection .select2-selection__arrow {
    height: 34px;
}

.select2 > .selection > .select2-selection .select2-selection__rendered {
    padding: 3px 0 0 0;
    height: 100%;
    line-height: 1.4;
    display: flex;
    align-items: center;
}

.select2-dropdown {
    border-radius: 0 !important;
    border-color: #dbdbdb;
}

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

body .select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
}

.select2-container--krajee .select2-selection {
    box-shadow: none !important;
    cursor: pointer;
    font-size: 15px;
}

.select2.select2-container--open .select2-selection {
    background-color: #faf5e0;
}

.select2.select2-container--open .select2-selection, .select2.select2-container--open .select2-selection:focus {
    box-shadow: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border-left: 0;
}

.select2-container--krajee .select2-dropdown {
    border-color: #d3d3d3;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #faf5e0;
    color: #212121;
}

.select2-container--krajee .select2-results__option.select2-results__option--selected, .select2-container--krajee .select2-results__option[aria-selected=true] {
    background-color: #f0ecde;
    color: #212121;
}

.pagination-summary-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination-summary-line > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 575px) {
    .pagination-summary-line {
        flex-direction: column;
    }

    .pagination-summary-line > * {
        margin-bottom: 1rem !important;
    }
}

.grid-view-pager-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grid-view-pager-summary .pagination {
    margin: 0;
}

.linkedAccounts td {
    padding: 0 10px 5px 0;
}

input.security-deposit-input {
    width: 88px;
    background: none !important;
    border: 0;
    padding-left: 0;
}

.form-select2-multiple-tags .select2 > .selection > .select2-selection {
    box-shadow: none;
    height: auto;
    padding: 0.3rem 3.1rem 0.3rem 0.6rem;
}

.form-select2-multiple-tags .select2 > .selection > .select2-selection .select2-selection__choice {
    border-radius: 0;
    background: white;
    padding: 2px 6px;
}

.form-select2-multiple-tags .select2 > .selection > .select2-selection ul.select2-selection__rendered {
    margin-bottom: 3px;
}

.form-select2-multiple-tags .select2 > .selection > .select2-selection li {
    list-style: none;
}

.form-select2-multiple-tags .select2 > .selection > .select2-selection .select2-selection__choice__remove {
    cursor: pointer;
    margin: 0;
    padding: 0 5px;
}

.missing-data-message {
    position: absolute;
    top: 90px;
    width: 310px;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    color: gray;
    font-size: 17px;
}

#available-for-collateral-gridview {
    max-height: 400px;
    overflow: auto;
}

.input-icon {
    background: #e0e0e0;
    min-width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    float: left;
    height: 34px;
}

.unacceptable_collateral-link {
    opacity: 0.3;
}

tr:hover .unacceptable_collateral-link {
    opacity: 1;
}

.select2-multiple-checkboxes .select2-selection.select2-selection--multiple ul li.select2-selection__choice {
    position: absolute;
    left: -9999px;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    counter-increment: item !important;
}

.select2-multiple-checkboxes .select2-selection.select2-selection--multiple ul:after {
    content: attr(data-label);
    line-height: 1;
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option[role="option"]:before {
    display: inline-block;
    min-width: 13px;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    content: "";
    background: url(../img/ui/radios-checkboxes.png) -14px 0 no-repeat;
    background-size: auto 13px;
    position: relative;
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option[role="option"][aria-selected=true]:before {
    background-position: -28px 0;
}
.select2-search__field {
    margin-top: 0;
}

.RF .select2.select2-container--focus .select2-selection__rendered:after,
.RF .select2.select2-container--open .select2-selection__rendered:after {
    position: absolute;
    right: 15px;
    margin-top: 3px;
}
.RF .select2:not(.select2-container--focus):not(.select2-container--open) .select2-selection__rendered:after {
    position: absolute;
    left: 15px;
    top: 8px;
}
.RF .trix-editor-wrapper {
    border: 0;
    padding: 0;
}

.RF trix-editor {
    border: 1px solid #bbb;
}

.cost-table-wrapper input.form-control[type="number"] {
    width: 110px;
}

.cost-table input.form-control[readonly], .property-cost-table input.form-control[readonly] {
    background-color: #dadada !important;
}

.cost-table tbody tr:hover {
    outline: 1px solid gray !important;
}

.cost-table .cost-hover-bar {
    display: none;
}

.cost-table tbody tr:hover .cost-hover-bar {
    display: block;
    min-width: 450px;
    position: absolute;
    top: 100%;
    right: -1px;
    background: white;
    padding: 10px 15px;
    border: 1px solid gray;
    border-top: 0;
    z-index: 2;
}

.cost-table td, .cost-table th {
    padding: 0 5px;
}

.cost-table tr > td:first-child {
    padding-left: 0;
}

.cost-hover-bar-wrapper {
    position: absolute;
    right: 0;
    top: 100%;
}

.step-table > tbody > tr > td {
    padding: 10px 20px;
}

.step-table > tbody > tr > td.step-box-number {
    background: #c5c5c5;
    width: 70px;
    text-align: center;
    padding: 10px;
}

.step-table .step-box-number > span {
    border-radius: 50%;
    background: gray;
    color: white;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

.floating-line {
    position: fixed;
    bottom: 0;
    right: 0;
    background: white;
    border-top: 1px solid gray;
    padding: 5px 25px;
    max-width: 100%;
    z-index: 10;
}

.utility-billing-meter-table thead th {
    line-height: 1.2;
    padding: 0 10px 5px 0;
}

.utility-billing-meter-table td label {
    font-weight: normal;
    width: auto;
    padding: 0;
    float: none;
}

.utility-billing-meter-table td label:after {
    display: none;
}

.utility-billing-meter-table td input[type=number] {
    width: 80px;
}

.utility-billing-meter-table tbody > tr:first-child .action-cell a {
    visibility: hidden;
}

.block-radio-list label.pretty {
    display: block;
    float: none;
    width: auto;
    padding-right: 0;
}

label.block-label {
    display: block;
    float: none;
    width: auto;
}

.reminders-inline-controls {
    display: flex;
    flex-wrap: wrap;
}

.reminders-inline-controls > .form-group label {
    float: none;
    width: auto;
    padding: 0 0 3px 0;
    display: block;
}

.reminders-inline-controls > .form-group .ui-selectmenu-button {
    float: none;
    min-width: 100px;
    display: block;
}

.form-group.field-statisticspaymentsform-amount_comparison #statisticspaymentsform-amount_comparison-button {
    min-width: 50px;
}

.form-group.field-statisticspaymentsform-amount_comparison .help-block {
    display: none;
}

.form-group .stamp-preview {
    float: left;
}

.tooltip-content {
    padding: 15px 20px;
}

.fixed-table-header table {
    transform-style: preserve-3d;
}

.fixed-table-header table thead {
    transform: translate3d(0, 0, 1px);
    position: relative;
    z-index: 2;
}

.fixed-table-header table thead > tr:first-child th {
    background-color: white;
}

.fixed-table-header table tbody {
    transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 1;
}

#transactionbankaccount-number-validation-message {
    color: #be1313;
    clear: both;
}

.checklist label.pretty {
    margin-bottom: 0;
}

.checklist label.pretty span.repl {
    top: 0;
}

.checklist > label.pretty {
    font-weight: 400;
}

.checklist ul li label.pretty input[type="checkbox"] {
    margin-right: 20px;
}

.checklist ul {
    margin: 10px 0 20px 30px;
}

.checklist ul li.task {
    list-style: none;
    margin-bottom: 5px;
    vertical-align: middle;
}

.checklist .date-block {
    font-size: 12px;
}

.checklist-action-options {
    margin-left: 27px;
    margin-top: -5px;
    display: none;
}

.portfolio-switcher {
    overflow: auto;
    max-height: 400px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.portfolio-switcher li a {
    border: 1px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 25px;
    text-decoration: none;
}

.portfolio-switcher li:last-child a {
    border-bottom: 0;
}

.portfolio-switcher li:first-child a {
    border-top: 0;
}

#header li.portfolio-name > a {
    line-height: 1.2 !important;
    height: 60px;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
}

#header li.portfolio-name > a span.text-portfolio-label {
    font-size: 13px;
    font-weight: 400;
}

#header li.portfolio-name > a span.text-portfolio-name {
    font-size: 16px;
    display: block;
}

.announcement-unread-count-badge[data-count="0"] {
    display: none;
}

.announcement-shortlist-opener .count-badge, .announcement-mobile-shortlist-opener .count-badge {
    position: absolute;
    top: 16px;
    margin-left: -6px;
}

#announcement-shortlist {
    background: white;
    color: #3d3d3d;
    min-width: 300px;
    max-width: 380px;
}

#header #announcement-shortlist a {
    background-color: transparent !important;
    font-weight: 400;
    color: inherit;
    white-space: normal;
}

#header #announcement-shortlist .announcement-item a:hover {
    background-color: #dce1ff !important;
}

.announcement-item {
    display: flex;
    border-bottom: 1px solid #e4e4e4;
}

.announcement-item:last-child {
    border-bottom: 0;
}

.announcement-item.unread {
    color: #3d3d3d;
    background-color: #f0f2ff;
}

.announcement-item-left {
    flex-grow: 1;
}

.announcement-item-title {
    padding: 10px 15px !important;
    text-align: left;
    line-height: 1.2;
    display: block;
}

.announcement-item-right {
    max-width: 30px;
    min-width: 30px;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

#announcement-shortlist .announcement-set-read {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 0.4;
}

#announcement-shortlist .announcement-item.unread .announcement-set-read {
    opacity: 1;
}

#announcement-shortlist .announcement-item-right:hover .announcement-set-read {
    opacity: 1;
}

#announcement-shortlist .announcement-item-right:hover .announcement-set-read img {
    transform: scale(1.1);
}

.announcement-show-all {
    padding: 10px 15px;
    text-align: center;
}

#announcement-shortlist .announcement-show-all a {
    padding: 0 !important;
    display: inline-block;
    font-weight: 400;
    text-decoration: underline;
}

#announcement-shortlist .announcement-show-all a:hover {
    background-color: transparent !important;
    text-decoration: none;
}

#announcement-list .announcement {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

#announcement-list .announcement.unread {
    background-color: #f0f2ff;
}

#announcement-mobile-content {
    width: 40px;
    height: 60px;
    float: right;
    position: relative;
    display: none;
}

.announcement-mobile-shortlist-opener {
    width: 40px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
}

#announcement-mobile-content #announcement-shortlist {
    position: absolute;
    top: 60px;
    right: 0;
    box-shadow: 2px 0 10px rgb(0 0 0 / 10%);
    border: 1px solid #e4e4e4;
    display: none;
}

#announcement-mobile-content.active #announcement-shortlist {
    display: block;
}

#announcement-mobile-content.active .announcement-mobile-shortlist-opener {
    background-color: #5163c9;
}

body.menu-opened #mobile-header #announcement-mobile-content {
    display: none;
}

.RF[data-type="note"] .record-form-submit-hint {
    max-width: 180px;
}

fieldset.address label {
    margin-bottom: 0;
}
fieldset.address .form-group {
    margin: 0;
}
fieldset.address input[type=text] {
    width: 190px;
}
fieldset.address input[type=text].number {
    width: 90px;
}
fieldset.address .select2 {
    max-width: 230px;
    float: left;
}
legend label {
    font-weight: normal;
}
#main input.address-lookup {
    height: 34px;
    padding-left: 40px;
    background-image: url(../img/ui/icons/magnify.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 10px center;
    color: #555;
}
#main input.address-lookup::placeholder {
    color: #555;
    font-size: 15px !important;
    padding-left: 0;
}
.autoComplete_wrapper > ul {
    top: 34px;
    margin-top: 0;
}
.autoComplete_wrapper > ul > li {
    font-size: 13px;
}
.autoComplete_wrapper > ul > li mark {
    padding-left: 0;
    padding-bottom: 0;
}
.person {
    padding: 15px 20px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    position: relative;
}
.inputContactRow-add-another-line .add {
    font-size: 13px !important;
}
.person-contact-label {
    font-size: 13px;
}
.person .inputContactBox .inputContactRow {
    margin-top: 0;
}
.person .inputContactRow {
    margin-bottom: 3px;
}
.person .inputContactRow input[type=text], .person .inputContactRow input[type=email] {
    width: 100% !important;
}
.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] {
    background-color: #faf5e0;
    color: #333;
}
.select2-container--krajee-bs3 .select2-results__option.select2-results__option--selected, .select2-container--krajee-bs3 .select2-results__option[aria-selected=true] {
    background-color: #dddddd;
    color: #333;
}
.select2-container--krajee-bs3 .select2-dropdown {
    border-color: #dbdbdb;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
    border-left: 0;
}
.person__remove-link {
    position: absolute;
    top: 5px;
    right: 10px;
}

#suggestions .item {
    margin-bottom: 5px;
}
#suggestions .item:last-child {
    margin-bottom: 0;
}

.btn[target="_blank"]:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../img/ui/icon-external-link-white.svg) no-repeat;
    background-size: 100% auto;
    margin-left: 5px;
    vertical-align: middle;
}
.portfolio-filter {
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    box-sizing: border-box;
    color: #3d3d3d;
}
.portfolio-filter-item {
    padding: 10px 15px !important;
    border-bottom: 1px solid #e4e4e4;
    background: white;
}
#menu li.portfolio-name > ul > li.keyboard-selected a {
    background: #f7f7f7 !important;
}

.field-billinginfo-country .select2 {
    max-width: 250px;
    float: left;
}