/*
 * Legacy application styles (UI optimization plan, Phase 2).
 *
 * Cleaned copy of webroot/assets/demo/default/base/custom.css, in the original
 * rule order so the cascade is unchanged:
 *   - rules whose selectors match nothing in the codebase or database removed
 *   - commented-out code and exact duplicate rules removed
 *   - brand colours replaced by tokens from tokens.css
 *
 * Rules move out of this file into components.css / utilities.css module by
 * module in Phase 4, when each page can be checked. Add new styles there, not here.
 */

.hidden {
    display: none !important;
}

.height-0 {
    height: 0 !important;
}

.alert.alert-dismissable.alert-danger .close,
.alert.alert-dismissable.alert-success .close {
    padding-top: 3px;
}

.terms-conditions {
    border: 1px solid #ebedf2;
    background-color: var(--app-gray-100);
    margin: 0 16px;
}

.terms-conditions p {
    font-weight: normal;
}

.terms-conditions ul > li {
    font-size: 14px;
}

p {
    font-size: 14px;
}

.m-portlet__body .flash-container {
    padding: 0 50px !important;
}

.inline-loader {
    display: inline-block;
    width: 30px;
}

body a:hover {
    text-decoration: none;
}

.img-box {
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}

.img-box:hover {
    border: .25rem solid #1e8cbe;
    padding: 0 !important;
}

.margin-auto-0 {
    margin: auto 0;
}

.margin-0-auto {
    margin: 0 auto;
}

.h-100px {
    height: 100px;
}

.color-box {
    height: 160px;
    width: 6.33%;
    margin: 10px;
    display: inline-block;
    box-shadow: 0px 5px 5px #888888;
}

.selected-color {
    border: 7px solid #D8D8D8;
}

.avatar-list > a > img {
    width: 100px;
    margin: 12px;
}

.avatar-list > a:hover > img {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px #1e8cbe;
}

.filter-bg-transparent {
    background: transparent;
}

.tt-menu {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.form-group > div > .form-group {
    margin-bottom: 0;
}

#m_sortable_portlets .m-portlet__head.ui-sortable-handle .m-portlet__head-icon i {
    font-size: 1.8rem;
}

