/*
*  Document   : flatie.css
*  Author     : pixelcave
*  Description: THEME FLATIE
*
*/

/* Main Dark Colors */
body,
.nav.navbar-nav-custom > li > a,
.navbar-default .navbar-nav > li > a,
.form-control,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
li.dropdown-header,
.chosen-container-single .chosen-single,
.themed-color-dark {
    color: #32323a;
}

#page-container,
#sidebar,
#sidebar-alt,
.table-pricing.table-featured td,
.table-pricing td.table-featured,
.themed-background-dark {
    background-color: #0277B6;
}

.themed-border-dark {
    border-color: #32323a;
}

header.navbar-inverse.navbar-fixed-bottom {
    border-top-color: #32323a;
}

header.navbar-inverse.navbar-fixed-top,
.table-pricing.table-featured th,
.table-pricing th.table-featured {
    border-bottom-color: #32323a;
}

.navbar.navbar-inverse {
    background-color: #0277B6;
}

/* Main Light Colors */
.sidebar-nav a,
.header-section h1 i,
blockquote:before {
    color: #ebf2f2;
}

#page-content,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active,
.slider-track,
.nav-horizontal a {
    background-color: transparent;
}

blockquote,
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.list-group-item,
.nav-tabs > li > a:hover,
.pager > li > a,
.pager > li > span,
.pager > li.disabled > a:hover,
.dropzone,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    border-color: #ebf2f2;
}

.dataTables_wrapper > div {
    border-color: #ebf2f2;
    border-top-width: 0;
}

header.navbar-default.navbar-fixed-bottom,
.content-header,
li.dropdown-header,
.breadcrumb-top,
.style-alt footer {
    border-top-color: #ebf2f2;
}

header.navbar-default.navbar-fixed-top,
.block-title,
fieldset legend,
.form-bordered .form-group,
.wizard-steps,
.nav-tabs,
li.dropdown-header,
.style-alt .content-header,
.style-alt .breadcrumb-top {
    border-bottom-color: #ebf2f2;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: #ebf2f2;
    border-bottom-color: transparent;
}

.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:hover,
.block-title .nav-tabs > li.active > a:focus {
    border-color: #ebf2f2;
    border-bottom-color: #ffffff;
}

.block-title,
.navbar.navbar-default,
.form-bordered .form-group.form-actions,
.table tfoot > tr > th,
.table tfoot > tr > td,
a.list-group-item:hover,
a.list-group-item:focus,
.nav > li > a:hover,
.nav > li > a:focus,
li.dropdown-header,
.style-alt .content-header + .breadcrumb-top,
.style-alt .breadcrumb-top + .content-header,
.style-alt footer,
.dropzone,
.dataTables_wrapper > div {
    background-color: #fafcfc;
}

.nav-horizontal i {
    color: #dae8e7;
}

.switch-default input:checked + span,
.style-alt .block-title {
    background-color: #dae8e7;
}

.input-group-addon,
.switch-default span,
.dropdown-menu,
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices,
div.tagsinput,
.select2-container .select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #007AFF;
    /*border-radius: 20px;*/
}

.block{
    border-color: transparent;
}

footer,
.media-feed > .media {
    border-top-color: #dae8e7;
}

.content-header,
.content-top,
.block-top,
.breadcrumb-top,
.style-alt .block-title {
    border-bottom-color: #dae8e7;
}

.content-header-media {
    border-top-color: #222222;
}

/* Main Highlight Colors */
.text-primary,
.text-primary:hover,
a,
a:hover,
a:focus,
.nav-pills > .active > a > .badge,
.pagination > li > a,
.pagination > li > span,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus,
.themed-color {
    color: #007AFF;
}

