@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
html,body {
    height: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    line-height: 1.4;
    width: 100%;
    overflow-x: hidden;
}
.wrapper-page {
    min-height: 100%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.wrapper-page > main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
small {
    font-size: 0.7em;
}
a {
    text-decoration:  underline;
}
p {
    margin-bottom: 10px;
}
.new-date {
    /* padding: 10px 15px;
    border: 2px solid green; */
}
.bg-danger,.bg-warning {
    background-color: #fff !important;
}
.bg-warning .new-date {
 padding: 10px 20px;
 border: 5px solid orange;
}
.bg-danger .new-date {
    padding: 10px 20px;
    border: 5px solid red;
    color: red;
}
.bg-green {
    background: green!important;
    color: #fff !important;

}
.bg-orange {
    background: orange!important;
    color: #fff !important;
}
.primary-color {
    color: #db0706;
}
.secondary-color {
    color: #252525;
}
#mapbjects {
    background: orange;
}
.btn {
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding:5px 10px;
}
.btn-adds {
 background: #fff;
 color: #252525;
 border-color: #252525;
 display: block;
    max-width: 220px;
    margin-bottom: 7px;
}
.btn-adds:hover {
    border-color:  #252525;
    background:  #252525;
    color: white!important;
}
.btn-adds-active {
    color: white!important;
    background: #27d29f;
    border-color: #27d29f;
    display: block;
    max-width: 220px;
    margin-bottom: 7px;
}
.btn-adds-active:hover {
    border-color:  #252525;
    background:  #252525;
    color: white!important;
}
.button:hover {
    background: #252525;
    border-color: #252525;
}
.header {
    display: grid;
    background: #fff;
    width: 100vw;
    grid-template-columns: 5% 4% 33% 33% 5% 20%;
    height: 80px;
    position: fixed;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 1000;
}
.header-search {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.header-btn {
    display: flex;
    align-items: center;
    gap: 5px;
}
.buttons,
.header-info {
    gap: 10px;
}
.main {
    max-width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 3%;
    margin-top: 80px;
}
.sidebar {

    background: #500250;
    min-height: calc(100% - 80px);
    position: fixed;
    top: 80px;
    left: 0;
    width: 3%;
    gap: 20px;
    z-index: 10;
}
.sidebar svg {
    fill: #fff;
}
.sidebar a {
    position: relative;
}
.sidebar a>span {
    display: none;
     position: absolute;
    top: 0px;
    left: -100%;
    background: #500250;
    color: #fff;
    height: 30px;
    font-size: 14px;
    padding: 5px 10px;
    z-index: 9;
}
.sidebar a:hover>span {
    display: block;
    left: 30px;
}
.footer {
    max-width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 3%;
}
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3 {
    display: block;
}
.tab {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tab > input[type="radio"] {
  display: none;
}

.tab-content {
  width: 100%;
  margin-top: 1rem;
}
.tab > label {
  display: block;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  text-decoration: none;
  color: #500250;
  border: solid 1px;
  border-radius: 5px;
  background: 0 0;
}

.tab > input[type="radio"]:checked + label {
  cursor: default;
  color: #fff;
  background-color: #500250;
}
img {
    display: block;
    max-width: 100%;
}
.client-info {
    font-size: 13px;
}
.btn-yellow {
    background: #FEE200;
    color: black;
}
.btn-yellow:hover {
    background: #E4B612;
    color: black;
}
.btn-blue {
    background: #2695EE;
    color: white;
}
.btn-blue:hover {
    background: #0967B2;
    color: white;
}
.btn-green {
    background: #27d29f;
    color: white;
}
.btn-green:hover {
    background: #04a97b;
    color: white;
}
.btn-purple {
    background: purple;
    color: white;
}
.btn-purple:hover {
    color: white;
    background: #500250;
}
.btn-dark-purple {
    background: #360036;
    color: white;
}
.btn-dark-purple:hover {
    color: white;
    background: #500250;
}
.btn-orange {
    background: #ff613c;
    color: white;
}
.btn-orange:hover {
    color: white;
    background: #be482e;
}
.btn-sm-custom {
    --bs-btn-padding-y: .20rem; --bs-btn-padding-x: .4rem; --bs-btn-font-size: .65rem;
}
.message .btn {
    background: var(--bs-gray-300);
}
.qnt-message {
    background: #ff613c;
    color: #fff;
    border-radius: 100px;
    width: 2em;
    height: 2em;
    right: -100%;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
}
.messages.open {

}
.qnt-message.active {
    display: block;
}
.messages {
    width: 320px;
}
.massage-block .massage-item:nth-child(odd) {
    background: #f8f9fa;
}
.w-15 {
    width: 15%;
}
.nav-tab--custom {
    position: relative;
}
.nav-tab--custom span:empty{
    display: none;
}
.nav-tab--custom span{
    position: absolute;
    right: -5px;
    top:-10px;
    font-size: 11px;
    background: #04a97b;
    color: white;
    border-radius: 50px;
    padding-block: .15rem;
    padding-inline: .3rem;
}
.buttons__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.task-button {
    position: relative;
}
.task-button span:empty{
    display: none;
}
.task-button span{
    position: absolute;
    right: -5px;
    top:-10px;
    font-size: 11px;
    background: #f10404;
    color: white;
    border-radius: 50px;
    padding-block: .04rem;
    padding-inline: .3rem;
}
.task__info-box {
    color: white;
    font-size: 12px;
}
.task__worker {
    font-size: 12px;
}
.task-messages {
    font-size: 14px;
    position: relative;
    background: #a9a9a91a;
}
.task-messages__buttons {
    position: absolute;
    right:5px;
    top: -2px;
}
.table-estate {
    position: relative;
    font-size: 14px;
}
.search-result {
    position: absolute;
    right:0;
    top: 0;
    color: white;
    background: orangered;
    padding: .25rem;
    font-size: 12px;
}
.search-result p {
    margin-bottom: 0;
}
.table-estate table {
    min-width: 920px;
}
.table-estate thead th {
    white-space: nowrap;
    min-width: 200px;
}
.table-estate thead th:first-child {
    width:310px;
}
.table-estate thead th:nth-child(2) {
    width:460px;
}
.table-estate tbody th:first-child {
    position: relative;
}
.table-estate tbody th:first-child .table-pdf {
    position: absolute;
    left: 0;
    top:0;
    background: white;
}
.client-info table {

}
.client-info table thead th:first-child {
    width:110px;
}
.client-info table thead th:nth-child(2) {
    width:110px;
}
.client-info table thead th:nth-child(3) {
    width:140px;
}
.client-info table thead th:nth-child(4) {
    width:140px;
}
.client-info table thead th:nth-child(5) {
    width:140px;
}
.client-info table thead th:nth-child(6) {
    width: 75px;
}
.client-info table thead th:nth-child(7) {
    width: 145px;
}
.client-info table thead th:nth-child(8) {
    width: 145px;
}
.client-info table thead th:nth-child(9) {
    width: 175px;
}
.client-info table thead th:nth-child(10) {
    width: 130px;
}
.client-info table thead th:nth-child(11) {
    width: 240px;
}
.client-info table thead th:last-child {
    width:50px;
}
.rent-select {
    width: 25%;
    min-width:200px;
}
.br-castom-pole {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
}
.table-estate a {
    color: #00409e;

}
.archived a {
    color: red;
}
.table>:not(caption)>*>* {
    background: transparent;
}
tbody tr:nth-child(odd) {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    background: #f7f7f7;
}
.cl-active {
    color: #2695EE!important;
    font-weight: bold;
}
.cl-passive {
    color: #206619!important;
    font-weight: bold;
}
.cl-archive {
    color: #878787!important;
    font-weight: bold;
}
.cl-agent {
    color: #ff3434!important;
    font-weight: bold;
}
.cl-danger {
    background: #8A1F11!important;

}
.cl-danger td {
    color: #fff;
}
.cl-warning {
    background: #EACC5A!important;
}
.cl-warning td:nth-child(3) {
    background: #E8704B!important;
    color: #fff;
}
.cl-work td:nth-child(3) {
    background: #0AB781!important;
    color: #fff;
}
.cl-danger td:nth-child(4) a,
.cl-warning td:nth-child(4) a,
.cl-work td:nth-child(4) a {
    padding: 5px;
    background: #E8704B;
    color: #fff;
}
.teg-tu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 280px
}
.tag-permanent_owner,
.tag-is_bargain,
.tag-is_big_commission,
.tag-all_documents,
.tag-is_urgently {
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    border-radius: 5px;

}
.arbis {
	border: 2px solid #777;
	padding: 5px 10px;
	display: inline-block;
}
.tag-permanent_owner {
    background-color: #D26060;
}
.tag-is_bargain {
    background-color: #1F92FF;
}
.tag-is_big_commission {
    background-color: green;
}
.tag-all_documents {
    background-color: #008080;
}
.tag-is_urgently {
    background-color: #C10002;
}
.сlosed-offer,
.exclusive,
.noads {
    padding: 5px 10px;
    display: inline-block;
    margin: 3px 0;
    color: #f37b0a;
    font-weight: bold;
    border: 2px solid #f37b0a;
}
/* .noads {
    border: 2px solid orange;
}
.exclusive {
    border: 2px solid brown;
}
.сlosed-offer {
    border: 2px solid gray;
} */
/* Календарь */

        a {
            text-decoration: none;
            color: #6c757d;
        }
        .calendar {
            border: 1px solid #eee;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
        }
        .calendar-header {

            padding: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .calendar-header button {

            padding: 0.7rem;
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .calendar-header button:hover {

        }
        .calendar-header select {
            padding: 0.7rem 3rem 0.7rem 1rem;
            cursor: pointer;
            font-size: 0.9rem;
            color: #666;
        }
        .calendar-header select:hover {

        }
        .calendar-body {
            background-color: #fff;
            padding: 1.5rem;
            margin-top: 1.5rem;
        }
        .calendar-week {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 0;
            margin-bottom: 1.5rem;
        }
        .calendar-week:last-child {
            margin-bottom: 0;
        }
        .calendar-day {
            border: 1px solid #eee;
            padding: 0.7rem;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
            position: relative;
        }
        .calendar-day:hover {

        }
        .calendar-day.active {
            border: 2px solid #eee;
        }
        .calendar-day-content {
            font-size: 1rem;
            margin-bottom: 0.7rem;
            font-weight: 600;
        }
        .task-list {
            font-size: 0.9rem;
            list-style-type: none;
            padding: 0;
            margin: 0;
            color: #fff;
        }
        .task-list a {
            color: #fff;
        }
        .task-list li {
            background-color: #500250;
            padding: 0.5rem 1rem;

            color: #fff;

        }


@media screen and (max-width: 1440px) {
    html,
    body {
        font-size: 14px;
    }
    .info-item {
        font-size: 13px;
    }
    .buttons, .header-info {
        gap: 3px;
    }
    .header-btn {
        gap: 2px
    }
    .header-btn svg {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 1024px) {
    html,
    body {
        font-size: 14px;
    }
}
@media screen and (max-width: 980px) {
    .account{
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 767px) {
    .header {
        height: 100px;
        grid-template-columns: 10% 10% 30% 50%;
        grid-template-areas:
        "logo header-search message account"
        "buttons buttons buttons buttons";
        }
    .account{
        flex-direction: row-reverse;
    }

    .header .logo {
        grid-area: logo;
    }
    .header .header-search {
        grid-area: header-search;
    }
    .header .buttons {
        grid-area: buttons;
    }
    .header .buttons .header-btn {
        font-size: 12px;
        padding: 3px 5px;
    }
    .header-btn svg {
        width: 5px;
        height: 5px;
    }
    .header .header-info {
        display: none!important;
    }
    .header .message {
        grid-area: message;
    }
    .header .account {
        grid-area: account;
    }
    .calendar-day {
        overflow: scroll;
    }
    .main {
        margin-top: 100px;
    }
    .sidebar {
        width: 3%;
        top: 100px;
    }
    .content {
        margin-left: 3%;
    }

}
@media screen and (max-width: 540px) {
    .rent-select {
        width: 100%;
    }
    .br-castom-pole {
        border-right: none!important;
        margin-bottom: 25px;
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}
@media screen and (max-width: 320px) {

}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#address-suggestions {
    list-style-type: none;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 30%;
    z-index: 1;
}

#address-suggestions li {
    padding: 8px 12px;
    cursor: pointer;
}

#address-suggestions li:hover {
    background-color: #f5f5f5;
}
#filter-container {
    transition: all 0.3s ease;
}
#loading-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

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


.img-owner-objects
{
    width:250px;
    display: block;
    position: relative;
    margin: 0 auto;
}
.gray-text {
    color: gray;
}

.col-12:not(:last-child) {
    margin-bottom: 10px;
}

.col-12 label {
    font-size: 15px;
}


body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/img/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/img/lightbox/prev.png) left 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/img/lightbox/next.png) right 48% no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/img/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}

.uncompleted-task {
    background-color: #ffffdb !important;
}