/*@font-face {
    font-family: 'Poppins';
    src: url('../../../../assets/fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../../../../assets/fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

html, body{
    font-family: 'Poppins';
}

.phpdebugbar {z-index: 9999999 !important;}

:root{
    /* Basic colors */
    --contacts--darker--3: #23320e;
    --contacts--darker--2: #46641d;
    --contacts--darker--1: #69962c;
    --contacts: #8cc63e;
    --contacts--lighter--1: #a8d46e;
    --contacts--lighter--2: #c5e29e;
    --contacts--lighter--3: #e2f0ce;

    --projects--darker--3: #0e2d12;
    --projects--darker--2: #1c5a24;
    --projects--darker--1: #2a8737;
    --projects: #39b44a;
    --projects--lighter--1: #63cd72;
    --projects--lighter--2: #97dea1;
    --projects--lighter--3: #cbeed0;

    --contracts--darker--3: #042927;
    --contracts--darker--2: #08534f;
    --contracts--darker--1: #0d7d76;
    --contracts: #12a79e;
    --contracts--lighter--1: #22e7db;
    --contracts--lighter--2: #6cefe7;
    --contracts--lighter--3: #b5f7f3;

    --documents--darker--3: #002b3b;
    --documents--darker--2: #005777;
    --documents--darker--1: #0082b3;
    --documents: #00aeef;
    --documents--lighter--1: #33c7ff;
    --documents--lighter--2: #77daff;
    --documents--lighter--3: #bbecff;

    --tickets--darker--3: #101214;
    --tickets--darker--2: #212529;
    --tickets--darker--1: #32383d;
    --tickets: #434b52;
    --tickets--lighter--1: #6b7883;
    --tickets--lighter--2: #9ba5ad;
    --tickets--lighter--3: #cdd2d6;

    --orders--darker--3: #190b24;
    --orders--darker--2: #321648;
    --orders--darker--1: #4b206c;
    --orders: #652c90;
    --orders--lighter--1: #8f46c6;
    --orders--lighter--2: #b483d9;
    --orders--lighter--3: #d9c1ec;

    --filings--darker--3: #240923;
    --filings--darker--2: #491347;
    --filings--darker--1: #6d1d6b;
    --filings: #92278f;
    --filings--lighter--1: #cb3ec7;
    --filings--lighter--2: #dc7eda;
    --filings--lighter--3: #edbeec;

    --invoices--darker--3: #38051d;
    --invoices--darker--2: #710b3b;
    --invoices--darker--1: #a91058;
    --invoices: #e21676;
    --invoices--lighter--1: #ed4b97;
    --invoices--lighter--2: #f387ba;
    --invoices--lighter--3: #f9c3dc;

    --sales--darker--3: #3c0506;
    --sales--darker--2: #790a0d;
    --sales--darker--1: #b60f14;
    --sales: #ec1c23;
    --sales--lighter--1: #f05459;
    --sales--lighter--2: #f58d90;
    --sales--lighter--3: #fac6c7;

    --communication--darker--3: #402900;
    --communication--darker--2: #805300;
    --communication--darker--1: #c07c00;
    --communication: #ffa602;
    --communication--lighter--1: #ffbc41;
    --communication--lighter--2: #ffd280;
    --communication--lighter--3: #ffe8bf;

    --settings--darker--3: #101214;
    --settings--darker--2: #212529;
    --settings--darker--1: #32383d;
    --settings: #222222;
    --settings--lighter--1: #6b7883;
    --settings--lighter--2: #9ba5ad;
    --settings--lighter--3: #cdd2d6;

    --external-user: #434b52;
    --account: #434b52;
    --settings-light: #a0a099;
    --tasks: #434b52;
    --pushnotes: #434b52;
    --white: #f1f5f7;
    --white-plain: #ffffff;
    --off-white: #edeef4;
    --super-off-white: #f7f7f7;
    --black: #222222;
    --light-grey: #e8e8e8;
    --inbetween: #f6f7fa;
    --grey: #878787;
    --gray: #eeeeee;
    --inline-icon: #cccccc;

    /* FC gradient */
    --owner-gradient: #8cc63e, #39b44a, #12a79e, #00aeef, #652c90, #92278f, #e21676, #ec1c23, #ffa602;

    /* Hovers */
    --contacts-hover: #8CC63E26;
    --projects-hover: #39b44a26;
    --contracts-hover: #12a79e26;
    --documents-hover: #00aeef26;
    --tickets-hover: #33333326;
    --orders-hover: #652c9026;
    --filings-hover: #92278f26;
    --invoices-hover: #e2167626;
    --sales-hover: #ec1c2326;
    --communication-hover: #ffa60226;
    --settings-hover: #33333326;
    --external-user-hover: #33333326;
    --account-hover: #33333326;
    --settings-light-hover: #434b5226;
    --tasks-hover: #33333326;
    --pushnotes-hover: #33333326;
    --white-hover: #f1f5f726;
    --white-plain-hover: #ffffff26;
    --off-white-hover: #eff0f226;
    --black-hover: #33333326;
    --light-grey-hover: #f0f0f026;
    --grey-hover: #c6c6c626;

    /* RGB */
    --contacts-rgb: rgba(140,198,62,1);
    --projects-rgb: rgba(57,180,74,1);
    --contracts-rgb: rgba(18,167,158,1);
    --documents-rgb: rgba(0,174,239,1);
    --tickets-rgb: rgba(15,117,188,1);
    --orders-rgb: rgba(101,44,144,1);
    --filings-rgb: rgba(146,39,143,1);
    --invoices-rgb: rgba(226,22,118,1);
    --sales-rgb: rgba(236,28,35,1);
    --communication-rgb: rgba(255,166,2,1);
    --settings-rgb: rgba(0,0,0,1);
    --tasks-rgb: rgba(67,75,82,1);
    --pushnotes-rgb: rgba(67,75,82,1);
    --account-rgb: rgba(67,75,82,1);

}

@keyframes shadow-pulse{
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}

@keyframes shadow-pulse-large{
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@keyframes  run {
    0% {
        margin-left: 0;
    }
    25% {
        margin-left: -20px;
    }
    50% {
        margin-left: 0;
    }
    75% {
        margin-right: -20px;
    }
    100% {
        margin-right: 0;
    }
}

/* Generics */
p{font-size: 1.15rem; color: var(--settings); font-weight: 500;}
.pageOverlay{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.20); z-index: 101; display: none;}
.truncated{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.truncatedList li{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.container-small{max-width: 767px; margin: 0 auto; padding: 0 15px; width: 100%;}
.noMarginNoPadding{padding: 0; margin: 0;}
.grayScale img{filter: grayscale(100%);}
.cursor-pointer{cursor: pointer !important;}
.cursor-pointer:hover{cursor: pointer !important;}
.cursor-default{cursor: default !important;}
.cursor-default:hover{cursor: default !important;}
.forceNoShadow *{box-shadow: none !important;}

b, strong{font-weight: 700 !important;}

.blur{filter: blur(2px); -webkit-filter: blur(2px);}

.pulsing{animation: shadow-pulse 1s infinite !important;}
.pulsing-lg{animation: shadow-pulse-large 1s infinite !important;}

/* Custom radio selects */
.btn-check+label{cursor: pointer !important; border-color: var(--settings-light) !important;}
.btn-check+label *{color: var(--settings) !important;}
.btn-check:checked+label *{color: var(--settings) !important; border-color: var(--settings) !important;}

/* Module colors */
.btn-check-sales:checked+label{border-color: var(--sales) !important; background-color: var(--sales--lighter--3) !important;}
.btn-check-sales:checked+label *{color: var(--sales) !important;}
/* Module colors END */

/* Custom radio selects END */

/* Bells (deviation) */
.deviation-container{width: 19.5px; height: 19.5px; border-radius: 100%; text-align: center; line-height: 19.5px;}
.deviation-container i{color: var(--white-plain);}
/* Bells (deviation) END */

/* block UI */
.blockMsg{display: flex; align-items: center; flex-direction: column;}
.blockMsg .spinner-border{width: 40px; height: 40px;}
/* block UI END */

/* Repeater */
[data-kt-element="items"] [data-kt-element="item"] + [data-kt-element="item"]{margin-top: 2rem;}
/* Repeater END */

/* Symbols */
.symbol-group-30px .symbol img, .symbol-group-30px .symbol .symbol-label{width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; max-width: 30px !important; max-height: 30px !important; }
/* Symbols END */

/* Select2 */
/* Font bug */
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-search.select2-search--inline .select2-search__field{font-family: 'Poppins';}
/* Font bug END */

/* Scroll bug */
.select2-container--bootstrap5 .select2-dropdown .select2-results__options--nested{max-height: none;}
/* Scroll bug END */

/* Aligning items */
/* Rendered selected */
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{display: flex; align-items: center; color: var(--settings);}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display{display: flex; align-items: center;}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg){min-height: 42.5px;}
/* Dropdown */
.select2-container--bootstrap5 .select2-dropdown .select2-results__options--nested .select2-results__option{display: flex; align-items: center;}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group{display: flex; align-items: center; justify-content: space-between;}
/* Dropdown END */
/* Aligning items END */

/* Fallback */
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--settings-hover); color: var(--settings);}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--settings); color: var(--white-plain);}
/* Fallback END */

/* Images */
.select2-container .symbol{margin-right: 8px;}
.select2-container .symbol > img, .select2-container .symbol .symbol-label{width: 19.5px; height: 19.5px; font-size: 1.1rem !important;}
/* Images END */

.body-contacts .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--contacts-hover); color: var(--contacts);}
.body-contacts .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--contacts); color: var(--white-plain);}

.body-projects .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--projects-hover); color: var(--projects);}
.body-projects .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--projects); color: var(--white-plain);}

.body-contracts .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--contracts-hover); color: var(--contracts);}
.body-contracts .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--contracts); color: var(--white-plain);}

.body-documents .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--documents-hover); color: var(--documents);}
.body-documents .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--documents); color: var(--white-plain);}

.body-tickets .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--tickets-hover); color: var(--tickets);}
.body-tickets .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--tickets); color: var(--white-plain);}

.body-orders .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--orders-hover); color: var(--orders);}
.body-orders .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--orders); color: var(--white-plain);}

.body-filings .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--filings-hover); color: var(--filings);}
.body-filings .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--filings); color: var(--white-plain);}

.body-invoices .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--invoices-hover); color: var(--invoices);}
.body-invoices .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--invoices); color: var(--white-plain);}

.body-sales .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--sales-hover); color: var(--sales);}
.body-sales .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--sales); color: var(--white-plain);}

.body-communication .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{background-color: var(--communication-hover); color: var(--communication);}
.body-communication .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{background-color: var(--communication); color: var(--white-plain);}
/* Select2 END */

/* Menu */
#kt_aside{color: var(--white-plain); overflow: visible; z-index: 102;}
#kt_aside .aside-menu{width: 100%;}

#kt_aside:hover + .pageOverlay{display: block;}
#kt_aside.entered + .pageOverlay{display: block;}

/* Entered menu */
#kt_aside.entered{width: 260px;}
#kt_aside.entered .menu .menu__item{text-align: left; padding-left: 20px;}
#kt_aside.entered .menu .menu__item > a, #kt_aside.entered .aside-footer .menu__item > a{font-size: 14px; display: flex; font-weight: 400; justify-content: flex-start; overflow: hidden;}
#kt_aside.entered .menu .menu__item > a i, #kt_aside.entered .aside-footer .menu__item > a i{margin-right: 20px; min-width: 35px;}
#kt_aside.entered .menu .menu__item .badge{left: auto; right: 20px;}

#kt_aside.entered .menu .menu__item .sub__menu{left: 257px;}
/* Entered menu END */