.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:hover,
.nav.navbar-nav-custom > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
a.sidebar-brand:hover,
a.sidebar-brand:focus,
a.sidebar-title:hover,
a.sidebar-title:focus,
#to-top:hover,
.timeline-list .active .timeline-icon,
.table-pricing.table-featured th,
.table-pricing th.table-featured,
.wizard-steps div.done span,
.wizard-steps div.active span,
.switch-primary input:checked + span,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pager > li > a:hover,
.pagination > li > a:hover,
.label-primary,
.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
.bootstrap-timepicker-widget table td a:hover,
div.tagsinput span.tag,
.slider-selection,
.themed-background,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.nav-horizontal a:hover,
.nav-horizontal li.active a {
    background-color: #0277B6;
}

.timeline-list .active .timeline-icon,
.form-control:focus,
.wizard-steps span,
.switch-primary span,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.pager > li > a:hover,
.pagination > li > a:hover,
.chosen-container .chosen-drop,
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active .chosen-choices,
div.tagsinput span.tag,
.themed-border,
.select2-container.select2-container--open .select2-dropdown,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #007AFF;
}

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #007AFF;
    border-bottom-color: #007AFF;
}

.sidebar-nav a.active,
.sidebar-nav ul a.active,
.sidebar-nav ul a.active:hover {
    border-left-color: #007AFF;
}

/* NProgress */
#nprogress .bar {
    background-color: #007AFF;
}

#nprogress .peg {
    box-shadow: 0 0 10px #007AFF, 0 0 5px #007AFF;
}

#nprogress .spinner-icon {
    border-top-color: #007AFF;
    border-left-color: #007AFF;
}

/* FullCalendar buttons */
.fc-state-default {
    background-color: #3451f7;
    border-color: #007AFF;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #007AFF;
}

.fc-state-highlight {
    background-color: #fafcfc;
}

/* Specific for default & primary button */
.btn-default {
    background-color: #f0f5f5;
    border-color: #dae8e7;
    color: #32323a;
}

.btn-default:hover {
    background-color: #ebf2f2;
    border-color: #c2cfce;
}

.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .btn-default.dropdown-toggle {
    background-color: #dfe5e5;
    border-color: #dfe5e5;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #dfe5e5;
    border-color: #dfe5e5;
}

.btn-primary {
    background-color: #007AFF;
    border-color: #007AFF;
    transition: all .3s;
}

.btn-switch {
    transition: all .3s;
    font-weight: bolder;
    padding: 4px 4px !Important;
    color: white;
}
.btn-switch:hover{
    color: white !important;
}
.btn-switch.disabled-icon{
    border-color: orange;
    background-color: orange;
}
.btn-switch.active-icon{
    border-color: #106910;
    background-color: #106910;
}

.btn-primary.login {
    padding: 8px 44px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
}

.text-center .btn-primary.edit-icon {
    padding: 3px 3px !Important;
    background-color: #3855F7;
    border-color: #3855F7;
}

.text-center .btn-archive {
    padding: 4px 4px !Important;
}

.text-center .btn-success.btn-home.renals-icon {
    padding: 3px 3px !Important;
    background-color: #6C93F5;
    border-color: #6C93F5;
}

.text-center .btn-success.btn-money.payments-icon {
    padding: 3px 3px !Important;
    background-color: #AAD178;
    border-color: #AAD178;
}

.text-center .btn-success.btn-money.payments-icon.btn-investments {
    padding: 3px 3px !Important;
    background-color: #567331FF;
    border-color: #567331FF;
}

.text-center .btn-success.btn-home.renovations-icon {
    padding: 3px 3px !Important;
    background-color: #ff826e;
    border-color: #ff826e;
}

.list-delete-button.el-button--small {
    padding: 3px 3px !Important;
    background-color: #F56C6C;
    border-color: #F56C6C;
}

.text-center .btn-primary {
    padding: 2px 6px !Important;
}

.btn-primary.btn-alt {
    color: #007AFF;
}

.btn-primary:hover {
    background-color: #007AFF;
    border-color: #007AFF;
    color: #ffffff;
}

