body{
    font-family: 'Montserrat', sans-serif !important;
}
input {
    padding:6px 0 !important;
}
input[type=submit] {
    padding: 10px 20px !important;
}
.font-weight-normal{
    font-weight:400;
}

.bg-index{
    background:url(/images/bg/login.jpg);
    background-size:cover;
}
.bg-inner{
    background-color:#f2f2f2;
}

.bg-primary {
    background: rgb(202, 156, 94) !important;
}

.form-floating>.form-control::placeholder {
    color: #000;
}

.username-icon::before {
    content: '';
    width: 17px;
    display: block;
    height: 19px;
    position: absolute;
    top: 20px;
    left: 0px;
    background: url(/images/icons/username.png) no-repeat 0% 66%;
    pointer-events: none;
}

.password-icon::before {
    content: '';
    width: 17px;
    display: block;
    height: 19px;
    position: absolute;
    top: 20px;
    left: 0px;
    background: url(/images/icons/password.png) no-repeat 0% 66%;
    pointer-events: none;
}

.password-icon_gray::before {
    content: '';
    width: 17px;
    display: block;
    height: 19px;
    position: absolute;
    top: 20px;
    left: 0px;
    background: url(/images/icons/password_gray.png) no-repeat 0% 66%;
    pointer-events: none;
}

.mail-icon::before {
    content: '';
    width: 17px;
    display: block;
    height: 19px;
    position: absolute;
    top: 20px;
    left: 0px;
    background: url(/images/icons/mail.png) no-repeat 0% 66%;
    pointer-events: none;
}

#listbar ul {
    list-style: none;
    padding: 0;
}

@media (max-width:575px) {

    .btn-save {
        width: 100%;
        border-radius: 0;
        position: fixed;
        bottom: 0;
        left:0px;
        background: #ca9c5e;
        border: 0;
        font-size: 20px;
        padding: 8px 0;
        margin:0px;
        z-index:100;
    }
}

    .preloader {
        z-index: 99999;
        background: url(/images/bg/preloader.jpg);
        background-size: cover;
    }

        .preloader img {
            max-width: 180px;
            height: max-content;
        }

    .preloader-icon {
        margin-top: 30px;
        -webkit-animation: rotating 4s linear infinite;
        -moz-animation: rotating 4s linear infinite;
        -ms-animation: rotating 4s linear infinite;
        -o-animation: rotating 4s linear infinite;
        animation: rotating 4s linear infinite;
    }

    @-webkit-keyframes rotating /* Safari and Chrome */ {
        from {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes rotating {
        from {
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        to {
            -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .fw-medium {
        font-weight: 500;
    }

    .smaller {
        font-size: 10px;
    }

    select {
        background: url(/images/down.png) no-repeat right;
        -webkit-appearance: none;
    }

    .btn-primary {
        background: #ca9c5e;
    }

    .absolute-0 {
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .right-0 {
        right: 0;
    }

    .left-0 {
        left: 0;
    }

    .object-fit-cover {
        object-fit: cover;
    }

    .z-index-1 {
        z-index: 1;
    }

    .half-height {
        height: 50vh;
    }

    .full-height {
        height: 100vh;
    }

    .overlay-shadow::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        background: linear-gradient(0deg, #0000009c, transparent);
        pointer-events: none;
    }





input, select, textarea {
    margin: 0 0 10px 0;
}

.text-danger.field-validation-error {
    font-size:12px;
}

input[type=checkbox] {
    margin: 0px;
    padding: 0px !important;
}

.remove {
    position: absolute;
    left: -100000%;
}

.btn-save {
    border: none !important;
    border-radius: 0px !important;
}

.headline {
    padding: 30px 0;
}

@media (max-width:575px) {
    .headline {
        padding: 15px 0;
    }
}

.headline h1 {
    display: inline-block;
    margin: 0 0 10px 0 !important;
    padding: 0px !important;
}

.headline a {
    float: right;
    line-height: 26px;
}

    .headline a img {
        width: 15px;
    }
/* Header */
.mobile-true {
    display: none;
}

.navbar-brand img {
    max-width: 230px;
}

@media (max-width:575px) {
    .headline a {
        display: none;
    }

    .mobile-true {
        display: block
    }

    .navbar-collapse {
        position: absolute;
        width: 100%;
        left: 0px;
        background: #fff;
        top: 52px;
    }

        .navbar-collapse li a {
            width: 100%;
            padding: 15px 20px !important;
            border-bottom: solid 1px #ddd;
            display: block;
        }

        .navbar-collapse li button {
            margin: 0 0 0 20px;
        }

    header {
        position: fixed;
        z-index: 10;
        width: 100%;
        top: 0px;
    }

    .container {
        margin-top: 70px;
    }
}

.form-control:focus, .navbar-toggler:focus {
    box-shadow: none !important
}
/* Dashboard */
.timeline-container {
    border-left: solid 1px #dee2e6;
    margin: 20px 0;
    padding: 0 0 0 17px;
    position: relative;
}

    .timeline-container:before {
        width: 1px;
        height: 100%;
        position: absolute;
        content: "";
        display: block;
        border-left: solid 1px #fff;
        left: 0px;
        top: 0px;
    }

    .timeline-container table {
    }

        .timeline-container table tr {
            position: relative;
        }

    .timeline-container a {
        display: inline-block;
        width: 30px;
        height: 30px;
        overflow: hidden;
    }

    .timeline-container img {
        max-height: 100%;
    }

    .timeline-container table tr:before {
        content: '';
        display: block;
        height: 9px;
        left: -22px;
        border-radius: 100px;
        border: solid 1px #dee2e6;
        background: #fff;
        width: 9px;
        top: 18px;
        margin: -2px 0 0 0;
        position: absolute;
    }

    .timeline-container table td {
        width: 33.3%;
    }

    .timeline-container table .td-1 label {
        width: 100%;
        display: block;
    }

    .timeline-container table .td-3 {
        text-align: right;
    }
/* Property */
.property-icons img {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);
    border-radius: 100px;
}

.property-image {
    width: 25%;
    position: relative;
    display: inline-block;
}

@media (max-width:575px) {
    .property-image {
        width: 100%;
    }
}

.property-image a {
    position: relative;
    z-index: 1;
}

.property-image .property-image-delete {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
}

.player-container {
    display: none !important;
}

.video-show.player-container {
    display: block !important;
}

.player-container video {
    max-width: 100%;
}

/* Users */
.share-links {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.share-link-container {
    position: absolute;
    left: 50%;
    bottom: 25px;
    width: 70px;
    margin: 0 0 0 -30px;
    display: none;
}

.share-links:hover .share-link-container {
    display: block;
}

.share-link-container a {
    text-decoration: none;
}

.share-link-container svg {
    width: 20px;
}

/* Notes */
.notes-table .smaller {
    padding: 0 10px 0 0;
}

.notes-table a {
    margin: 0 5px;
}