.m-widget29 .m-widget_content {
    transition: all 0.5s linear 0s;
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--dot > span {
    background-color: #fff;
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-text {
    color: #fff;
}

.m-widget29 .m-widget_content .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link {
    padding: 5px 0;
}

.m-widget29 .m-widget_content:hover .m-widget_content-title {
    color: #c4c5d6;
}

.m-widget29 .m-widget_content:hover {
    background-color: #fff;
}

.m-widget29 .m-widget_content:hover .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-text {
    color: #c4c5d6;
}

.m-widget29 .m-widget_content:hover .m-widget_content-items .m-widget_content-item .m-nav .m-nav__item > .m-nav__link .m-nav__link-bullet.m-nav__link-bullet--dot > span {
    background-color: #c4c5d6;
}

.m-widget14 {
    padding: 2.2rem;
}

.m-widget14.m-widget14--no-padding {
    padding: 0;
}

.m-widget14 .m-widget14__header {
    padding: 1.1rem 0;
    margin-bottom: .5rem;
}

.m-widget14 .m-widget14__header .m-widget14__title {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0;
}

.m-widget14 .m-widget14__header .m-widget14__desc {
    display: inline-block;
    margin-top: .2rem;
    font-size: 1rem;
}

.m-widget14 .m-widget14__legend {
    margin-bottom: .9rem;
}

.m-widget14 .m-widget14__legend:last-child {
    margin-bottom: 0;
}

.m-widget14 .m-widget14__legend .m-widget14__legend-bullet {
    width: 2rem;
    height: .45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin-bottom: .12rem;
    margin-right: .8rem;
}

.m-widget14 .m-widget14__legend .m-widget14__legend-text {
    display: inline-block;
}

.m-widget14 .m-widget14__chart {
    position: relative;
    margin-top: .5rem;
    height: 250px;
}

.m-widget14 .m-widget14__chart .m-widget14__stat {
    font-size: 2.4rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.m-widget14__title {
    color: #575962;
}

.m-widget14__desc {
    color: #9699a2;
}

.m-widget14__legend-text {
    color: #9699a2;
}

.m-widget14__chart .m-widget14__stat {
    color: #dadbe2;
}

.m-portlet .m-portlet__quiz-head {
    height: auto;
    background-color: #fff !important;
    border-bottom: 0;
    padding-top: 25px;
}

.m-quiz--timer-section {
    margin-bottom: 20px;
}

.m-stack .nav-item.m-stack__item {
    padding: 0;
    width: 300px;
}

.m-stack .nav-item.m-stack__item a {
    display: block;
    height: 100%;
    cursor: pointer;
    position: relative;
    color: #6f727d;
}

.m-stack .nav-item.m-stack__item a span {
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.m-stack .nav-item.m-stack__item a.active {
    background-color: #6f727d8c;
    border: 2px solid #fff;
    color: #fff;
}

.m-table--theme {
    margin: 50px 50px 0;
}

.m-table.m-table--head-bg-theme thead th {
    background: #22B9FF;
    color: #fff;
}

.m-table--theme .m-table.m-table--head-bg-theme tbody > tr > td.m-table-theme__cell:first-child {
    width: 250px;
}

.m-table.m-table--head-bg-theme tbody > tr > td.m-table-theme__cell {
    background: #faf9fc;
}

.m-pricing-table-2__btn {
    text-align: center;
    display: inline-block;
}

.m-pricing-table-2__btn .btn-group .btn.active {
    background: #716aca;
    color: #fff;
}

.m-pricing-table-2__btn .btn-group .btn {
    background: #fff;
    color: #898b96;
    padding: 0.8rem 1.93rem 0.8rem 1.93rem;
}

table.first-top-no-border tbody tr:first-child td {
    border-top: 0;
}

table.first-top-no-border tbody tr td {
    vertical-align: middle;
}

.bootstrap-select .div.dropdown-menu.open {
    max-height: 300px !important;
    overflow: hidden;
}

.bootstrap-select ul.dropdown-menu.inner {
    max-height: 250px !important;
    overflow-y: auto;
}

.m-content--skin-light2 .m-body {
    background-color: #f8f9fb;
}

.m-header .m-header__top {
    background-color: var(--app-brand-dark);
}

.m-header .m-header__top .m-brand {
    background-color: var(--app-brand-dark);
}

.m-header .m-header__top .m-stack.m-stack--ver.m-stack--desktop {
    border-bottom: 1.5px solid #353639;
}

.m-brand__logo a {
    font-size: 22px;
}

.m-menu__item span,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link > .m-menu__hor-arrow,
.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__hor-arrow {
    color: #ffffff !important;
}

.m-menu__item--active {
    background-color: var(--app-surface-muted);
}

.m-menu__item--active .m-menu__link-text {
    font-weight: 600 !important;
    color: #2d2d2d !important;
}

.btn-black {
    background-color: var(--app-brand-dark);
    color: #ffffff;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 3px;
    font-weight: 700;
}

.btn-black-md {
    background-color: var(--app-brand-dark);
    color: #ffffff;
    border-radius: 3px;
    font-weight: 700;
}

.btn-grey {
    background-color: var(--app-gray-200);
    color: #5c5c5f;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 3px;
    font-weight: 700;
}

.btn-grey-md {
    background-color: var(--app-gray-200);
    color: #5c5c5f;
    border-radius: 3px;
    font-weight: 700;
}

.btn-black:hover,
.btn-black-md:hover {
    color: #ffffff !important;
}

.btn-black-bordered {
    border-color: var(--app-brand-dark);
    background-color: #ffffff;
}

.btn-grey:hover,
.btn-grey-md:hover {
    color: #5c5c5f !important;
}

.search-input {
    border-radius: 25px;
}

.has-error .form-control-feedback {
    color: var(--app-danger);
}

.bottom-bordered-form .form-control.m-input,
.bottom-bordered-form .form-control.m-bootstrap-select .dropdown-toggle,
.bottom-bordered-form .bootstrap-tagsinput,
.bottom-bordered-form select.form-control,
.bottom-bordered-form .select2-container {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px !important;
}

.bottom-bordered-form .select2-container--default .select2-selection--multiple,
.bottom-bordered-form .select2-container--default .select2-selection--single {
    border: none;
}

.bottom-bordered-form .bootstrap-tagsinput {
    box-shadow: none;
    width: 100%;
    text-align: left;
}

.bottom-bordered-form .select2-selection__arrow {
    display: none !important;
}

.bottom-bordered-form .input-group .input-group-append > .input-group-text {
    border: none !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
}

.bottom-bordered-form .input-group .input-group-append > .input-group-text i:hover {
    color: var(--app-brand-dark) !important;
    cursor: pointer;
}

.bottom-bordered-form .form-control[disabled] {
    background-color: #ffffff !important;
}

.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover,
.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active {
    color: var(--app-brand-dark);
    border-bottom: 1px solid var(--app-brand-dark);
}

.btn-medium {
    padding: .85rem 2.50rem;
    margin: 0 5px;
}

.contact-portlet .m-portlet__head {
    border-bottom: none;
}

.contact-portlet .m-form__group {
    padding: 2.5px 5px !important;
}

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
    margin-left: 0;
}

header .m-portlet__head-tools ul {
    margin-top: 0;
    margin-bottom: 0;
}

header .search-input,
header .search-input:focus {
    background-color: #2d2d2d;
    color: white;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
}

.responsive-header-tool {
    width: 0;
}

@media only screen and (max-width: 995px) {
    .responsive-header-tool {
        width: auto;
    }

}

.m-subheader__breadcrumbs .m-nav__item {
    padding-left: 5px !important;
}

.m-subheader__breadcrumbs .m-nav__link-text {
    color: #99999b !important;
}

.m-subheader__breadcrumbs .active.m-nav__link-text {
    color: var(--app-brand-dark) !important;
}

.m-datatable__pager {
    text-align: right;
}

.m-datatable__pager-nav li {
    padding: 5px 10px !important;
    border: 1px solid var(--app-gray-200);
}

.m-datatable__pager-nav li span {
    color: #99999b;
}

.m-datatable__pager-nav .active {
    background-color: #1f2024;
}

.m-datatable__pager-nav .active a {
    color: white;
}

.list-action .btn {
    padding-left: 0;
    padding-right: 0;
    color: black;
    padding-top: 5px !important;
}

.detail-label {
    color: #99999b !important;
}

.detail-accounrdion .m-accordion__item {
    border-radius: 0 !important;
    border: 1px solid !important;
}

.detail-accounrdion .m-accordion__item-head {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.detail-accounrdion .m-accordion__item-title {
    color: #7c7d7e !important;
    font-size: 1rem !important;
}

.detail-accounrdion .m-accordion__item-mode {
    color: black !important;
}

.crm-modal-header {
    border-bottom: none;
}

.black-bg-div {
    background-color: var(--app-brand-dark);
    color: white !important;
}

#crm_modal i {
    font-size: 3rem;
}

#crm_modal .m-demo-icon__preview {
    padding: 10px 15px;
    border-radius: 5px;
}

.breadcrumbs-bar {
    margin-bottom: 5px;
}

.breadcrumbs-bar .m-portlet__head {
    height: 3rem;
}

@media only screen and (min-width: 995px) {
    header {
        height: 50px !important;
    }

    .m-brand__logo {
        height: 50px !important;
    }

    .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item {
        height: 50px !important;
    }

}

.form-control-error {
    color: red;
    font-size: 0.85rem;
}

.filter-header th {
    padding-right: 20px;
    background-color: white;
}

.searchTextBox .form-group {
    margin-bottom: 0;
}

.m--padding-top-0 {
    padding-top: 0 !important;
}

#logo-wrapper-md,
#img1-wrapper-md,
#img2-wrapper-md {
    width: 100px;
    height: 100px;
    cursor: pointer;
}

#logo-wrapper-md img,
#img1-wrapper-md img,
#img2-wrapper-md img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.btn-outline-black {
    color: var(--app-brand-dark);
    border-color: var(--app-brand-dark);
    background-color: #ffffff;
}