.form-horizontal .control-label {
    color: #0277B6;
    font-weight: 600;
    font-size: 11px;
}

.editor-large .ck-editor__editable {
    min-height: 200px;
}

.editor-small .ck-editor__editable {
    min-height: 100px;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.open .btn-primary.dropdown-toggle,
.open .btn-primary.dropdown-toggle:hover,
.open .btn-primary.dropdown-toggle:focus,
.open .btn-primary.dropdown-toggle.focus {
    background-color: #007AFF;
    border-color: #007AFF;
    color: #ffffff;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
.btn-primary[disabled]:active:focus,
.btn-primary[disabled].active:focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active:focus,
fieldset[disabled] .btn-primary.active:focus {
    background-color: #007AFF;
    border-color: #007AFF;
}

/* Mini Sidebar */
@media screen and (min-width: 992px) {
    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        border-left-color: #007AFF;
        background-color: #32323a;
    }

    .asset-details-wrapper.form-horizontal .control-label {
        font-size: 13px;
    }
}

/* forms */
.form-horizontal .control-label {
    padding-top: 4px;
}

/* element ui */
.el-button--small {
    padding: 5px 5px !Important;
    font-size: 14px !Important;
    vertical-align: middle;
}

button.el-button.el-button--primary:not(.is-plain) {
    background-color: #007AFF !Important;
    border-color: #007AFF !Important;
    border-color: #007AFF !Important;
    /* padding: 9px 12px!Important; */

}

button.el-button.el-button--primary:not(.el-button--small),
button.el-button.el-button--info:not(.el-button--small) {
    /* padding: 9px 12px!Important; */
}

.el-tabs__nav-wrap.is-top .el-tabs__nav-scroll {
    padding: 0 20px;
}

.el-tabs__item.is-left i {
    font-size: 20px;
}

.el-switch span.el-switch__core {
    border-color: rgb(213, 213, 220) !Important;
    background-color: rgb(213, 213, 220) !Important;
}

.el-switch.is-checked span.el-switch__core {
    border-color: rgb(56, 85, 247) !Important;
    background-color: rgb(56, 85, 247) !Important;
}

/* responsive video*/
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.padding-tb {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-trl {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.padding-b {
    padding-bottom: 20px;
}

.padding-t {
    padding-top: 20px;
}

.reset-margin {
    margin: 0px;
}

/* login */
.dk-container {
    background-repeat: no-repeat;
    background-size: cover;
}

.dk-container #login-container {
    position: static;
    width: auto;
    top: 0px;
    left: 0%;
    margin-left: 0px;
    z-index: 1000;
    height: 100vh;
    display: flex;
}

.dk-container .block {
    margin: 0px;
    padding: 0px;
}

.dk-container #login-container .login-title.text-center {
    text-align: left;
    width: 300px;
    padding: 60px 60px 0 60px;
    background: #043F83;
    /* background-image: url(img/theatre.jpg); */
    /* background-size: cover; */
    color: #222222;
    overflow: hidden;
}

.dk-container #login-container .login-title.text-center h1 strong {
    margin-bottom: 40px;
    line-height: 30px;
}

.cms {
    color: #222222;
    font-size: 30px;
}

@media screen and (min-width: 769px) {
    .block.push-bit {
        margin: 10% auto;
        width: 450px;
    }

    .dk-container input {
        font-size: 15px;
        height: 55px;
    }

    .block.push-bit > div > h1 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .block.push-bit {
        margin: 17% auto;
        width: 400px;
    }

    .payments-history-wrapper-col {
        margin-top: 20px
    }

    .dk-container input {
        font-size: 12px;
        height: 44px;
    }
}

.block.push-bit {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    padding: 40px 0px 20px 0;
    background: transparent;
}


.block.push-bit > div {
    /* background: #f9f8f2; */
    background: #ffffff;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    border-radius: 10px;
}

.block.push-bit > div > h1 {
    margin-top: 30px;
    text-align: center;
}

