/*
Theme Name: imo Vastgoed Taxaties
Author: Fly Media
Author URI: https://flymedia.be
Version: 1.0
*/

/* HTML */

html { position:relative; overflow-x: hidden; width: 100vw; }

body {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-style: normal;
overflow-x:hidden!important;
max-width: 100vw !important;
width: 100vw;
padding:0!important;
margin:0!important;
background-color: #f3f4f8 !important;
font-size:15px;
line-height: 1.5;
color: #000;
}

h1 {
font-size: 26px;
line-height: 1.3;
color:#c12033;
}

h2 {
font-size: 24px;
line-height: 1.3;
color:#657786;
}

h3 {
font-size: 21px;
line-height: 1.3;
color:#c12033;
}

h4 {
font-size: 18px;
line-height: 1.4;
color:#657786;
}

h5 {
font-size: 16px;
line-height: 1.4;
color:#212121;
}

@media(max-width:1199.98px) {
    h1 { font-size: 26px; }
    h2 { font-size: 23px; }
    h3 { font-size: 21px; }  
    h4 { font-size: 19px; } 
    h5 { font-size: 17px; } 
}

a { color: #c12033; }

p small,
div small { font-size: 14px }

.nav-link,
.nav-link:hover,
.nav-link:focus {
color: #c12033;
font-weight: 300;
font-size: 13.5px;
padding: .3rem .7rem;
}

.nav-item .nav-link:not(.active) {
color: #000;
}

.nav-item .nav-link.active {
background-color: #c12033;
color:#fff;
font-weight: 400
}

.nav-tabs .nav-link { border-radius:5px !important }

.nav-tabs { border-bottom: none !important }

@media(max-width:991.98px) {
    .nav-link {
    padding: 6px 10px;
    }
}

.badge ion-icon {
font-size: 14px;
vertical-align: middle;
}

.badge {
display: inline-block;
padding: 0.5em .65em;
}

.breadcrumb { font-size:15px }

/* COLORS */

.red { color: #c12033 !important; }
.bg-red { background-color: #c12033 !important; }

.gray { color: #9d9c9c !important; }
.bg-gray { background-color: #9d9c9c !important; }

.white { color:#fff!important }
.white-faded { color: rgba(255,255,255,.6) !important }
.black { color:#000!important }
.bg-white { background-color:#fff!important}
.darkgray { color:#282a39!important }
.bg-darkgray { background-color:#282a39!important; border-color:#282a39!important }
.semigray { color:#657786!important }
.bg-semigray { background-color:#657786!important; border-color:#657786!important }
.mediumgray { color:#AAB8C2!important }
.bg-mediumgray { background-color:#AAB8C2!important; border-color:#AAB8C2!important }
.lightgray { color:#E6ECF0!important }
.bg-lightgray { background-color:#ecf0f3!important; }
.bg-facebook { background-color: #3b5998 !important; }
.bg-instagram { background: -o-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  }

.bg-success-light { background-color: #4ec28c !important }

/* GENERAL */

.b0 { border: none !important; }

.clear {
display:block !important;
clear:both !important
}

.bg-image {
background-color: #ecf0f3;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
}

.card {
border-color: #eee;
margin-bottom:0px;
z-index: 150;
position: relative;
width: 100%;
height: auto;
background-color: #fff;
position: relative;
overflow: hidden;
border-radius: 6px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.card-thumb {
position: relative;
height: 250px;
background-color: #E6ECF0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size:cover;
border-radius: 0;
}

.card-body { padding: 25px; }

.card-number {
font-weight: 300;
font-size: 36px;
}

.card-subtitle { font-size: 16px; }

.card-subtitle small { font-size: 14px; }

div.form-group { padding: 7px; }

div.form-group .row { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

div.form-group:nth-child(even) {
background-color: #f5f8fa;
}

.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #fff;
--bs-table-accent-bg: #fff;
}

.card .table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f5f8fa;
--bs-table-accent-bg: #f5f8fa;
}

.table>:not(caption)>*>* { border-bottom-width:0 }

.dt-length .dt-input { margin-right: 10px; }

.dt-search label { margin-right:10px; }

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
display:inline-block;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding: 10px 24px;
font-size:14px;
line-height: 25px;
font-weight: 400;
white-space: normal;
border: 1px solid;
background: #fff;
border-color: #fff;
color: #000;
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
border-bottom: 1px solid #eee
}

.table>:not(:last-child)>:last-child>* {
border-bottom-color: #eee;
}

table>thead>tr>th { font-size:14.5px; }

table>thead>tr>th, table.dataTable>thead>tr>td {
padding: 10px 8px;
border-bottom: 1px solid #eee
}

table>tbody>tr>td { padding: 5px 8px; }

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

table td.dt-empty {
padding-top:20px;
padding-bottom: 20px;
color:#c12033;
}

table th.dt-type-numeric, table.dataTable th.dt-type-date,
table td.dt-type-numeric, table.dataTable td.dt-type-date {
text-align: left;
}

table thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table thead>tr>td.dt-ordering-desc span.dt-column-order:after {
opacity: 1;
color: #c12033;
}

table>tfoot>tr>td {
padding: 10px 8px;
border-top: 1px solid #eee
}

table tfoot td { font-weight:700 }

.dt-layout-cell.dt-layout-full {
overflow-x:auto;
max-width: 100%;
}

table {
font-size: 14px;
width:100%
}

div.dt-container .dt-search input {
border:1px solid #eaeaea;
background-color:#fff;
padding:8px 0 8px 10px !important;
border-radius:3px !important;
font-weight: 300;
}

div.dt-container select.dt-input {
border:1px solid #eaeaea;
background-color:#fff;
padding:8px 10px !important;
border-radius:3px !important;
font-weight: 300;
}

div.dt-container .dt-paging .dt-paging-button:hover {
color: #000 !important;
border: 1px solid #fff;
background-color: #fff;
background: #fff;
}

.dt-info { font-size:14px; }

.table tr td > div.border-bottom:last-child { border-bottom:none !important }

#comparables .card .card-body {
padding: 0 !important;
}

#comparables div.form-group {
padding: 15px 18px;
}

.scroll-overflow {
overflow-x: auto;
overflow-y: visible;
padding: 10px 0;
height: auto;
}

.custom-table { display:none; }

table tbody tr.office,
.card .table-striped>tbody>tr:nth-of-type(odd).office,
.card .table-striped>tbody>tr:nth-of-type(odd).office {
background-color: #AAB8C2 !important;
background: #AAB8C2 !important;
--bs-table-accent-bg: #AAB8C2 !important;
color:#fff !important;
}

.table-wrapper {
position: relative;
height: auto;
}

.custom-loader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
    align-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: auto;
display: block;
height: 200px;
left: 0;
right: 0;
top: 0;
text-align: center;
z-index: 100;
position: absolute;
background-color: rgba(255,255,255,.5);
}

.custom-loader div {
  width: 50px;
  display: block;
  margin: 0 auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 5px solid #657786;
  -webkit-animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
          animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}
@-webkit-keyframes l20-1{
   0%    {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% );clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% );clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% );clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {-webkit-clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {-webkit-clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {-webkit-clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-1{
   0%    {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% );clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% );clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% );clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {-webkit-clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {-webkit-clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {-webkit-clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {-webkit-clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% );clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@-webkit-keyframes l20-2{ 
  0%    {-webkit-transform:scaleY(1)  rotate(0deg);transform:scaleY(1)  rotate(0deg)}
  49.99%{-webkit-transform:scaleY(1)  rotate(135deg);transform:scaleY(1)  rotate(135deg)}
  50%   {-webkit-transform:scaleY(-1) rotate(0deg);transform:scaleY(-1) rotate(0deg)}
  100%  {-webkit-transform:scaleY(-1) rotate(-135deg);transform:scaleY(-1) rotate(-135deg)}
}
@keyframes l20-2{ 
  0%    {-webkit-transform:scaleY(1)  rotate(0deg);transform:scaleY(1)  rotate(0deg)}
  49.99%{-webkit-transform:scaleY(1)  rotate(135deg);transform:scaleY(1)  rotate(135deg)}
  50%   {-webkit-transform:scaleY(-1) rotate(0deg);transform:scaleY(-1) rotate(0deg)}
  100%  {-webkit-transform:scaleY(-1) rotate(-135deg);transform:scaleY(-1) rotate(-135deg)}
}

.alert {
border: none !important;
border-radius: 6px !important;
}

.alert-info {
background-color: #afd9ec;
}

.alert p:last-child { margin-bottom: 0 !important }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border-color: #eee #eee #fff;
}

.nav-tabs {
border-bottom: 1px solid #eee;
}

input.form-control:not([type='checkbox']) {
width:100%;
display:block;
border:1px solid #eaeaea;
background-color:#fff;
padding:8px 0 8px 10px !important;
border-radius:3px !important;
font-weight: 300;
}

.input-group>input.form-control:not([type='checkbox']) {
width: 1% !important;
}

select.form-select {
width:100%;
display:block;
border:1px solid #eaeaea;
background-color:#fff;
padding:8px 10px !important;
border-radius:3px !important;
font-weight: 300;
}

.bg-lightgray input.form-control,
.bg-lightgray textarea.form-control,
.bg-lightgray textarea,
.bg-lightgray select,
.bg-lightgray .select2-container--default .select2-selection--multiple { border: none !important }

textarea.form-control,
textarea:not(.select2-search__field) {
width:100%;
display:block;
border:1px solid #eaeaea !important;
background-color: #fff !important;
padding:10px 15px !important;
border-radius:3px !important;
height:160px;
font-weight: 300;
}

textarea.form-control:focus,
input.form-control:focus,
select.form-select:focus {
border-color: #c12033 !important; 
}

input.submit {
padding: 10px 23px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #000;
background-color: #effafa;
border: none;
line-height: 25px
}

input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline:  none !important;
}


.form-control:disabled,
.form-select:disabled,
.form-control.disabled,
.form-select.disabled {
background-color:#f5f8fa !important;
border-color: #eaeaea !important; 
pointer-events: none;
}

.form-control:readonly:focus,
.form-select:readonly:focus,
.form-control[readonly]:focus,
.form-select[readonly]:focus,
.form-control.disabled:focus,
.form-select.disabled:focus {
background-color:#f5f8fa !important;
border-color: #eaeaea !important; 
}

.input-group-text {
padding:8px 10px;
font-size: 14px;
font-weight: 300;
color: #657786;
background-color: #f5f8fa;
border: 1px solid #eaeaea;
border-radius: 3px;
}

.form-check-input { margin-right:8px; }

.form-check-input:checked {
background-color: #c12033;
border-color: #c12033;
}

.form-check-input[type=checkbox] { border-radius: 0 !important; }

.select2-container--default .select2-selection--multiple {
width:100% !important;
display:block !important;
border:1px solid #cecece !important;
background-color:#fff !important;
padding:4.5px 10px 10px 10px !important;
border-radius:0px !important;
-moz-border-radius:0px !important;
-webkit-border-radius:0px !important;
overflow-x: hidden !important;
color: #000 !important;
font-weight: 500 !important;
font-size: 15px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #ecf0f3;
border: none;
border-radius: 0px;
padding-left: 4px 6px 4px 23px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border-right: none; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border-color:#c12033 !important; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

.select2-search__field:-ms-input-placeholder {
color: #000 !important;
font-weight: 500 !important;
opacity: 1;
}

.select2-search__field::-ms-input-placeholder {
color: #000 !important;
font-weight: 500 !important;
opacity: 1;
}

.select2-search__field::placeholder,
.select2-search__field:-ms-input-placeholder,
.select2-search__field::-ms-input-placeholder,
.select2-search__field::-moz-placeholder {
color: #000 !important;
font-weight: 500 !important;
opacity: 1;
font-size: 15.5px !important;
}

.select2-results__option {
font-size: 16px;
padding: 5px 8px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #c12033;
color: white;
}

.input-group.text-danger { position:relative; }

.input-group.text-danger input.form-control { color: #dc3545 !important; }

.input-group.text-danger::before {
position: absolute;
content: '!';
left: -36px;
top: 11px;
height: 23px;
width: 23px;
border: 1.5px solid #dc3545;
color:#dc3545;
font-size: 14.5px;
border-radius: 50%;
display: inline-block;
text-align: center;
padding-top: 1.5px;
}

.input-note {
margin-top: 10px;
font-size: 13px;
font-style: italic;
color: #657786;
}

div.tagsinput {
width:100% !important;
display:block !important;
border:1px solid #eaeaea;
background-color:#fff;
padding:8px 0 8px 10px !important;
border-radius:3px !important;
font-weight: 300;
min-height: 50px !important;
height: 50px !important;
}

div.tagsinput input { width:auto !important; }

div.tagsinput span.tag {
border: 1px solid #c12033;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block;
float: left;
padding: 5px 10px;
text-decoration: none;
background: #fff;
color: #c12033;
margin-right: 5px;
margin-bottom: 5px;
font-family: helvetica;
font-size: 13px;
}

div.tagsinput span.tag a {
font-weight: 700;
color: #c12033;
text-decoration: none;
font-size: 11px;
}

.accordion-item {
border:none;
}

.accordion-button {
padding: 1.35rem 1.25rem;
border-bottom: 1px solid #eee;
font-weight: 400;
}

.accordion-button:focus { border-color:#eee }

.accordion-item:last-child .accordion-button { border-bottom:0 }

.accordion-button:not(.collapsed) {
color: #000;
background-color: #efefef;
}

.accordion-button:not(.collapsed)::after {
-webkit-filter:grayscale(100%);
        filter:grayscale(100%);
}

.accordion-body {
border-bottom: 1px solid #eee;
}

.modal { padding-right: 0px !important; }

.modal-content { border: none; }

.modal .modal-close {
position: fixed;
right: 0px;
top: 0px;
background: #c12033;
color: #fff !important;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}

.modal .modal-close svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}

::-moz-selection { background-color: #c12033; color:#fff }
::selection { background-color: #c12033; color:#fff }

.container-fluid { padding-left: 75px; padding-right: 75px; }

@media(max-width: 1250px) {
    .container-fluid { padding-left: 50px; padding-right: 50px; }
}

@media(max-width: 991.98px) {
    .container-fluid { padding-left: 35px; padding-right: 35px; }
}

@media(max-width: 575.98px) {
    .container-fluid { padding-left: 15px; padding-right: 15px; }
}

.success-status,
.info-status,
.error-status {
position: fixed;
bottom: 50px;
right: 50px;
background-color: #d1e7dd;
color: #146c43;
border-radius: 20px;
padding: 22px 30px;
height: auto;
max-width: 400px;
font-size: 17px;
line-height: 1.5;
z-index: 9999999;
font-weight: 500;
display: none;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.success-status {
background-color: #d1e7dd;
color: #146c43;
}

.error-status {
background-color: #f8d7da;
color: #eb283a;
}

.info-status {
background-color: #acd9ea;
color: #055160;
}

@media(max-width: 767.98px) {
    .success-status,
    .info-status,
    .error-status { max-width: 300px; }
}

@media(max-width: 575.98px) {
    .success-status,
    .info-status,
    .error-status {
    max-width: none;
    width: auto;
    height: auto;
    left: 25px;
    bottom: 25px;
    right: 25px;
    }
}

.agent-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center top;
   object-position: center top;
display: inline-block;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
width: 150px;
padding-top: 12%;
height: 110px;
}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
}

.ajax-single-image-input ul li:nth-child(2).fileuploader-thumbnails-input { display: none !important; }

@media(min-width: 1200px) {
    .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .actions-holder {
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    } 
    .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item:hover .actions-holder {
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    }
}

/* BUTTONS */

.btn {
display:inline-block;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding: 8px 24px;
font-size:14px;
line-height: 25px;
font-weight: 400;
white-space: normal;
border: 1px solid;
}

.btn:active, 
button:active,
.btn:focus, 
button:focus,
.btn:hover, 
button:hover{
outline:none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.btn.d-block {
display: block;
width: 100%;
}

.text-primary {
color: #c12033 !important;
border-color: #c12033 !important;
}

.btn-primary {
background: #c12033;
color:#fff;
border-color: #c12033;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
background: #9e2837 !important;
border-color: #9e2837;
color: #fff !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
border-color: #eee !important;
}

.btn-outline-primary {
color: #c12033;
background-color: fff;
border-color: #c12033;
}

.btn-outline-primary:hover {
background: #c12033 !important;
border-color: #c12033 !important;
color: #fff;
}

.btn-light-clean {
color: #fff;
background-color: transparent;
border-color: transparent;
}

.btn-light-clean:hover {
color: rgba(255,255,255,.7);
}

.btn-secondary {
background-color:#ecf0f3;
color:#000;
border-color:#eee;
}

.btn-secondary:hover {
background-color: #AAB8C2;
border-color:#eee;
color:#fff;
}

.btn-outline-secondary {
border-color: #eee;
color: #000;
background-color: transparent;
}

.btn-outline-secondary:hover {
border-color: #eee;
background-color: #E6ECF0;
color: #000;
}

.btn-default { background-color: #f7f9fa; border-color: #f7f9fa; color: #000; }

.btn:focus,
.btn:active,
a:focus,
a:active,
button:focus,
button:active,
input:focus {
outline:none!important;
-webkit-box-shadow:none;
box-shadow:none
}

.btn-light {
background-color: #fff !important;
border-color: #eee;
 }

.btn-light:hover {
background-color: #f7f9fa !important;
border-color: #ececec;
}

.btn ion-icon {
vertical-align: middle;
font-size: 19px;
}

.icon-btn {
position: relative;
width: 45px;
height: 45px;
display: inline-block;
border-radius: 6px;
background-color: #c12033;
color: #fff;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
cursor: pointer;
vertical-align: middle;
}

.icon-btn:hover {
background-color: #383B42;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.icon-btn ion-icon {
position: absolute;
font-size: 26px;
vertical-align: -1px;
color: #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.btn.disabled {
background-color: #ecf0f3 !important;
color: #555 !important; 
cursor: not-allowed !important;
}

/* NAV */

.topnav {
padding: 16px 0;
height: 75px;
background-color: #fff;
border-bottom: 1px solid #eee;
position: absolute;
top: 0;
right: 0;
left: 0;
}

.topnav .avatar {
display: inline-block;
height: 45px;
width: 45px;
border-radius: 50%;
background-color: #9d9c9c;
color:#fff;
font-size: 18px;
text-align: center;
padding-top: 9px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.dropdown-item.active, .dropdown-item:active {
color: #c12033; 
text-decoration: none;
background-color: #ecf0f3;
}

/* Sidebar & wrapper */

.wrapper {
position: fixed;
top: 0;
left: 250px;
bottom: 0;
right: 0;
border-radius: 0;
padding-top: 105px;
overflow-x: hidden;
overflow-y: auto;
background-color: #f5f8fa;
z-index: 20;
padding-left: 5vw;
padding-right: 5vw;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.sidebar {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 250px;
background: #282a39;
z-index: 99;
padding-top: 12px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.sidebar::before {
content: "";
position: absolute;
width: 400px;
height: 200px;
display: block;
background-color: #c12033;
-webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
        transform: rotate(-13deg);
left: -50px;
top: -180px;
z-index: 99;
display: none;
}

.sidebar .logo {
display: block;
position: absolute;
top: 25px;
width: 100px;
height: 65px;
left: 50%;
transform: translateX(-50%);
}

.sidebar .logo img {
height: 100%;
width: auto;
display: block;
margin: 0 auto;
}

/*.sidebar .logo::after {
position: absolute;
content: "";
width: 38px;
height: 38px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(assets/img/santa.png);
right: -8px;
top: -4px;
-webkit-transform: scaleX(-1) rotate(0);
    -ms-transform: scaleX(-1) rotate(0);
        transform: scaleX(-1) rotate(0);
}*/


.sidebar .middle {
position: absolute;
top: 115px;
padding: 0;
left: 0;
width: 100%;
}

.sidebar-nav {
list-style-type: none;
padding: 0;
margin: 0;
}

.sidebar-nav li {
display: block;
text-align: center;
margin: 0;
padding: 0;
}

.sidebar-nav .menu-item a {
font-size: 14.5px;
padding: 12px 22px;
color: #fff;
text-decoration: none;
display: block;
}

.sidebar-nav .menu-item:not(.current-menu-item) a:hover {
background-color: rgba(255,255,255,.1);
}

.sidebar-nav .current-menu-item a,
.sidebar-nav .current-page-ancestor a {
background-color: rgba(255,255,255,.1);
}

.sidebar-nav .menu-item a .badge {
margin-left: 10px;
color:#fff;
background-color: #c12033;
vertical-align: middle;
}

.sidebar-nav.secondary {
margin-top: 20px;
padding-top: 20px;
border-top: 2px solid rgba(255,255,255,.3);
}

.sidebar-settings {
position: absolute;
bottom: 80px;
left: 75px;
text-align: center;
}

.sidebar-settings ion-icon {
color: #fff;
font-size: 28px;
}

.sidebar-settings:hover ion-icon { opacity: .8; }

.copy {
text-align: center;
font-size: 14px;
margin-bottom: 40px;
color: #657786;
}

.copy * { color: #657786 }

.body-overlay {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0,0,0,.7);
z-index: 50;
display: none;
}

.navbar-toggler {
vertical-align:middle;
padding: 0;
}

.navbar-toggler .icon {
width:30px;
height:30px;
position:relative;
margin:0 auto;
padding:0;
margin-top:-2px;
}

.navbar-toggler .line {
position:absolute;
left:0;
top:0;
height:3px;
width:100%;
background: #9d9c9c;
-webkit-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s;
-o-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s;
transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s
}

.navbar-toggler .top { top:14% }

.navbar-toggler .middle { top:48%; }

.navbar-toggler .bottom { top: 80%; }

.close-sidebar {
position: absolute;
top: 30px;
right: -60px;
background-color: transparent;
border:none;
padding: 0;
display: none;
}

.close-sidebar .icon {
width:30px;
height:30px;
position:relative;
margin:0 auto;
padding:0;
margin-top:2px;
}

.close-sidebar .line {
position:absolute;
left:0;
top:0;
height:3px;
width:100%;
background: rgba(255,255,255,.7);
-webkit-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s;
-o-transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s;
transition:all cubic-bezier(0.26,0.1,0.27,1.55) .35s
}

.close-sidebar:hover .line { background: rgba(255,255,255,1); }

.close-sidebar .top {
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
top:48%
}

.close-sidebar .bottom {
 transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
top:48%;
width: 100%;  
}

@media(max-width: 1600px) {
    .wrapper {
    left: 200px;
    padding-top: 115px;
    }
    .sidebar { width: 200px; }
}

@media(max-width: 1199.98px) {
    .wrapper {
    padding-left: 3vw;
    padding-right: 3vw;
    }
}

@media(max-width:767.98px) {
    .sidebar {
    margin-left:-300px;
    width:  300px;
    }
    .wrapper {
    left: 0;
    padding-left: 0vw;
    padding-right: 0vw;
    }
}

@media(max-width:575.98px) {
    .wrapper { padding-top: 100px; }
}

/* Dashboard */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-active {
border: none !important;
background: #c12033;
font-weight: normal;
color: #c12033;
border-radius: 50%;
outline: 0 none !important;
}

/* Valuations */

.valuation-picture {
height:80px;
width:120px;
border-radius: 5px;
-o-object-fit: cover;
   object-fit: cover;
-o-object-position: center center;
   object-position: center center;
background-image: url(assets/img/estate-placeholder.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.valuation-meta {
font-size: 14.5px;
line-height: 1.4;
color:#657786;
margin-bottom: 0;
}

.valuation-meta > div { margin-bottom:5px; }

.valuation-meta > div:last-child { margin-bottom:0px; }

.attachment-image {
display: block;
position: relative;
margin-bottom: 20px;
}

.attachment-image img {
width: 100%;
height: auto;
display: block;
}

.attachment-image::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
width: 50px;
height: 50px;
margin-top: -25px;
background-size: contain;
background-image: url(assets/img/map-marker-transparent.png);
background-position: center center;
background-repeat: no-repeat;
}

#valuation-result {
position: sticky;
top: -50px;
}

@media(max-width: 575.98px) {
    .valuation-picture {
    height:70px;
    width:90px;
    border-radius: 4px;
    }    
}

/* Login page */

.login-page {
overflow: hidden;
position: relative;
}

.login-page::before {
content: "";
position: fixed;
width: 400px;
height: 200px;
display: block;
background-color: #c12033;
-webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
        transform: rotate(-13deg);
left: -50px;
top: -180px;
z-index: 99;
}

.login-page .left {
position: fixed;
top: 0;
left: 0;
width: 40%;
bottom: 0;
padding:  50px;
background-color: #fff;
}

.login-page .right {
position: fixed;
right: 0;
top: 0;
right:0;
left: 40%;
bottom: 0;;
}

.login-page .login-logo img {
width: 90px;
height: auto;
}

.login-page .copyright {
position: fixed;
z-index: 99;
right: 70px;
bottom: 50px;
font-size: 13px;
color: #fff;
text-align: right;
opacity: .7;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.login-page .copyright:hover {
opacity: 1;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}

.login-page .copyright a { color: #fff; }

#loginform {
position: relative;
display: block;
max-width: 100%;
}

#loginform #wp-submit {
display:inline-block;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding: 10px 30px !important;
font-size:14px;
line-height: 25px;
font-weight: 400;
white-space: normal;
z-index: 99;
position: relative;  
background-color:#c12033 !important;
color:#fff !important;
border-color:#c12033 !important; 
border: none;
outline: none;
-webkit-box-shadow: none;
        box-shadow: none;
}

#loginform input[type="text"],
#loginform input[type="password"] {
display: block;
width:100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
-o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

#loginform label {
margin-bottom: 10px;
}

@media(max-width:1199.98px) {
    .login-page .left {
    width: 55%;
    }
    .login-page .right {
    left: 55%;
    }
}

@media(max-width: 991.98px) {
    .login-page .left {
    width: 65%;
    }
    .login-page .right {
    left: 65%;
    }
    .login-page .copyright {
    width: 30%;
    right: 40px;
    }
}

@media(max-width: 767.98px) {
    .login-page {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100vh;
    background-color: #fff;
    display: block !important;
    padding-top: 8.5vh;
    }
    .login-page .left {
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    min-height: calc(100vh - 350px);
    }
    .login-page .right {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    position: relative;
    display: block;
    height: 300px;
    }
    .login-page .copyright {
    width: 85%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 30px;
    text-align: center;
    opacity: .9;
    position: absolute;
    }
    .login-page .right::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    background: -o-linear-gradient(0,rgba(0,0,0,.5),rgba(0,0,0,0));
    background: -webkit-gradient(linear,left top, left bottom,from(0),color-stop(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background: linear-gradient(0,rgba(0,0,0,.5),rgba(0,0,0,0));
    z-index: 70;
    }

}


/* FOOTER */


/* CHARTIST */

.ct-series-a .ct-bar,
.ct-series-a .ct-line, 
.ct-series-a .ct-point { stroke: #d97984 !important; }

.ct-series-b .ct-bar,
.ct-series-b .ct-line, 
.ct-series-b .ct-point { stroke: #c12033 !important; }

.ct-series-c .ct-bar,
.ct-series-c .ct-line, 
.ct-series-c .ct-point { stroke: #9a1928 !important; }

.ct-series-d .ct-bar,
.ct-series-d .ct-line, 
.ct-series-d .ct-point { stroke: #73131e !important; }


.ct-series-a .ct-slice-donut,
.ct-series-a .ct-slice-donut-solid { fill: #d97984 !important; }

.ct-series-b .ct-slice-donut,
.ct-series-b .ct-slice-donut-solid { fill: #c12033 !important; }

.ct-series-c .ct-slice-donut,
.ct-series-c .ct-slice-donut-solid { fill: #9a1928 !important; }

.ct-series-d .ct-slice-donut,
.ct-series-d .ct-slice-donut-solid { fill: #73131e !important; }

.ct-chart-donut .ct-label { fill:#fff; }

.custom-chart-legend-ranking > div { margin-bottom:7px; }

.custom-chart-legend-ranking > div:nth-child(1) .badge { background: #d97984; }
.custom-chart-legend-ranking > div:nth-child(2) .badge { background: #c12033; }
.custom-chart-legend-ranking > div:nth-child(3) .badge { background: #9a1928; }
.custom-chart-legend-ranking > div:nth-child(4) .badge { background: #73131e; }
.custom-chart-legend-ranking > div:nth-child(5) .badge { background: #453d3f; }

.ct-legend {
position: absolute;
top: 15px;
left: 20px;
z-index: 99;
background-color: #ecf0f3;
padding: 10px 8px 7px 8px;
border-radius: 4px;
z-index: 10;
list-style: none;
text-align: left;
}

.ct-legend li {
position: relative;
padding-left: 30px;
margin-bottom: 3px;
margin-right: 10px;
font-size: 14px;
display: inline-block;
}

.ct-legend li:before {
width: 12px;
height: 12px;
position: absolute;
left: 7px;
top: 4.5px;
content: '';
border: 3px solid transparent;
border-radius: 2px;
}

.ct-legend  li.inactive:before {
background: transparent;
}

.ct-legend  li.inactive:before .ct-legend-inside {
position: absolute;
top: 0;
right: 0;
}

.ct-series-0:before { background-color: #d97984 !important; border-color: #d97984 !important; }

.ct-series-1:before { background-color: #c12033 !important; border-color: #c12033 !important; }

.ct-series-2:before { background-color: #9a1928 !important; border-color: #9a1928 !important; }

.ct-series-3:before { background-color: #73131e !important; border-color: #73131e !important; }