.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > span,
.m-datatable > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > span,
.m_datatable .m-checkbox.m-checkbox--solid > span,
.m-checkbox.m-checkbox--solid > span {
    background: #ffffff;
    border: 1px solid #000000 !important;
    border-radius: 0;
}

.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span,
.m-datatable > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span,
.m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell .m-checkbox.m-checkbox--solid > input:checked ~ span,
.m-checkbox.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background: var(--app-brand-dark);
    border: 1px solid #000000 !important;
    border-radius: 0;
}

.m-datatable .m-datatable__row .m-checkbox {
    margin-bottom: 12px;
}

.m_datatable th,
.m_datatable td {
    vertical-align: middle;
    color: black;
}

.m-list-search__result-item-text {
    word-break: break-all;
}

table.employee-table thead .m-datatable__row {
    background-color: var(--app-gray-200);
}

table.employee-table .m-datatable__row th {
    padding: 12px 10px;
}

table.employee-table .m-datatable__row td {
    padding: 5px 10px;
}

table.employee-table .m-datatable__row a {
    color: black;
}

@media (min-width: 993px) {
    .megamenu .m-menu__arrow.m-menu__arrow--adjust,
    .profile-dropdown-wraper .m-dropdown__arrow,
    .m-topbar__notifications .m-dropdown__wrapper .m-dropdown__arrow {
        display: none !important;
    }

}

@media (min-width: 1000px) {
    .megamenu-li {
        position: static !important;
        padding: 0px !important;
    }

    .megamenu {
        position: absolute !important;
        width: 100% !important;
        left: 0;
        right: 0;
        padding: 0 0 5px 0 !important;
    }

    .megamenu .m-menu__subnav {
        background-color: var(--app-surface-muted) !important;
    }

    .megamenu .m-menu__link-text {
        color: var(--app-brand-dark) !important;
    }

    .megamenu .m-menu__subnav {
        padding: 0 5px !important;
    }

    .megamenu .m-menu__link {
        padding: 5px 20px !important;
        text-align: center !important;
        display: inline-block !important;
        border-right: 1px solid var(--app-divider);
    }

    .megamenu .m-menu__item {
        margin: 5px 0 !important;
    }

    .megamenu li:last-child .m-menu__link {
        border-right: 0px !important;
    }

    .megamenu .m-menu__link .m-menu__link-text:hover {
        font-weight: 500 !important;
    }

    .megamenu-li:first-child {
        padding-left: 25px !important;
    }

    .megamenu-li:first-child .m-menu__link-text {
        font-size: 28px !important;
    }

    .megamenu-li > .m-menu__link {
        padding: 0 20px !important;
        border-right: 1px solid var(--app-divider);
    }

    .megamenu-li:last-child .m-menu__link,
    .m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item:last-child .m-nav__link {
        border-right: 0px !important;
    }

    .m-brand {
        width: 50px;
    }

}

.header-grid .m-nav-grid__item {
    padding: 1rem 0.50rem !important;
}

.header-grid .m-nav-grid__icon {
    font-size: 30px !important;
    color: var(--app-brand-dark) !important;
}

.header-grid .m-dropdown__wrapper {
    width: 225px !important;
    padding-top: 5px !important;
    margin-left: -10px !important;
}

.header-grid .m-dropdown__arrow--adjust {
    display: none !important;
}

.header-grid .m-nav-grid__text {
    color: var(--app-brand-dark) !important;
    font-size: 12px !important;
}

td.width-50 {
    width: 50px;
}

td.width-75 {
    width: 75px;
}

td.width-100 {
    width: 100px;
}

td.width-125 {
    width: 125px;
}

td.width-150 {
    width: 150px;
}