.dk-container .input-group {
    border: 1px solid #C3C4C4;
    background-color: #f9f8f2;
    border-radius: 10px;
    overflow: hidden;
}

.dk-container i {
    color: #007AFF;
}

.page-list a {
    color: #ffffff;
    line-height: 30px;
}

.page-list {
    list-style-type: none;
    padding: 0px;
}

/* #login-container > .block.push-bit {
border-right: 1px solid #efede5;
} */
.form-bordered .form-group.form-actions {
    background: transparent;
}

.form-bordered .form-group.form-actions {
    background: transparent;
}

label.switch.switch-info small {
    font-weight: normal;
    font-size: 10px;
}

button.btn.btn-sm.btn-info {
    font-size: 12px;
    padding-top: 8px;
}

/* .form-bordered .form-group {
border: none;
} */
img.full-bg {
    z-index: -1;
}

.login-title.text-center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat !important;
    background-position-y: bottom !important;
}

/* @media only screen and (max-width: 730px) {
.block.push-bit {
width: 100%;
}
.block.push-bit > div {
padding-left: 40px;
}
}
@media only screen and (max-width: 640px) {
.dk-container #login-container {
display: block;
}
.dk-container #login-container .login-title.text-center {
width: 100%;
padding: 60px 60px 30px 60px;
background: transparent;
}
.login-title.text-center > div,
.login-title.text-center > img {
display: none;
}
.block.push-bit {
padding: 60px;
} */
@media only screen and (max-width: 840px) {
    h1.cms {
        font-size: 20px;
    }

    #login-container .login-title h1,
    #login-alt-container h1 {
        font-size: 22px;
        color: #ffffff;
    }

    .dk-container #login-container {
        height: auto;
        min-height: 100vh;
    }

    .dk-container #login-container .login-title.text-center {
        padding: 40px 40px 30px 40px;
    }
}

@media only screen and (max-width: 665px) {

    .dk-container #login-container .login-title.text-center h1 strong {
        font-size: 20px;
        line-height: 20px;
    }

    .dk-container #login-container {
        display: block;
    }

    .dk-container #login-container .login-title.text-center {
        background: transparent;
        padding: 20px 60px 20px 20px;
    }

    .block.push-bit {
        padding: 0px 20px;
        width: 100%;
    }

    .block.push-bit > div {
        padding: 0 20px;
        width: 100%;
    }

    .login-title.text-center > div,
    .login-title.text-center > img {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    h1.cms {
        font-size: 20px;
    }

    .dk-container #login-container .login-title.text-center h1 strong {
        font-size: 20px;
        line-height: 20px;
    }

    .dk-container #login-container {
        display: block;
    }

    .dk-container #login-container .login-title.text-center {
        background: transparent !important;
        padding: 20px 60px 20px 20px;
    }

    .block.push-bit {
        padding: 0px 20px;
        width: 100%;
    }

    .block.push-bit > div {
        padding: 0 20px;
    }

    .login-title.text-center > div,
    .login-title.text-center > img {
        display: none;
    }
}

.login-title .logo {
    display: flex;
}

@media screen and (max-width: 992px) {
    #sidebar.sidebar-show {
        width: 50% !important;
        height: 100%;
        background-repeat: no-repeat;
        background-position-y: bottom;
        max-width: 200px;
        z-index: 1000;
    }

    .navbar.navbar-inverse {
        z-index: 1001;
    }

}


@media screen and (min-width: 993px) {
    .notifications-sidebar .el-drawer.rtl {
        max-width: 30%;
    }
}

#header {
    display: inline-flex;
    flex-direction: row
}

.comments-container .el-badge.item,
.payments-container .el-badge.item,
.rentals-container .el-badge.item,
.reminders-container .el-badge.item {
    margin-bottom: 0 !important;
    margin-top: 18px;
    margin-right: 10px;
    padding-right: 10px;
}

