.m-brand {
    width: 285px;
}

.display-flex {
    display: flex;
}


/* todo: update css workaround,
in the new version of metronic this is fixed already */

.m-aside-left--hide .m-footer {
    margin-left: 0!important;
}

.m-widget4.m-widget4--progress .m-widget4__progress .m-widget4__progress-wrapper .progress {
    display: flex;
}

video.preview-camera {
    width: 100%;
}

#m_accordion_plans .m-accordion__item-head {
    cursor: auto !important;
}

#m_accordion_plans .m-accordion__item-mode {
    cursor: pointer;
    margin-right: -10px;
}

.m-accordion.m-accordion--toggle-arrow .m-accordion__item .m-accordion__item-head .m-accordion__item-mode.collapsed:before {
    content: "";
}

.m-accordion.m-accordion--toggle-arrow .m-accordion__item .m-accordion__item-head .m-accordion__item-mode:before {
    content: "";
}

a[disabled],
div[disabled],
span[disabled] {
    pointer-events: none;
    cursor: not-allowed;
}

.m-topbar__userpic [class^="flaticon-"],
.m-topbar__userpic [class*=" flaticon-"] {
    font-size: 2.5rem;
}


/* Tables */

table.m-table .m-btn--icon.m-btn--icon-only i {
    font-size: 1.6rem;
}

.sd-table th,
.sd-table td {
    vertical-align: middle;
    padding: 0.45rem 0.75rem;
}

.sd-table {
    text-align: center;
}


/* Icons */

.inside-icon {
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    font-size: 0.8em !important;
}

.btn[disabled=disabled],
.m-badge[disabled=disabled] {
    opacity: 0.4;
}


/* Membership buttons */

.m-widget4__ext {
    white-space: nowrap;
}


/* Top bar dealerships/carwashes selectbox */

.company-names {
    min-width: 250px;
    text-align: right;
    font-weight: bold;
    color: #005164;
}

.company-names .bootstrap-select.btn-group>.dropdown-toggle {
    border: 0;
}

.company-names .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
    padding-right: 0.65rem;
    font-size: 1.75rem;
    font-weight: bold;
    color: #005164;
}


/* Error Pages */

.m-error-5 .m-error_container .m-error_subtitle {
    margin-right: 16em;
}

.m-error-5 .m-error_container .m-error_title>h1 {
    margin-top: 8rem;
    font-size: 11rem;
    color: #005164;
}

.logo_error {
    text-align: center;
    margin-top: 3em;
}


/* Loader */

.m-loader {
    pointer-events: none;
}


/* Datatatable */


/* Loading */

div.dataTables_wrapper div.dataTables_processing {
    position: fixed !important;
}

.datatable-img {
    max-height: 30px;
    max-width: 50px;
    margin-right: 10px;
}


/*** Form elements ***/


/* Carwashes & Dealerships */

.form-control.m-input--fixed-xsmall, .m-input--fixed-xsmall {
    display: inline-block;
    width: 60px;
}

.form-control.m-input--fixed-xxsmall, .m-input--fixed-xxsmall {
    display: inline-block;
    width: 50px;
}


/* Readonly elemenmts */

.form-control[readonly] {
    background-color: #ebedf2;
}


/* Datatable filters */

.flex-item.sd-header-filter {
    flex-grow: 1;
    padding: 0 10px;
}

.flex-item.sd-header-filter label,
.sd-top-filter label {
    width: 100%;
}

.sd-top-filter{
    margin-bottom: 10px;
}

.disp-inl-block {
    display: inline-block;
}


/* Permissions Compare */

.perm_source_exists:after,
.perm_source_notexists:after {
    content: ' ';
    background-color: #c4c5d642;
    border: 1px solid #c4c5d64f;
    border-radius: 5px;
    display: block;
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 8px);
    top: 0;
    left: 0;
    margin: -4px -5px -4px;
}

.perm_source_exists:before,
.perm_source_notexists:before {
    position: absolute;
    left: -23px;
    top: 2px;
    font: normal normal normal 14px/1 FontAwesome;
}

.perm_source_exists:before {
    content: "\f061";
    color: #34bfa3;
}

.perm_source_notexists:before {
    content: "\f060";
    color: #ffb822;
}

.perms_need_sync:before {
    content: "\f071";
    color: #ffb822;
    margin-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
}

.m-list-search__result-item {
    padding: 10px;
}


/* Image Upload */

.img-upl-bl {
    margin: 1rem 0;
    position: relative;
    border: 1px solid #5867dd;
    border-radius: 6px;
    text-align: center;
}

.img-upl-bl a.img-upl-remove {
    position: absolute;
    top: .6rem;
    right: .6rem;
    display: none;
}

.img-upl-msg {
    margin: 1rem 0;
    display: none;
}

.img-upl-bl:hover a.img-upl-remove {
    display: block;
}

.img-upl-bl a.img-upl-remove .fa {
    font-size: 1.7rem;
}

.img-upl-bl img {
    max-width: 100%;
    max-height: 100%;
}

.company-dealership-details {
    font-size: 1.75rem;
}

.company-dealership-details * {
    font-size: 1rem;
}

td a.m-btn--icon.m-btn--icon-only{
    width: 28px;
    height: 28px;
}

.highlight-bg{
    background-color: #ffe14f;
}

.state + .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none !important;
}

/* Hide the dropdown arrow */
.state + .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}
/* mohit 03 Jan. 2024 */

/**/


/* Form Wizard Additions */


/*
.m-wizard+.m-portlet__foot [data-wizard-action="submit"] {
    display: none; }

.m-wizard+.m-portlet__foot [data-wizard-action="prev"], .m-wizard.m-wizard--step-first+.m-portlet__foot [data-wizard-action="prev"] {
    display: none; }

.m-wizard.m-wizard--step-last+.m-portlet__foot [data-wizard-action="submit"] {
    display: inline-block !important; }

.m-wizard.m-wizard--step-last+.m-portlet__foot [data-wizard-action="next"] {
    display: none !important; }

.m-wizard.m-wizard--step-last+.m-portlet__foot [data-wizard-action="prev"] {
    display: inline-block !important; }

.m-wizard.m-wizard--step-between+.m-portlet__foot [data-wizard-action="next"] {
    display: inline-block !important; }

.m-wizard.m-wizard--step-between+.m-portlet__foot [data-wizard-action="prev"] {
    display: inline-block !important; }
*/

.disabled {
    /* background-color: #ebedf2 !important; */
}

@media (min-width: 1600px) {
    .modal-xlg {
        max-width: 1500px;
    }
}

@media (max-width: 1599.99px) {
    .position-fixed-lg {
        position: fixed !important;
    }
    .modal-xlg {
        max-width: 1150px;
    }
}

@media (max-width: 1199.99px) {
    .modal-xlg {
        max-width: 900px;
    }
}

@media (max-width: 991.99px) {
    .modal-xlg {
        max-width: 100%;
    }
}

@media (min-width: 991.99px) {
    .m-header-menu .m-menu__nav > .m-menu__item{
        padding: 20px;
    }
}