td.width-200 {
    width: 200px;
}

td.width-250 {
    width: 250px;
}

body.m-aside-left--skin-dark .m-header .m-header-head {
    box-shadow: none;
}

#m_header_menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-size: 14px;
}

.m-nav-grid__row {
    background-color: var(--app-surface-muted);
}

.m-dropdown.m-dropdown--medium .profile-dropdown-wraper {
    width: 205px;
    padding-top: 0;
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__body {
    padding: 2px;
    background-color: var(--app-surface-muted);
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item {
    padding: 10px 0;
}

.m_header_topbar-li > .m-nav__link {
    padding: 0 !important;
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item .m-nav__link {
    padding: 0 20px !important;
    border-right: 1px solid var(--app-divider);
}

.m-dropdown .profile-dropdown-wraper .m-dropdown__content .m-nav__item .m-nav__link .m-nav__link-text {
    font-size: 12px;
    color: var(--app-brand-dark);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item {
    padding: 0 5px !important;
}

.m-nav__item .m-nav__link-icon .flaticon-grid-menu {
    padding-right: 20px;
    border-right: 1px solid var(--app-divider);
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 10px 10px;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell {
    padding: 4px 10px;
}

#activity_log .m-list-timeline__item .m-list-timeline__time {
    width: 200px;
}

.btn-808080,
.btn-808080:hover {
    background-color: var(--app-gray-500);
    color: #ffffff;
}

.simple-date-range_picker input,
.range_picker input {
    text-align: left;
}

.kanban-board {
    background: #eef0f5 !important;
}

.kanban-board-header .kanban-title-board {
    font-size: 12px;
    font-weight: 400;
}

.kanban-board .kanban-drag {
    padding: 5px !important;
}

.list-view-breadcrumbs .m-nav__link-text {
    font-size: 16px !important;
}

.bottom-bordered-form td .m-bootstrap-select {
    background-color: transparent;
}

.m-datatable--loaded {
    min-height: 300px;
}

table.employee-table tbody .untouched_row_cell {
    background-color: #f5f5f5;
}

.m-checkbox-inline .checkbox {
    display: inline-block;
    margin-right: 15px;
}

#m_header {
    background-color: #2d2d2d;
    color: #ffffff;
}

.m--font-warning-custom {
    color: var(--app-accent-orange);
}

.m--font-success-custom {
    color: #00D12B;
}

.m--font-primary-custom {
    color: #225C9A;
}

.padding-0 {
    padding: 0 !important;
}

.padding-l-0 {
    padding-left: 0 !important;
}

.padding-r-0 {
    padding-right: 0 !important;
}

.padding-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

.padding-tb-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-t-0 {
    padding-top: 0 !important;
}

.padding-b-0 {
    padding-bottom: 0 !important;
}

.margin-b-0 {
    margin-bottom: 0 !important;
}

.margin-t-0 {
    margin-top: 0 !important;
}

.margin-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.form-left-action-ul .m-nav__link,
.form-right-action-ul .m-nav__link {
    padding: 5px 0 !important;
}

.form-left-action-ul .m-nav__link-icon,
.form-right-action-ul .m-nav__link-icon {
    color: #6f727d !important;
    font-size: 1.2rem !important;
}

.form-left-action-ul .m-nav__item {
    padding: 0 5px !important;
    border-right: 2px solid #e5e5e8;
}

.form-right-action-ul .m-nav__item {
    padding: 0 5px !important;
    max-height: 40px;
}

.m-widget5__section {
    display: table-cell;
    vertical-align: top;
    padding-left: 1.43rem;
    padding-top: 0.3rem;
}

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

.font-12 {
    font-size: 12px;
}

.font-10 {
    font-size: 10px;
}

.lead-stage {
    min-height: 25px;
    position: relative;
    color: white;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    padding-top: 6px;
    margin: 0 20px;
}

.lead-stage:after {
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 14px solid white;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.lead-stage:before {
    content: "";
    position: absolute;
    right: -25px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.font-color-blue {
    color: var(--app-accent-blue);
    cursor: pointer;
}

.font-color-black {
    color: var(--app-brand-dark);
}

.light-green-stage {
    background: #7fe894;
}

.light-green-stage:before {
    border-left: 25px solid #7fe894;
}

.dark-green-stage {
    background: #61c686;
}

.dark-green-stage:before {
    border-left: 25px solid #61c686;
}

.dark-red-stage {
    background: var(--app-accent-red);
}

.dark-red-stage:before {
    border-left: 25px solid var(--app-accent-red);
}

.dark-yellow-stage {
    background: #efb167;
}

.dark-yellow-stage:before {
    border-left: 25px solid #efb167;
}

.dark-blue-stage {
    background: #00a1e0;
}

.dark-blue-stage:before {
    border-left: 25px solid #00a1e0;
}

.sea-green-stage {
    background: #37c6d0;
}

.sea-green-stage:before {
    border-left: 25px solid #37c6d0;
}

.maroon-stage {
    background: #9d71a8;
}

.maroon-stage:before {
    border-left: 25px solid #9d71a8;
}

.disabled-stage {
    background: #f0f0f0;
    color: #939496;
}

.disabled-stage:before {
    border-left: 25px solid #f0f0f0;
}

.quick-update-form .form-group {
    margin-bottom: 0px !important;
}

.m-widget5 .m-widget5__item {
    border-bottom: 1px solid #ebedf2;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}

.m-widget5 .m-widget5__item .widget-item-image {
    display: table-cell;
    width: 50px;
}

.m-widget5 .m-widget5__item .widget-item-desc {
    display: table-cell;
    vertical-align: top;
    padding-left: 5px;
}

.form-top-action {
    background-color: var(--app-surface-muted);
    margin-top: -15px;
}

.form-top-action .btn_delete_with_popup .la-trash {
    color: var(--app-danger) !important;
}

.brokerage-confirm {
    color: white;
    height: 20px;
    width: 20px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}

.brokerage-confirm-red {
    background-color: #E87878;
}

.brokerage-confirm-green {
    background-color: #2CE69B;
}

.quick-select-button .bootstrap-select.btn-group > .dropdown-toggle:after,
.quick-input-2-select-button .bootstrap-select.btn-group > .dropdown-toggle:after {
    display: none !important;
}

.quick-select-button .bootstrap-select.btn-group > .dropdown-toggle,
.quick-input-2-select-button .bootstrap-select.btn-group > .dropdown-toggle {
    padding-right: 1rem !important;
}

.quick-select-button .bootstrap-select.btn-group > .dropdown-toggle .filter-option,
.quick-input-2-select-button .bootstrap-select.btn-group > .dropdown-toggle .filter-option {
    text-align: center !important;
}

.btn-default-white {
    color: #000000 !important;
    background-color: #ffffff !important;
    font-weight: 600;
    border-radius: 0 !important;
    border-bottom: 0.5px solid #000000 !important;
}

.btn-default-grey {
    color: #000000 !important;
    background-color: var(--app-gray-100) !important;
    border-color: var(--app-gray-100) !important;
    font-weight: 600;
    border-radius: 0 !important;
}

.btn-green {
    color: #0BC91E !important;
    background-color: #ffffff !important;
    font-weight: 600;
    border-radius: 0 !important;
    border-bottom: 0.5px solid #000000 !important;
}

.btn-red {
    color: var(--app-accent-red) !important;
    background-color: #ffffff !important;
    border-color: #f333331a !important;
    font-weight: 600;
    border-radius: 0 !important;
    border-bottom: 0.5px solid #000000 !important;
}

.btn-yellow {
    color: var(--app-accent-orange) !important;
    background-color: #ffffff !important;
    font-weight: 600;
    border-radius: 0 !important;
    border-bottom: 0.5px solid #000000 !important;
}

.btn-blue {
    color: var(--app-accent-blue) !important;
    background-color: #ffffff !important;
    font-weight: 600;
    border-radius: 0 !important;
    border-bottom: 0.5px solid #000000 !important;
}

.form-border-bottom {
    border-bottom: 2px solid var(--app-divider);
}

.large-font-lable {
    font-weight: 500;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.display-table {
    display: table !important;
}

.display-table-cell {
    display: table-cell !important;
}

.recordNavigator {
    width: 25px !important;
}

.lead-image {
    height: 90px !important;
    width: 90px !important;
    cursor: pointer;
}

.lead-image-small {
    height: 60px !important;
    width: 60px !important;
    cursor: pointer;
}

.lead-image img,
.lead-image-small img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.noborder-select .bootstrap-select.btn-group > .dropdown-toggle {
    border: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.noborder-select .bootstrap-select.btn-group > .dropdown-toggle i {
    font-size: 16px;
}

.noborder-select .bootstrap-select,
.noborder-select .dropdown-toggle {
    background-color: transparent !important;
}

.noborder-select .bootstrap-select.btn-group > .dropdown-toggle:after {
    display: none;
}

.noborder-select .dropdown-menu.open.show {
    min-width: 150px;
}

.select-text-color-light-green {
    color: #7fe894;
}

.select-text-color-dark-green {
    color: #00d12b;
}

.select-text-color-dark-grey {
    color: var(--app-gray-500);
}

.select-text-color-dark-red {
    color: var(--app-accent-red);
}

.display-block {
    display: block;
}

.list-counter {
    position: absolute !important;
    left: 40%;
    height: auto !important;
}

.list-counter .m-portlet__nav-item {
    display: inline-block !important;
    margin: 0 10px;
    padding: 6px 10px !important;
}

.li-nurturing {
    background-color: rgba(34, 92, 154, 0.05);
}

.li-initiated {
    background-color: rgba(255, 137, 19, 0.05);
}

.li-inprogress {
    background-color: rgba(0, 209, 43, 0.05);
}

.list-counter h2,
.list-counter h6 {
    font-weight: 600;
}

@media only screen and (max-width: 1500px) {
    .list-counter {
        left: 30%;
    }

    .list-counter h2 {
        font-size: 1.5rem;
    }

}

@media only screen and (max-width: 1300px) {
    .list-counter {
        left: 25%;
    }

}

@media only screen and (max-width: 1200px) {
    .list-counter {
        left: 20%;
    }

}

.breadcrumn-root {
    text-transform: uppercase;
    font-weight: 600 !important;
}

.form-row-one-right-ul {
    padding: 15px 0;
}

.form-row-one-right-ul .m-nav__item {
    padding: 5px 20px !important;
    border-right: 1px solid var(--app-divider);
}

.form-row-one-right-ul .m-nav__item:last-child {
    border-right: none var(--app-divider);
    padding-right: 0 !important;
}

.quick-update-form .col-form-label.m--font-boldest {
    color: #575976;
}

.details-sub-head {
    color: var(--app-brand-dark);
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.status_cold {
    color: #0095FF !important;
}

.status_warm {
    color: var(--app-accent-orange) !important;
}

.status_hot {
    color: var(--app-accent-red) !important;
}

.btn.btn-outline-black {
    color: var(--app-brand-dark);
    border-radius: 0;
    border-color: var(--app-brand-dark);
}

.btn.icon-btn--black {
    color: #ffffff;
    border-radius: 0;
    border-color: var(--app-brand-dark);
    background-color: var(--app-brand-dark);
}

.btn-font-bold {
    font-weight: 600 !important;
    color: var(--app-brand-dark);
}

#filter-container {
    margin-bottom: 15px !important;
}

#filter-container .m-portlet__body {
    padding: 5px !important;
}

#filter-container .table td {
    border-top: none !important;
}

.todays-followups,
.missed-followups {
    position: relative;
    padding: 0 15px !important;
    cursor: pointer;
}

.todays-followups a,
.missed-followups a {
    color: #000000;
}

.todays-followups .m-badge,
.missed-followups .m-badge {
    position: absolute;
    top: 10px;
    right: 5px;
}

.missed-followups .m-badge {
    background-color: #F44336;
    color: #ffffff;
}

.todays-followups .m-badge {
    background-color: #2CE69B;
    color: #ffffff;
}

.form-doc-list .m-list-search__result-item i,
.form-financial-doc-list .m-list-search__result-item i {
    font-size: 2.3rem;
    color: var(--app-brand-dark);
}

.form-doc-list .m-list-search__result-item-text,
.form-financial-doc-list .m-list-search__result-item-text {
    padding: 0 10px;
}

.sourceIdSelect .dropdown-menu.open.show {
    width: 300px;
}

.btn-black-bg {
    background-color: var(--app-brand-dark) !important;
    color: #ffffff !important;
}

.btn-delete-selected {
    background-color: #f44336 !important;
    color: #ffffff !important;
}

.btn-multiple-record-action {
    border-radius: 0;
}

.franchisee-select .btn.dropdown-toggle {
    border: 2px solid var(--app-brand-dark);
    border-radius: 0 !important;
    padding: 10px;
}

.franchisee-select .btn.dropdown-toggle .filter-option {
    text-align: center;
    font-weight: 600;
    color: var(--app-brand-dark);
}

.custom_black_badge {
    display: inline-block;
    margin: 2px;
    padding: 2px 7px;
    cursor: pointer;
}

.light-border {
    border: 1px solid var(--app-gray-300);
}

ul.property-details-sub-tabs {
    border-bottom: none;
    margin-bottom: 10px !important;
}

ul.property-details-sub-tabs .m-tabs__item {
    text-align: center;
    padding: 0px;
    margin: 0 !important;
    border: 1px solid var(--app-gray-300);
}

ul.property-details-sub-tabs .m-tabs__link {
    padding: 10px 20px;
    border-radius: 0;
}

ul.property-details-sub-tabs a.m-tabs__link:hover {
    border-bottom: none !important;
}

ul.property-details-sub-tabs a.m-tabs__link.active {
    background: var(--app-gray-500) !important;
    color: #ffffff !important;
    border-bottom: none !important;
}

.tc {
    width: 100px;
    height: 100px;
}

.property-gallery-image-box {
    height: 100px;
    width: 100px;
    text-align: center;
}

.property-gallery-image-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    cursor: pointer;
}

.property-gallery-image-upload-box {
    border: 1px dashed #000000;
    cursor: pointer;
}

.property-gallery-image-box:hover .gallery-image-feature-text {
    display: block !important;
}

.gallery-image-feature-text {
    position: absolute;
    color: black;
    background-color: white;
    font-size: 10px;
    text-align: center;
    width: 100%;
    height: 25px;
    bottom: 0;
    display: none;
    padding-top: 5px;
    font-weight: 500;
}

.sub-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f4f5f8;
}

.dark-grey-badge {
    background-color: #666666;
    color: white;
}

.black-badge {
    background-color: var(--app-brand-dark);
    color: white;
}

.m-widget5 .m-widget5__item .m-widget5__desc b {
    color: var(--app-brand-dark);
}

.quick-input-2-select {
    width: 100% !important;
}

.bottom-bordered-form .quick-input-2:focus,
.bottom-bordered-form .select2-container--focus {
    border-color: blue !important;
}

.blockUI.blockMsg.blockElement {
    top: 30% !important;
    left: 50% !important;
}

.colored-select .bs-placeholder {
    background-color: #ffffff;
    color: black;
}

.btn-prop-status-available {
    font-weight: 600;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-bottom: 1px solid var(--app-brand-dark);
    color: #69a84f !important;
}

.btn-prop-status-sold {
    font-weight: 600;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-bottom: 1px solid var(--app-brand-dark) !important;
    color: #cc0000 !important;
}

.btn-prop-status-onhold {
    font-weight: 600;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-bottom: 1px solid var(--app-brand-dark) !important;
    color: #e69134 !important;
}

.btn-prop-status-leased {
    font-weight: 600;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-bottom: 1px solid var(--app-brand-dark) !important;
    color: #ff00fa !important;
}

.btn-prop-status-underoffer {
    font-weight: 600;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-bottom: 1px solid var(--app-brand-dark) !important;
    color: #4888e3 !important;
}

.link-color-black,
.link-color-black:hover,
.link-color-black:focus {
    color: var(--app-brand-dark);
    outline: none;
}

.dark-green-badge {
    background-color: #66a857;
    color: white;
}

.dark-blue-badge {
    background-color: #488091;
    color: white;
}

.dark-blue-2-badge {
    background-color: #1354cd;
    color: white;
}

.dark-purple-badge {
    background-color: #361c73;
    color: white;
}

.widget-bg-color-blue {
    background-color: #3773a5;
    color: #ffffff;
}

.widget-bg-color-green .m-widget4__title,
.widget-bg-color-green .m-widget4__sub,
.widget-bg-color-blue .m-widget4__title,
.widget-bg-color-blue .m-widget4__sub,
.widget-bg-color-accent .m-widget4__title,
.widget-bg-color-accent .m-widget4__sub,
.widget-bg-color-primary .m-widget4__title,
.widget-bg-color-primary .m-widget4__sub,
.widget-bg-color-warning .m-widget4__title,
.widget-bg-color-warning .m-widget4__sub {
    color: #ffffff;
}

.widget-bg-color-accent {
    background-color: #00c5dc;
    color: #ffffff;
}

.widget-bg-color-warning {
    background-color: #ffb822;
    color: #ffffff;
}

.widget-bg-color-primary {
    background-color: #5867dd;
    color: #ffffff;
}

.widget-bg-color-green {
    background-color: #34bfa3;
    color: #ffffff;
}

.widget-cold {
    color: var(--app-accent-blue) !important;
    background-color: #3366ff1a !important;
}

.widget-cold .m-widget4__title,
.widget-cold .m-widget4__sub {
    color: var(--app-accent-blue) !important;
}

.widget-warm {
    color: var(--app-accent-orange) !important;
    background-color: #ff89131a !important;
}

.widget-warm .m-widget4__title,
.widget-warm .m-widget4__sub {
    color: var(--app-accent-orange) !important;
}

.widget-hot {
    color: var(--app-accent-red);
    background-color: #f333331a;
}

.widget-hot .m-widget4__title,
.widget-hot .m-widget4__sub {
    color: var(--app-accent-red) !important;
}

.btn-save-summernote {
    position: absolute;
    top: 13px;
    z-index: 2;
    right: 20px;
}

label.selectedable-label {
    border: 1px solid var(--app-gray-200);
    line-height: 40px;
    width: 100%;
    color: var(--app-brand-dark);
    text-align: center;
    margin: 0;
    cursor: pointer;
}

label.selectedable-label-small {
    border: 1px solid var(--app-gray-200);
    line-height: 20px;
    width: 100%;
    color: var(--app-brand-dark);
    text-align: center;
    margin: 0;
    cursor: pointer;
}

input[type=checkbox].selectedable-label-checkbox,
input[type=radio].selectedable-label-checkbox {
    display: none;
}

input.selectedable-label-checkbox:checked + label.selectedable-label {
    background-color: var(--app-gray-500);
    color: #ffffff;
}

input.selectedable-label-checkbox:checked + label.selectedable-label-small.selectedable-label-danger {
    background-color: var(--app-danger);
    color: #ffffff;
}

input.selectedable-label-checkbox:checked + label.selectedable-label-small.selectedable-label-info {
    background-color: #36a3f7;
    color: #ffffff;
}

.has-error .form-control-error {
    text-align: left;
}

.bootstrap-tagsinput .tag.label.label-info {
    line-height: 2;
}

span.select2-dropdown {
    z-index: 9999;
}

.list-filter-icon {
    margin-top: 3px;
    cursor: pointer;
}

.quick-update-form .m-portlet__head {
    height: 0;
}

.onClickToggle {
    cursor: pointer;
}

.list-view-breadcrumbs .form-control.m-bootstrap-select .dropdown-toggle {
    border-bottom: none !important;
    color: var(--app-brand-dark);
    font-size: 16px;
    font-weight: 600;
}

a.btn-ajax-submit.disabled {
    pointer-events: none;
    cursor: default;
}

.list-view-breadcrumbs .dropdown-menu.open.show {
    min-width: 150px;
}

.list-view-breadcrumbs .btn-group.bootstrap-select {
    width: auto !important;
}

.notification_list_container .m-list-timeline .m-list-timeline__items:before,
.notification_list_container .m-list-timeline .m-list-timeline__items .m-list-timeline__item:first-child:before {
    display: none !important;
}

#notification_badge {
    font-size: 12px;
    line-height: 15px;
    min-height: 15px;
    min-width: 15px;
    position: absolute;
    top: 3px;
}

.unread_notification {
    background-color: var(--app-gray-100);
}

.notification_list_container .m-list-timeline__item {
    cursor: pointer;
}

.notification_list_container .m-list-timeline__item:hover {
    background-color: #f9f9f9;
}

.quick-update-form .bootstrap-select.btn-group > .dropdown-toggle.btn-default.disabled {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px !important;
    background-color: white;
}

.pac-logo:after {
    display: none;
}

.pac-item:hover {
    background-color: var(--app-body-bg);
    cursor: pointer;
}

.list-pin-image {
    width: 15px;
}

.form-accordion-container {
    margin: 0 -15px;
    padding: 0px 50px;
}

.td-width-100-dot {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.margin-b-2 {
    margin-bottom: 2px;
}

.border-radius-0 {
    border-radius: 0;
}

.hover-pointer {
    cursor: pointer;
}

.opportunity-top-counter {
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    display: inline-block;
}

.opportunity-top-counter-success {
    background-color: #34bfa3;
    color: #fff;
}

.opportunity-top-counter-danger {
    background-color: var(--app-danger);
    color: #fff;
}

.opportunity-top-counter-info {
    background-color: #36a3f7;
    color: #fff;
}

@media only screen and (max-width: 1300px) {
    .form-left-action-ul .m-nav__item .m-nav__link .m-nav__link-text,
    .form-left-action-ul .m-nav__item i,
    .form-left-action-ul .m-nav__item .btn.dropdown-toggle {
        font-size: 12px !important;
    }

    .form-left-action-ul .m-nav__item {
        padding: 0 5px !important;
    }

    .form-right-action-ul .m-nav__item .m-nav__link,
    .form-right-action-ul .m-nav__item .m-nav__link i {
        font-size: 12px !important;
    }

}

.div-border-bottom-light {
    border-bottom: 1px solid #ebedf2;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}

.kanban-item p {
    margin-bottom: 2px;
}

.past_project_list .list-group-item {
    padding: 0.2rem;
    border: none;
}

.min-height-250 {
    min-height: 250px;
}

.nav-tabs.light-border-tab .nav-link.active {
    border-color: var(--app-gray-300) var(--app-gray-300) #fff !important;
}

.tab-content.light-border-tab-content {
    border: 1px solid var(--app-gray-300) !important;
}

.nav-tabs.light-border-tab {
    margin-bottom: 0 !important;
}

.m-portlet .m-portlet__head_4_rem {
    height: 4rem !important;
}

.select2-container--disabled {
    border-color: #000000 !important;
}

.select2-container--disabled .select2-selection--single {
    background-color: #ffffff !important;
}

.margin-t-2 {
    margin-top: 2px;
}

.m-nav.form-left-action-ul .m-nav__item > .m-nav__link .m-nav__link-icon,
.m-nav.form-right-action-ul .m-nav__item > .m-nav__link .m-nav__link-icon {
    width: 20px;
}

#notification_list .m-list-timeline__text {
    vertical-align: top;
}

.opacity_50 {
    opacity: 0.5;
}

.margin-t--15 {
    margin-top: -15px;
}

#mainrecordForm input[type=text],
#mainrecordForm textarea,
#mainrecordForm select,
#mainrecordForm .form-control .btn-default,
#mainrecordForm .select2-selection__rendered {
    padding-left: 0px;
}

.m-topbar__userpic {
    width: 40px;
    height: 40px;
}

.m-topbar__userpic img {
    width: 100%;
    height: 100%;
}

.dashboard-lead-table-div td {
    padding: 0.35rem 0.75rem;
}

.dashboard-lead-table-div .m-datatable__pager {
    padding: 0 10px;
    margin-top: 5px !important;
}

input.percentage-mask {
    text-align: left !important;
}

#quickMessageModal .note-group-select-from-files {
    display: none;
}

.border-blue {
    border: 2px solid #668dd2;
}

.btn-marketing-task {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

.pending-badge {
    background-color: dodgerblue;
    color: white;
}

.inprocess-badge {
    background-color: orange;
    color: black;
}

.completed-badge {
    background-color: green;
    color: white;
}

.rejected-badge {
    background-color: red;
    color: black;
}

.f-1-1 {
    font-size: 1.1rem !important;
}

.text-low-priority {
    color: #228b22;
}

.text-moderate-priority {
    color: #f1bb00;
}

.text-medium-priority {
    color: #eb8d0d;
}

.text-high-priority {
    color: #f2451c;
}

.text-urgent-priority {
    color: #c80d0d;
}

#campaigns_count_badge {
    font-size: 12px;
    line-height: 15px;
    min-height: 15px;
    min-width: 15px;
    position: absolute;
    top: 0;
    margin-left: 7px;
}

.franchisee_dropdown_container .parent {
    font-weight: bold !important;
}

.franchisee_dropdown_container .child {
    margin-left: 2% !important;
}

.no-btn-border {
    border:none !important;
}

#c_total_amt,
#total_amt {
    font-weight: 700;
}

.reciept {
    border-radius: unset !important;
    width: 20px !important;
    height: 19px !important;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.reciept-red {
    background-color: #E87878;
}

.btn-verification {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

.required_field_label:after {
    content:" *";
    color: red;
}

.m-datatable .m-datatable__limit-control {
    display: flex !important;
}

.m-datatable .m-datatable__limit-control .control-label {
    padding-top: 5px !important;
}

.m-datatable .m-datatable__limit-control #limit {
    margin-left: 10px !important;
}

.m-tabs-line.nav.nav-tabs .form-tab-error .nav-link,
.m-tabs-line .form-tab-error a.m-tabs__link {
    color: red !important;
}

.m-badge.m-badge--wide.btnOpenOfferModal {
    background-color: #DFFF00;
    color: #000;
    margin-top: 15px;
    font-weight: bold;
}

.m-badge.m-badge--wide.add_payment_condition {
    margin-top: 5px;
    background-color: #61c686;
    color: #fff;
}