.el-popover.el-popper .items-wrapper,
.el-popover.el-popper .items-wrapper,
.el-popover.el-popper .items-wrapper,
.el-popover.el-popper .items-wrapper{
    max-height: 85vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: thin;
}

/*.comments-container, .payments-container, .rentals-container {*/
/*    margin-right: 10px;*/
/*}*/

.notifications-sidebar .el-drawer.rtl {
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
}

.notifications-sidebar .el-drawer.rtl::-webkit-scrollbar {
    display: none;
}

.form-horizontal .control-label {
    text-align: left !important;
}

.table thead > tr > th {
    font-size: 13px !important;
    font-weight: bold !important;
}

.rental-notification-wrapper .el-card__header, .payment-notification-wrapper .el-card__header {
    padding: 10px 20px !important;
}

#header .el-badge.item i {
    font-size: 20px;
}

.view.view-asset .el-card.box-card {
    border-radius: 20px;
}

.view.view-asset .el-card.box-card .el-card__header {
    background-color: #3592C5;
    color: #ffffff;
}

.extra-details-card .el-table__header-wrapper, .extra-attachments-card .el-table__header-wrapper {
    display: none;
}

.current-value-box table thead th {
    background-color: #E5EDF5 !important;
    color: #0277B6;
}

table thead th {
    background-color: #0277B6 !important;
    color: #FFFFFF;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.rentals-schedule-heading, .payments-history-heading, .payments-schedule-heading {
    text-transform: uppercase;
    color: #0277B6;

}

.rentals-schedule-heading h4, .payments-history-heading h4, .payments-schedule-heading h4 {
    font-weight: 700 !important;
    font-size: 14px !important;
}

.payments-schedule-title-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.payments-schedule-title-wrapper button {
    margin-right: 0 !important;
}

.extra-details-card .el-card__header, .extra-attachments-card .el-card__header, .current-value-box .el-card__header {
    border-bottom: 0 !important;
}

.extra-details-card .el-card__body, .extra-attachments-card .el-card__body, .current-value-box .el-card__body {
    padding: 0 !important;
}

.comment-input input, .comment-input textarea {
    height: 50px;
    background-color: #EFF0F1;
    border-radius: 20px;
    color: #0277B6;
    border: none !important;
}