/* Login */
.fixed-bars{background-image: url('../../../../assets/media/OWNER-gradient.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; position: fixed; z-index: 1; height: 10px; width: 100%;}
.fixed-bars-bottom{bottom: 0;}
/* Login END */

/* Main */
#kt_aside .menu{display: flex; flex-direction: column; justify-content: center; align-items: center;}
#kt_aside .menu__item{width: 100%; text-align: left; position: relative;z-index: 1; border-left: 3px solid transparent;}
#kt_aside .menu__item a{display: block;}
#kt_aside .menu__item > a{font-size: 0; height: 55px; text-align: center; position: relative; z-index: 10; align-items: center; color: var(--white-plain);}
#kt_aside .menu__item a i{display: block; line-height: 55px; font-size: 1.9rem; color: var(--white-plain);}

#kt_aside .menu .menu__item:first-child{height: 65px; line-height: 65px;}
#kt_aside .menu .menu__item:first-child > a{height: 65px;}
#kt_aside .menu .menu__item:first-child a i{line-height: 65px;}

#kt_aside .menu__item:hover a i{font-weight: 700;}
#kt_aside .menu__item.active a i{font-weight: 700;}

/* Counters */
#kt_aside .menu__item > a > .badge{position: absolute; top: calc(50% - 10px); min-width: 1rem; padding: .5em .6em; font-size: 0.8rem; left: 62px;}

/* Borders */
#kt_aside .menu .menu__item.dashboard{border-left: 3px solid var(--settings);}
#kt_aside .menu .menu__item.contacts{border-left: 3px solid var(--contacts);}
#kt_aside .menu .menu__item.projects{border-left: 3px solid var(--projects);}
#kt_aside .menu .menu__item.contracts{border-left: 3px solid var(--contracts);}
#kt_aside .menu .menu__item.documents{border-left: 3px solid var(--documents);}
#kt_aside .menu .menu__item.tickets{border-left: 3px solid var(--tickets);}
#kt_aside .menu .menu__item.orders{border-left: 3px solid var(--orders);}
#kt_aside .menu .menu__item.filings{border-left: 3px solid var(--filings);}
#kt_aside .menu .menu__item.invoices{border-left: 3px solid var(--invoices);}
#kt_aside .menu .menu__item.sales{border-left: 3px solid var(--sales);}
#kt_aside .menu .menu__item.communication{border-left: 3px solid var(--communication);}
#kt_aside .menu .menu__item.settings{border-left: 3px solid var(--settings);}
#kt_aside .menu .menu__item.account{border-left: 3px solid var(--settings);}
#kt_aside .menu .menu__item.tasks{border-left: 3px solid var(--settings);}
/* Borders END */

/* Backgrounds */
#kt_aside .menu .menu__item.contacts:hover{background: var(--contacts);}
#kt_aside .menu .menu__item.projects:hover{background: var(--projects);}
#kt_aside .menu .menu__item.contracts:hover{background: var(--contracts);}
#kt_aside .menu .menu__item.indexations:hover{background: var(--contracts);}
#kt_aside .menu .menu__item.documents:hover{background: var(--documents);}
#kt_aside .menu .menu__item.tickets:hover{background: var(--tickets);}
#kt_aside .menu .menu__item.orders:hover{background: var(--orders);}
#kt_aside .menu .menu__item.filings:hover{background: var(--filings);}
#kt_aside .menu .menu__item.invoices:hover{background: var(--invoices);}
#kt_aside .menu .menu__item.sales:hover{background: var(--sales);}
#kt_aside .menu .menu__item.communication:hover{background: var(--communication);}
#kt_aside .menu .menu__item.settings:hover{background: var(--settings);}
#kt_aside .menu .menu__item.account:hover{background: var(--settings);}
#kt_aside .menu .menu__item.tasks:hover{background: var(--tasks);}
/* Backgrounds END */

/* Actives */
#kt_aside .menu .menu__item.contacts.active{background: var(--contacts);}
#kt_aside .menu .menu__item.projects.active{background: var(--projects);}
#kt_aside .menu .menu__item.contracts.active{background: var(--contracts);}
#kt_aside .menu .menu__item.indexations.active{background: var(--contracts);}
#kt_aside .menu .menu__item.documents.active{background: var(--documents);}
#kt_aside .menu .menu__item.tickets.active{background: var(--tickets);}
#kt_aside .menu .menu__item.orders.active{background: var(--orders);}
#kt_aside .menu .menu__item.filings.active{background: var(--filings);}
#kt_aside .menu .menu__item.invoices.active{background: var(--invoices);}
#kt_aside .menu .menu__item.sales.active{background: var(--sales);}
#kt_aside .menu .menu__item.communication.active{background: var(--communication);}
#kt_aside .menu .menu__item.settings.active{background: var(--settings);}
#kt_aside .menu .menu__item.account.active{background: var(--settings);}
#kt_aside .menu .menu__item.tasks.active{background: var(--tasks);}
/* Actives END */

/* Main END */


/* Main - sub */
#kt_aside .menu .menu__item .sub__menu{pointer-events: none; opacity: 0; position: absolute; top: 0; left: 72px; width: 240px;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item{font-size: 14px; position: relative;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item a{color: var(--settings); padding-left: 20px; padding-right: 20px; font-weight: 400; justify-content: space-between; flex-grow: 1; line-height: 55px;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item a i{font-size: 14px;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item .label{position: relative; left: 0; top: auto; margin-right: 20px; margin-left: auto;}
/* Main - sub END */

/* Main - sub sub */
#kt_aside .menu .menu__item .sub__menu .sub__menu__item .subsub__menu{pointer-events: none; opacity: 0; position: absolute; top: 0; left: 240px; min-width: 240px;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item .subsub__menu .sub__menu__item{font-size: 14px; display: flex; justify-content: space-between; align-items: center; position: relative;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item .subsub__menu .sub__menu__item a{color: var(--settings); padding-left: 20px; padding-right: 20px;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item .subsub__menu .sub__menu__item:hover a{color: var(--white-plain);}
/* Main - sub sub END */

/* Init submenu */
#kt_aside .menu .menu__item:hover .sub__menu{opacity: 1; pointer-events: auto;}
/* Init submenu End */

/* Init sub submenu */
#kt_aside .menu .menu__item .sub__menu .sub__menu__item:hover .subsub__menu{opacity: 1; pointer-events: auto;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item:hover a i{color: var(--white-plain) !important;}
#kt_aside .menu .menu__item .sub__menu .sub__menu__item:hover .label{border: 1px solid var(--white-plain);}
/* Init sub submenu END */

/* Submenu items hover */
#kt_aside .menu .menu__item.contacts .sub__menu .sub__menu__item:hover{background: var(--contacts);}
#kt_aside .menu .menu__item.projects .sub__menu .sub__menu__item:hover{background: var(--projects);}
#kt_aside .menu .menu__item.contracts .sub__menu .sub__menu__item:hover{background: var(--contracts);}
#kt_aside .menu .menu__item.indexations .sub__menu .sub__menu__item:hover{background: var(--contracts);}
#kt_aside .menu .menu__item.documents .sub__menu .sub__menu__item:hover{background: var(--documents);}
#kt_aside .menu .menu__item.tickets .sub__menu .sub__menu__item:hover{background: var(--tickets);}
#kt_aside .menu .menu__item.orders .sub__menu .sub__menu__item:hover{background: var(--orders);}
#kt_aside .menu .menu__item.filings .sub__menu .sub__menu__item:hover{background: var(--filings);}
#kt_aside .menu .menu__item.invoices .sub__menu .sub__menu__item:hover{background: var(--invoices);}
#kt_aside .menu .menu__item.sales .sub__menu .sub__menu__item:hover{background: var(--sales);}
#kt_aside .menu .menu__item.communication .sub__menu .sub__menu__item:hover{background: var(--communication);}
#kt_aside .menu .menu__item.settings .sub__menu .sub__menu__item:hover{background: var(--settings);}
#kt_aside .menu .menu__item.account .sub__menu .sub__menu__item:hover{background: var(--settings);}
#kt_aside .menu .menu__item.tasks .sub__menu .sub__menu__item:hover{background: var(--tasks);}


#kt_aside .menu .menu__item .sub__menu .sub__menu__item:hover a{color: var(--white-plain);}
/* Submenu items hover End */

/* Responsive Menu */

/* Borders */
#mm-kt_aside_menu .menu .menu__item.dashboard{border-left: 3px solid var(--settings);}
#mm-kt_aside_menu .menu .menu__item.contacts{border-left: 3px solid var(--contacts);}
#mm-kt_aside_menu .menu .menu__item.projects{border-left: 3px solid var(--projects);}
#mm-kt_aside_menu .menu .menu__item.contracts{border-left: 3px solid var(--contracts);}
#mm-kt_aside_menu .menu .menu__item.documents{border-left: 3px solid var(--documents);}
#mm-kt_aside_menu .menu .menu__item.tickets{border-left: 3px solid var(--tickets);}
#mm-kt_aside_menu .menu .menu__item.orders{border-left: 3px solid var(--orders);}
#mm-kt_aside_menu .menu .menu__item.filings{border-left: 3px solid var(--filings);}
#mm-kt_aside_menu .menu .menu__item.invoices{border-left: 3px solid var(--invoices);}
#mm-kt_aside_menu .menu .menu__item.sales{border-left: 3px solid var(--sales);}
#mm-kt_aside_menu .menu .menu__item.communication{border-left: 3px solid var(--communication);}
#mm-kt_aside_menu .menu .menu__item.settings{border-left: 3px solid var(--settings);}
#mm-kt_aside_menu .menu .menu__item.account{border-left: 3px solid var(--settings);}
#mm-kt_aside_menu .menu .menu__item.tasks{border-left: 3px solid var(--settings);}

#mm-kt_aside_menu .mm-listitem__btn:not(.mm-listitem__text){border: none;}
.mm-listitem{border: transparent;}

.mm-btn:after, .mm-btn:before{border-width: 1px; border-color: var(--white-plain);}
/* Borders END */

.mm-panels .mm-navbar__title>span{color: var(--white-plain); font-size: 13px; font-weight: 600;}

#mm-kt_aside_menu .menu__item{border-bottom: transparent;}

#mm-kt_aside_menu .menu__item a{font-size: 13px; color: var(--white-plain);}
#mm-kt_aside_menu .menu__item a .badge{float: right;}
#mm-kt_aside_menu .menu__item a i{font-size: 1.4rem; display: inline-block; width: 40px; vertical-align: middle; text-align: center; color: var(--white-plain);}
#mm-kt_aside_menu .menu__item.active a i{font-weight: 700;}

.mm-panels .sub__menu, .mm-panels .subsub__menu{background-color: transparent !important;}
.mm-navbars_bottom .mm-navbar:first-child{border: none;}
.mm-navbar{border: none; padding-top: 15px;}
.mm-panels i.fa-chevron-right{display: none;}
.mm-menu_offcanvas{width: 80vw; height: 100vh; max-height: 100vh;}

.mm-panel, .mm-navbar, .mm-navbars_bottom{background-color: var(--settings) !important;}

/* Actives */
#mm-kt_aside_menu .menu .menu__item.contacts.active{background: var(--contacts);}
#mm-kt_aside_menu .menu .menu__item.projects.active{background: var(--projects);}
#mm-kt_aside_menu .menu .menu__item.contracts.active{background: var(--contracts);}
#mm-kt_aside_menu .menu .menu__item.indexations.active{background: var(--contracts);}
#mm-kt_aside_menu .menu .menu__item.documents.active{background: var(--documents);}
#mm-kt_aside_menu .menu .menu__item.tickets.active{background: var(--tickets);}
#mm-kt_aside_menu .menu .menu__item.orders.active{background: var(--orders);}
#mm-kt_aside_menu .menu .menu__item.filings.active{background: var(--filings);}
#mm-kt_aside_menu .menu .menu__item.invoices.active{background: var(--invoices);}
#mm-kt_aside_menu .menu .menu__item.sales.active{background: var(--sales);}
#mm-kt_aside_menu .menu .menu__item.communication.active{background: var(--communication);}
#mm-kt_aside_menu .menu .menu__item.settings.active{background: var(--settings);}
#mm-kt_aside_menu .menu .menu__item.account.active{background: var(--settings);}
#mm-kt_aside_menu .menu .menu__item.tasks.active{background: var(--tasks);}
/* Actives END */

/* Responsive Menu END */

/* Menu END */

/* Buttons */
.btn.btn-danger{background-color: var(--sales);}
.btn.btn-info{background-color: var(--documents);}
.btn.btn-success{background-color: var(--contacts);}
.btn.btn-secondary{background-color: var(--settings); color: var(--white-plain);}
.btn.btn-grey{background-color: var(--settings); color: var(--white);}
.btn.btn-grey-light{background-color: var(--settings-light); color: var(--white);}
.btn.btn-bars{background-image: url('../../../../assets/media/owner-bars.svg'); background-size: 100%; background-repeat: repeat-y;}
.btn.btn-black{background-color: var(--settings); color: var(--white-plain);}

.bg-bars{background-image: url('../../../../assets/media/owner-bars.svg') !important; background-size: 100%; background-repeat: repeat-y;}

.btn.btn-bars-hover:hover{background-image: url('../../../../assets/media/owner-bars.svg'); background-size: 100%; background-repeat: repeat-y;}

.btn-check:active+.btn.btn-danger, .btn-check:checked+.btn.btn-danger, .btn.btn-danger.active, .btn.btn-danger.show, .btn.btn-danger:active:not(.btn-active), .btn.btn-danger:focus:not(.btn-active), .btn.btn-danger:hover:not(.btn-active), .show>.btn.btn-danger{background-color: var(--sales--darker--1) !important;}
.btn-check:active+.btn.btn-info, .btn-check:checked+.btn.btn-info, .btn.btn-info.active, .btn.btn-info.show, .btn.btn-info:active:not(.btn-active), .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .show>.btn.btn-info{background-color: var(--documents--darker--1) !important;}
.btn-check:active+.btn.btn-success, .btn-check:checked+.btn.btn-success, .btn.btn-success.active, .btn.btn-success.show, .btn.btn-success:active:not(.btn-active), .btn.btn-success:focus:not(.btn-active), .btn.btn-success:hover:not(.btn-active), .show>.btn.btn-success{background-color: var(--contacts--darker--1) !important;}
.btn.btn-secondary:hover{background-color: var(--settings); color: var(--white-plain);}
.btn.btn-grey:hover{background-color: var(--settings); color: var(--white);}
.btn.btn-grey-light:hover{background-color: var(--settings-light); color: var(--white);}
/* Buttons END */

/* Tables (indexation) */
.indexation-content table thead tr{border-bottom: 1px solid var(--settings);}
.indexation-content table *{padding-top: .75rem; padding-bottom: .75rem;}
/* Tables (indexation) END */

/* Togglers */
.form-check .form-check-input:checked{background-color: var(--settings) !important;}
.form-check:hover .form-check-input:not(:checked){background-color: var(--settings-hover) !important;}
/* Togglers END */

/* Header NAV */
.page-crumb h1{}
.page-crumb h1 a{color: var(--white-plain); opacity: 0.5; white-space: nowrap;}
.page-crumb h1 a:hover{opacity: 1;}
.page-crumb h1:last-child a{opacity: 1;}

body.body-dashboard .page-crumb h1 a, body.body-dashboard .page-crumb h1 a{color: var(--settings);}

#kt_header .crumb-divider{margin-left: 15px; margin-right: 15px;}
#kt_header .crumb-divider i{font-size: 1.5rem; line-height: 1.2; font-weight: 500; opacity: 0.5; color: var(--white-plain);}
/* Header NAV END */

/* Header dropdowns */
.notification-dropdown-link .notification-count,
.export-dropdown-link .export-count,
.task-dropdown-link .task-count,
.ticket-dropdown-link .ticket-count{font-size: 8px; top: 5px; right: 0;}

.notification-dropdown-content .removeItem,
.export-dropdown-content .removeItem,
.task-dropdown-content .removeItem,
.notification-dashboard-content .removeItem,
.export-dashboard-content .removeItem{opacity: 0;}

.notification-dropdown-content .dropDownItem:hover .removeItem,
.export-dropdown-content .dropDownItem:hover .removeItem,
.task-dropdown-content .dropDownItem:hover .removeItem,
.notification-dashboard-content .dropDownItem:hover .removeItem,
.export-dashboard-content .dropDownItem:hover .removeItem{opacity: 1;}

/* Header dropdown tabs */
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link{border-bottom: 1px solid var(--settings);}
/* Header dropdown tabs END */

/* Header dropdowns END */

/* Crumbs */
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a{color: var(--settings-light);}
.breadcrumb .breadcrumb-item{padding-right: 1rem;}
/* Crumbs END */

/* Toolbar buttons */
.toolbar-actions .btn + .btn,
.toolbar-actions .btn + div + .btn,
.toolbar-actions .btn + div + div{margin-left: 1rem;}
/* Toolbar buttons END */

/* Content */
#kt_content{padding-bottom: 140px;}
/*#kt_body:not(.body-table-layout) #kt_content_container.container-fluid{max-width: 2080px;}*/
/* Content END */

/* Generics END */

/* Popover */

.support-bubble-icon{color: var(--settings--lighter--2);}
/* Popover END */

/* PACE */
.pace{-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}

.pace-inactive{display: none;}

.pace .pace-progress{background: rgba(0,0,0,0.25);position: fixed;z-index: 10;top: 0;right: 100%;width: 100%;height: 65px;}
/* PACE END */

/* DataTable */

/* Layout */
#main-table .table-actions{display: none;}
#main-table .main-table-content{width: calc(100% - 345px); transition: 0.35s all ease;}
#main-table .main-table-content .card-header{z-index: 20;}
#main-table .main-table-content .card-body{z-index: 10;}

/* Deviations */
#main-table .form-check + .deviation-container{margin-top: .5rem;}
/* Deviations END */

/* Table toggler */
#main-table .table-toggler a:hover i{color: var(--white-plain);}
#main-table .table-toggler a.active i{color: var(--white-plain);}
/* Table toggler END */

#main-table .table-toggler-contacts a:hover, #main-table .table-toggler-contacts a.active{background-color: var(--contacts) !important;}
#main-table .table-toggler-projects a:hover, #main-table .table-toggler-projects a.active{background-color: var(--projects) !important;}
#main-table .table-toggler-contracts a:hover, #main-table .table-toggler-contracts a.active{background-color: var(--contracts) !important;}
#main-table .table-toggler-indexations a:hover, #main-table .table-toggler-indexations a.active{background-color: var(--contracts) !important;}
#main-table .table-toggler-documents a:hover, #main-table .table-toggler-documents a.active{background-color: var(--documents) !important;}
#main-table .table-toggler-tickets a:hover, #main-table .table-toggler-tickets a.active{background-color: var(--tickets) !important;}
#main-table .table-toggler-orders a:hover, #main-table .table-toggler-orders a.active{background-color: var(--orders) !important;}
#main-table .table-toggler-filings a:hover, #main-table .table-toggler-filings a.active{background-color: var(--filings) !important;}
#main-table .table-toggler-invoices a:hover, #main-table .table-toggler-invoices a.active{background-color: var(--invoices) !important;}
#main-table .table-toggler-sales a:hover, #main-table .table-toggler-sales a.active{background-color: var(--sales) !important;}
#main-table .table-toggler-communication a:hover, #main-table .table-toggler-communication a.active{background-color: var(--communication) !important;}
#main-table .table-toggler-settings a:hover, #main-table .table-toggler-settings a.active{background-color: var(--settings) !important;}
#main-table .table-toggler-tasks a:hover, #main-table .table-toggler-tasks a.active{background-color: var(--settings) !important;}

#main-table .main-table-filter{transition: 0.35s all ease; position: fixed; z-index: 99; top: 0; right: -345px; width: 345px; min-width: 320px; padding-top: 150px; padding-left: 25px; padding-right: 25px; background-color: var(--white-plain); min-height: 100%;}
#main-table .main-table-filter.disableFilter *{pointer-events: none; opacity: 0.5;}
#main-table .main-table-filter.active{right: 0;}

#main-table .main-table-filter .removeAllFilters{transition: 0.35s all ease; right: -345px;}
#main-table .main-table-filter.active .removeAllFilters{right: 25px;}

/* Filter specifics */
#main-table .filter-block{margin-top: 20px; color: var(--settings);}
#main-table .filter-block .filter-block-title{margin-bottom: 5px;}
#main-table .filter-block .form-check + .form-check{margin-top: 10px;}
#main-table .filter-block:first-child{margin-top: 0;}
#main-table .filter-block .symbol{margin-right: 7.5px; max-width: 19.5px; max-height: 19.5px;}
#main-table .filter-block .symbol.symbol-50px > img{width: 19.5px; height: 19.5px;}
#main-table .filter-block .symbol .symbol-label{width: 19.5px; height: 19.5px; font-size: 12px !important; font-weight: 600;}

/* Collapsible filters */
.filter-block{position: relative;}
.filter-block.collapse:not(.show){display: block; height: 140px !important; overflow: hidden;}
.filter-block.collapsing:not(.show){min-height: 140px !important;}
.filter-block.collapse:not(.show) .filter-wrap{display: block; height: 115px !important; overflow: hidden;}
.filter-block.collapsing:not(.show) .filter-wrap{min-height: 140px !important;}
.filter-block .moreOrLess{position: absolute; left: 0; bottom: 0; opacity: 1; transition: 0.35s all ease;}
/* Collapsible filters END */

.removeAllFilters{position: fixed; bottom: 15px; right: 25px; z-index: 99;}
/* Filter specifics END */
/* Layout END */

/* Rows */
.empty-main{height: calc(100vh - 300px);}
#main-table .t__body .row + .row{margin-top: 1rem;}

.t__item-section{position: relative;}
.t__item .backgroundLink{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.t__item .symbol:not(.item-image){position: relative; z-index: 2;}
.t__item:not(.card) a:not(.backgroundLink){position: relative; z-index: 2;}
.t__item .t__item-section.contentHigherThanBackground .item-content{position: relative; z-index: 1;}
.t__item .t__item-section.contentHigherThanBackground .backgroundLink{z-index: 0;}

#main-table .object_name{display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; color: var(--settings) !important;}
#main-table ul.list-unstyled li{color: var(--settings-light); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

.t__item .t__item-section .item-content{color: var(--settings-light);}
.t__item .t__item-section .item-content .truncated{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.t__item .t__item-section .item-content .symbol{max-width: 100%; height: auto;}
.t__item .t__item-section .item-content .symbol .badge.badge-circle{width: 1.25rem; height: 1.25rem; min-width: 1.25rem; min-height: 1.25rem;}

#main-table .object_identifier ul li{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;}
#main-table .object_identifier ul li a{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: inline-flex !important;}

#main-table ul.list-unstyled li a{color: var(--settings); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: inline;}

#main-table .actionsColumn{text-align: right;}
#main-table .actionsColumn a:last-child{margin-right: 10px;}
#main-table .actionsColumn a{opacity: 0;}
#main-table tr:hover .t__item-section.actionsColumn a, #main-table .t__body .card:hover .actionsColumn a{opacity: 1;}

.t__item.noresults{}

.table.gs-0 td:first-child, .table.gs-0 th:first-child{padding-left: 10px;}
.table-list tbody tr td:first-child{height: 107px;}
.table-report tbody tr td:first-child{height: 70px;}

/* Sticky header */
.sticky-header{transition: 0.35s all ease; display: table; background-color: var(--white-plain); z-index: 9; opacity: 0; top: 120px;}
body.body-table-scrollable .sticky-header{ position: absolute; transition: none;}
body:not(body-table-scrollable) .sticky-header{position: fixed;}
/* Sticky header END */

/* Grid */
/* Generics */
#OWNR__datatable table.table-layout-fixed{table-layout: fixed; position: relative;}
#OWNR__datatable.table-grid .form-check{z-index: 1; top: 10px; left: 10px;}
#OWNR__datatable.table-grid .actionsColumn{z-index: 1; top: 10px; right: 10px;}
#OWNR__datatable.table-grid .symbol-group .symbol > img, #OWNR__datatable.table-grid .symbol-group .symbol .symbol-label{width: 35px; height: 35px;}
#OWNR__datatable.table-grid ul.list-unstyled li{font-size: 1.075rem !important;}

#OWNR__datatable.table-grid .card .card-body{z-index: 2;}
#OWNR__datatable.table-grid .card .backgroundLink{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
/* Generics END */

#OWNR__datatable.table-grid.table-projects .object_name{font-size: 1.25rem !important; margin-bottom: .5rem;}

#OWNR__datatable.table-grid .object_media, #OWNR__datatable.table-grid .object_media .symbol{width: 100%;}
#OWNR__datatable.table-grid .object_media .symbol > img{height: 250px; width: 100%;}
#OWNR__datatable.table-grid.table-app .object_media, #OWNR__datatable.table-grid.table-app .object_media .symbol{background-size: contain !important;}
/* Grid END */

/* A4 view */
.a4-container{width: calc(210mm * 1.25);}
.a4-view{padding: 30px; width: calc(210mm * 1.25); min-height: calc(297mm * 1.25); max-width: 1320px; background-color: var(--white-plain); display: block; margin: 0 auto; font-size: 13px;}
.a4-view *{font-weight: 500; color: var(--settings);}
.a4-view h3{font-size: 1.15rem; font-weight: 600;}
.a4-view h4{font-size: 1.15rem; font-weight: 600;}

.a4-view-row{width: calc(210mm * 1.25); max-width: 1320px; display: block; margin: 0 auto;}
/* A4 view End */

/* E-mail / ticket */
.email-body blockquote{display: none;}

.card-memo .symbol-label{background-color: var(--white-plain); font-size: 14px !important;}
.card-memo .symbol.symbol-50px .symbol-label{width: 35px; height: 35px;}

.unhandled{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); border-radius: .475rem; z-index: 10;}
/* E-mail / ticket END */

/* Side panel */
.side-form{background-color: var(--white-plain); position: fixed; right: -440px; top: 111px; width: 440px; min-height: 100%; overflow-x: hidden; padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 111px; transition: 0.35s all ease; z-index: 99;}
.side-form-inner{overflow-x: hidden;}
.side-form .hover-scroll-overlay-y{overflow-x: hidden;}

.side-form.active{right: 0%;}

.side-form .form-buttons-group.sideform-buttons{width: 440px; transition: 0.35s all ease; padding-right: 20px; padding-left: 20px; justify-content: flex-end !important; right: -440px; border-top: 1px solid transparent;}
.side-form.active .form-buttons-group.sideform-buttons{right: 0;}

.side-form.active + .a4-container{transition: 0.35s all ease; width: calc(100% - 440px);}
.side-form + .a4-container{transition: 0.35s all ease; width: 100%;}
/* Side panel End */

.body-contacts .t__item:not(.noresults):hover{background-color: var(--contacts-hover);}
.body-projects .t__item:not(.noresults):hover{background-color: var(--projects-hover);}
.body-contracts .t__item:not(.noresults):hover{background-color: var(--contracts-hover);}
.body-indexations .t__item:not(.noresults):hover{background-color: var(--contracts-hover);}
.body-documents .t__item:not(.noresults):hover{background-color: var(--documents-hover);}
.body-tickets .t__item:not(.noresults):hover{background-color: var(--tickets-hover);}
.body-orders .t__item:not(.noresults):hover{background-color: var(--orders-hover);}
.body-filings .t__item:not(.noresults):hover{background-color: var(--filings-hover);}
.body-invoices .t__item:not(.noresults):hover{background-color: var(--invoices-hover);}
.body-sales .t__item:not(.noresults):hover{background-color: var(--sales-hover);}
.body-communication .t__item:not(.noresults):hover{background-color: var(--communication-hover);}
.body-settings .t__item:not(.noresults):hover{background-color: var(--settings-hover);}
.body-tasks .t__item:not(.noresults):hover{background-color: var(--settings-hover);}
.body-pushnotes .t__item:not(.noresults):hover{background-color: var(--pushnotes-hover);}

.body-contacts .t__item.active{background-color: var(--contacts-hover);}
.body-projects .t__item.active{background-color: var(--projects-hover);}
.body-contracts .t__item.active{background-color: var(--contracts-hover);}
.body-indexations .t__item.active{background-color: var(--contracts-hover);}
.body-documents .t__item.active{background-color: var(--documents-hover);}
.body-tickets .t__item.active{background-color: var(--tickets-hover);}
.body-orders .t__item.active{background-color: var(--orders-hover);}
.body-filings .t__item.active{background-color: var(--filings-hover);}
.body-invoices .t__item.active{background-color: var(--invoices-hover);}
.body-sales .t__item.active{background-color: var(--sales-hover);}
.body-communication .t__item.active{background-color: var(--communication-hover);}
.body-settings .t__item.active{background-color: var(--settings-hover);}
.body-tasks .t__item.active{background-color: var(--settings-hover);}
.body-pushnotes .t__item.active{background-color: var(--pushnotes-hover);}

/* Header borders */
.table-contacts thead tr th{border-bottom-color: var(--contacts--lighter--2) !important;}
.table-projects thead tr th{border-bottom-color: var(--projects--lighter--2) !important;}
.table-contracts thead tr th{border-bottom-color: var(--contracts--lighter--2) !important;}
.table-indexations thead tr th{border-bottom-color: var(--contracts--lighter--2) !important;}
.table-documents thead tr th{border-bottom-color: var(--documents--lighter--2) !important;}
.table-tickets thead tr th{border-bottom-color: var(--tickets--lighter--2) !important;}
.table-orders thead tr th{border-bottom-color: var(--orders--lighter--2) !important;}
.table-filings thead tr th{border-bottom-color: var(--filings--lighter--2) !important;}
.table-invoices thead tr th{border-bottom-color: var(--invoices--lighter--2) !important;}
.table-keys thead tr th{border-bottom-color: var(--sales--lighter--2) !important;}
.table-communication thead tr th{border-bottom-color: var(--settings) !important;}
.table-settings thead tr th{border-bottom-color: var(--settings) !important;}
.table-tasks thead tr th{border-bottom-color: var(--settings) !important;}
.table-pushnotes thead tr th{border-bottom-color: var(--settings) !important;}
/* Header borders END */
/* Rows END */

/* Loader */
.resultsLoader{position: fixed; left: 0; right: 0; bottom: 5vh; margin: 0 auto; width: 40px; height: 40px;}
/* Loader END */

/* Scrollable animation */
.mouseContainer{width: 80px; height: 80px; min-width: 80px; min-height: 80px; background-image: url('../../../../assets/images/mouse-white.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
.runAnimation{animation: infinite; animation-name: run; animation-duration: 1.5s;}
/* Scrollable animation END */

/* DataTable End */

/* Misc */
.bg-circle{position: absolute; width: 200px; height: 200px; background-color: var(--off-white); border-radius: 100%; right: -60px; bottom: -110px; z-index: 0;}
.removeDevice{position: absolute; display: none; right: 20px; top: 20px; z-index: 2;}
.deviceCard:hover .removeDevice{display: inline-flex !important;}
.pushnoteCard .row + .row{border-top: 1px dashed #e4e6ef;}
.invoice-totalfooter{font-weight: 700;}
/* Misc END */

/* Widgets */
.image-input .image-input-wrapper{background-position: center;}
/* Widgets END */

/* Cards */
.task-header .symbol.symbol-50px>img{width: 35px; height: 35px;}
.task-message{border-top: 1px solid #eff2f5 !important;}
.task-reaction *{color: var(--settings-light) !important; font-size: 1.075rem!important;}
/* Cards END */

/* Forms */
.form-content label{font-weight: 500; font-size: 1.15rem; margin-bottom: .5rem; color: var(--settings);}
.form-content input[type="text"]{color: var(--settings);}
.form-content .form-section-title{font-size: 19.5px;}
.form-content .form-section .form-section-title{margin-bottom: 1.25rem;}
.form-content .form-section + .form-section{margin-top: 4rem;}
.form-content .form-section .row + .row{margin-top: 1.25rem;}
.form-control:disabled, .form-control[readonly]{background-color: #eff2f5 !important;}
.form-control.placeholder-dark::placeholder{color: var(--settings);}
.form-control.placeholder-dark:-ms-input-placeholder{color: var(--settings);}
.form-control.placeholder-dark::-ms-input-placeholder{color: var(--settings);}

.form-input-group.pe-none .form-control, .form-input-group.pe-none .select2-container--bootstrap5 .select2-selection{background-color: #eff2f5 !important; cursor: not-allowed !important;}

/* Transaction modal deviation */
.form-content .form-section .modal-table-body .row + .row{margin-top: 0; padding-top: 1.25rem; border-top: 1px dashed var(--off-white);}
/* Transaction modal deviation END */

/* Form buttons */
form .form-buttons-group{position: fixed; display: flex; justify-content: flex-end; margin: 0 auto; z-index: 99; background-color: var(--white-plain); right: 0; bottom: 0; padding-bottom: 8px; padding-top: 8px; width: calc(100% - 75px);}
form .form-buttons-group .btn + .btn{margin-left: 10px;}
/* Form buttons END */

/* Modal deviation */
.modal-fullscreen-small{width: 991px; margin: 0 auto;}
.modal .modal-title, .modal .modal-header h2{color: var(--settings);}
.modal form{flex: 1 1 auto; flex-direction: column;}
/* Modal deviation END */
/* Forms END */

/* SWAL */
.swal2-popup{width: 40em;}
/* SWAL END */

/* Toast */
.toast{top: 110px !important; background-color: rgba(255,255,255,1)}
.toast-success{background-color: var(--contacts);}
.toast-error{background-color: var(--sales);}
.toast-notification .toast-body {color: var(--settings);font-size:0.92rem;}
.toast-notification .toast-title {font-size:.875rem;}
/* Toast END */

/* Modals */

/* Hacks since mmenu.js */
.mm-slideout{z-index: inherit;}
.daterangepicker{z-index: 1060;}
/* Hacks since mmenu.js END */

/* Datepicker */
.ui-datepicker{
    z-index: 1070 !important;
    width: 330px;
    background: var(--white-plain);
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
    border: none;
    opacity: 0;
}
.ui-datepicker.active{opacity: 1; padding: 5px;}
.ui-datepicker *{color: var(--settings);}

.ui-datepicker-header{padding: 3px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; position: relative; border-bottom: 1px dashed #e4e6ef;}

.ui-datepicker-prev, .ui-datepicker-next{position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.15rem; border-radius: 8px; font-weight: 600; transition: 0.1s all ease; cursor: pointer;}

.ui-datepicker-prev{left: 0; top: 5px; }
.ui-datepicker-next{right: 0; top: 5px;}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover{background-color: var(--off-white);}

.ui-datepicker-title{text-align: center; line-height: 34px; font-weight: 700; font-size: 1.15rem;}

.ui-datepicker-calendar{width: calc(100% - 20px); margin-bottom: 15px; margin-top: 0px; margin-left: 10px; margin-right: 10px;}
.ui-datepicker-calendar thead{}
.ui-datepicker-calendar thead tr{}
.ui-datepicker-calendar thead tr th{text-align: center; font-weight: 700; padding-top: 10px; padding-bottom: 10px;}

.ui-datepicker-calendar tbody{}
.ui-datepicker-calendar tbody tr{}
.ui-datepicker-calendar tbody tr td{text-align: center; transition: 0.1s all ease; cursor: pointer; padding-bottom: 10px; padding-top: 10px; border-radius: 8px;}
.ui-datepicker-calendar tbody tr td:hover{background-color: var(--off-white);}
.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable:hover{background: none; cursor: default;}
.ui-datepicker-calendar tbody tr td a, .ui-datepicker-calendar tbody tr td a:hover{color: var(--settings);}
.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day{background-color: var(--settings);}
.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a{color: var(--white-plain);}

.ui-datepicker-calendar tbody tr td.ui-datepicker-today{background-color: var(--off-white);}
/* Datepicker END */

.modal [data-bs-dismiss="modal"]:hover i{color: var(--sales);}

.art-col > .row{padding: 0; margin: 0; overflow: hidden;}

.modal-art{background-position: 30% 60%; background-size: cover; background-repeat: no-repeat; height: 100%; margin-left: -15px; margin-right: -15px; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem;}

.modal-art-contacts{background-image: url('../../../../assets/media/artwork/png/company.png');}
.modal-art-projects{background-image: url('../../../../assets/media/artwork/png/complex.png');}
.modal-art-contracts{background-image: url('../../../../assets/media/artwork/png/contract.png');}
.modal-art-tickets{background-image: url('../../../../assets/media/artwork/png/ticket.png');}
.modal-art-orders{background-image: url('../../../../assets/media/artwork/png/order.png');}
.modal-art-filings{background-image: url('../../../../assets/media/artwork/png/filing.png');}
.modal-art-invoices{background-image: url('../../../../assets/media/artwork/png/invoice.png');}
.modal-art-sales{background-image: url('../../../../assets/media/artwork/png/sale.png');}
.modal-art-keys{background-image: url('../../../../assets/media/artwork/png/key.png');}
.modal-art-tasks{background-image: url('../../../../assets/media/artwork/png/task.png');}
.modal-art-error{background-image: url('../../../../assets/media/artwork/png/error.png');}

/* Modal initSelect2Create */
.zIndex1050{z-index: 1050 !important;}
.zIndex1100{z-index: 1100 !important;}
/* Modal initSelect2Create END */

/* Dropzones */
.dropzone{padding: 0; border: none; background: none; border-radius: 0px; cursor: default;}
.uploadIcon{font-size: 82px;}
.uploadIcon i{font-size: 82px;}
#dropZoneContainer{min-width: 1600px !important;}
#uploadPlaceholder{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* Dropzones END */

/* Summernote */
.note-editor.note-frame{border-radius: .5rem; border: 1px solid var(--off-white);}
.note-editor.note-frame .note-editing-area .note-editable{font-size: 1.2rem; color: var(--settings);}
/* Summernote END */

/* Froala */
.fr-toolbar.fr-top{border: 1px solid #e4e6ef; border-bottom: 0;}
.fr-box.fr-basic.fr-top .fr-wrapper{border: 1px solid #e4e6ef; border-top: 0;}
.fr-second-toolbar{border: 1px solid #e4e6ef; border-top: 0;}
.fr-box.fr-document .fr-wrapper{background: #f5f8fa;}
.fr-second-toolbar{background: #f5f8fa;}

.fr-popup.fr-active{z-index: 10 !important;}
.tagSelectDropdown{width: 480px; padding: 10px;}

#proposal-editor .fr-wrapper span, #template-editor .fr-wrapper span{font-weight: 700 !important;}
/* Froala END */

/* Modals END */

/* Dashboards */
.symbol-19px{max-width: 19.5px; max-height: 19.5px;}
.symbol-19px > img{max-width: 19px; max-height: 19.5px;}
.symbol .symbol-label{width: 19.5px; height: 19.5px; font-size: 1.1rem !important;}
/* Dashboards END */

/* Timeline */
.timeline-item:hover .actions, .timeline-item:hover .actions span.opacity-0{opacity: 1 !important;}
.expand-gradient{background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); height: 65px;}
.timeline-content-wrapper *{font-size: 13px !important; word-wrap: break-word !important; word-break: break-word !important;}
/* Timeline END */

/* Subscription page */
.owner-package, .owner-package:hover{cursor: pointer;}
.owner-package .package-radio{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.owner-package .package-info{position: relative; z-index: 2;}

.subscription-form-setup .owner-package{border: 1px solid var(--off-white);}

.owner-package .package-radio + .selected-package{width: 50px; height: 50px; border-radius: 100%; background-image: url('../../../../assets/media/OWNER-gradient.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; right: 30px; top: 30px; text-align: center; line-height: 50px; display: none;}
.owner-package .package-radio + .selected-package i{display: block; line-height: 50px; text-align: center;}

.owner-package .package-radio:checked + .selected-package{display: block;}

/* Wizard */
.stepper.stepper-links .stepper-nav .stepper-item .stepper-title{color: var(--settings-light);}

.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title{color: var(--settings);}
.stepper.stepper-links .stepper-nav .stepper-item.current:after{background-color: var(--settings);}

.stepper.stepper-links .stepper-nav .stepper-item.completed .stepper-title{color: var(--contacts);}
/* Wizard END */
/* Subscription page END */

/* Cropper */
#cropImageContainer{max-width: 100%;}
#cropImage{display: block; max-width: 100%;}
#cropImagePreview{overflow: hidden;}
/* Cropper END */

/* ACCOUNT DASH */
.account-dashboard .top-bg{height: 475px; background: #f0f0f0; width: 100%; position: absolute; top: 0; left: 0;}
.account-dashboard .logo img.filter-white{filter: brightness(0) invert(1);}
.received-code-bg{background-image: url(/assets/images/received-code.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.account-settings-bg{background-image: url(/assets/images/account-settings.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.create-environment-bg{background-image: url(/assets/images/create-environment.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.default-bg{background-image: url(/assets/images/emmen-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.account-dashboard .card, .account-dashboard .card .card-body{border-radius: 1.1rem;}
.account-dashboard .card a.btn.bg-white-plain:hover{background-color: black !important; color: var(--white-plain) !important;}

ul.crumb-list *{font-size: 1.15rem;}
.account-dashboard .card.animated-hover-card:hover{}

.connect-pin .form-control, .account-dashboard .register-form-control input{min-height: calc(2.5em + (2.65rem + 2px)); padding: 1rem 1.5rem; font-size: 1.75rem; border-radius: 0.475rem;}
.register-form-control .input-group-text{padding: 1rem 2.5rem; font-size: 1.75rem;}
/* ACCOUNT DASH END */

/* TINY SLIDER */
#tns-backward, #tns-forward{position: absolute; top: calc(50% - 21px); opacity: 0.50;}
#tns-backward{left: 2.25rem;}
#tns-forward{right: 2.25rem;}
.tns:hover #tns-backward{opacity: 1;}
.tns:hover #tns-forward{opacity: 1;}
/* TINY SLIDER END */

/* WEBSITE CSS */
.filter-white{filter: brightness(0) invert(1);}
.filter-black{filter: brightness(0);}

.page-title-section{margin-top: 120px !important; margin-bottom: 100px !important;}

.page-header{height: calc(100vh - 80px); min-height: 600px;}

.page-header video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.page-header .video_controls{left: 30px; bottom: 100px;}
.page-header .video_title{left: 30px; bottom: 30px;}

.scroll-down{width: 24px; height: 45px; margin: 0 auto; left: 0; right: 0; bottom: 30px;}
.scroll-down .mouse{width: 3px;
    padding: 5px 10px;
    height: 25px;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;}
.scroll-down .mouse .scroller{width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: var(--white-plain);
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;}

@keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0;}
}

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

.nav-usp .nav-link:not(.active){opacity: 0.5;}
.nav-usp .nav-link:not(.active):hover{opacity: 1;}

.tabListNav{}
.tabListNav li{opacity: 0.5; cursor: pointer;}
.tabListNav li:hover{opacity: 1;}
.tabListNav li.active{opacity: 1;}

#tabvid{position: absolute; left: 0; top: 0; width: 100vw; height: 100%; opacity: 0.35;}
#tabvid + .video-gradient-overlay{width: 50vw; height: 100%; top: 0; left: 0; background-color: transparent; background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 10%, rgba(0, 0, 0, 0.30) 30%, rgba(0, 0, 0, 0.60) 60%, rgba(0, 0, 0, 1.0) 100% );}

#accordionFaq .item + .item{border-top: 1px solid #e4e6ef!important;}

#menu .menu-sub-dropdown .menu-link{}
#menu .menu-sub-dropdown .menu-link:hover{background: var(--super-off-white);}

.card .card-highlight{background: black; color: white; z-index: 10; transform: rotate(45deg); position: absolute; width: 200px; right: -66px; padding-top: 40px; padding-bottom: 10px; top: -20px;}

.features-table table{}
.features-table table td{}
.features-table table tr.title-rule td:first-child { border-top-left-radius: .775rem!important; border-bottom-left-radius: .775rem!important; }
.features-table table tr.title-rule td:last-child { border-top-right-radius: .775rem!important; border-bottom-right-radius:.775rem!important; }

#modules-side-nav{position: fixed; top: 48%; transform: translate(-50%, -50%); right: calc(2.5rem + 5px); z-index: 10;}
#modules-side-nav .nav-item a{
    cursor: pointer;
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: var(--off-white);
}
#modules-side-nav .nav-item a.active{
    transform: scale(1.7);
    transition: transform 200ms ease-in-out;
}
#modules-side-nav .nav-item + .nav-item{margin-top: 1.2rem;}

.feature-container .section{
    min-height: calc(100vh - 10rem);
}

.intro-container .section{
    min-height: calc(50vh - 10rem);
}

.tiles-slider{}
.tiles-slider .tiles-row{}
.tiles-slider .tiles-row + .tiles-row{margin-right: calc(4rem + 100px); margin-top: calc(-4rem);}
.tiles-slider .tiles-row + .tiles-row + .tiles-row{margin-right: 0;}
.tiles-slider .tiles-row .tile-item{transform: rotate(-45deg);}

.tenant-data .nav .nav-item{}
.tenant-data .nav .nav-item .nav-link{color: black; background-color: var(--off-white);}
.tenant-data .nav .nav-item .nav-link.active{color: white;}

/* Color overrides */
.tenant-data .nav .nav-item .nav-link.active.invoice{background-color: var(--invoices);}
.tenant-data .nav .nav-item .nav-link.active.contract{background-color: var(--contracts);}
.tenant-data .nav .nav-item .nav-link.active.indexation{background-color: var(--contracts);}
.tenant-data .nav .nav-item .nav-link.active.document{background-color: var(--documents);}
.tenant-data .nav .nav-item .nav-link.active.settings{background-color: var(--settings);}

.tenant-data .nav .nav-item .nav-link.invoice:hover{color: white; background-color: var(--invoices);}
.tenant-data .nav .nav-item .nav-link.contract:hover{color: white; background-color: var(--contracts);}
.tenant-data .nav .nav-item .nav-link.indexation:hover{color: white; background-color: var(--contracts);}
.tenant-data .nav .nav-item .nav-link.document:hover{color: white; background-color: var(--documents);}
.tenant-data .nav .nav-item .nav-link.settings:hover{color: white; background-color: var(--settings);}
/* Color overrides END */


/* Tables */
.data-container table tr td{vertical-align: middle !important;}

.table-contract tr:hover td > .action-btn{opacity: 1 !important;}
.table-contract tr:hover .modal td > .action-btn{opacity: 0 !important;}
.table-contract tr .modal tr:hover td > .action-btn{opacity: 1 !important;}

.table-invoice ul.list-unstyled li, .table-contract ul.list-unstyled li, .table-indexation ul.list-unstyled li, .table-document ul.list-unstyled li{color: var(--settings-light); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

.table-contract tr td:nth-child(1){width: 30%;}
.table-contract tr td:nth-child(2){width: 30%;}
.table-contract tr td:nth-child(3){width: 30%;}
.table-contract tr td:nth-child(4){width: 10%;}

.table-contract .table-invoice tr td:nth-child(1){width: 20%;}
.table-contract .table-invoice tr td:nth-child(2){width: 25%;}
.table-contract .table-invoice tr td:nth-child(3){width: 15%;}
.table-contract .table-invoice tr td:nth-child(4){width: 15%;}
.table-contract .table-invoice tr td:nth-child(5){width: 15%;}
.table-contract .table-invoice tr td:nth-child(6){width: 10%;}

.table-contract .table-indexation tr td:nth-child(1){width: 20%;}
.table-contract .table-indexation tr td:nth-child(2){width: 30%;}
.table-contract .table-indexation tr td:nth-child(3){width: 15%;}
.table-contract .table-indexation tr td:nth-child(4){width: 15%;}
.table-contract .table-indexation tr td:nth-child(5){width: 20%;}

.table-contract .table-document tr td:nth-child(1){width: 100%;}

/* Infopanel */
#infoPanel{}
#infoPanel .panel-header{}
#infoPanel .panel-header #infoPanelClose{}
#infoPanel .panel-header #infoPanelClose:hover i{color: var(--sales);}

.bg-contacts-overview{background-image: url('../../../../assets/images/modules/owner-contacten-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-projects-overview{background-image: url('../../../../assets/images/modules/owner-vastgoed-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-contracts-overview{background-image: url('../../../../assets/images/modules/owner-contracten-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-documents-overview{background-image: url('../../../../assets/images/modules/owner-bestanden-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-orders-overview{background-image: url('../../../../assets/images/modules/owner-onderhoud-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-filings-overview{background-image: url('../../../../assets/images/modules/owner-dossiers-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-invoices-overview{background-image: url('../../../../assets/images/modules/owner-financieel-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-sales-overview{background-image: url('../../../../assets/images/modules/owner-sales-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-tasks-overview{background-image: url('../../../../assets/images/modules/owner-taken-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}
.bg-tickets-overview{background-image: url('../../../../assets/images/modules/owner-email-overview.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: left center;}

.bg-contacts-datatable{background-image: url('../../../../assets/images/modules/owner-contacten.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-projects-datatable{background-image: url('../../../../assets/images/modules/owner-vastgoed.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-contracts-datatable{background-image: url('../../../../assets/images/modules/owner-contracten.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-documents-datatable{background-image: url('../../../../assets/images/modules/owner-bestanden.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-orders-datatable{background-image: url('../../../../assets/images/modules/owner-onderhoud.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-filings-datatable{background-image: url('../../../../assets/images/modules/owner-dossiers.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-invoices-datatable{background-image: url('../../../../assets/images/modules/owner-financieel.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-sales-datatable{background-image: url('../../../../assets/images/modules/owner-sales.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-tasks-datatable{background-image: url('../../../../assets/images/modules/owner-taken.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}
.bg-tickets-datatable{background-image: url('../../../../assets/images/modules/owner-email.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: top left;}

.bg-contacts-001{background-image: url('../../../../assets/photos/contacts-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-estate-001{background-image: url('../../../../assets/photos/estate-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-rentlist-001{background-image: url('../../../../assets/photos/rentlist-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-indexation-001{background-image: url('../../../../assets/photos/indexation-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-invoices-001{background-image: url('../../../../assets/photos/invoices-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-orders-001{background-image: url('../../../../assets/photos/orders-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-sales-001{background-image: url('../../../../assets/photos/sales-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-sales-002{background-image: url('../../../../assets/photos/sales-002.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}

.bg-document-001{background-image: url('../../../../assets/photos/document-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-document-002{background-image: url('../../../../assets/photos/document-002.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-document-003{background-image: url('../../../../assets/photos/document-003.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}

.bg-office-001{background-image: url('../../../../assets/photos/office-img-001.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-office-002{background-image: url('../../../../assets/photos/office-img-002.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}
.bg-office-003{background-image: url('../../../../assets/photos/office-img-003.jpg'); background-color: var(--super-off-white); background-repeat: no-repeat; background-position: center; background-size: cover;}


/* Infopanel END */

/* Tables END */

.owner-ipad-image{
    width: 1240px;
    height: 868px;
    background-image: url('../../../../assets/images/modules/owner-ipad.png');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

.overflow-ipad{width: 95%; background-size: contain; position: absolute; z-index: 10; bottom: -45%; left: 0; right: 0; margin: 0 auto;}
.overflow-ipad + .ipad-image{width: 91%;
    background-image: url('../../../../assets/images/modules/owner-contacten.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 868px;
    background-size: contain; position: absolute; z-index: 1; bottom: -45%; left: 0; right: 0; margin: 0 auto;}


.owner-ipad-image-2{
    width: 1240px;
    height: 868px;
    background-image: url('../../../../assets/images/modules/owner-ipad.png');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    position: absolute;
    top: 30%;
}

.owner-ipad-image-2 + .contract-edit-image{width: 1180px;
    background-image: url('../../../../assets/images/modules/owner-contract-edit.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 868px;
    background-size: contain; position: absolute; z-index: 1; top: calc(30% - 2px); left: 11%;}


.owner-iphone-image{
    width: 440px;
    height: 877px;
    background-image: url('../../../../assets/images/modules/owner-iphone.png');
    background-repeat: no-repeat;
    background-position: center;
}

.overflow-iphone{background-size: contain; position: absolute; z-index: 10; left: 10%; top: 30%;}
.overflow-iphone + .iphone-image{
    width: 390px;
    background-image: url('../../../../assets/images/modules/owner-project-phone.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 844px;
    background-size: contain; position: absolute; z-index: 1; top: 32%; left: 15%;}

.owner-projects-cards-image{
    background-image: url('../../../../assets/images/modules/owner-projects-cards.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 599px;
    height: 619px;
}

.overflow-to-bottom{position: absolute; z-index: 1; left: 5px; bottom: -35%;}

.mobile-menu-content{}
.mobile-menu-content .menu-item{justify-content: flex-start;}
.mobile-menu-content .menu-item a{}
.mobile-menu-content .menu-item i{display: none !important;}

.mobile-menu-content .menu-item .fw-boldest{margin-top: 25px !important; padding-left: 9px !important; font-size: 1.75rem !important;}

/* RESPONSIVE */
@media (max-width: 575.98px) {

    .page-title-section{margin-top: 80px !important; margin-bottom: 60px !important;}
    .register-form-control .input-group-text{padding: 1rem; font-size: 1.15rem;}

}

@media (min-width: 576px) and (max-width: 767.98px) {

}

@media (min-width: 768px) and (max-width: 991.98px) {

}

@media (min-width: 992px) and (max-width: 1023.98px) {

}

@media (min-width: 1024px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) and (max-width: 1399.98px) {

}

@media (min-width: 1400px) {

}

/* RESPONSIVE END */

/* WEBSITE CSS END */

/* SLICK */
/*.slick-slide .symbol *{transition: 0.35s all ease;}
.slick-slide{min-height: 142px !important;}
.slick-slide .avatar-container{height: 142px;}
.slick-current .symbol.symbol-75px .symbol-label{width: 125px; height: 125px;}

.dial-pad{}
.dial-pad .dial-number{border-radius: 100%; border: 2px solid var(--off-white); background-color:var(--off-white); width: 60px; height: 60px; margin: 0 auto; line-height: 60px; cursor: pointer; color: var(--settings);}
.dial-pad .dial-number:hover{border: 2px solid var(--settings); background-color: var(--settings); color: var(--white-plain);}*/
/* SLICK END */

.bg-transparent{background: transparent !important;}
.bg-contacts{background-color: var(--contacts) !important;}
.bg-projects, .bg-areas, .bg-area {background-color: var(--projects) !important;}
.bg-contracts{background-color: var(--contracts) !important;}
.bg-indexations{background-color: var(--contracts) !important;}
.bg-documents{background-color: var(--documents) !important;}
.bg-dashboard{background-color: var(--white-plain) !important;}
.bg-tickets{background-color: var(--tickets) !important;}
.bg-orders{background-color: var(--orders) !important;}
.bg-filings{background-color: var(--filings) !important;}
.bg-invoices{background-color: var(--invoices) !important;}
.bg-sales{background-color: var(--sales) !important;}
.bg-communication-alt{background-color: var(--communication) !important;}
.bg-communication{background-color: var(--settings) !important;}
.bg-settings{background-color: var(--settings) !important;}
.bg-external-user{background-color: var(--external-user) !important;}
.bg-apps{background-color: var(--settings) !important;}
.bg-account{background-color: var(--settings) !important;}
.bg-subscription{background-color: var(--settings) !important;}
.bg-settings-light{background-color: var(--settings-light) !important;}
.bg-tasks{background-color: var(--tasks) !important;}
.bg-users{background-color: var(--tasks) !important;}
.bg-pushnotes{background-color: var(--pushnotes) !important;}
.bg-off-white{background-color: var(--off-white) !important;}
.bg-super-off-white{background-color: var(--super-off-white) !important;}
.bg-white{background-color: var(--white) !important;}
.bg-white-plain{background-color: var(--white-plain) !important;}
.bg-gray{background-color: var(--gray) !important;}
.bg-inbetween{background-color: var(--inbetween);}
.bg-active-success.active{background-color: var(--contacts) !important;}

.bg-curve{background-image: url('../../../../assets/media/curve-bg.png'); background-color: var(--white-plain) !important; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; -webkit-background-size: cover; background-size: cover;}

.bg-transparent{background: transparent !important;}
.bg-contacts-hover:hover{background-color: var(--contacts-hover) !important;}
.bg-projects-hover:hover, .bg-areas-hover:hover, .bg-area-hover:hover{background-color: var(--projects-hover) !important;}
.bg-contracts-hover:hover{background-color: var(--contracts-hover) !important;}
.bg-indexations-hover:hover{background-color: var(--contracts-hover) !important;}
.bg-documents-hover:hover{background-color: var(--documents-hover) !important;}
.bg-dashboard-hover:hover{background-color: var(--white-plain-hover) !important;}
.bg-tickets-hover:hover{background-color: var(--tickets-hover) !important;}
.bg-orders-hover:hover{background-color: var(--orders-hover) !important;}
.bg-filings-hover:hover{background-color: var(--filings-hover) !important;}
.bg-invoices-hover:hover{background-color: var(--invoices-hover) !important;}
.bg-sales-hover:hover{background-color: var(--sales-hover) !important;}
.bg-communication-hover:hover{background-color: var(--settings-hover) !important;}
.bg-settings-hover:hover{background-color: var(--settings-hover) !important;}
.bg-external-user-hover:hover{background-color: var(--external-user-hover) !important;}
.bg-apps-hover:hover{background-color: var(--settings-hover) !important;}
.bg-account-hover:hover{background-color: var(--settings-hover) !important;}
.bg-subscription-hover:hover{background-color: var(--settings-hover) !important;}
.bg-dashboard-hover:hover{background-color: var(--settings-hover) !important;}
.bg-settings-light-hover:hover{background-color: var(--settings-light-hover) !important;}
.bg-tasks-hover:hover{background-color: var(--tasks-hover) !important;}
.bg-users-hover:hover{background-color: var(--tasks-hover) !important;}
.bg-pushnotes-hover:hover{background-color: var(--pushnotes-hover) !important;}
.bg-off-white-hover:hover{background-color: var(--off-white-hover) !important;}
.bg-white-hover:hover{background-color: var(--white-hover) !important;}
.bg-white-plain-hover:hover{background-color: var(--white-plain-hover) !important;}

.bg-contacts-solid-hover:hover{background-color: var(--contacts) !important;}
.bg-projects-solid-hover:hover{background-color: var(--projects) !important;}
.bg-contracts-solid-hover:hover{background-color: var(--contracts) !important;}
.bg-documents-solid-hover:hover{background-color: var(--documents) !important;}
.bg-orders-solid-hover:hover{background-color: var(--orders) !important;}
.bg-filings-solid-hover:hover{background-color: var(--filings) !important;}
.bg-invoices-solid-hover:hover{background-color: var(--invoices) !important;}
.bg-sales-solid-hover:hover{background-color: var(--sales) !important;}
.bg-settings-solid-hover:hover{background-color: var(--settings) !important;}

.bg-contacts-solid-hover.active{background-color: var(--contacts) !important;}
.bg-projects-solid-hover.active{background-color: var(--projects) !important;}
.bg-contracts-solid-hover.active{background-color: var(--contracts) !important;}
.bg-documents-solid-hover.active{background-color: var(--documents) !important;}
.bg-orders-solid-hover.active{background-color: var(--orders) !important;}
.bg-filings-solid-hover.active{background-color: var(--filings) !important;}
.bg-invoices-solid-hover.active{background-color: var(--invoices) !important;}
.bg-sales-solid-hover.active{background-color: var(--sales) !important;}
.bg-settings-solid-hover.active{background-color: var(--settings) !important;}

.bg-company{background-color: var(--contacts) !important;}
.bg-person{background-color: var(--contacts) !important;}
.bg-address{background-color: var(--contacts) !important;}
.bg-complex{background-color: var(--projects) !important;}
.bg-subcomplex{background-color: var(--projects) !important;}
.bg-area{background-color: var(--projects) !important;}
.bg-installation{background-color: var(--projects) !important;}
.bg-contract{background-color: var(--contracts) !important;}
.bg-indexation{background-color: var(--contracts) !important;}
.bg-document{background-color: var(--documents) !important;}
.bg-ticket{background-color: var(--tickets) !important;}
.bg-order{background-color: var(--orders) !important;}
.bg-filing{background-color: var(--filings) !important;}
.bg-invoice{background-color: var(--invoices) !important;}
.bg-key{background-color: var(--sales) !important;}
.bg-post{background-color: var(--communication) !important;}
.bg-task{background-color: var(--settings) !important;}
.bg-black{background-color: var(--settings) !important;}

.bg-lizz-one{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-lizz-portrait.jpg');}
.bg-ruben-call{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-ruben-call.jpg');}
.bg-ruben-mail{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-ruben-mail.jpg');}
.bg-lizz-huub-sitting{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-huub-lizz-sitting.jpg');}

.bg-package-basic{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-package-basic.jpg');}
.bg-package-essential{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-package-essential.jpg');}
.bg-package-professional{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-package-professional.jpg');}
.bg-package-enterprise{background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../../../../assets/images/OWNER-package-enterprise.jpg');}

.bg-company-hover{background-color: var(--contacts-hover) !important;}
.bg-person-hover{background-color: var(--contacts-hover) !important;}
.bg-address-hover{background-color: var(--contacts-hover) !important;}
.bg-complex-hover{background-color: var(--projects-hover) !important;}
.bg-subcomplex-hover{background-color: var(--projects-hover) !important;}
.bg-area-hover{background-color: var(--projects-hover) !important;}
.bg-installation-hover{background-color: var(--projects-hover) !important;}
.bg-key-hover{background-color: var(--projects-hover) !important;}
.bg-contract-hover{background-color: var(--contracts-hover) !important;}
.bg-indexation-hover{background-color: var(--contracts-hover) !important;}
.bg-document-hover{background-color: var(--documents-hover) !important;}
.bg-ticket-hover{background-color: var(--tickets-hover) !important;}
.bg-order-hover{background-color: var(--orders-hover) !important;}
.bg-filing-hover{background-color: var(--filings-hover) !important;}
.bg-invoice-hover{background-color: var(--invoices-hover) !important;}
.bg-communication-hover{background-color: var(--settings-hover) !important;}
.bg-sale-hover{background-color: var(--sales-hover) !important;}
.bg-post-hover{background-color: var(--communication-hover) !important;}
.bg-task-hover{background-color: var(--settings-hover) !important;}
.bg-settings-hover{background-color: var(--settings-hover) !important;}

.deviationRule-tasks{background-color: var(--settings-hover);}
.deviationRule-contacts{background-color: var(--contacts-hover);}
.deviationRule-tickets{background-color: var(--settings-hover);}
.deviationRule-settings{background-color: var(--settings-hover);}
.deviationRule-orders{background-color: var(--orders-hover);}
.deviationRule-contracts{background-color: var(--contracts-hover);}
.deviationRule-indexations{background-color: var(--contracts-hover);}
.deviationRule-invoices{background-color: var(--invoices-hover);}
.deviationRule-sales{background-color: var(--sales-hover);}
.deviationRule-keys{background-color: var(--projects-hover);}

.color-contacts{color: var(--contacts) !important;}
.color-projects{color: var(--projects) !important;}
.color-contracts{color: var(--contracts) !important;}
.color-indexations{color: var(--contracts) !important;}
.color-documents{color: var(--documents) !important;}
.color-tickets{color: var(--tickets) !important;}
.color-orders{color: var(--orders) !important;}
.color-filings{color: var(--filings) !important;}
.color-invoices{color: var(--invoices) !important;}
.color-communication-alt{color: var(--communication) !important;}
.color-communication-alt p{color: var(--communication) !important;}
.color-sales{color: var(--sales) !important;}
.color-communication{color: var(--settings) !important;}
.color-settings{color: var(--settings) !important;}
.color-apps{color: var(--settings) !important;}
.color-account{color: var(--settings) !important;}
.color-subscription{color: var(--settings) !important;}
.color-settings-light{color: var(--settings-light) !important;}
.color-tasks{color: var(--tasks) !important;}
.color-pushnotes{color: var(--pushnotes) !important;}
.color-white{color: var(--white) !important;}
.color-white-plain{color: var(--white-plain) !important;}
.color-off-white{color: var(--off-white) !important;}
.color-black{color: var(--settings) !important;}

.color-company{color: var(--contacts) !important;}
.color-person{color: var(--contacts) !important;}
.color-address{color: var(--contacts) !important;}
.color-complex{color: var(--projects) !important;}
.color-subcomplex{color: var(--projects) !important;}
.color-area{color: var(--projects) !important;}
.color-installation{color: var(--projects) !important;}
.color-key{color: var(--projects) !important;}
.color-contract{color: var(--contracts) !important;}
.color-indexation{color: var(--contracts) !important;}
.color-document{color: var(--documents) !important;}
.color-ticket{color: var(--tickets) !important;}
.color-order{color: var(--orders) !important;}
.color-filing{color: var(--filings) !important;}
.color-invoice{color: var(--invoices) !important;}
.color-sale{color: var(--sales) !important;}
.color-post{color: var(--communication) !important;}
.color-task{color: var(--settings) !important;}
.color-black{color: var(--settings) !important;}
.color-white{color: var(--white-plain) !important;}

.color-contacts-hover:hover{color: var(--contacts) !important;}
.color-projects-hover:hover{color: var(--projects) !important;}
.color-contracts-hover:hover{color: var(--contracts) !important;}
.color-indexations-hover:hover{color: var(--contracts) !important;}
.color-documents-hover:hover{color: var(--documents) !important;}
.color-dashboard-hover:hover{color: var(--settings-light) !important;}
.color-tickets-hover:hover{color: var(--tickets) !important;}
.color-orders-hover:hover{color: var(--orders) !important;}
.color-filings-hover:hover{color: var(--filings) !important;}
.color-invoices-hover:hover{color: var(--invoices) !important;}
.color-sales-hover:hover{color: var(--sales) !important;}
.color-communication-hover:hover{color: var(--settings) !important;}
.color-settings-hover:hover{color: var(--settings) !important;}
.color-settings-light-hover:hover{color: var(--settings-light) !important;}
.color-apps-hover:hover{color: var(--settings) !important;}
.color-account-hover:hover{color: var(--settings) !important;}
.color-subscription-hover:hover{color: var(--settings) !important;}
.color-tasks-hover:hover{color: var(--tasks) !important;}
.color-pushnotes-hover:hover{color: var(--pushnotes) !important;}
.color-white-hover:hover{color: var(--white-plain) !important;}

.btn.color-contacts-hover:hover *{color: var(--contacts) !important;}
.btn.color-projects-hover:hover *{color: var(--projects) !important;}
.btn.color-contracts-hover:hover *{color: var(--contracts) !important;}
.btn.color-indexations-hover:hover *{color: var(--contracts) !important;}
.btn.color-documents-hover:hover *{color: var(--documents) !important;}
.btn.color-dashboard-hover:hover *{color: var(--settings-light) !important;}
.btn.color-tickets-hover:hover *{color: var(--tickets) !important;}
.btn.color-orders-hover:hover *{color: var(--orders) !important;}
.btn.color-filings-hover:hover *{color: var(--filings) !important;}
.btn.color-invoices-hover:hover *{color: var(--invoices) !important;}
.btn.color-sales-hover:hover *{color: var(--sales) !important;}
.btn.color-communication-hover:hover *{color: var(--settings) !important;}
.btn.color-settings-hover:hover *{color: var(--settings) !important;}
.btn.color-settings-light-hover:hover *{color: var(--settings-light) !important;}
.btn.color-apps-hover:hover *{color: var(--settings) !important;}
.btn.color-account-hover:hover *{color: var(--settings) !important;}
.btn.color-subscription-hover:hover *{color: var(--settings) !important;}
.btn.color-tasks-hover:hover *{color: var(--tasks) !important;}
.btn.color-pushnotes-hover:hover *{color: var(--pushnotes) !important;}
.btn.color-white-hover:hover *{color: var(--white-plain) !important;}

.show .btn.btn-active-light-primary.color-contacts-hover i{color: var(--contacts) !important;}
.show .btn.btn-active-light-primary.color-projects-hover i{color: var(--projects) !important;}
.show .btn.btn-active-light-primary.color-contracts-hover i{color: var(--contracts) !important;}
.show .btn.btn-active-light-primary.color-indexations-hover i{color: var(--contracts) !important;}
.show .btn.btn-active-light-primary.color-documents-hover i{color: var(--documents) !important;}
.show .btn.btn-active-light-primary.color-dashboard-hover i{color: var(--settings-light) !important;}
.show .btn.btn-active-light-primary.color-tickets-hover i{color: var(--tickets) !important;}
.show .btn.btn-active-light-primary.color-orders-hover i{color: var(--orders) !important;}
.show .btn.btn-active-light-primary.color-filings-hover i{color: var(--filings) !important;}
.show .btn.btn-active-light-primary.color-invoices-hover i{color: var(--invoices) !important;}
.show .btn.btn-active-light-primary.color-sales-hover i{color: var(--sales) !important;}
.show .btn.btn-active-light-primary.color-communication-hover i{color: var(--communication) !important;}
.show .btn.btn-active-light-primary.color-settings-hover i{color: var(--settings) !important;}
.show .btn.btn-active-light-primary.color-settings-light-hover i{color: var(--settings-light) !important;}
.show .btn.btn-active-light-primary.color-apps-hover i{color: var(--settings) !important;}
.show .btn.btn-active-light-primary.color-account-hover i{color: var(--settings) !important;}
.show .btn.btn-active-light-primary.color-subscription-hover i{color: var(--settings) !important;}
.show .btn.btn-active-light-primary.color-tasks-hover i{color: var(--tasks) !important;}
.show .btn.btn-active-light-primary.color-pushnotes-hover i{color: var(--pushnotes) !important;}
.show .btn.btn-active-light-primary.color-white-hover i{color: var(--white-plain) !important;}

.btn.btn-active-light-primary.show.color-contacts-hover i{color: var(--contacts) !important;}
.btn.btn-active-light-primary.show.color-projects-hover i{color: var(--projects) !important;}
.btn.btn-active-light-primary.show.color-contracts-hover i{color: var(--contracts) !important;}
.btn.btn-active-light-primary.show.color-indexations-hover i{color: var(--contracts) !important;}
.btn.btn-active-light-primary.show.color-documents-hover i{color: var(--documents) !important;}
.btn.btn-active-light-primary.show.color-dashboard-hover i{color: var(--settings-light) !important;}
.btn.btn-active-light-primary.show.color-tickets-hover i{color: var(--tickets) !important;}
.btn.btn-active-light-primary.show.color-orders-hover i{color: var(--orders) !important;}
.btn.btn-active-light-primary.show.color-filings-hover i{color: var(--filings) !important;}
.btn.btn-active-light-primary.show.color-invoices-hover i{color: var(--invoices) !important;}
.btn.btn-active-light-primary.show.color-sales-hover i{color: var(--sales) !important;}
.btn.btn-active-light-primary.show.color-communication-hover i{color: var(--communication) !important;}
.btn.btn-active-light-primary.show.color-settings-hover i{color: var(--settings) !important;}
.btn.btn-active-light-primary.show.color-settings-light-hover i{color: var(--settings-light) !important;}
.btn.btn-active-light-primary.show.color-apps-hover i{color: var(--settings) !important;}
.btn.btn-active-light-primary.show.color-account-hover i{color: var(--settings) !important;}
.btn.btn-active-light-primary.show.color-subscription-hover i{color: var(--settings) !important;}
.btn.btn-active-light-primary.show.color-tasks-hover i{color: var(--tasks) !important;}
.btn.btn-active-light-primary.show.color-pushnotes-hover i{color: var(--pushnotes) !important;}
.btn.btn-active-light-primary.show.color-white-hover i{color: var(--white-plain) !important;}

.btn-toggler{color: black;}
.btn-toggler.active{background-color: var(--settings); color: var(--white-plain);}

.btn-gradient-contacts{background-image: linear-gradient(to right, var(--contacts) 0%, var(--contacts--darker--1)  51%, var(--contacts--darker--2)  100%)}
.btn-gradient-contacts:hover{background-image: linear-gradient(to right, var(--contacts) 0%, var(--contacts)  51%, var(--contacts)  100%)}
.btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.title-gradient-hover h1,
.title-gradient-hover h2,
.title-gradient-hover h3{
    transition: 0.35s all ease;
}

.title-gradient-hover:hover h1,
.title-gradient-hover:hover h2,
.title-gradient-hover:hover h3{
    color: black;
    -webkit-text-fill-color: transparent !important;
    background: -webkit-linear-gradient(90deg, var(--owner-gradient)) !important;
    background: -moz-linear-gradient(90deg, var(--owner-gradient)) !important;
    background: linear-gradient(90deg, var(--owner-gradient)) !important;
    -webkit-background-clip: -webkit-text !important;
    -webkit-background-clip: text !important;
}

.text-gradient{
    color: black;
    -webkit-text-fill-color: transparent !important;
    background: -webkit-linear-gradient(90deg, var(--owner-gradient)) !important;
    background: -moz-linear-gradient(90deg, var(--owner-gradient)) !important;
    background: linear-gradient(90deg, var(--owner-gradient)) !important;
    -webkit-background-clip: -webkit-text !important;
    -webkit-background-clip: text !important;
}

.text-gradient-hover:hover{
    color: black;
    -webkit-text-fill-color: transparent !important;
    background: -webkit-linear-gradient(90deg, var(--owner-gradient)) !important;
    background: -moz-linear-gradient(90deg, var(--owner-gradient)) !important;
    background: linear-gradient(90deg, var(--owner-gradient)) !important;
    -webkit-background-clip: -webkit-text !important;
    -webkit-background-clip: text !important;
}


.form-check.checkbox-contacts .form-check-input:checked{background-color: var(--contacts) !important;}
.form-check.checkbox-projects .form-check-input:checked{background-color: var(--projects) !important;}
.form-check.checkbox-contracts .form-check-input:checked{background-color: var(--contracts) !important;}
.form-check.checkbox-indexations .form-check-input:checked{background-color: var(--contracts) !important;}
.form-check.checkbox-documents .form-check-input:checked{background-color: var(--documents) !important;}
.form-check.checkbox-tickets .form-check-input:checked{background-color: var(--tickets) !important;}
.form-check.checkbox-orders .form-check-input:checked{background-color: var(--orders) !important;}
.form-check.checkbox-filings .form-check-input:checked{background-color: var(--filings) !important;}
.form-check.checkbox-invoices .form-check-input:checked{background-color: var(--invoices) !important;}
.form-check.checkbox-sales .form-check-input:checked{background-color: var(--sales) !important;}
.form-check.checkbox-communication .form-check-input:checked{background-color: var(--settings) !important;}
.form-check.checkbox-settings .form-check-input:checked{background-color: var(--settings) !important;}
.form-check.checkbox-tasks .form-check-input:checked{background-color: var(--settings) !important;}

.form-check.checkbox-contacts:hover .form-check-input:not(:checked){background-color: var(--contacts-hover) !important;}
.form-check.checkbox-projects:hover .form-check-input:not(:checked){background-color: var(--projects-hover) !important;}
.form-check.checkbox-contracts:hover .form-check-input:not(:checked){background-color: var(--contracts-hover) !important;}
.form-check.checkbox-indexations:hover .form-check-input:not(:checked){background-color: var(--contracts-hover) !important;}
.form-check.checkbox-documents:hover .form-check-input:not(:checked){background-color: var(--documents-hover) !important;}
.form-check.checkbox-tickets:hover .form-check-input:not(:checked){background-color: var(--tickets-hover) !important;}
.form-check.checkbox-orders:hover .form-check-input:not(:checked){background-color: var(--orders-hover) !important;}
.form-check.checkbox-filings:hover .form-check-input:not(:checked){background-color: var(--filings-hover) !important;}
.form-check.checkbox-invoices:hover .form-check-input:not(:checked){background-color: var(--invoices-hover) !important;}
.form-check.checkbox-sales:hover .form-check-input:not(:checked){background-color: var(--sales-hover) !important;}
.form-check.checkbox-communication:hover .form-check-input:not(:checked){background-color: var(--settings-hover) !important;}
.form-check.checkbox-settings:hover .form-check-input:not(:checked){background-color: var(--settings-hover) !important;}
.form-check.checkbox-tasks:hover .form-check-input:not(:checked){background-color: var(--settings-hover) !important;}

.form-check.checkbox-company .form-check-input:checked{background-color: var(--contacts) !important;}
.form-check.checkbox-person .form-check-input:checked{background-color: var(--contacts) !important;}
.form-check.checkbox-complex .form-check-input:checked{background-color: var(--projects) !important;}
.form-check.checkbox-subcomplex .form-check-input:checked{background-color: var(--projects) !important;}
.form-check.checkbox-area .form-check-input:checked{background-color: var(--projects) !important;}
.form-check.checkbox-installation .form-check-input:checked{background-color: var(--projects) !important;}
.form-check.checkbox-key .form-check-input:checked{background-color: var(--projects) !important;}
.form-check.checkbox-contract .form-check-input:checked{background-color: var(--contracts) !important;}
.form-check.checkbox-document .form-check-input:checked{background-color: var(--documents) !important;}
.form-check.checkbox-ticket .form-check-input:checked{background-color: var(--tickets) !important;}
.form-check.checkbox-order .form-check-input:checked{background-color: var(--orders) !important;}
.form-check.checkbox-filing .form-check-input:checked{background-color: var(--filings) !important;}
.form-check.checkbox-invoice .form-check-input:checked{background-color: var(--invoices) !important;}
.form-check.checkbox-sale .form-check-input:checked{background-color: var(--sales) !important;}
.form-check.checkbox-communication .form-check-input:checked{background-color: var(--settings) !important;}
.form-check.checkbox-setting .form-check-input:checked{background-color: var(--settings) !important;}
.form-check.checkbox-task .form-check-input:checked{background-color: var(--settings) !important;}

.form-check.checkbox-company:hover .form-check-input:not(:checked){background-color: var(--contacts-hover) !important;}
.form-check.checkbox-person:hover .form-check-input:not(:checked){background-color: var(--contacts-hover) !important;}
.form-check.checkbox-complex:hover .form-check-input:not(:checked){background-color: var(--projects-hover) !important;}
.form-check.checkbox-subcomplex:hover .form-check-input:not(:checked){background-color: var(--projects-hover) !important;}
.form-check.checkbox-area:hover .form-check-input:not(:checked){background-color: var(--projects-hover) !important;}
.form-check.checkbox-installation:hover .form-check-input:not(:checked){background-color: var(--projects-hover) !important;}
.form-check.checkbox-key:hover .form-check-input:not(:checked){background-color: var(--projects-hover) !important;}
.form-check.checkbox-contract:hover .form-check-input:not(:checked){background-color: var(--contracts-hover) !important;}
.form-check.checkbox-indexation:hover .form-check-input:not(:checked){background-color: var(--contracts-hover) !important;}
.form-check.checkbox-document:hover .form-check-input:not(:checked){background-color: var(--documents-hover) !important;}
.form-check.checkbox-ticket:hover .form-check-input:not(:checked){background-color: var(--tickets-hover) !important;}
.form-check.checkbox-order:hover .form-check-input:not(:checked){background-color: var(--orders-hover) !important;}
.form-check.checkbox-filing:hover .form-check-input:not(:checked){background-color: var(--filings-hover) !important;}
.form-check.checkbox-invoice:hover .form-check-input:not(:checked){background-color: var(--invoices-hover) !important;}
.form-check.checkbox-sale:hover .form-check-input:not(:checked){background-color: var(--sales-hover) !important;}
.form-check.checkbox-communication:hover .form-check-input:not(:checked){background-color: var(--settings-hover) !important;}
.form-check.checkbox-setting:hover .form-check-input:not(:checked){background-color: var(--settings-hover) !important;}
.form-check.checkbox-task:hover .form-check-input:not(:checked){background-color: var(--settings-hover) !important;}

.spinner-contacts{border: .185em solid var(--contacts); border-right-color: transparent;}
.spinner-projects{border: .185em solid var(--projects); border-right-color: transparent;}
.spinner-contracts{border: .185em solid var(--contracts); border-right-color: transparent;}
.spinner-indexations{border: .185em solid var(--contracts); border-right-color: transparent;}
.spinner-documents{border: .185em solid var(--documents); border-right-color: transparent;}
.spinner-dashboard{border: .185em solid var(--documents); border-right-color: transparent;}
.spinner-tickets{border: .185em solid var(--tickets); border-right-color: transparent;}
.spinner-orders{border: .185em solid var(--orders); border-right-color: transparent;}
.spinner-filings{border: .185em solid var(--filings); border-right-color: transparent;}
.spinner-invoices{border: .185em solid var(--invoices); border-right-color: transparent;}
.spinner-sales{border: .185em solid var(--sales); border-right-color: transparent;}
.spinner-communication{border: .185em solid var(--settings); border-right-color: transparent;}
.spinner-settings{border: .185em solid var(--settings); border-right-color: transparent;}
.spinner-apps{border: .185em solid var(--settings); border-right-color: transparent;}
.spinner-account{border: .185em solid var(--settings); border-right-color: transparent;}
.spinner-tasks{border: .185em solid var(--tasks); border-right-color: transparent;}
.spinner-pushnotes{border: .185em solid var(--pushnotes); border-right-color: transparent;}
.spinner-transparent{border: .185em solid transparent; border-right-color: transparent;}
.spinner-white{border: .25em solid var(--white-plain); border-right-color: transparent;}

.body-contacts .form-section-title{color: var(--contacts);}
.body-projects .form-section-title{color: var(--projects);}
.body-contracts .form-section-title{color: var(--contracts);}
.body-documents .form-section-title{color: var(--documents);}
.body-orders .form-section-title{color: var(--orders);}
.body-filings .form-section-title{color: var(--filings);}
.body-sales .form-section-title{color: var(--sales);}
.body-invoices .form-section-title{color: var(--invoices);}

.btn.bg-contacts:hover{background-color: var(--contacts--darker--1) !important;}
.btn.bg-projects:hover{background-color: var(--projects--darker--1) !important;}
.btn.bg-contracts:hover{background-color: var(--contracts--darker--1) !important;}
.btn.bg-documents:hover{background-color: var(--documents--darker--1) !important;}
.btn.bg-orders:hover{background-color: var(--orders--darker--1) !important;}
.btn.bg-filings:hover{background-color: var(--filings--darker--1) !important;}
.btn.bg-sales:hover{background-color: var(--sales--darker--1) !important;}
.btn.bg-invoices:hover{background-color: var(--invoices--darker--1) !important;}
.btn.bg-settings:hover{background-color: var(--settings--darker--1) !important;}
.btn.bg-off-white:hover{background-color: #ceced3 !important;}
.btn.bg-black:hover{background-color: #333 !important;}

a.color-contacts:hover{color: var(--contacts--darker--1) !important;}
a.color-projects:hover{color: var(--projects--darker--1) !important;}
a.color-contracts:hover{color: var(--contracts--darker--1) !important;}
a.color-documents:hover{color: var(--documents--darker--1) !important;}
a.color-orders:hover{color: var(--orders--darker--1) !important;}
a.color-filings:hover{color: var(--filings--darker--1) !important;}
a.color-sales:hover{color: var(--sales--darker--1) !important;}
a.color-invoices:hover{color: var(--invoices--darker--1) !important;}
a.color-settings:hover{color: var(--settings--darker--1) !important;}
a.color-off-white:hover{color: #ceced3 !important;}

.bg-secondary-contacts-hover:hover{background-color: var(--contacts--darker--1);}
.bg-secondary-projects-hover:hover{background-color: var(--projects--darker--1);}
.bg-secondary-contracts-hover:hover{background-color: var(--contracts--darker--1);}
.bg-secondary-documents-hover:hover{background-color: var(--documents--darker--1);}
.bg-secondary-orders-hover:hover{background-color: var(--orders--darker--1);}
.bg-secondary-tickets-hover:hover{background-color: var(--tickets--darker--1);}
.bg-secondary-filings-hover:hover{background-color: var(--filings--darker--1);}
.bg-secondary-invoices-hover:hover{background-color: var(--invoices--darker--1);}
.bg-secondary-dashboard-hover:hover{background-color: var(--settings--lighter--3);}
.bg-secondary-settings-hover:hover{background-color: var(--settings--darker--1);}

.modal[modal-module="contacts"] .form-section-title, .modal[modal-module="contacts"] .modal-header .modal-title, .modal[modal-module="contacts"] .modal-header .modal-info i{color: var(--contacts) !important;}
.modal[modal-module="projects"] .form-section-title, .modal[modal-module="projects"] .modal-header .modal-title, .modal[modal-module="projects"] .modal-header .modal-info i{color: var(--projects) !important;}
.modal[modal-module="contracts"] .form-section-title, .modal[modal-module="contracts"] .modal-header .modal-title, .modal[modal-module="contracts"] .modal-header .modal-info i{color: var(--contracts) !important;}
.modal[modal-module="documents"] .form-section-title, .modal[modal-module="documents"] .modal-header .modal-title, .modal[modal-module="documents"] .modal-header .modal-info i{color: var(--documents) !important;}
.modal[modal-module="orders"] .form-section-title, .modal[modal-module="orders"] .modal-header .modal-title, .modal[modal-module="orders"] .modal-header .modal-info i{color: var(--orders) !important;}
.modal[modal-module="filings"] .form-section-title, .modal[modal-module="filings"] .modal-header .modal-title, .modal[modal-module="filings"] .modal-header .modal-info i{color: var(--filings) !important;}
.modal[modal-module="sales"] .form-section-title, .modal[modal-module="sales"] .modal-header .modal-title, .modal[modal-module="sales"] .modal-header .modal-info i{color: var(--sales) !important;}
.modal[modal-module="invoices"] .form-section-title, .modal[modal-module="invoices"] .modal-header .modal-title, .modal[modal-module="invoices"] .modal-header .modal-info i{color: var(--invoices) !important;}
.modal[modal-module="settings"] .form-section-title, .modal[modal-module="settings"] .modal-header .modal-title, .modal[modal-module="settings"] .modal-header .modal-info i{color: var(--settings) !important;}

.border-contacts{border-color: var(--contacts) !important;}
.border-projects{border-color: var(--projects) !important;}
.border-contracts{border-color: var(--contracts) !important;}
.border-documents{border-color: var(--documents) !important;}
.border-orders{border-color: var(--orders) !important;}
.border-filings{border-color: var(--filings) !important;}
.border-invoices{border-color: var(--invoices) !important;}
.border-sales{border-color: var(--sales) !important;}
.border-settings{border-color: var(--settings) !important;}

/* Mobile */
.logged_mobile.body-dashboard #kt_header{border-top: 25px solid var(--white-plain);}
.logged_mobile:not(.body-dashboard) #kt_header{border-top: 25px solid var(--settings);}

.logged_mobile.body-contacts #kt_header{border-top: 25px solid var(--contacts);}
.logged_mobile.body-projects #kt_header{border-top: 25px solid var(--projects);}
.logged_mobile.body-contracts #kt_header{border-top: 25px solid var(--contracts);}
.logged_mobile.body-documents #kt_header{border-top: 25px solid var(--documents);}
.logged_mobile.body-orders #kt_header{border-top: 25px solid var(--orders);}
.logged_mobile.body-filings #kt_header{border-top: 25px solid var(--filings);}
.logged_mobile.body-invoices #kt_header{border-top: 25px solid var(--invoices);}

.logged_mobile #kt_header{height: 80px !important;}
.logged_mobile #kt_header #kt_toolbar{top: 80px !important;}
/* Mobile END */

/* OVERRIDES */
.form-control, .form-select{background-color: #f5f8fa; border-color: #f5f8fa;}
.form-control + .input-group-text, .form-select + .input-group-text, .form-select .input-group-text, .form-control .input-group-text, .input-group .input-group-text{background-color: #f5f8fa; border-color: #f5f8fa;}
.form-control:disabled, .form-control[readonly], .form-control:disabled + .input-group-text, .form-control[readonly] + .input-group-text{cursor: not-allowed; background-color: #f5f8fa !important; border-color: #f5f8fa !important;}
.form-input-group.pe-none .form-control, .form-input-group.pe-none .select2-container--bootstrap5 .select2-selection{cursor: not-allowed !important; background-color: #f5f8fa !important; border-color: #f5f8fa !important;}

.form-control:focus, .form-select:focus{border-color: #eef3f7 !important; background-color: #eef3f7 !important; transition: background-color .2s ease;}
.select2-container--bootstrap5.select2-container--focus .form-select:not(.form-select-solid):not(.form-select-white), .select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-white){border-color: #f5f8fa !important;}

.form-control.form-control-flush{background-color: transparent !important;}

.fr-toolbar.fr-top, .fr-second-toolbar{border-color: #f5f8fa !important;}
.fr-toolbar .fr-newline{background: #f5f8fa !important;}
.fr-box.fr-basic .fr-wrapper{background-color: #f5f8fa; border-color: #f5f8fa !important;}

.body-setup #kt_aside {-webkit-filter: blur(0.8px); -moz-filter: blur(0.8px); -o-filter: blur(0.8px); -ms-filter: blur(0.8px); filter: blur(0.8px); pointer-events: none !important;}
.body-setup #kt_toolbar{display: none !important;}
/* OVERRIDES END */

@media (max-width: 575.98px) {

    /* Menu */
    #kt_aside{display: none !important;}

    /* Header */
    #triggerAccountMenu{display: flex !important;}
    .accountMenu{position: absolute; right: 55px; top: 12.5px;}
    #kt_header{position: fixed; top: 0; width: 100vw; z-index: 999;}
    #kt_header .crumb-divider{margin-left: 7.5px; margin-right: 7.5px;}
    .page-crumb{width: calc(100vw - 100px); overflow: hidden;}
    #kt_toolbar{position: fixed; top: 55px; height: 55px; background-color: var(--white-plain); width: 100vw; left: 0; padding-top: 5px; padding-bottom: 5px; box-shadow: 0 10px 30px 0 rgb(82 63 105 / 5%);}
    #kt_toolbar .btn:not(.tabs-dropdown-trigger){font-size: 0; height: 30px; width: 30px; padding-left: 10px; padding-right: 10px;}

    /* Content */
    #kt_wrapper{padding-top: 110px;}

    /* Datatables */
    #main-table .card-header, #main-table .card-body{padding: 1rem;}
    #main-table .main-table-content{width: 100%;}
    #OWNR__datatable:not(.table-responsive){overflow: hidden;}
    .table-action-results .modal-subtitle{position: absolute; left: 1rem; background-color: var(--white-plain); width: 65%; top: 27px;}
    .symbol.symbol-75px.symbol-2by3>img{width: 50px; height: 50px;}
    .t__item .symbol.symbol-50px>img, .t__item .symbol.symbol-50px .symbol-label{width: 30px; height: 30px;}

    /* Filters */
    #main-table .main-table-filter{width: 100%; right: -100vw;}
    /* Filter count */
    .filters-count{left: -25px; top: 1px;}

    /* Fullscreen modal */
    .modal-fullscreen{padding: 0 !important;}
    .modal-fullscreen .container{padding: 0 !important;}

    .modal-fullscreen-small{width: 100vw !important;}

    /* Side panel form */
    .side-form{width: 100%; right: -100vw; z-index: 1;}
    .side-form.active + .a4-container{display: none; width: 100%;}

    /* A4 view */
    .a4-view-row{width: 100%;}
    .a4-view{width: 100%; height: auto; min-height: 80vh; padding: 15px;}

    /* Invoice */
    .invoice-line-actions{position: absolute; top: 5px; right: 5px;}
    .invoice-line-actions .btn{width: 30px !important; height: 30px !important;}

    /* Forms */
    form .form-buttons-group{width: 100vw;}

}

@media (min-width: 576px) and (max-width: 767.98px) {

    /* Menu */
    #kt_aside{display: none !important;}

    /* Header */
    #triggerAccountMenu{display: flex !important;}
    .accountMenu{position: absolute; right: 55px; top: 12.5px;}
    #kt_header{position: fixed; top: 0; width: 100vw; z-index: 999;}
    #kt_header .crumb-divider{margin-left: 7.5px; margin-right: 7.5px;}
    .page-crumb{width: calc(100vw - 100px); overflow: hidden;}
    #kt_toolbar{position: fixed; top: 55px; height: 55px; background-color: var(--white-plain); width: 100vw; left: 0; padding-top: 5px; padding-bottom: 5px; box-shadow: 0 10px 30px 0 rgb(82 63 105 / 5%);}
    #kt_toolbar .btn:not(.tabs-dropdown-trigger){font-size: 0; height: 30px; width: 30px; padding-left: 10px; padding-right: 10px;}

    /* Content */
    #kt_wrapper{padding-top: 110px;}

    /* Datatables */
    #main-table .card-header, #main-table .card-body{padding: 1rem;}
    #main-table .main-table-content{width: 100%;}
    #OWNR__datatable:not(.table-responsive){overflow: hidden;}
    .table-action-results .modal-subtitle{position: absolute; left: 1rem; background-color: var(--white-plain); width: 65%; top: 27px;}
    .symbol.symbol-75px.symbol-2by3>img{width: 50px; height: 50px;}
    .t__item .symbol.symbol-50px>img, .t__item .symbol.symbol-50px .symbol-label{width: 30px; height: 30px;}

    /* Filters */
    #main-table .main-table-filter{width: 100%; right: -100vw;}
    /* Filter count */
    .filters-count{left: -25px; top: 1px;}

    /* Fullscreen modal */
    .modal-fullscreen{padding: 0 !important;}
    .modal-fullscreen .container{padding: 0 !important;}

    .modal-fullscreen-small{width: 100vw !important;}

    /* Side panel form */
    .side-form{width: 100%; right: -100vw; z-index: 1;}
    .side-form.active + .a4-container{display: none; width: 100%;}

    /* A4 view */
    .a4-view-row{width: 100%;}
    .a4-view{width: 100%; height: auto; min-height: 80vh; padding: 15px;}

    /* Invoice */
    .invoice-line-actions{position: absolute; top: 5px; right: 5px;}
    .invoice-line-actions .btn{width: 30px !important; height: 30px !important;}

    /* Forms */
    form .form-buttons-group{width: 100vw;}

}

@media (min-width: 768px) and (max-width: 991.98px) {

    /* Menu */
    #kt_aside{display: none !important;}

    /* Header */
    .accountMenu{position: absolute; right: 65px; top: 7.5px;}
    #kt_header{position: fixed; top: 0; width: 100vw; z-index: 999;}
    #kt_header .crumb-divider{margin-left: 7.5px; margin-right: 7.5px;}
    .page-crumb{width: calc(100vw - 120px); overflow: hidden;}
    #kt_toolbar{position: fixed; top: 55px; height: 55px; background-color: var(--white-plain); width: 100vw; left: 0; padding-top: 5px; padding-bottom: 5px; box-shadow: 0 10px 30px 0 rgb(82 63 105 / 5%);}
    #kt_toolbar .btn:not(.tabs-dropdown-trigger){font-size: 0; height: 30px; width: 30px; padding-left: 10px; padding-right: 10px;}

    /* Content */
    #kt_wrapper{padding-top: 110px;}

    /* Datatables */
    #main-table .card-header, #main-table .card-body{padding: 1rem;}
    #OWNR__datatable:not(.table-responsive){overflow: hidden;}
    .table-action-results .modal-subtitle{position: absolute; left: 1rem; background-color: var(--white-plain); width: 65%; top: 27px;}
    .symbol.symbol-75px.symbol-2by3>img{width: 50px; height: 50px;}
    .t__item .symbol.symbol-50px>img, .t__item .symbol.symbol-50px .symbol-label{width: 30px; height: 30px;}

    /* Filters */
    #main-table .main-table-filter{width: 100%; right: -100vw;}

    /* Fullscreen modal */
    .modal-fullscreen{padding: 0 !important;}
    .modal-fullscreen .container{padding: 0 !important;}

    .modal-fullscreen-small{width: 90vw !important;}

    /* Side panel form */
    .side-form{width: 100%; right: -100vw; z-index: 1;}
    .side-form.active + .a4-container{display: none; width: 100%;}

    /* A4 view */
    .a4-view-row{width: 100%;}
    .a4-view{width: 100%; height: auto; min-height: 80vh; padding: 15px;}

    /* Forms */
    form .form-buttons-group{width: 100vw;}

}

@media (min-width: 992px) and (max-width: 1023.98px) {

    /* Menu */
    #kt_aside{display: none !important;}

    /* Header */
    #kt_header{position: fixed; left: 0; top: 0; width: 100vw; z-index: 999;}
    #kt_toolbar{position: fixed; top: 65px; height: 55px; background-color: var(--white-plain); width: 100vw; left: 0; padding-top: 5px; padding-bottom: 5px; box-shadow: 0 10px 30px 0 rgb(82 63 105 / 5%);}

    #kt_header > div > div{display: flex !important;}

    /* Content */
    #kt_wrapper{padding: 0; padding-top: 110px;}

    /* Datatables */
    #main-table .card-header, #main-table .card-body{padding: 1rem;}
    #OWNR__datatable:not(.table-responsive){overflow: hidden;}
    .table-action-results .modal-subtitle{position: absolute; left: 1rem; background-color: var(--white-plain); width: 65%; top: 27px;}
    .symbol.symbol-75px.symbol-2by3>img{width: 50px; height: 50px;}
    .t__item .symbol.symbol-50px>img, .t__item .symbol.symbol-50px .symbol-label{width: 30px; height: 30px;}

    /* Filters */
    #main-table .main-table-filter{width: 100%; right: -100vw;}

    /* Fullscreen modal */
    .modal-fullscreen{padding: 0 !important;}
    .modal-fullscreen .container{padding: 0 !important;}

    .modal-fullscreen-small{width: 100vw !important;}

    /* Side panel form */
    .side-form{width: 100%; right: -100vw; z-index: 1;}
    .side-form.active + .a4-container{display: none; width: 100%;}

    /* A4 view */
    .a4-view-row{width: 100%;}
    .a4-view{width: 100%; height: auto; min-height: 80vh; padding: 15px;}

    /* Forms */
    form .form-buttons-group{width: 100vw;}

}

@media (min-width: 1024px) and (max-width: 1199.98px) {

    /* Fullscreen modal */
    .modal-fullscreen-small{width: 90vw !important;}

    /* A4 view */
    .a4-view-row{width: 100%;}
    .a4-view{width: 100%; height: auto; min-height: 80vh; padding: 15px;}

}

@media (min-width: 1200px) and (max-width: 1399.98px) {

}

@media (min-width: 1400px) {

}