.end-comments-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.end-comments-form button.comment-submit-button {
    background-color: #2990FF;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

.project-details {
    /*background-image: url("/admin_resources/img/placeholders/backgrounds/project_details.svg");*/
    background-repeat: no-repeat;
    background-position: right -20px center;
}

.agreement-details-card {
    /*background-image: url("/admin_resources/img/placeholders/backgrounds/agreements_details.svg");*/
    /*background-repeat: no-repeat;*/
    /*background-position: right -60px top 25%;*/
}

.asset-details-card {
    /*background-image: url("/admin_resources/img/placeholders/backgrounds/asset_details.svg");*/
    /*background-repeat: no-repeat;*/
    /*background-position: right center;*/
}

.asset-manager .el-card__body {
    min-height: 230px;
    background-image: url("/admin_resources/img/placeholders/backgrounds/asset_manager.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 70%;
}

.header-section {
    text-align: center;
}

.header-section H1 {
    text-transform: uppercase;
    color: #0277B6;
    font-weight: 600;
}

.header-section H1:before, .header-section H1:after {
    content: ' ';
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: -30%;
    background-image: url("/admin_resources/img/placeholders/backgrounds/title_star.svg");
    background-repeat: no-repeat;
}

.header-section H1:before {
    margin-right: 15px;
}

.header-section H1:after {
    margin-left: 15px;
}

.asset-details-card .el-card__body {
    background-image: url("/admin_resources/img/placeholders/backgrounds/asset_details.png");
    background-repeat: no-repeat;
    background-position: right top 150px;
    background-size: 70%;
}

.asset-manager-details h4, .asset-manager-details p, .asset-manager-details span {
    font-weight: 600 !important;
}

.asset-manager-details a {
    font-weight: 600 !important;
    color: #1034D4;
}

.not-registered-wrapper {
    background-color: transparent !important;
    text-align: center;
    margin-top: 15%;
    margin-bottom: 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

.not-registered-wrapper .try-now {
    text-decoration: underline;
}

@media screen and (min-width: 769px) {
    .not-registered-wrapper {
        padding-left: 5px;
        margin-top: 10%;
    }

    .login-header {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .login-header {
        width: 100%;
        height: 50px;
        background-color: #043F83;
        padding: 12px 0 0 10px;
    }
}

@keyframes waveEffect {
    0% {
        background-position: 0% 100%;
    }
    100% {
        background-position: 100% 0%;
    }
}

.admin, .investor-login-container, .admin-login-container {
    width: 100%;
    /*height: 100%;*/
    position: relative;
    background-color: #0277B6;
    background-image: linear-gradient(225deg, transparent 30%, #b3ded5 50%, transparent 70%), linear-gradient(45deg, transparent 30%, #87d1c0 50%, transparent 70%);
    background-size: 200% 200%;
    animation: waveEffect 12s ease-in-out infinite !important;
}

.header-section.flex-header-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-section.flex-header-row H1{
    margin-left: auto;
    margin-right: auto;
}

.header-section.flex-header-row .asset-info{
    text-align: left;
    font-weight: 400;
}

.table-row-colored{
    background: #ccddc3 !important;
}

.paid-col{
    white-space: nowrap;
}
/*.navbar.navbar-inverse{*/
/*    position: sticky;*/
/*    top: 0;*/
/*    z-index: 999;*/
/*}*/
/*#page-content .content-header{*/
/*    position: sticky;*/
/*    top: 50px;*/
/*    z-index: 999;*/
/*}*/
.import-leads-uploader .el-upload__input{
    display: none !important;
}

@media screen and (max-width: 768px) {
    .import-leads-button{
        min-width: 100% !important;
        margin-top: 5px !important;
        margin-bottom: 0 !important;
    }
    .dialog-footer button{
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 5px;
    }
    .button-wrapper {
        width: 100%;
        text-align: center;
    }
    .button-wrapper button{
        width: 45%;
    }
    /*.form-group:not(.date-filter, #form-login .form-group, .project-details-wrapper  .form-group, .map.form-group, .agreement-details-card .form-group){*/
    /*    width: 49%;*/
    /*    display: inline-block;*/
    /*}*/

    .form-filters .form-group:not(.date-filter){
        width: 49%;
        display: inline-block;
    }
    .form-group.date-filter .el-date-editor{
        width: 98%;
    }
    .el-picker-panel.el-date-range-picker{
        left: 0 !important;
        overflow: scroll !important;
        width: 100% !important;
    }
    .header-section.flex-header-row .asset-info{
        text-align: center;
        width: 45%;
    }
}
@media screen and (min-width: 769px) {
    .button-wrapper {
        display: inline-block;
    }
}

.import-leads-button{
    min-width: 90%;
}
@media (orientation: landscape) {
    .table-responsive:not(.table-roles)>.table>tbody>tr>td{
        white-space: nowrap;
    }
}

.completed-rent{
    background-color: #eddada !important;
}
.view.view-asset .el-card.box-card.complete-rent-warning-card .el-card__header{
    background-color: red;
}
.complete-rent-warning-text{
    font-weight: normal;
}
.cell{
    word-break: break-word !important;
}

.table-developers th, .table-developers td{
    text-align: center;
}
.investors-wrapper{
    text-align: left!important;
}
.investor-item{
    padding-bottom: 10px;
}
.export-row .col-md-2{
    float: right !important;
    overflow: hidden;
}
.el-input-number.is-without-controls input {
    text-align: left !important;
}
th a.text-dark{
    color: white !important;
}