@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@100..900&display=swap";

body {
    font-family: "Public Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 0 !important;
    line-height: 1.2;
    background-color: #fbfbfb;
    color: #3e3e3e;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh
}

a {
    transition: all ease-in-out .3s
}

    a:hover, a:focus {
        transition: all ease-in-out .3s;
        outline: none
    }

select:focus-visible {
    outline: -webkit-focus-ring-color auto 0px
}

.form-control:focus, .form-select:focus {
    box-shadow: none;
    border-color: #47697e
}

input[readonly] {
    background-color: #e9ecef;
    color: #6c757d !important
}

h1 {
    font-family: "Public Sans",sans-serif;
    font-size: 25px
}

h2 {
    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;
    color: #1f2d3e
}

h3 {
    font-size: 18px;
    font-weight: 600
}

@media(max-width: 991px) {
    h3 {
        font-size: 21px
    }
}

@media(max-width: 767px) {
    h3 {
        font-size: 18px
    }
}

h4 {
    font-family: "Public Sans",sans-serif;
    font-size: 30px
}

@media(max-width: 991px) {
    h4 {
        font-size: 25px
    }
}

h5 {
    font-family: "Public Sans",sans-serif;
    font-size: 20px;
    line-height: 1.5
}

h6 {
    font-family: "Public Sans",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px
}

a:hover {
    text-decoration: none
}

.container-xl {
    max-width: 1882px
}

.pb-17 {
    padding-bottom: 17rem !important
}

.mt-n20 {
    margin-top: -19.1rem !important
}

.mt-blue {
    background-color: #00cbfd
}

.mt-n-blue {
    background-color: #47697e
}

.mt-canary {
    background-color: #fe9d21
}

.mt-title-outer {
    background: url("../images/bg-pattern.jpg") no-repeat 0 0;
    background-size: cover;
    padding: 33px 0 0 0
}

.mt-title {
    display: flex
}

.mt-block {
    padding: 60px 0
}

.form-control {
    font-size: 14px
}

.navbar-toggler {
    border: none;
    margin-left: auto
}

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none
    }

.navbar {
    background-color: #fff;
    box-shadow: 0 3px 18px rgba(0,0,0,.6);
    position: relative;
    z-index: 99
}

    .navbar .navbar-nav .nav-item {
        font-size: 12px;
        color: #3e3e3e;
        position: relative;
        padding: 2px 20px;
        text-align: center;
        max-width: 120px;
        line-height: 1.2
    }

@media only screen and (max-width: 1400px) {
    .navbar .navbar-nav .nav-item {
        padding: 0 10px
    }
}

.navbar .navbar-nav .nav-item:before {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #e2e2e2;
    top: 0;
    left: 0;
    content: ""
}

.navbar .navbar-nav .nav-item span {
    display: block;
    margin-bottom: 5px
}

    .navbar .navbar-nav .nav-item span i {
        font-size: 18px;
        color: #3e3e3e
    }

.navbar .navbar-nav .nav-item:hover, .navbar .navbar-nav .nav-item.active {
    opacity: 1;
    color: #009eff
}

    .navbar .navbar-nav .nav-item:hover i, .navbar .navbar-nav .nav-item.active i {
        color: #009eff
    }

.navbar .navbar-nav .nav-item.mt-notification i {
    position: relative
}

    .navbar .navbar-nav .nav-item.mt-notification i:after {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: red;
        content: "";
        position: absolute;
        right: 3px;
        top: 0
    }

@media only screen and (max-width: 1199px) {
    .mt-navbar {
        position: absolute;
        width: 100%;
        top: 84px;
        background: #47697e;
        z-index: 99;
        left: 0;
        box-shadow: 0 6px 12px rgba(0,0,0,.16)
    }

        .mt-navbar a.nav-item {
            color: #fff !important;
            max-width: inherit !important;
            text-align: left !important;
            padding: 15px 30px !important;
            font-size: 14px !important;
            opacity: 1 !important;
            border-bottom: solid 1px hsla(0,0%,100%,.1)
        }

            .mt-navbar a.nav-item span {
                display: inline-block !important;
                margin-right: 10px
            }

                .mt-navbar a.nav-item span i {
                    color: #fff !important
                }
}

.mt-title {
    display: flex;
    align-items: center
}

    .mt-title .mt-logo-meridian {
        padding-right: 42px;
        margin-right: 42px;
        position: relative;
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 10px
    }

        .mt-title .mt-logo-meridian:before {
            width: 2px;
            height: 100%;
            background-color: #fff;
            position: absolute;
            right: 0;
            top: 0;
            content: ""
        }

@media only screen and (max-width: 991px) {
    .mt-title .mt-logo-meridian {
        padding-right: 30px;
        margin-right: 30px
    }
}

@media only screen and (max-width: 768px) {
    .mt-title .mt-logo-meridian {
        padding-right: 15px;
        margin-right: 15px
    }
}

.mt-title .mt-title-content {
    padding-top: 24px;
    padding-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .mt-title .mt-title-content {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.mt-title .mt-title-content h1 {
    font-weight: 600;
    color: #fff;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 992px) {
    .mt-title .mt-title-content h1 {
        font-size: 21px
    }
}

@media only screen and (max-width: 768px) {
    .mt-title .mt-title-content h1 {
        font-size: 18px
    }
}

@media only screen and (max-width: 640px) {
    .mt-title .mt-title-content h1 {
        font-size: 14px
    }
}

.mt-title .mt-title-content span {
    font-size: 14px;
    color: #fff;
    margin: 0;
    display: inline-block;
    font-weight: 400
}

@media only screen and (max-width: 640px) {
    .mt-title .mt-title-content span {
        font-size: 12px
    }
}

.mt-card {
    box-shadow: 0px 6px 15px 0px hsla(0,0%,80%,.16);
    border-radius: 7px
}

    .mt-card .mt-card-header {
        padding: 20px;
        color: #fff;
        border-radius: 7px 7px 0 0
    }

    .mt-card .mt-card-footer {
        padding: 24px;
        background-color: #fff
    }

        .mt-card .mt-card-footer a {
            display: block;
            text-align: center;
            padding: 10px;
            border: solid 1px #2d3a40;
            border-radius: 7px;
            text-decoration: none;
            color: #2d3a40;
            text-transform: uppercase
        }

            .mt-card .mt-card-footer a:hover {
                background-color: #283e4d;
                color: #fff
            }

            .mt-card .mt-card-footer a:active, .mt-card .mt-card-footer a:focus {
                box-shadow: none;
                transition: all ease-in-out .3s;
                background-color: #e2f4ff;
                border-color: #e2f4ff;
                color: #61738e;
                cursor: not-allowed
            }

    .mt-card .mt-card-body {
        padding: 12px;
        background-color: #fff
    }

        .mt-card .mt-card-body .table-responsive {
            max-height: 380px;
            overflow-y: auto;
            min-height: 380px
        }

@media only screen and (max-width: 1400px) {
    .mt-card .mt-card-body .table-responsive {
        max-height: 240px;
        min-height: 240px
    }
}

.mt-card .mt-card-body table {
    width: 100% !important
}

    .mt-card .mt-card-body table th {
        color: #676767 !important;
        border-top: solid 1px #d9d9d9 !important;
        border-bottom: solid 1px #d9d9d9 !important;
        padding-top: 18px !important;
        padding-bottom: 18px !important
    }

@media only screen and (max-width: 1400px) {
    .mt-card .mt-card-body table th {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
}

.mt-card .mt-card-body table td {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    color: #757575 !important;
    border-color: #f7f7f7 !important;
    background-color: rgba(0,0,0,0) !important;
    vertical-align: middle !important
}

@media only screen and (max-width: 1400px) {
    .mt-card .mt-card-body table td {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
}

.mt-card .mt-card-body table tr {
    background-color: #fff !important
}

    .mt-card .mt-card-body table tr:hover {
        background-color: rgba(15,177,253,.2) !important
    }

        .mt-card .mt-card-body table tr:hover td {
            border-color: #fff !important;
            cursor: pointer
        }

    .mt-card .mt-card-body table tr.active {
        background-color: rgba(15,177,253,.2) !important
    }

        .mt-card .mt-card-body table tr.active td {
            border-color: #fff !important;
            cursor: pointer
        }

.mt-card .mt-card-info {
    padding: 10px;
    font-size: 15px;
    color: #757575;
    line-height: 25px;
    margin-bottom: 10px
}

    .mt-card .mt-card-info a {
        color: #00cbfd;
        font-weight: bold;
        text-decoration: none
    }

        .mt-card .mt-card-info a:hover {
            text-decoration: underline
        }

.mt-card .mt-items-block {
    display: flex;
    align-items: center
}

    .mt-card .mt-items-block .mt-items {
        border: solid 1px #fff;
        border-radius: 7px;
        padding: 8px 13px;
        margin-right: 25px;
        text-align: center;
        min-width: 72px
    }

@media only screen and (max-width: 1400px) {
    .mt-card .mt-items-block .mt-items {
        margin-right: 15px
    }
}

.mt-card .mt-items-block .mt-items span {
    font-size: 34px;
    display: block;
    line-height: normal;
    font-weight: bold
}

.mt-card .mt-items-block .mt-items p {
    font-size: 9px;
    color: #fff;
    margin: 0;
    text-transform: uppercase
}

.mt-card .mt-items-block .mt-items-list h2 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    color: #fff
}

@media only screen and (max-width: 1600px) {
    .mt-card .mt-items-block .mt-items-list h2 {
        font-size: 21px
    }
}

.mt-card .mt-items-block .mt-items-list p {
    position: relative;
    margin: 5px 0 0 0;
    padding: 0 0 0 12px;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase
}

    .mt-card .mt-items-block .mt-items-list p:before {
        width: 6px;
        height: 6px;
        border-radius: 100%;
        content: "";
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 3px
    }

.mt-dropdown-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%
}

@media only screen and (max-width: 1199px) {
    .mt-dropdown-group {
        padding-top: 14px
    }
}

@media only screen and (max-width: 980px) {
    .mt-dropdown-group {
        flex-wrap: wrap
    }
}

.mt-dropdown-group .mt-select-dropdown {
    padding: 0 10px
}

    .mt-dropdown-group .mt-select-dropdown .select2-container {
        border: none
    }

        .mt-dropdown-group .mt-select-dropdown .select2-container .selection .select2-selection--single {
            background-color: rgba(0,0,0,0);
            font-size: 16px;
            border: none
        }

            .mt-dropdown-group .mt-select-dropdown .select2-container .selection .select2-selection--single .select2-selection__arrow::before {
                color: #fff !important;
                right: 0 !important;
                font-size: 6px
            }

            .mt-dropdown-group .mt-select-dropdown .select2-container .selection .select2-selection--single .select2-selection__rendered {
                font-size: 16px;
                color: #fff;
                padding-right: 25px
            }

        .mt-dropdown-group .mt-select-dropdown .select2-container:hover, .mt-dropdown-group .mt-select-dropdown .select2-container:focus {
            border: none;
            outline: none
        }

    .mt-dropdown-group .mt-select-dropdown select {
        background-color: rgba(0,0,0,0);
        font-size: 16px;
        color: #fff;
        padding: 0 10px;
        border: none;
        width: 180px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .mt-dropdown-group .mt-select-dropdown select:focus {
            outline: none
        }

        .mt-dropdown-group .mt-select-dropdown select option {
            color: #47697e;
            padding: 10px
        }

.gj-dropdown-list-md {
    background-color: #fff;
    box-shadow: 2px 6px 12px rgba(155,155,155,.4);
    border-radius: 7px
}

.mt-filter-block {
    background-color: #424547;
    padding: 20px 0;
    min-height: 80px;
    max-height: 80px;
    align-items: center;
    display: flex
}

@media only screen and (max-width: 1600px) {
    .mt-filter-block {
        padding: 10px 0;
        min-height: 40px
    }

        .mt-filter-block .col-xl-8, .mt-filter-block .col-xl-4 {
            width: auto
        }

        .mt-filter-block .row {
            justify-content: space-between
        }
}

.mt-filter-block .mt-dropdown-group {
    margin: 0 !important
}

@media only screen and (max-width: 767px) {
    .mt-filter-block .mt-dropdown-group {
        padding-top: 5px
    }
}

.mt-cta {
    background-color: #fff;
    padding: 10px 20px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 7px;
    display: inline-block;
    color: #424547;
    text-decoration: none
}

    .mt-cta:hover {
        color: #fff !important;
        background-color: #0671b4
    }

    .mt-cta:active, .mt-cta:focus {
        box-shadow: none;
        transition: all ease-in-out .3s;
        background-color: #e2f4ff;
        color: #61738e !important;
        cursor: not-allowed
    }

.mt-filter {
    display: flex
}

    .mt-filter .mt-cta {
        max-width: 200px;
        width: 100%;
        text-align: center
    }

@media only screen and (max-width: 992px) {
    .mt-filter {
        flex-wrap: wrap
    }
}

.mt-filter .mt-action-group {
    display: flex;
    padding: 0 15px;
    position: relative;
    margin: 0;
    list-style-type: none
}

@media only screen and (max-width: 992px) {
    .mt-filter .mt-action-group {
        padding: 0;
        margin: 15px 0 0 0;
        justify-content: space-between;
        flex: 0 0 100%
    }
}

@media only screen and (max-width: 660px) {
    .mt-filter .mt-action-group {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.mt-filter .mt-action-group .mt-filter-action {
    padding: 0 22px;
    color: #fff;
    text-decoration: none;
    display: block
}

@media only screen and (max-width: 1400px) {
    .mt-filter .mt-action-group .mt-filter-action {
        padding: 0 15px
    }
}

.mt-filter .mt-action-group .mt-filter-action a {
    font-size: 15px
}

.mt-filter .mt-action-group .mt-filter-action:hover {
    color: #10b1fc
}

    .mt-filter .mt-action-group .mt-filter-action:hover i {
        color: #10b1fc
    }

.mt-filter .mt-action-group .mt-filter-action.active {
    color: #10b1fc
}

    .mt-filter .mt-action-group .mt-filter-action.active i {
        color: #10b1fc
    }

.mt-filter .mt-action-group .mt-filter-action i {
    margin-right: 10px
}

@media only screen and (max-width: 992px) {
    .mt-filter .mt-action-group .mt-filter-action:first-child {
        padding-left: 0
    }
}

@media only screen and (max-width: 660px) {
    .mt-filter .mt-action-group .mt-filter-action {
        padding: 0 24px 0 0 !important;
        margin: 7px 0
    }
}

.mt-filter .form-switch {
    margin: 0 0 5px auto !important
}

.mt-siteplan {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (max-width: 1400px) {
    .mt-siteplan {
        flex-wrap: wrap
    }
}

.mt-table-wrap .dt-length {
    display: none
}

.mt-table-wrap .row:first-child .dataTables_length {
    display: none
}

.mt-table-wrap tr th:first-child .dt-column-order {
    display: none !important
}

.mt-table-wrap .table {
    border-collapse: separate;
    border-spacing: 0 10px !important;
    width: 100% !important
}

    .mt-table-wrap .table thead tr {
        background-color: rgba(0,0,0,0) !important
    }

        .mt-table-wrap .table thead tr th {
            padding: 10px 12px !important;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: left;
            color: #676767;
            background-color: rgba(0,0,0,0) !important;
            border-bottom: solid 1px #d9d9d9 !important;
            font-size: 14px
        }

@media only screen and (max-width: 1400px) {
    .mt-table-wrap .table thead tr th {
        padding: 6px 10px !important;
        font-size: 13px
    }
}

.mt-table-wrap .table thead tr th:before, .mt-table-wrap .table thead tr th::after {
    display: none
}

.mt-table-wrap .table tr {
    position: relative;
    cursor: pointer;
    transition: all ease-in-out .3s;
    background-color: #fff !important
}

    .mt-table-wrap .table tr td {
        padding: 7px 15px;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: .06px;
        text-align: left;
        color: #757575;
        vertical-align: middle;
        border: none;
        height: 43px;
        box-shadow: 0 3px 6px rgba(235,235,235,.16)
    }

@media only screen and (max-width: 1400px) {
    .mt-table-wrap .table tr td {
        padding: 6px 10px !important;
        line-height: normal
    }
}

.mt-table-wrap .table tr td:last-child {
    border-radius: 0 7px 7px 0
}

.mt-table-wrap .table tr td:first-child {
    border-radius: 7px 0 0 7px
}

.mt-table-wrap .table tr:hover td, .mt-table-wrap .table tr:focus td {
    background-color: rgba(15,177,253,.1) !important;
    transition: all ease-in-out .3s;
    box-shadow: 0 3px 6px rgba(235,235,235,.3)
}

.mt-table-wrap .table tr.active td {
    background-color: #9acbff
}

.mt-table-wrap .table tr.group-header {
    background: rgba(0,0,0,0)
}

    .mt-table-wrap .table tr.group-header td {
        background: #ebebeb !important;
        border-radius: 7px;
        line-height: normal;
        height: 40px;
        font-size: 14px;
        font-weight: bold
    }

        .mt-table-wrap .table tr.group-header td:has(p) {
            font-weight: normal
        }

        .mt-table-wrap .table tr.group-header td i {
            font-size: 11px;
            margin-right: 5px;
            line-height: 1
        }

    .mt-table-wrap .table tr.group-header .ungroup-button {
        border: none;
        background-color: rgba(0,0,0,0);
        font-size: 14px;
        color: #757575;
        padding: 0;
        transition: all ease-in-out .3s
    }

        .mt-table-wrap .table tr.group-header .ungroup-button:hover, .mt-table-wrap .table tr.group-header .ungroup-button:focus {
            color: #028be6
        }

    .mt-table-wrap .table tr.group-header.group-header-active i {
        transform: rotate(90deg);
        display: inline-block
    }

    .mt-table-wrap .table tr.group-header.group-header-active td {
        border-radius: 7px 7px 0 0 !important
    }

.mt-table-wrap .table tr.mt-grouptable-inner td:first-child {
    border-left: 1px solid #ebebeb;
    border-radius: 0
}

.mt-table-wrap .table tr.mt-grouptable-inner td:last-child {
    border-right: 1px solid #ebebeb;
    border-radius: 0
}

.mt-table-wrap .table tr.mt-grouptable-inner.last td:first-child {
    border-radius: 0 0 0 7px
}

.mt-table-wrap .table tr.mt-grouptable-inner.last td:last-child {
    border-radius: 0 0 7px 0
}

.mt-table-wrap .table tr.mt-selected td {
    background-color: #9acbfd !important
}

.mt-table-wrap div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
    overflow: auto
}

th .mt-assign-people-listing {
    justify-content: end;
    display: flex
}

.mt-assign-people-listing {
    display: flex
}

    .mt-assign-people-listing .mt-assign-people {
        width: 41px;
        height: 41px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        margin-right: 5px;
        line-height: 41px;
        border: solid 1px #676767
    }

@media only screen and (max-width: 1400px) {
    .mt-assign-people-listing .mt-assign-people {
        width: 32px;
        height: 32px;
        line-height: 32px
    }
}

.mt-assign-people-listing .mt-assign-people.color-1 {
    background-color: #028be6;
    border-color: #028be6
}

.mt-assign-people-listing .mt-assign-people.color-2 {
    background-color: #075b93;
    border-color: #075b93
}

.mt-assign-people-listing .mt-assign-people.color-3 {
    background-color: rgba(0,0,0,0);
    color: #676767
}

.mt-assign-people-listing.mt-ap-small .mt-assign-people {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.mt-special-purchase-block {
    position: relative;
    padding: 10px 5px;
    box-sizing: border-box;
    overflow: unset
}

@media only screen and (max-width: 1199px) {
    .mt-special-purchase-block {
        padding: 15px
    }
}

.mt-special-purchase-block h1 {
    font-size: 20px;
    color: #071722;
    text-transform: uppercase;
    position: absolute;
    top: 15px;
    margin: 0;
    z-index: 1
}

@media only screen and (max-width: 1199px) {
    .mt-special-purchase-block h1 {
        position: static;
        margin: 15px 0 0 0
    }
}

.mt-special-purchase-block .dataTables_filter label {
    width: 100% !important;
    text-align: right !important
}

.mt-special-purchase-block .dataTables_filter .form-control {
    max-width: 440px !important;
    border-radius: 7px;
    box-shadow: none;
    width: 100% !important
}

.mt-checkbox-group input[type=checkbox] {
    display: none
}

    .mt-checkbox-group input[type=checkbox]:checked + label {
        background-color: #028be6;
        color: #fff;
        border-color: #028be6
    }

        .mt-checkbox-group input[type=checkbox]:checked + label.mt-urgent {
            border-color: #a82525 !important;
            background-color: #a82525 !important;
            color: #fff !important
        }

        .mt-checkbox-group input[type=checkbox]:checked + label.mt-high {
            border-color: #ec2024 !important;
            background-color: #ec2024 !important;
            color: #fff !important
        }

        .mt-checkbox-group input[type=checkbox]:checked + label.mt-medium {
            border-color: #e96e25 !important;
            background-color: #e96e25 !important;
            color: #fff !important
        }

        .mt-checkbox-group input[type=checkbox]:checked + label.mt-low {
            border-color: #64b728 !important;
            background-color: #64b728 !important;
            color: #fff !important
        }

.mt-pririty-status-outer {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

    .mt-pririty-status-outer .mt-pririty-status label {
        margin-right: 0;
        color: #757575
    }

@media only screen and (max-width: 991px) {
    .mt-pririty-status-outer {
        display: flex;
        flex-wrap: wrap
    }

        .mt-pririty-status-outer .mt-pririty-status {
            margin-right: 20px
        }
}

.mt-35 {
    margin-top: 35px
}

@media only screen and (max-width: 1400px) {
    .mt-35 {
        margin-top: 15px
    }
}

.mt-filter-options {
    position: absolute;
    top: 50px;
    box-shadow: 0 6px 12px rgba(155,155,155,.16);
    max-width: 530px;
    background-color: #fff;
    z-index: 9;
    overflow: hidden
}

@media only screen and (max-width: 992px) {
    .mt-filter-options {
        top: 96px
    }
}

.mt-filter-options .mt-filter-header {
    padding: 20px;
    border-bottom: solid 1px #ebebeb
}

    .mt-filter-options .mt-filter-header h3 {
        margin: 0
    }

.mt-filter-options .mt-filter-body {
    padding: 20px;
    max-height: calc(100vh - 300px);
    overflow-y: auto
}

    .mt-filter-options .mt-filter-body .mt-filter-option h4 {
        font-size: 15px;
        margin: 0 0 10px 0
    }

    .mt-filter-options .mt-filter-body .mt-filter-option .mt-checkbox-group label {
        color: #757575
    }

    .mt-filter-options .mt-filter-body .select2-selection--single {
        border-color: #b0b0b0 !important
    }

        .mt-filter-options .mt-filter-body .select2-selection--single .select2-selection__rendered {
            color: #b0b0b0 !important
        }

    .mt-filter-options .mt-filter-body .gj-datepicker .form-control {
        color: #b0b0b0
    }

        .mt-filter-options .mt-filter-body .gj-datepicker .form-control::placeholder {
            color: #b0b0b0
        }

    .mt-filter-options .mt-filter-body .gj-datepicker .btn i {
        color: #b0b0b0
    }

    .mt-filter-options .mt-filter-body .select2-selection__arrow {
        color: #b0b0b0
    }

.mt-filter-options .mt-filter-footer {
    display: flex;
    border-top: solid 1px #ccc
}

    .mt-filter-options .mt-filter-footer button {
        width: 50%;
        border: none;
        padding: 24px 0;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        background-color: #fff;
        color: #707070
    }

@media only screen and (max-width: 1400px) {
    .mt-filter-options .mt-filter-footer button {
        padding: 14px 0;
        font-size: 14px
    }
}

.mt-filter-options .mt-filter-footer button.mt-actioncta {
    background-color: #3e3e3e;
    color: #fff
}

.gj-dropdown [role=presenter] {
    border: solid 1px #b0b0b0;
    padding: 10px 15px;
    border-radius: 7px
}

.mt-datepicker .gj-datepicker {
    margin: 0 !important;
    border-color: #aaa;
    border-right: none;
    background: rgba(0,0,0,0)
}

.mt-datepicker .gj-icon {
    top: 50% !important;
    color: #aaa;
    margin-top: -10px !important
}

.mt-datepicker .btn {
    border-left: none;
    border-color: #aaa;
    box-shadow: none
}

    .mt-datepicker .btn:hover, .mt-datepicker .btn:focus {
        background-color: rgba(0,0,0,0) !important
    }

.mt-datepicker .form-control {
    box-shadow: none;
    border-right: none;
    border-color: #aaa !important;
    font-size: 14px;
    border-right: none !important
}

.mt-dropdown .gj-dropdown [role=presenter] {
    min-width: 306px
}

.gj-picker-md, ul.gj-list-md li {
    font-family: "Public Sans",sans-serif
}

.form-switch .form-check-input {
    width: 40px;
    height: 22px;
    float: right;
    margin-right: -2.5em;
    margin-left: 22px;
    border: solid 1px #fff !important;
    cursor: pointer
}

    .form-switch .form-check-input:focus {
        box-shadow: none;
        border: none
    }

.form-switch {
    padding: 0 3.5em 0 0
}

    .form-switch .form-check-label {
        color: #fff;
        line-height: 28px
    }

    .form-switch .form-check-input:checked {
        background-color: #1284f8;
        border-color: #1284f8 !important
    }

.mt-checkbox .form-check-input[type=checkbox] {
    width: 18px;
    height: 18px;
    border: solid 1px #969696;
    border-radius: 3px !important
}

    .mt-checkbox .form-check-input[type=checkbox]:checked {
        background-color: #00cbfd;
        box-shadow: none;
        border-color: #00cbfd
    }

    .mt-checkbox .form-check-input[type=checkbox]:focus {
        box-shadow: none
    }

.mt-priority.high {
    color: #ec2024
}

    .mt-priority.high i {
        color: #ec2024
    }

.mt-priority.urgent {
    color: #a82525
}

    .mt-priority.urgent i {
        color: #a82525
    }

.mt-priority.low {
    color: #64b728
}

    .mt-priority.low i {
        color: #64b728
    }

.mt-priority.medium {
    color: #e96e25
}

    .mt-priority.medium i {
        color: #e96e25
    }

.dataTables_paginate .paginate_button a {
    border: none;
    font-size: 13px;
    background-color: rgba(0,0,0,0);
    color: #47697e
}

.dataTables_paginate .paginate_button.active a {
    color: #fe9d21;
    font-size: 15px;
    font-weight: bold
}

.mt-login {
    display: flex;
    min-height: 100vh
}

@media only screen and (max-width: 767px) {
    .mt-login {
        flex-wrap: wrap
    }
}

.mt-login .mt-login-lft {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -3px
}

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-lft {
        width: 100%
    }
}

.mt-login .mt-login-lft a {
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-lft {
        width: 100%
    }
}

.mt-login .mt-login-lft .mt-login-content {
    padding: 180px 6rem;
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    height: 100%;
    flex-direction: row;
    align-content: center
}

    .mt-login .mt-login-lft .mt-login-content .mt-login-head {
        position: absolute;
        top: 50px
    }

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-lft .mt-login-content .mt-login-head {
        position: static
    }
}

@media only screen and (max-width: 1600px) {
    .mt-login .mt-login-lft .mt-login-content {
        padding: 160px 4rem
    }
}

@media only screen and (max-width: 1400px) {
    .mt-login .mt-login-lft .mt-login-content {
        padding: 150px 2rem
    }
}

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-lft .mt-login-content {
        padding: 2rem;
        min-height: auto
    }
}

.mt-login .mt-login-lft .mt-login-content h1 {
    font-size: 56px;
    color: #fff;
    max-width: 350px;
    font-weight: 600;
    margin: 0 0 15px 0
}

@media only screen and (max-width: 1600px) {
    .mt-login .mt-login-lft .mt-login-content h1 {
        font-size: 48px
    }
}

@media only screen and (max-width: 1400px) {
    .mt-login .mt-login-lft .mt-login-content h1 {
        font-size: 36px
    }
}

.mt-login .mt-login-lft .mt-login-content h1.mt-heading-full {
    max-width: initial
}

@media only screen and (max-width: 1600px) {
    .mt-login .mt-login-lft .mt-login-content h1.mt-heading-full {
        font-size: 48px
    }
}

@media only screen and (max-width: 1400px) {
    .mt-login .mt-login-lft .mt-login-content h1.mt-heading-full {
        font-size: 32px
    }
}

.mt-login .mt-login-lft .mt-login-content h1.mt-heading-full span {
    color: #fe9d21
}

.mt-login .mt-login-lft .mt-login-content p {
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    max-width: 590px
}

@media only screen and (max-width: 1600px) {
    .mt-login .mt-login-lft .mt-login-content p {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width: 1600px) {
    .mt-login .mt-login-lft .mt-login-content p {
        font-size: 16px;
        line-height: 24px
    }
}

.mt-login .mt-login-lft .mt-login-content p.mt-activeaccount-info {
    max-width: 645px !important
}

.mt-login .mt-login-lft .mt-login-content.mt-active-account-outer {
    padding: 220px 6rem 110px 6rem
}

@media only screen and (max-width: 1600px) {
    .mt-login .mt-login-lft .mt-login-content.mt-active-account-outer {
        padding: 180px 2rem 80px 2rem
    }
}

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-lft .mt-login-content.mt-active-account-outer {
        padding: 2rem;
        min-height: auto
    }
}

.mt-login .mt-login-rgt {
    width: 50%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-rgt {
        width: 100%;
        min-height: auto
    }
}

.mt-login .mt-login-rgt .mt-login-inner {
    max-width: 470px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-rgt .mt-login-inner {
        margin: 15px auto
    }
}

.mt-login .mt-login-rgt .mt-login-inner h2 {
    font-size: 44px;
    color: #000;
    line-height: normal
}

@media only screen and (max-width: 1600px) {
    .mt-login .mt-login-rgt .mt-login-inner h2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 1400px) {
    .mt-login .mt-login-rgt .mt-login-inner h2 {
        font-size: 32px
    }
}

@media only screen and (max-width: 991px) {
    .mt-login .mt-login-rgt .mt-login-inner h2 {
        font-size: 28px
    }
}

@media only screen and (max-width: 767px) {
    .mt-login .mt-login-rgt .mt-login-inner h2 {
        margin-bottom: 5px !important
    }
}

.mt-login .mt-login-rgt .mt-login-inner p {
    font-size: 16px;
    line-height: 23px;
    color: #7c7c7c
}

    .mt-login .mt-login-rgt .mt-login-inner p a {
        font-weight: bold
    }

    .mt-login .mt-login-rgt .mt-login-inner p.mt-signup-brief {
        margin-bottom: 50px !important
    }

@media only screen and (max-width: 1400px) {
    .mt-login .mt-login-rgt .mt-login-inner p.mt-signup-brief {
        margin-bottom: 30px !important
    }
}

.mt-login .mt-login-rgt .mt-login-inner .mt-form-checkbox .form-check-label a {
    font-size: 14px !important
}

.mt-login .mt-login-rgt .mt-login-inner .mt-login-inner .mt-alert {
    margin: 0
}

.mt-login .mt-login-rgt a {
    font-size: 16px;
    color: #47697e;
    font-weight: 500 !important
}

.mt-login .mt-login-rgt .mt-ctalogin, .mt-login .mt-login-rgt .mt-form-checkbox {
    margin-top: 34px
}

.mt-login-body {
    width: 100%
}

    .mt-login-body p.font-16 {
        max-width: 640px
    }

.mt-ctalogin {
    background-color: #47697e;
    min-width: 200px;
    height: 48px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    transition: all ease-in-out .3s
}

    .mt-ctalogin:hover {
        box-shadow: 0 1px 3px rgba(140,140,140,.9);
        transition: all ease-in-out .3s;
        background-color: #283e4d
    }

    .mt-ctalogin:active, .mt-ctalogin:focus {
        box-shadow: none;
        transition: all ease-in-out .3s;
        background-color: #e2f4ff;
        color: #61738e;
        cursor: not-allowed
    }

@media only screen and (max-width: 1400px) {
    .mt-ctalogin {
        min-width: 160px;
        height: 38px;
        font-size: 14px
    }
}

@media only screen and (max-width: 480px) {
    .mt-ctalogin {
        min-width: auto;
        padding-left: 30px;
        padding-right: 30px
    }
}

.mt-ctalink {
    background-color: #47697e;
    min-width: 200px;
    height: 48px;
    border: none;
    border-radius: 6px;
    font-size: 16px !important;
    font-weight: 600;
    display: inline-block !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 48px !important
}

@media only screen and (max-width: 1400px) {
    .mt-ctalink {
        min-width: 160px;
        height: 38px;
        line-height: 38px !important;
        font-size: 14px
    }
}

@media only screen and (max-width: 480px) {
    .mt-ctalink {
        min-width: auto;
        padding-left: 30px;
        padding-right: 30px
    }
}

.mt-ctalink:hover {
    box-shadow: 0 1px 3px rgba(140,140,140,.9);
    transition: all ease-in-out .3s;
    background-color: #283e4d
}

.mt-ctalink:active, .mt-ctalink:focus {
    box-shadow: none;
    transition: all ease-in-out .3s;
    background-color: #e2f4ff;
    color: #61738e !important;
    cursor: not-allowed
}

.mt-menu-links-section {
    margin-bottom: 30px;
    position: absolute;
    top: 32px;
    right: 74px;
    width: calc(100% - 148px) !important
}

@media only screen and (max-width: 1600px) {
    .mt-menu-links-section {
        right: 30px;
        width: calc(100% - 60px) !important
    }
}

@media only screen and (max-width: 767px) {
    .mt-menu-links-section {
        display: none
    }
}

.mt-menu-links-section .mt-menu-links {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    justify-content: flex-end;
    flex: 1;
    align-items: center
}

    .mt-menu-links-section .mt-menu-links li {
        margin: 0 5px
    }

@media only screen and (max-width: 991px) {
    .mt-menu-links-section .mt-menu-links li {
        margin: 0
    }
}

.mt-menu-links-section .mt-menu-links li a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding: 8px 10px;
    font-weight: normal
}

@media only screen and (max-width: 1400px) {
    .mt-menu-links-section .mt-menu-links li a {
        font-size: 14px;
        padding: 7px 10px
    }
}

@media only screen and (max-width: 1199px) {
    .mt-menu-links-section .mt-menu-links li a {
        font-size: 13px
    }
}

.mt-menu-links-section .mt-menu-links li:last-child a {
    background-color: #47697e;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    min-width: 121px;
    text-align: center;
    display: block;
    margin-left: 10px
}

@media only screen and (max-width: 1199px) {
    .mt-menu-links-section .mt-menu-links li:last-child a {
        min-width: auto
    }
}

.mt-menu-links-section .mt-menu-links li:last-child a:hover {
    background-color: #2d4554
}

.mt-menu-links-section .mt-menu-links li:last-child a:active {
    background-color: #355366
}

.mt-login-rgt-inner {
    padding: 100px 70px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%
}

@media only screen and (max-width: 1400px) {
    .mt-login-rgt-inner {
        padding: 80px 30px
    }
}

@media only screen and (max-width: 767px) {
    .mt-login-rgt-inner {
        padding: 30px
    }
}

.mt-login-rgt-inner form {
    max-width: 470px;
    margin: 0 auto;
    width: 100%
}

.mt-auto {
    margin-top: auto
}

.mt-form-group {
    margin-top: 20px
}

    .mt-form-group .iti--allow-dropdown {
        width: 100% !important
    }

@media only screen and (max-width: 1400px) {
    .mt-form-group {
        margin-top: 15px
    }
}

.mt-form-group label {
    font-weight: 600;
    color: #333;
    margin-bottom: 10px
}

@media only screen and (max-width: 1400px) {
    .mt-form-group label {
        margin-bottom: 5px
    }
}

.mt-form-group .form-control {
    border: solid 1px #aaa;
    border-radius: 6px;
    padding: 8px 15px;
    box-shadow: none;
    background-color: rgba(0,0,0,0)
}

@media only screen and (max-width: 1400px) {
    .mt-form-group .form-control {
        padding: 6px 15px;
        font-size: 14px
    }
}

.mt-form-group .form-select {
    border: solid 1px #aaa;
    border-radius: 6px;
    padding: 8px 15px;
    box-shadow: none;
    font-size: 14px
}

@media only screen and (max-width: 1400px) {
    .mt-form-group .form-select {
        padding: 6px 15px;
        font-size: 14px
    }
}

.mt-form-checkbox .form-check-input[type=checkbox] {
    width: 22px;
    height: 22px;
    border: solid 1px #cecece;
    border-radius: 5px !important;
    margin: 0 10px 0 0;
    cursor: pointer
}

    .mt-form-checkbox .form-check-input[type=checkbox]:checked {
        background-color: #47697e;
        box-shadow: none;
        border-color: #47697e
    }

    .mt-form-checkbox .form-check-input[type=checkbox]:focus {
        box-shadow: none
    }

.mt-form-checkbox .form-check-label {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    cursor: pointer;
    color: #505050;
    font-weight: normal
}

@media only screen and (max-width: 1400px) {
    .mt-form-checkbox .form-check-label {
        font-size: 14px
    }
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.mt-forgotpassowrd {
    display: inline-block;
    text-decoration: none
}

    .mt-forgotpassowrd:hover, .mt-forgotpassowrd:focus {
        text-decoration: underline
    }

.mt-login-head a {
    display: block
}

.mt-ctaborder {
    padding: 14px 24px;
    border: solid 2px #fff;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    background-color: hsla(0,0%,100%,.1);
    color: #fff;
    transition: all ease-in-out .3s
}

    .mt-ctaborder i {
        margin-left: 16px;
        font-size: 13px;
        transition: all ease-in-out .3s
    }

    .mt-ctaborder:hover, .mt-ctaborder:focus {
        background-color: #47697e;
        transition: all ease-in-out .3s
    }

        .mt-ctaborder:hover i, .mt-ctaborder:focus i {
            margin-left: 18px;
            transition: all ease-in-out .3s
        }

.mt-social-icons {
    display: flex;
    align-items: center;
    margin-top: 15px
}

@media only screen and (max-width: 767px) {
    .mt-social-icons {
        margin-top: 30px
    }
}

.mt-social-icons a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 23px
}

    .mt-social-icons a i {
        font-size: 24px
    }

@media only screen and (max-width: 1400px) {
    .mt-social-icons a i {
        font-size: 21px
    }
}

.mt-social-icons a i:before {
    margin: 0
}

.mt-social-icons a i.mt-icon-linkedin {
    font-size: 22px
}

.mt-social-icons a:hover i {
    opacity: .84
}

.mt-password-outer {
    position: relative
}

    .mt-password-outer .mt-password-view {
        position: absolute;
        right: 14px;
        top: 14px
    }

        .mt-password-outer .mt-password-view i {
            color: rgba(0,0,0,.2)
        }

@media only screen and (max-width: 1400px) {
    .mt-password-outer .mt-password-view {
        right: 10px;
        top: 8px
    }
}

.mt-back {
    margin: 48px 0 36px 0;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #fff
}

@media only screen and (max-width: 1400px) {
    .mt-back {
        font-size: 16px
    }
}

.mt-back i {
    margin-right: 10px;
    font-size: 13px
}

@media only screen and (max-width: 1400px) {
    .mt-back {
        margin: 20px 0
    }
}

.mt-copyblock {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 148px) !important;
    position: absolute;
    bottom: 32px;
    right: 45px
}

@media only screen and (max-width: 1600px) {
    .mt-copyblock {
        right: 30px;
        width: calc(100% - 60px) !important
    }
}

@media only screen and (max-width: 767px) {
    .mt-copyblock {
        position: static
    }
}

.mt-copyblock p {
    margin: 15px 0 0 0;
    font-size: 15px
}

    .mt-copyblock p a {
        font-size: 15px !important;
        font-weight: 600 !important
    }

@media only screen and (max-width: 1400px) {
    .mt-copyblock p {
        font-size: 13px !important
    }

        .mt-copyblock p a {
            font-size: 13px !important
        }
}

.mt-login-footer {
    margin-top: auto;
    position: absolute;
    bottom: 60px
}

@media only screen and (max-width: 767px) {
    .mt-login-footer {
        position: static
    }
}

.mt-mobile-menu-links {
    display: none
}

    .mt-mobile-menu-links .mt-menu-links {
        margin: 30px 0 15px 0;
        padding: 0;
        list-style-type: none
    }

        .mt-mobile-menu-links .mt-menu-links li {
            display: inline-block
        }

            .mt-mobile-menu-links .mt-menu-links li a {
                margin: 0 15px 15px 0;
                color: #fff
            }

            .mt-mobile-menu-links .mt-menu-links li:last-child a {
                margin-right: 0
            }

@media only screen and (max-width: 767px) {
    .mt-mobile-menu-links {
        display: block
    }
}

.mt-account-note {
    font-weight: 500;
    color: #000 !important
}

    .mt-account-note a {
        display: inline-block
    }

.mt-login-products {
    margin-top: 10px
}

.mt-products-block {
    display: flex;
    flex-wrap: wrap
}

    .mt-products-block .mt-products {
        margin: 40px 80px 0 0
    }

@media only screen and (max-width: 1400px) {
    .mt-products-block .mt-products {
        margin: 20px 40px 0 0
    }
}

.mt-products-block .mt-products span {
    width: 100%;
    color: #fff;
    margin-top: 15px;
    text-align: center;
    display: block
}

.mt-products-block .mt-products .mt-product-icon {
    border: solid 2px #fff;
    border-radius: 7px;
    width: 128px;
    height: 128px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1600px) {
    .mt-products-block .mt-products .mt-product-icon {
        width: 120px;
        height: 120px
    }
}

@media only screen and (max-width: 1199px) {
    .mt-products-block .mt-products .mt-product-icon {
        width: 100px;
        height: 100px
    }
}

.mt-products-block .mt-products .mt-product-icon i {
    font-size: 48px;
    color: #fff
}

@media only screen and (max-width: 1600px) {
    .mt-products-block .mt-products .mt-product-icon i {
        font-size: 36px
    }
}

.mt-support-block {
    width: 100%
}

.mt-active-account {
    width: 100%
}

    .mt-active-account p {
        max-width: inherit !important;
        font-size: 16px !important;
        line-height: 22px !important;
        max-width: 300px !important
    }

@media only screen and (max-width: 1400px) {
    .mt-active-account p {
        font-size: 14px !important;
        line-height: 1.4 !important
    }
}

.mt-login-active-steps h2 {
    font-size: 44px;
    font-weight: 600;
    max-width: 640px;
    line-height: 1.2
}

@media only screen and (max-width: 1400px) {
    .mt-login-active-steps h2 {
        font-size: 26px
    }
}

.mt-login-active-steps p {
    line-height: 1.4;
    color: #7c7c7c;
    margin: 0 0 30px 0
}

@media only screen and (max-width: 1400px) {
    .mt-login-active-steps p {
        margin: 0 0 15px 0
    }
}

.mt-login-active-steps p:last-child {
    margin: 0
}

.mt-login-active-steps .mt-steps-active {
    margin: 0 0 30px 0;
    padding: 0;
    list-style-type: none
}

@media only screen and (max-width: 1400px) {
    .mt-login-active-steps .mt-steps-active {
        margin: 0 0 15px 0
    }
}

.mt-login-active-steps .mt-steps-active li {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    margin: 2px 0
}

    .mt-login-active-steps .mt-steps-active li span {
        margin-right: 10px
    }

.mt-support-block {
    width: auto !important;
    margin-top: auto;
    position: absolute;
    right: 24px;
    bottom: 34px
}

@media only screen and (max-width: 767px) {
    .mt-support-block {
        position: static
    }
}

@media only screen and (max-width: 1991px) {
    .mt-support-block {
        margin-top: 15px
    }
}

.mt-support-block a {
    background-color: #3a3c3e;
    border-radius: 22px;
    padding: 11px 16px;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-decoration: none;
    display: block !important;
    text-align: center;
    min-width: 144px;
    height: 34px;
    align-items: center;
    margin-top: 15px
}

@media only screen and (max-width: 1199px) {
    .mt-support-block a {
        position: static
    }
}

.mt-support-block a i {
    font-size: 12px;
    color: #fff;
    margin-right: 5px
}

.mt-setwizard {
    display: flex;
    min-height: 100vh
}

@media only screen and (max-width: 767px) {
    .mt-setwizard {
        flex-wrap: wrap
    }
}

.mt-setwizard .mt-setwizard-lft {
    width: 28%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -3px
}

@media only screen and (max-width: 991px) {
    .mt-setwizard .mt-setwizard-lft {
        width: 38%
    }
}

@media only screen and (max-width: 767px) {
    .mt-setwizard .mt-setwizard-lft {
        width: 100%;
        min-height: auto
    }
}

.mt-setwizard .mt-setwizard-lft .mt-setwizard-content {
    padding: 50px 46px 50px 84px
}

@media only screen and (max-width: 1400px) {
    .mt-setwizard .mt-setwizard-lft .mt-setwizard-content {
        padding: 30px
    }
}

.mt-setwizard .mt-setwizard-lft .mt-active-account h1 {
    font-size: 44px;
    font-weight: 600;
    margin: 0;
    color: #fff
}

@media only screen and (max-width: 1400px) {
    .mt-setwizard .mt-setwizard-lft .mt-active-account h1 {
        font-size: 32px
    }
}

.mt-setwizard .mt-setwizard-lft .mt-active-account p {
    font-size: 16px;
    color: #fff;
    max-width: 300px;
    margin-top: 15px
}

.mt-setwizard .mt-setwizard-rgt {
    width: 72%;
    background-color: #fff;
    padding: 4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

@media only screen and (max-width: 1400px) {
    .mt-setwizard .mt-setwizard-rgt {
        padding: 1.5rem 1.5rem 6rem 1.5rem
    }
}

@media only screen and (max-width: 991px) {
    .mt-setwizard .mt-setwizard-rgt {
        width: 62%
    }
}

@media only screen and (max-width: 767px) {
    .mt-setwizard .mt-setwizard-rgt {
        width: 100%;
        padding: 1rem
    }
}

.mt-setwizard .mt-setwizard-rgt p {
    max-width: 646px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #707070
}

.mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner {
    max-width: 980px;
    padding: 24px;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0 6px 25px rgba(203,203,203,.16)
}

    .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner > span {
        color: #47697e;
        font-size: 16px;
        margin-bottom: 7px
    }

    .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-cta-group {
        margin-top: 40px;
        margin-bottom: 20px
    }

    .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel {
        margin-top: 3px
    }

        .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel .mt-form-checkbox {
            margin: 30px 0 10px 0
        }

        .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel > .row {
            margin-left: -18px;
            margin-right: -18px
        }

            .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel > .row > [class*=col] {
                padding-left: 18px;
                padding-right: 18px
            }

        .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel .form-select {
            font-size: 14px
        }

    .mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-form-group h5 {
        font-size: 22px;
        font-weight: 600;
        color: #000;
        margin: 0
    }

.mt-steps-setupwizard a {
    display: flex;
    align-items: center;
    color: #fff;
    margin: 50px 0 0 0;
    text-decoration: none;
    font-size: 21px
}

@media only screen and (max-width: 1400px) {
    .mt-steps-setupwizard a {
        font-size: 18px;
        margin: 30px 0 0 0
    }
}

.mt-steps-setupwizard a span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-block;
    border: solid 2px #fff;
    text-align: center;
    font-weight: bold;
    line-height: 34px;
    margin-right: 15px;
    line-height: 30px;
    padding: 0 9px
}

.mt-steps-setupwizard a.active {
    text-decoration: underline;
    font-weight: 600
}

    .mt-steps-setupwizard a.active span {
        background-color: #fff;
        color: #47697e
    }

.mt-steps-setupwizard a.completed span {
    background-color: #fff;
    color: #47697e
}

.mt-cta-group {
    display: flex;
    flex: 0 0 100%;
    justify-content: flex-end
}

    .mt-cta-group .mt-ctalogin {
        margin-left: 15px
    }

        .mt-cta-group .mt-ctalogin.mt-ctacancel {
            border: solid 1px #000;
            color: #000;
            background-color: #fff
        }

.mt-form-number {
    position: relative
}

    .mt-form-number .mt-flag-icon {
        position: absolute;
        top: 8px;
        left: 15px
    }

.switches-container {
    width: 340px;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: #fff;
    line-height: 2.6rem;
    border-radius: 30px;
    border: solid 1px #aaa;
    margin-top: 20px;
    margin-bottom: 15px
}

@media only screen and (max-width: 1400px) {
    .switches-container {
        width: 320px;
        line-height: 2.2rem;
        font-size: 13px
    }
}

@media only screen and (max-width: 560px) {
    .switches-container {
        max-width: 320px;
        width: 100%
    }
}

.switches-container input {
    visibility: hidden;
    position: absolute;
    top: 0
}

.switches-container label {
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: var(--switches-label-color);
    color: #676767
}

.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0;
    z-index: 3;
    transition: transform .5s cubic-bezier(0.77, 0, 0.175, 1)
}

.switch {
    border-radius: 3rem;
    background: #47697e;
    height: 100%;
    color: #fff
}

    .switch div {
        width: 100%;
        text-align: center;
        opacity: 0;
        display: block;
        color: var(--switch-text-color);
        transition: opacity .2s cubic-bezier(0.77, 0, 0.175, 1) .125s;
        will-change: opacity;
        position: absolute;
        top: 0;
        left: 0
    }

.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
    transform: translateX(0%)
}

.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
    transform: translateX(100%)
}

.switches-container input:nth-of-type(1):checked ~ .switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1
}

.switches-container input:nth-of-type(2):checked ~ .switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1
}

.mt-user-billing-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #c1c1c1;
    margin-bottom: 20px;
    margin-top: 36px
}

    .mt-user-billing-block .mt-user-billing {
        margin-right: 20px;
        margin-bottom: 20px
    }

@media only screen and (max-width: 991px) {
    .mt-user-billing-block .mt-user-billing {
        margin: 10px 15px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .mt-user-billing-block .mt-user-billing {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .mt-user-billing-block .mt-user-billing:nth-child(2), .mt-user-billing-block .mt-user-billing:nth-child(3), .mt-user-billing-block .mt-user-billing:nth-child(4) {
        margin-left: 76px
    }
}

.mt-user-billing-block .mt-user-billing h4 {
    font-size: 16px;
    font-weight: bold;
    color: #3e3e3e;
    margin: 0
}

.mt-user-billing-block .mt-user-billing p {
    margin: 0 !important
}

.mt-user-billing-block .mt-user-billing .mt-user-billing-inner {
    display: flex;
    align-items: center
}

    .mt-user-billing-block .mt-user-billing .mt-user-billing-inner span {
        width: 57px;
        height: 57px;
        display: block;
        border-radius: 50%;
        background-color: #b1b1b1;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        line-height: 57px;
        text-align: center;
        margin-right: 20px
    }

.mt-alert {
    background-color: #e04f44;
    border-color: #e04f44;
    color: #fff;
    border-radius: 6px;
    position: relative;
    padding-left: 36px;
    font-size: 14px
}

    .mt-alert i {
        position: absolute;
        left: 10px
    }

.mt-success {
    background-color: #00af38;
    border-color: #00af38;
    color: #fff;
    border-radius: 6px;
    position: relative;
    padding: 11px 12px 11px 36px;
    font-size: 14px;
    line-height: 1.2;
    margin: 0
}

    .mt-success i {
        position: absolute;
        left: 10px
    }

    .mt-success span {
        text-decoration: underline
    }

    .mt-success a {
        color: #fff !important;
        text-decoration: underline;
        font-size: 14px !important
    }

        .mt-success a:hover {
            text-decoration: none
        }

.mt-membership-billing-table td {
    background-color: rgba(0,0,0,0);
    color: #fff;
    padding: 10px 0;
    border: none;
    font-weight: 500
}

    .mt-membership-billing-table td h5 {
        font-size: 16px;
        margin: 0;
        font-weight: bold
    }

@media only screen and (max-width: 1400px) {
    .mt-membership-billing-table td h5 {
        font-size: 14px
    }
}

.mt-membership-billing-table td p {
    font-size: 16px !important;
    font-style: italic;
    margin: 0 0 5px 0;
    line-height: 1.2 !important
}

@media only screen and (max-width: 1400px) {
    .mt-membership-billing-table td p {
        font-size: 14px
    }
}

.mt-membership-billing-table th {
    background-color: rgba(0,0,0,0);
    color: #fff;
    padding: 5px 0;
    font-size: 16px
}

.mt-membership-body {
    width: 100%;
    color: #fff
}

    .mt-membership-body h3 {
        font-size: 21px;
        font-weight: 500
    }

@media only screen and (max-width: 1400px) {
    .mt-membership-body h3 {
        font-size: 18px
    }
}

.mt-membership-body .mt-price {
    font-size: 47px;
    font-weight: 600
}

@media only screen and (max-width: 1400px) {
    .mt-membership-body .mt-price {
        font-size: 28px
    }
}

.mt-project-list {
    margin-bottom: 40px
}

.text-right {
    text-align: right
}

.mt-billing-total {
    max-width: 344px;
    margin-left: auto;
    width: 100%
}

    .mt-billing-total table th {
        background-color: rgba(0,0,0,0);
        color: #fff;
        padding: 15px 0 20px 0;
        font-weight: 500;
        border: none;
        font-size: 16px
    }

@media only screen and (max-width: 1400px) {
    .mt-billing-total table th {
        padding: 10px 0
    }
}

.mt-billing-total table td {
    border-bottom: none;
    text-align: right;
    background-color: rgba(0,0,0,0);
    padding: 15px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

@media only screen and (max-width: 1400px) {
    .mt-billing-total table td {
        padding: 10px 0
    }
}

.mt-footer-links span {
    margin-right: 15px
}

.mt-footer-links a {
    font-size: 12px;
    color: #fff;
    padding: 0 15px;
    text-decoration: underline
}

.mt-border {
    border-bottom: solid 1px #fff !important
}

.mt-projectlist-wrapper {
    max-width: 650px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.mt-ctapay {
    font-size: 28px;
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    text-align: center
}

@media only screen and (max-width: 1400px) {
    .mt-ctapay {
        padding: 10px;
        font-size: 21px
    }
}

.mt-membership-rgt {
    width: 50%;
    height: 100%;
    min-height: 100vh;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .mt-membership-rgt {
        width: 100%;
        min-height: auto
    }
}

.mt-membership-rgt .mt-login-rgt-inner {
    width: 100%;
    max-width: 530px;
    justify-content: center;
    padding: 30px
}

    .mt-membership-rgt .mt-login-rgt-inner .mt-paywithcard {
        width: 100%
    }

.mt-membership-rgt .mt-ctalogin {
    width: 100%
}

.mt-divider {
    position: relative;
    margin: 30px 0;
    text-align: center
}

@media only screen and (max-width: 1400px) {
    .mt-divider {
        margin: 20px 0
    }
}

.mt-divider:before {
    width: 100%;
    position: absolute;
    top: 10px;
    content: "";
    background-color: #707070;
    height: 1px;
    left: 0
}

.mt-divider span {
    font-size: 19px;
    color: #707070;
    background-color: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1400px) {
    .mt-divider span {
        font-size: 15px
    }
}

.mt-cardcvv {
    display: flex
}

    .mt-cardcvv .mt-cardyr {
        width: 190px
    }

        .mt-cardcvv .mt-cardyr .form-control {
            border-radius: 0 0 0 6px !important;
            border-top: none !important
        }

    .mt-cardcvv .mt-cvv {
        width: 60%;
        flex: 1
    }

        .mt-cardcvv .mt-cvv .form-control {
            border-radius: 0 0 6px 0 !important;
            border-top: none !important;
            border-left: none !important
        }

.mt-cardnumber .form-control {
    border-radius: 6px 6px 0 0 !important
}

.mt-formcarddetails {
    position: relative
}

    .mt-formcarddetails .mt-cardimg {
        position: absolute;
        right: 15px;
        top: 15px
    }

@media only screen and (max-width: 1400px) {
    .mt-formcarddetails .mt-cardimg {
        top: 8px
    }
}

.mt-paywithcard .mt-form-group .form-control {
    padding: 15px
}

@media only screen and (max-width: 1600px) {
    .mt-paywithcard .mt-form-group .form-control {
        padding: 7px 15px
    }
}

.mt-formselect {
    margin-bottom: 15px
}

    .mt-formselect .form-select {
        height: 54px;
        border: solid 1px #aaa;
        border-radius: 6px 6px 0 0
    }

@media only screen and (max-width: 1400px) {
    .mt-formselect .form-select {
        height: 38px
    }
}

.mt-formselect .form-control {
    border-radius: 0 0 6px 6px;
    border-top: none
}

.mt-payment-block {
    padding: 18px;
    border-radius: 6px;
    border: solid 1px #e8e8e8
}

    .mt-payment-block a {
        text-decoration: none
    }

    .mt-payment-block p {
        font-weight: normal;
        color: #7c7c7c;
        line-height: 1.4;
        margin-top: 10px
    }

    .mt-payment-block .mt-pricing-block {
        border-top: solid 1px #e8e8e8;
        padding-top: 15px;
        font-size: #333;
        font-weight: 600;
        font-size: 18px;
        display: flex;
        margin-top: 28px;
        justify-content: space-between
    }

#mt-faqblock {
    max-width: 750px;
    margin-top: 50px
}

    #mt-faqblock .accordion-item {
        background-color: rgba(0,0,0,0) !important;
        border-bottom: solid 2px #fff
    }

        #mt-faqblock .accordion-item:first-child {
            border-top: solid 2px #fff
        }

        #mt-faqblock .accordion-item .accordion-button {
            background-color: rgba(0,0,0,0) !important;
            color: #fff;
            position: relative;
            padding: 17px 0
        }

            #mt-faqblock .accordion-item .accordion-button:after {
                display: none !important
            }

            #mt-faqblock .accordion-item .accordion-button:before {
                font-family: "mapmnt";
                content: "b";
                position: absolute;
                right: 15px;
                font-size: 7px;
                top: 22px;
                transform: rotate(180deg)
            }

            #mt-faqblock .accordion-item .accordion-button:focus {
                box-shadow: none !important;
                outline: none !important
            }

            #mt-faqblock .accordion-item .accordion-button.collapsed:before {
                transform: rotate(0deg)
            }

        #mt-faqblock .accordion-item .accordion-body {
            padding: 0 30px 20px 0;
            color: #fff
        }

.mt-model .modal-content {
    border-radius: 0;
    padding: 20px;
    border: none;
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

    .mt-model .modal-content p {
        font-size: 16px;
        line-height: 26px;
        color: #030e19;
        margin: 0
    }

        .mt-model .modal-content p a {
            color: #030e19;
            text-decoration: none
        }

            .mt-model .modal-content p a:hover, .mt-model .modal-content p a:focus {
                text-decoration: none
            }

    .mt-model .modal-content h2 {
        font-size: 34px
    }

    .mt-model .modal-content .mt-success {
        margin-bottom: 10px;
        display: block
    }

        .mt-model .modal-content .mt-success i {
            font-size: 54px;
            color: #57b182
        }

            .mt-model .modal-content .mt-success i:before {
                margin: 0
            }

.mt-user-signout {
    font-size: 12px;
    color: #3e3e3e;
    position: relative;
    padding: 0 0 0 20px;
    text-align: center;
    max-width: 120px;
    line-height: 1.2;
    text-decoration: none;
    min-height: 55px
}

    .mt-user-signout:before {
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #e2e2e2;
        top: 0;
        left: 0;
        content: "";
        color: #666
    }

    .mt-user-signout span {
        display: block;
        width: 100%
    }

    .mt-user-signout i {
        font-size: 21px;
        color: #3e3e3e;
        width: 100%
    }

    .mt-user-signout:hover, .mt-user-signout:focus {
        color: #009eff !important
    }

        .mt-user-signout:hover i, .mt-user-signout:focus i {
            color: #009eff !important
        }

.mt-dropdown .select2-selection--single {
    height: 48px
}

@media only screen and (max-width: 1400px) {
    .mt-dropdown .select2-selection--single {
        height: 42px !important
    }
}

.mt-dropdown .select2-selection__rendered {
    line-height: 48px !important;
    padding-left: 15px !important
}

@media only screen and (max-width: 1400px) {
    .mt-dropdown .select2-selection__rendered {
        line-height: 42px !important
    }
}

.mt-dropdown .select2-selection__arrow {
    height: 48px !important
}

@media only screen and (max-width: 1400px) {
    .mt-dropdown .select2-selection__arrow {
        height: 42px !important
    }
}

.mt-card-input-element {
    display: none
}

.mt-card-input:hover {
    cursor: pointer
}

.mt-card-input-element:checked + .mt-card-input {
    box-shadow: rgba(50,50,93,.25) 0px 30px 60px -12px,rgba(0,0,0,.3) 0px 18px 36px -18px;
    transition: all ease-in-out .5s;
    border: solid 1px #47697e;
    border-radius: 4px
}

.mt-card-input-element:checked + .mt-subscription-plan {
    border: none
}

.mt-card-input {
    width: 100%
}

.mt-subscription-plan {
    border: solid 1px #aaa;
    border-radius: 4px;
    margin: 20px 0
}

@media only screen and (max-width: 991px) {
    .mt-subscription-plan {
        height: auto
    }
}

.mt-subscription-plan label {
    width: 100%
}

.mt-subscription-plan .mt-card-footer {
    border-top: solid 1px #aaa;
    padding: 10px 5px;
    text-align: center
}

    .mt-subscription-plan .mt-card-footer p {
        margin: 0 !important;
        font-size: 13px !important
    }

.mt-subscription-plan .mt-card-body {
    padding: 10px;
    text-align: center
}

    .mt-subscription-plan .mt-card-body h6 {
        font-weight: 600;
        margin: 0 0 5px 0;
        line-height: 1.4;
        color: #797979
    }

@media only screen and (max-width: 1600px) {
    .mt-subscription-plan .mt-card-body h6 {
        font-size: 14px
    }
}

.mt-subscription-plan .mt-card-body span {
    font-size: 28px;
    font-weight: bold
}

@media only screen and (max-width: 991px) {
    .mt-subscription-plan .mt-card-body span {
        font-size: 21px
    }
}

.mt-subscription-plan .mt-card-body span sub {
    font-size: 13px;
    font-weight: normal
}

.mt-subscription-plan:hover, .mt-subscription-plan.active {
    box-shadow: rgba(50,50,93,.25) 0px 30px 60px -12px,rgba(0,0,0,.3) 0px 18px 36px -18px;
    transition: all ease-in-out .5s;
    border: solid 1px #47697e;
    color: #323232
}

    .mt-subscription-plan:hover .mt-card-footer, .mt-subscription-plan.active .mt-card-footer {
        border-top: solid 1px #47697e;
        transition: all ease-in-out .5s
    }

    .mt-subscription-plan:hover .mt-card-body, .mt-subscription-plan.active .mt-card-body {
        color: #323232
    }

        .mt-subscription-plan:hover .mt-card-body h6, .mt-subscription-plan.active .mt-card-body h6 {
            color: #000
        }

.mt-subscription-plans {
    margin-bottom: 60px
}

    .mt-subscription-plans h5 {
        font-size: 22px;
        font-weight: 600;
        color: #000;
        margin: 0 0 5px 0
    }

@media only screen and (max-width: 991px) {
    .mt-subscription-plans h5 {
        font-size: 18px
    }
}

.mt-filter-columns-content {
    max-width: 360px;
    width: 100%;
    position: absolute;
    top: 50px;
    box-shadow: 0 6px 12px rgba(155,155,155,.16);
    background-color: #fff;
    z-index: 9
}

@media only screen and (max-width: 992px) {
    .mt-filter-columns-content {
        top: 96px;
        left: 0
    }
}

.mt-filter-columns-content .form-switch .form-check-input {
    border-color: #6c757d !important
}

    .mt-filter-columns-content .form-switch .form-check-input:checked {
        background-color: #1284f8;
        border-color: #1284f8 !important
    }

    .mt-filter-columns-content .form-switch .form-check-input:focus {
        background-color: #1284f8;
        border-color: #1284f8 !important
    }

.mt-filter-columns-content .form-check {
    min-height: auto;
    cursor: pointer
}

.mt-filter-columns-content .mt-filter-header {
    padding: 20px;
    border-bottom: solid 1px #ebebeb
}

    .mt-filter-columns-content .mt-filter-header h3 {
        margin: 0;
        color: #70737c;
        font-weight: normal
    }

.mt-filter-columns-content .mt-filter-body {
    padding: 20px;
    color: #000
}

.mt-filter-columns-content .mt-filter-footer {
    display: flex;
    border-top: solid 1px #ccc
}

    .mt-filter-columns-content .mt-filter-footer button {
        width: 50%;
        border: none;
        padding: 22px 0;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        background-color: #fff;
        color: #707070
    }

@media only screen and (max-width: 1400px) {
    .mt-filter-columns-content .mt-filter-footer button {
        padding: 14px 0;
        font-size: 14px
    }
}

.mt-filter-columns-content .mt-filter-footer button.mt-actioncta {
    background-color: #3e3e3e;
    color: #fff
}

.mt-filter-columns-content.mt-filter-options {
    position: absolute;
    top: 50px;
    box-shadow: 0 6px 12px rgba(155,155,155,.16);
    max-width: 530px;
    background-color: #fff;
    z-index: 9;
    overflow: hidden
}

@media only screen and (max-width: 992px) {
    .mt-filter-columns-content.mt-filter-options {
        top: 96px
    }
}

.mt-filter-columns-content.mt-filter-options .mt-filter-header {
    padding: 20px;
    border-bottom: solid 1px #ebebeb
}

    .mt-filter-columns-content.mt-filter-options .mt-filter-header h3 {
        margin: 0
    }

.mt-filter-columns-content.mt-filter-options .mt-filter-body {
    padding: 20px 20px 35px 20px;
    max-height: calc(100vh - 300px);
    overflow-y: auto
}

    .mt-filter-columns-content.mt-filter-options .mt-filter-body .mt-filter-option h4 {
        font-size: 15px;
        margin: 0 0 10px 0;
        font-weight: 400;
        color: #3e3e3e !important
    }

    .mt-filter-columns-content.mt-filter-options .mt-filter-body .mt-filter-option .mt-checkbox-group .mt-checkbox-group label {
        color: #757575
    }

    .mt-filter-columns-content.mt-filter-options .mt-filter-body .mt-filter-option .mt-checkbox-group .mt-checkbox-group input[type=checkbox]:checked + label {
        color: #fff !important
    }

.mt-filter-columns-content.mt-filter-options .mt-filter-footer {
    display: flex;
    border-top: solid 1px #ccc
}

    .mt-filter-columns-content.mt-filter-options .mt-filter-footer button {
        width: 50%;
        border: none;
        padding: 22px 0;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        background-color: #fff;
        color: #707070
    }

@media only screen and (max-width: 1400px) {
    .mt-filter-columns-content.mt-filter-options .mt-filter-footer button {
        padding: 14px 0;
        font-size: 14px
    }
}

.mt-filter-columns-content.mt-filter-options .mt-filter-footer button.mt-actioncta {
    background-color: #3e3e3e;
    color: #fff
}

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

.mt-filter-switchtoggle {
    display: flex;
    padding: 7px 0;
    align-items: center
}

@media only screen and (max-width: 1400px) {
    .mt-filter-switchtoggle {
        padding: 5px 0
    }
}

.mt-filter-switchtoggle p {
    margin: 0;
    font-size: 15px
}

.mt-filter-switchtoggle .form-switch {
    margin-left: auto;
    cursor: pointer;
    padding: 0 35px 0 0
}

.mt-flex {
    display: flex
}

.mt-filter .mt-cta {
    max-width: 200px;
    width: 100%
}

@media only screen and (max-width: 1600px) {
    .mt-filter .mt-cta {
        max-width: auto;
        width: auto
    }
}

.mt-filter-group label {
    font-size: 12px;
    color: #3e3e3e;
    margin-bottom: 3px
}

.mt-filter-group .mt-textbox {
    border: none;
    border-bottom: solid 1px #3e3e3e;
    height: 24px;
    padding: 5px 0;
    width: 100%
}

    .mt-filter-group .mt-textbox:hover, .mt-filter-group .mt-textbox:focus {
        outline: none;
        box-shadow: none;
        border-color: #47697e
    }

.mt-reports-geration .mt-reports {
    padding: 3px 0;
    display: block
}

.mt-reports-geration .mt-printaction {
    padding: 7px 0
}

.mt-addnew-project {
    background-color: #fbfbfb;
    padding: 25px 30px
}

    .mt-addnew-project .form-select, .mt-addnew-project .form-control, .mt-addnew-project .select2-container--default .select2-selection--multiple {
        background-color: #fbfbfb
    }

.mt-added-list {
    display: flex;
    width: 100%
}

    .mt-added-list ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .mt-added-list ul li {
            display: inline-block
        }

            .mt-added-list ul li span {
                position: relative;
                padding-right: 10px;
                margin-right: 10px;
                color: #3e3e3e
            }

                .mt-added-list ul li span:before {
                    font-family: "mapmnt";
                    content: "G";
                    position: absolute;
                    right: -5px;
                    top: 5px;
                    font-size: 8px
                }

            .mt-added-list ul li:last-child span:before {
                display: none
            }

.mt-listing-outer {
    display: flex;
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 5px;
    align-items: flex-end
}

    .mt-listing-outer .mt-added-list {
        margin-bottom: 10px;
        display: block;
        width: auto
    }

.mt-siteplan-outer {
    margin-left: auto
}

    .mt-siteplan-outer .form-switch .form-check-input:checked {
        background-color: #1284f8
    }

    .mt-siteplan-outer .form-switch .form-check-input {
        background-color: #eaeaea
    }

.mt-markcomplete {
    border-bottom: solid 1px #d9d9d9;
    padding: 12px 0;
    width: 100%
}

    .mt-markcomplete .btn {
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 7px;
        padding: 8px 18px;
        border: solid 1px #707070
    }

        .mt-markcomplete .btn i {
            font-size: 10px;
            margin-right: 10px
        }

        .mt-markcomplete .btn.active {
            border-color: #00af38;
            background-color: #00af38;
            color: #fff
        }

            .mt-markcomplete .btn.active i {
                color: #fff
            }

.mt-form-inputgroup {
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .mt-form-inputgroup .mt-dropmenuselect {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .mt-form-inputgroup .form-group {
        margin-bottom: 15px
    }
}

.mt-form-addedinfo {
    margin-top: 26px;
    color: #757575
}

    .mt-form-addedinfo label {
        font-weight: bold;
        min-width: 152px;
        color: #676767
    }

    .mt-form-addedinfo strong {
        font-weight: 400 !important
    }

.mt-dropmenu {
    position: relative
}

    .mt-dropmenu label {
        background-color: #fbfbfb;
        position: absolute;
        left: 10px;
        top: -5px;
        font-size: 11px;
        padding: 0 5px;
        z-index: 9
    }

    .mt-dropmenu .form-select {
        box-shadow: none;
        border: solid 1px #aaa;
        border-radius: 7px;
        height: 52px
    }

@media only screen and (max-width: 1600px) {
    .mt-dropmenu .form-select {
        height: 42px
    }
}

@media only screen and (max-width: 991px) {
    .mt-dropmenu .form-select {
        margin-bottom: 10px
    }
}

.mt-formblock {
    position: relative
}

    .mt-formblock label {
        background-color: #fbfbfb;
        position: absolute;
        left: 4px;
        top: -5px;
        font-size: 11px;
        padding: 0 5px;
        font-weight: 300;
        color: #030e19
    }

    .mt-formblock .form-control {
        height: 52px;
        background: rgba(0,0,0,0);
        border: solid 1px #aaa;
        font-size: 14px
    }

@media only screen and (max-width: 1600px) {
    .mt-formblock .form-control {
        height: 42px
    }
}

.mt-datepicker {
    position: relative
}

    .mt-datepicker label {
        background-color: #fbfbfb;
        position: absolute;
        left: 10px;
        top: -5px;
        font-size: 11px;
        padding: 0 5px;
        z-index: 9
    }

    .mt-datepicker .form-control {
        height: 52px;
        background: rgba(0,0,0,0)
    }

@media only screen and (max-width: 1600px) {
    .mt-datepicker .form-control {
        height: 42px
    }
}

@media only screen and (max-width: 768px) {
    .mt-datepicker {
        margin-bottom: 10px
    }
}

.mt-addnewproject-outer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
    z-index: 10
}

    .mt-addnewproject-outer .mt-special-purchase-block {
        width: 100%;
        transition: all ease-in-out .5s
    }

body.mt-siteplan-layout .mt-siteplan-content {
    display: block !important;
    transition: all ease-in-out .5s;
    padding-left: 26px;
    width: 49%
}

@media only screen and (max-width: 1199px) {
    body.mt-siteplan-layout .mt-siteplan-content {
        width: 100% !important
    }
}

body.mt-siteplan-layout .mt-siteplan-content .mt-layout-img {
    margin: 10px 0;
    cursor: pointer
}

    body.mt-siteplan-layout .mt-siteplan-content .mt-layout-img:hover {
        box-shadow: rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px;
        transition: all ease-in-out .5s
    }

    body.mt-siteplan-layout .mt-siteplan-content .mt-layout-img.mt-layout-selected {
        border: solid 2px #ff9d00;
        box-shadow: rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px
    }

body.mt-siteplan-layout .mt-special-purchase-block {
    width: 50%
}

@media only screen and (max-width: 1199px) {
    body.mt-siteplan-layout .mt-special-purchase-block {
        width: 100% !important
    }
}

.mt-fileupload-block p {
    font-weight: bold
}

.mt-file-upload .et_pb_contact_form_label {
    display: block;
    color: #000;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 18px;
    padding-bottom: 5px
}

.mt-file-upload input[id=et_pb_contact_brand_file_request_0] {
    display: none
}

.mt-file-upload label[for=et_pb_contact_brand_file_request_0] {
    background: rgba(0,0,0,0);
    height: 172px;
    background-image: url("../images/upload-cloud.png");
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    text-align: center;
    border: 1px dashed #d9d9d9;
    box-sizing: border-box;
    border-radius: 6px
}

    .mt-file-upload label[for=et_pb_contact_brand_file_request_0]:before {
        content: "Upload Project Image";
        display: block;
        position: absolute;
        top: 68%;
        font-size: 14px;
        color: #757575;
        font-weight: 400;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .mt-file-upload label[for=et_pb_contact_brand_file_request_0].changed, .mt-file-upload label[for=et_pb_contact_brand_file_request_0]:hover {
        background-color: #e3f2fd
    }

.mt-file-upload label[for=et_pb_contact_brand_file_request_0] {
    cursor: pointer;
    transition: 400ms ease
}

.mt-file-upload .file_names {
    display: block;
    position: absolute;
    color: #000;
    left: 0;
    bottom: -30px;
    font-size: 13px;
    font-weight: 300
}

.mt-file-upload .file_names {
    text-align: center
}

.select2-container--default .select2-selection--multiple {
    border-width: 1px;
    background: rgba(0,0,0,0)
}

.mt-multiselect-dropdown {
    position: relative
}

    .mt-multiselect-dropdown label {
        background-color: #fbfbfb;
        position: absolute;
        left: 10px;
        top: -5px;
        font-size: 11px;
        padding: 0 5px;
        z-index: 9;
        line-height: 1
    }

    .mt-multiselect-dropdown .select2-container {
        width: 100% !important
    }

    .mt-multiselect-dropdown .select2-selection--single {
        height: 52px !important;
        background-color: #fbfbfb !important
    }

    .mt-multiselect-dropdown .select2-selection__rendered {
        line-height: 42px !important
    }

    .mt-multiselect-dropdown .select2-selection__choice {
        background-color: #aaa !important;
        height: 36px !important;
        line-height: 28px !important;
        font-size: 14px !important;
        color: #fff !important;
        padding: 3px 24px 3px 7px !important;
        position: relative;
        margin: 5px !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        max-width: 236px !important;
        width: auto !important
    }

        .mt-multiselect-dropdown .select2-selection__choice .select2-avatar {
            width: 26px !important;
            height: 26px !important;
            border-radius: 50% !important
        }

            .mt-multiselect-dropdown .select2-selection__choice .select2-avatar img {
                border-radius: 50% !important;
                width: 26px !important;
                height: 26px !important;
                margin-right: 5px
            }

        .mt-multiselect-dropdown .select2-selection__choice .select2-selection__choice__remove {
            position: absolute;
            right: 4px;
            font-size: 20px;
            color: #fff
        }

.mt-multiselect-checklist {
    position: relative
}

    .mt-multiselect-checklist label {
        background-color: #fbfbfb;
        position: absolute;
        left: 10px;
        top: -5px;
        font-size: 11px;
        padding: 0 5px;
        z-index: 9
    }

    .mt-multiselect-checklist .select2-container {
        width: 100% !important
    }

    .mt-multiselect-checklist .select2-selection--single {
        height: 42px !important
    }

    .mt-multiselect-checklist .select2-selection__rendered {
        line-height: 42px !important;
        margin-top: 5px !important
    }

    .mt-multiselect-checklist .select2-selection__arrow {
        top: 12px !important
    }

    .mt-multiselect-checklist .select2-selection__choice {
        background-color: #3e3e3e !important;
        color: #fff !important;
        height: 30px !important;
        line-height: 1.6 !important;
        position: relative;
        padding: 3px 30px 3px 10px !important;
        border-radius: 30px !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        max-width: 236px !important;
        width: auto !important
    }

        .mt-multiselect-checklist .select2-selection__choice .select2-selection__choice__remove {
            position: absolute;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background-color: #fff !important;
            right: 5px;
            color: #3e3e3e !important;
            line-height: 22px !important;
            font-size: 18px !important;
            text-align: center;
            margin: 0 !important
        }

.mt-ctagroup {
    padding: 15px 0 15px 0;
    display: flex;
    justify-content: flex-end;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 26px;
    background: #fff;
    z-index: 9
}

    .mt-ctagroup .mt-ctabtn {
        background-color: #323232;
        font-size: 14px;
        color: #fff;
        border: solid 1px #323232;
        min-width: 200px;
        padding: 9px 10px;
        text-align: center;
        border-radius: 7px;
        margin: 0 7px
    }

        .mt-ctagroup .mt-ctabtn:hover {
            box-shadow: 0 1px 3px rgba(140,140,140,.9);
            transition: all ease-in-out .3s;
            background-color: #283e4d
        }

        .mt-ctagroup .mt-ctabtn.mt-ctabtn-border {
            background-color: rgba(0,0,0,0);
            color: #323232
        }

            .mt-ctagroup .mt-ctabtn.mt-ctabtn-border:hover {
                color: #000
            }

        .mt-ctagroup .mt-ctabtn:active, .mt-ctagroup .mt-ctabtn:focus {
            box-shadow: none;
            transition: all ease-in-out .3s;
            background-color: #e2f4ff;
            border-color: #e2f4ff;
            color: #61738e;
            cursor: not-allowed
        }

@media only screen and (max-width: 1600px) {
    .mt-ctagroup .mt-ctabtn {
        min-width: 180px
    }
}

@media only screen and (max-width: 1400px) {
    .mt-ctagroup .mt-ctabtn {
        min-width: 160px
    }
}

.mt-project-filter {
    display: flex
}

    .mt-project-filter a {
        color: #fff;
        text-decoration: none
    }

        .mt-project-filter a i {
            margin-right: 5px
        }

    .mt-project-filter .mt-filter-rgt a {
        margin: 0 15px
    }

@media only screen and (max-width: 767px) {
    .mt-project-filter .mt-filter-rgt a {
        margin: 0 10px
    }
}

@media only screen and (max-width: 480px) {
    .mt-project-filter .mt-filter-rgt a {
        margin: 0 5px
    }
}

.mt-reports-geration a {
    padding: 7px 0 !important;
    display: block;
    font-size: 15px;
    color: #3e3e3e;
    text-decoration: none
}

    .mt-reports-geration a img {
        margin-right: 15px
    }

    .mt-reports-geration a:last-child {
        padding-bottom: 0
    }

.mt-reports-geration .dropdown-menu {
    position: static !important;
    transform: initial !important;
    border: none !important;
    box-shadow: none !important
}

    .mt-reports-geration .dropdown-menu li {
        font-size: 15px
    }

    .mt-reports-geration .dropdown-menu img {
        margin-right: 15px
    }

.mt-reports-geration .dropdown-toggle {
    padding-left: 28px !important
}

    .mt-reports-geration .dropdown-toggle:before {
        font-family: "mapmnt";
        content: "b";
        position: absolute;
        left: 0;
        font-size: 9px;
        top: 12px
    }

    .mt-reports-geration .dropdown-toggle:after {
        display: none !important
    }

    .mt-reports-geration .dropdown-toggle.show:before {
        transform: rotate(180deg)
    }

.mt-payment-block {
    margin: 30px 0
}

    .mt-payment-block h4 {
        font-size: 19px;
        font-weight: 600
    }

    .mt-payment-block p {
        font-size: 14px !important;
        line-height: 18px !important
    }

        .mt-payment-block p a {
            font-size: 14px !important;
            font-weight: 600 !important
        }

.font-42 {
    font-size: 42px !important
}

@media only screen and (max-width: 1400px) {
    .font-42 {
        font-size: 32px !important
    }
}

.mt-checklocation {
    display: flex
}

    .mt-checklocation input[type=checkbox] + label {
        display: block;
        cursor: pointer;
        padding: .2em;
        font-size: 14px;
        font-weight: bold;
        color: #676767
    }

    .mt-checklocation input[type=checkbox] {
        display: none
    }

        .mt-checklocation input[type=checkbox] + label:before {
            content: "";
            border: 1.5px solid #707070;
            border-radius: 5px;
            display: inline-block;
            width: 22px;
            height: 22px;
            vertical-align: middle;
            color: rgba(0,0,0,0);
            transition: .2s;
            margin-right: 5px
        }

        .mt-checklocation input[type=checkbox] + label:active:before {
            transform: scale(0)
        }

        .mt-checklocation input[type=checkbox]:checked + label:before {
            background-color: #ff9d00;
            border-color: #ff9d00;
            color: #fff
        }

        .mt-checklocation input[type=checkbox]:disabled + label:before {
            transform: scale(1);
            border-color: #aaa
        }

        .mt-checklocation input[type=checkbox]:checked:disabled + label:before {
            transform: scale(1);
            background-color: #f7c28f;
            border-color: #f7c28f
        }

    .mt-checklocation .mt-check-container {
        padding: 4px 8px;
        border-radius: 7px;
        margin: 0 70px 0 10px
    }

        .mt-checklocation .mt-check-container:last-child {
            margin: 0
        }

@media only screen and (max-width: 1600px) {
    .mt-checklocation .mt-check-container {
        margin: 0 20px 0 10px
    }
}

@media only screen and (max-width: 767px) {
    .mt-checklocation .mt-check-container {
        margin: 0 20px 0 0
    }
}

.mt-checklocation .mt-checked {
    background-color: #707070
}

    .mt-checklocation .mt-checked .checkbox-label {
        color: #fff
    }

.mt-multiselect-person .select2-selection--multiple {
    position: relative
}

    .mt-multiselect-person .select2-selection--multiple:before {
        font-family: "mapmnt";
        content: "b";
        position: absolute;
        right: 0;
        font-size: 7px;
        top: 50%;
        margin-top: -4px;
        right: 15px;
        color: #aaa;
        cursor: pointer
    }

@media only screen and (max-width: 1600px) {
    .mt-multiselect-person .select2-selection--multiple .select2-selection__rendered {
        line-height: 32px !important
    }
}

.mt-multiselect-person .select2-search__field {
    width: 100% !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f4f4f4 !important;
    color: #0d9ffb !important
}

.mt-ctasmall {
    border: none;
    background: none;
    color: #3e3e3e;
    position: relative;
    padding: 5px 5px 5px 30px;
    line-height: 1.6
}

    .mt-ctasmall:before {
        font-family: "mapmnt";
        content: "L";
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #3e3e3e;
        color: #fff;
        position: absolute;
        left: 0;
        padding: 5px;
        font-size: 10px;
        text-align: center;
        line-height: 14px
    }

.select2-results__options .select2-avatar img {
    border-radius: 50% !important;
    margin-right: 10px !important
}

.select2-container--default .select2-selection--multiple {
    border-radius: 6px !important
}

.mt-checkbox-item {
    position: relative;
    border: 1px solid #555;
    border-radius: 3px;
    background: none;
    cursor: pointer;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none
}

    .mt-checkbox-item:hover {
        opacity: 1
    }

    .mt-checkbox-item:checked {
        background-color: #0d9ffb;
        opacity: 1;
        border-color: #0d9ffb
    }

        .mt-checkbox-item:checked:before {
            content: "";
            position: absolute;
            right: 3px;
            top: 9px;
            font-family: "mapmnt";
            content: "K";
            z-index: 2;
            color: #fff;
            font-size: 11px !important
        }

#select2-mt-specialpurchase-results .mt-checkbox-item {
    float: right
}

#select2-mt-specialpurchase-results .select2-results__option {
    padding: 0
}

    #select2-mt-specialpurchase-results .select2-results__option span {
        border-top: solid 1px #d9d9d9;
        padding: 10px 0;
        margin: 0 18px;
        position: relative;
        display: block
    }

    #select2-mt-specialpurchase-results .select2-results__option:hover {
        background-color: #f4f4f4
    }

        #select2-mt-specialpurchase-results .select2-results__option:hover .description-box {
            display: block
        }

.mt-created-date {
    text-align: right
}

    .mt-created-date p {
        margin: 0
    }

        .mt-created-date p label {
            font-weight: bold;
            margin-right: 5px
        }

.mt-person-checklist-description {
    color: #3e3e3e;
    border: solid 1px #aaa;
    border-radius: 0 6px 6px 0;
    padding: 18px;
    max-width: 430px;
    position: absolute;
    right: 0;
    z-index: 9;
    font-size: 16px;
    left: 100%;
    width: 100%;
    transform: translateY(20%);
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    background-color: #fbfbfb
}

@media only screen and (max-width: 1599px) {
    .mt-person-checklist-description {
        max-width: 50%
    }
}

.mt-person-checklist-description h4 {
    font-size: 16px;
    font-weight: bold
}

.mt-person-checklist-description p {
    font-size: 16px;
    color: #3e3e3e;
    margin: 0 0 5px 0
}

#select2-mt-specialpurchase-results .mt-ctasmall {
    margin-left: 18px
}

.mt-assignperson-list {
    margin: 0;
    padding: 0;
    list-style-type: style type none
}

    .mt-assignperson-list .mt-person-assign {
        background-color: #aaa;
        padding: 5px 7px;
        border-radius: 4px;
        display: inline-block;
        line-height: 1.6;
        margin: 0 5px 5px 0;
        float: left;
        color: #fff
    }

        .mt-assignperson-list .mt-person-assign span {
            width: 26px;
            height: 26px;
            background-color: #028be6;
            font-size: 11px;
            color: #fff;
            text-align: center;
            display: inline-block;
            border-radius: 50%;
            line-height: 26px
        }

@media only screen and (max-width: 1600px) {
    .mt-assignperson-list .mt-person-assign span {
        width: 22px;
        height: 22px;
        line-height: 22px
    }
}

.mt-modelview {
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

    .mt-modelview .modal-dialog {
        border-radius: 3px;
        border: none;
        max-width: 818px
    }

    .mt-modelview .modal-content {
        border-radius: 3px !important;
        border: none !important
    }

        .mt-modelview .modal-content .mt-filter-rgt {
            text-align: right;
            display: flex;
            align-items: center;
            height: 100%;
            justify-content: flex-end
        }

            .mt-modelview .modal-content .mt-filter-rgt a {
                color: #676767;
                margin-left: 20px
            }

@media only screen and (max-width: 767px) {
    .mt-modelview .modal-content .mt-filter-rgt a {
        margin-left: 10px
    }
}

.mt-modelview .modal-footer {
    padding: 0;
    display: flex;
    flex-wrap: nowrap
}

    .mt-modelview .modal-footer .mt-modal-action {
        width: 50%;
        background-color: #2d3a40;
        height: 65px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        border: solid 1px #2d3a40;
        margin: 0
    }

@media only screen and (max-width: 1600px) {
    .mt-modelview .modal-footer .mt-modal-action {
        height: 48px
    }
}

.mt-modelview .modal-footer .mt-modal-action:hover {
    box-shadow: 0 1px 3px rgba(140,140,140,.9);
    transition: all ease-in-out .3s;
    background-color: #283e4d
}

.mt-modelview .modal-footer .mt-modal-action:active, .mt-modelview .modal-footer .mt-modal-action:focus {
    box-shadow: none;
    transition: all ease-in-out .3s;
    background-color: #e2f4ff;
    border-color: #e2f4ff;
    color: #61738e;
    cursor: not-allowed
}

.mt-modelview .modal-footer .mt-modal-action.light {
    background-color: #fbfbfb;
    border-color: #ccc;
    color: #707070
}

    .mt-modelview .modal-footer .mt-modal-action.light:hover {
        color: #000;
        background-color: #fff
    }

    .mt-modelview .modal-footer .mt-modal-action.light:active, .mt-modelview .modal-footer .mt-modal-action.light:focus {
        color: #000;
        cursor: not-allowed;
        background-color: #fbfbfb
    }

.mt-modelview .mt-modal-header {
    flex-wrap: wrap;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 15px;
    border: none
}

    .mt-modelview .mt-modal-header .mt-markcomplete {
        border-top: solid 1px #d9d9d9;
        margin-top: 18px
    }

    .mt-modelview .mt-modal-header .btn-close {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #cecece;
        z-index: 1
    }

        .mt-modelview .mt-modal-header .btn-close:focus {
            box-shadow: none;
            border: none;
            outline: none
        }

    .mt-modelview .mt-modal-header h1 {
        font-size: 18px !important;
        color: #3e3e3e;
        font-weight: 500;
        width: 100%;
        margin: 0 0 15px 0
    }

.mt-modelview .modal-body {
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px
}

    .mt-modelview .modal-body .col-md-3 label {
        font-weight: 600;
        color: #3e3e3e;
        margin-right: 5px
    }

@media(min-width: 992px) {
    .mt-modelview .modal-lg, .mt-modelview .modal-xl {
        --sd-modal-width: 950px
    }
}

.mt-filter-rgt {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .mt-filter-rgt li {
        display: inline-block
    }

.mt-space-added {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .mt-space-added {
        display: block
    }
}

.mt-space-added p {
    margin: 0;
    flex: 1
}

.mt-space-added .mt-status-space {
    color: #4da6ff;
    font-weight: 600;
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .mt-space-added .mt-status-space {
        display: inline-flex;
        margin-right: 10px;
        margin-top: 10px
    }
}

.mt-space-added .mt-status-color {
    width: 22px;
    height: 22px;
    background-color: #ff9d00;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px
}

.mt-priority-view {
    background-color: #e5642c;
    color: #fff;
    border-radius: 4px;
    padding: 5px 7px;
    display: inline-block
}

    .mt-priority-view.medium {
        background-color: #e96e25
    }

    .mt-priority-view.low {
        background-color: #64b712
    }

    .mt-priority-view.high {
        background-color: #ec2024
    }

    .mt-priority-view.urgent {
        background-color: #a82525
    }

.mt-25 {
    margin-top: 25px
}

@media only screen and (max-width: 1600px) {
    .mt-25 {
        margin-top: 18px
    }
}

.mt-status-outer {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .mt-status-outer {
        flex-wrap: wrap
    }
}

.mt-status-outer .mt-project-created-date {
    margin-left: auto
}

@media only screen and (max-width: 767px) {
    .mt-status-outer .mt-project-created-date {
        width: 100%;
        margin-top: 10px
    }
}

.mt-status-outer .mt-project-created-date label {
    font-weight: bold;
    color: #676767
}

.mt-status-created label {
    color: #3e3e3e;
    font-weight: 600;
    margin-right: 5px
}

.mt-status-processing {
    border: solid 1px #676767;
    padding: 4px 12px;
    display: inline-block;
    color: #676767;
    border-radius: 4px;
    text-decoration: none
}

.mt-dropmenu .select2-selection--single {
    height: 52px !important;
    background-color: #fbfbfb !important
}

@media only screen and (max-width: 1600px) {
    .mt-dropmenu .select2-selection--single {
        height: 42px !important
    }
}

.mt-dropmenu .select2-selection__rendered {
    line-height: 52px !important
}

@media only screen and (max-width: 1600px) {
    .mt-dropmenu .select2-selection__rendered {
        line-height: 42px !important
    }
}

.mt-dropmenu .select2-selection__arrow {
    height: 52px !important
}

@media only screen and (max-width: 1600px) {
    .mt-dropmenu .select2-selection__arrow {
        height: 42px !important
    }
}

.mt-countryselect .select2-container {
    width: 100% !important
}

.mt-countryselect .select2-selection--single {
    height: 42px
}

.mt-countryselect .select2-selection__rendered {
    line-height: 42px !important
}

.mt-countryselect .select2-selection__arrow {
    height: 42px !important
}

.flag-icon.flag-icon-squared {
    margin-right: 10px !important
}

.mt-dropmenu .select2-container {
    width: 100% !important
}

.mt-steps {
    font-weight: 300;
    font-size: 16px;
    color: #707070;
    margin-bottom: 5px;
    display: block;
    margin-top: 10px
}

    .mt-steps abbr {
        color: #47697e
    }

.mt-siteplan-action {
    padding: 60px 0
}

.mt-success-block {
    margin-bottom: 15px;
    display: block
}

    .mt-success-block .mt-icon-tickmark {
        font-size: 36px;
        color: #57b182
    }

        .mt-success-block .mt-icon-tickmark:before {
            margin: 0
        }

    .mt-success-block .mt-icon-close {
        font-size: 15px;
        color: #e60113;
        border: solid 2px #e60113;
        padding: 7px;
        width: 36px;
        height: 36px;
        display: block;
        border-radius: 50%;
        text-align: center
    }

        .mt-success-block .mt-icon-close:before {
            margin: 0
        }

.mt-thankyou a {
    text-decoration: underline
}

    .mt-thankyou a:hover {
        text-decoration: none
    }

.mt-layout-action {
    display: flex;
    line-height: 28px
}

    .mt-layout-action .mt-actionimg {
        background-color: #424547;
        width: 28px;
        height: 28px;
        font-size: 14px;
        color: #fff;
        display: block;
        text-align: center;
        border-radius: 50%;
        margin-right: 8px
    }

    .mt-layout-action.mt-actionvertical {
        flex-wrap: wrap;
        flex-direction: column;
        position: absolute
    }

        .mt-layout-action.mt-actionvertical .mt-actionimg {
            margin-bottom: 8px
        }

.mt-location-add {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

    .mt-location-add .mt-colorpicker {
        display: flex;
        align-items: center;
        margin-right: 15px
    }

        .mt-location-add .mt-colorpicker label {
            cursor: pointer
        }

        .mt-location-add .mt-colorpicker .form-control-color {
            padding: 0;
            width: 22px !important;
            height: 22px !important;
            box-shadow: none;
            border: none;
            margin-right: 10px;
            align-items: center
        }

@media(max-width: 1400px) {
    .mt-subscription-plans > .row {
        margin-left: -6px;
        margin-right: -6px
    }

        .mt-subscription-plans > .row > [class*=col] {
            padding-left: 6px;
            padding-right: 6px
        }
}

.mt-layoutname {
    margin-bottom: 10px
}

    .mt-layoutname .form-control {
        border: solid 1px #b0b0b0;
        font-size: 14px;
        border-radius: 6px
    }

.mt-15 {
    margin-top: 15px
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: hsla(0,0%,100%,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: hsla(0,0%,100%,.3)
    }

.mt-filter-options .mt-dropdown, .mt-filter-options .mt-datepicker {
    max-width: 305px
}

.mt-phoneselect {
    display: flex;
    flex-direction: row
}

    .mt-phoneselect .select2 {
        max-width: 60px;
        margin: 0;
        border-right: none;
        border-radius: 0 !important
    }

        .mt-phoneselect .select2 .select2-selection__rendered .flag-text {
            display: none
        }

    .mt-phoneselect .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 10px;
        line-height: 1
    }

    .mt-phoneselect .select2 > .selection {
        height: 100%;
        display: block
    }

    .mt-phoneselect .select2-container--default .select2-selection--single {
        height: 42px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .mt-phoneselect .flag-icon.flag-icon-squared {
        margin-right: 0 !important
    }

    .mt-phoneselect .select2-container .select2-selection--single .select2-selection__rendered {
        height: 100%
    }

    .mt-phoneselect .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute;
        right: 0%;
        top: 50%;
        transform: translate(-20%, -50%);
        -webkit-transform: translate(-20%, -50%)
    }

    .mt-phoneselect .select2 + input {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        padding-left: 7px
    }

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    min-width: 280px
}

.mt-activity-tabs-panel {
    border-bottom: solid 1px #d9d9d9;
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0 0;
    margin: 0 30px;
    align-items: center
}

@media only screen and (max-width: 991px) {
    .mt-activity-tabs-panel {
        margin: 0 15px
    }
}

.mt-activity-tabs-panel .mt-filter-rgt a {
    color: #676767;
    margin-left: 20px
}

@media only screen and (max-width: 767px) {
    .mt-activity-tabs-panel .mt-filter-rgt a {
        margin-left: 10px
    }
}

.mt-activity-tabs-panel .mt-filter-rgt a .mt-icon-close {
    font-size: 12px
}

@media only screen and (max-width: 767px) {
    .mt-heading-activity {
        margin-bottom: 10px
    }
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.mt-activity-block {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    z-index: 9;
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@media(min-width: 1200px) {
    .mt-activity-block {
        width: calc(56% - 80px)
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .mt-activity-block {
        width: 100% !important
    }
}

@media(max-width: 768px) {
    .mt-activity-block {
        width: 100% !important
    }
}

@media only screen and (max-width: 1600px) {
    .mt-activity-block {
        width: calc(60% - 80px)
    }
}

@media only screen and (max-width: 1199px) {
    .mt-activity-block {
        width: 100%
    }
}

.mt-activity-block .nav .nav-link {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin-right: 25px;
    color: #424547
}

@media only screen and (max-width: 767px) {
    .mt-activity-block .nav .nav-link {
        margin-right: 15px
    }
}

.mt-activity-block .nav .nav-link.active {
    font-weight: 600
}

    .mt-activity-block .nav .nav-link.active:before {
        background-color: #028be6;
        width: 100%;
        height: 2px;
        position: absolute;
        content: "";
        left: 0;
        bottom: -1px
    }

.mt-activity-block .modal-body {
    padding: 0 30px
}

@media only screen and (max-width: 767px) {
    .mt-activity-block .modal-body {
        padding: 0 15px
    }
}

.mt-activity-block .mt-activity-btn {
    padding: 0 30px 30px 30px;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .mt-activity-block .mt-activity-btn {
        padding: 0 15px 15px 15px
    }
}

.mt-markbutton {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 7px;
    padding: 8px 18px;
    border: solid 1px #707070
}

    .mt-markbutton.delete.active {
        background: #b40808 !important;
        color: #fff
    }

@media only screen and (max-width: 1600px) {
    .mt-markbutton {
        padding: 6px 12px
    }
}

.mt-markbutton i {
    font-size: 10px;
    margin-right: 10px
}

.mt-markbutton.active {
    border-color: #00af38;
    background-color: #00af38;
    color: #fff
}

    .mt-markbutton.active i {
        color: #fff
    }

.mt-tab-heading {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #d9d9d9;
    padding: 15px 0;
    margin: 10px 30px 10px 30px
}

@media only screen and (max-width: 1600px) {
    .mt-tab-heading {
        padding: 10px 0;
        margin-top: 0
    }
}

@media only screen and (max-width: 991px) {
    .mt-tab-heading {
        margin: 0 15px
    }
}

@media only screen and (max-width: 767px) {
    .mt-tab-heading {
        flex-wrap: wrap
    }
}

.mt-tab-heading h2 {
    margin-bottom: 10px
}

@media only screen and (max-width: 1600px) {
    .mt-tab-heading h2 {
        margin-bottom: 5px
    }
}

.mt-btnprimary {
    background-color: #323232;
    border-radius: 7px;
    font-size: 14px;
    color: #fff;
    padding: 7px 15px;
    min-width: 200px;
    border: solid 1px #323232
}

@media only screen and (max-width: 767px) {
    .mt-btnprimary {
        min-width: 120px
    }
}

.mt-btnprimary.mt-btnborder {
    background-color: rgba(0,0,0,0);
    color: #424547
}

.mt-ordernumber {
    text-decoration: none;
    color: #028be6
}

.mt-activity-btn .mt-btnprimary {
    margin-right: 15px
}

.mt-purchase-siteplanimg {
    text-align: center
}

    .mt-purchase-siteplanimg img {
        display: inline-block
    }

.mt-special-purchase {
    padding-top: 25px
}

    .mt-special-purchase .container-fluid {
        position: relative
    }

    .mt-special-purchase .mt-special-purchase-block.p-0 {
        border: none !important
    }

.mt-purchaseitem-siteplan {
    width: 50%;
    min-height: 100vh;
    transition: all ease-in-out .3s;
    background-color: #fff;
    opacity: 0;
    display: none
}

.mt-special-purchase-card-left {
    width: 100%
}

    .mt-special-purchase-card-left .common-data-table.mt-table-wrap {
        width: 100%;
        overflow: auto;
        height: 100%;
        padding-right: 10px !important
    }

        .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search {
            min-width: 440px !important;
            min-width: 320px !important;
            max-width: 400px;
            margin-left: auto
        }

            .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search .dt-input, .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search .form-control {
                border-radius: 7px;
                box-shadow: none;
                width: 100% !important;
                border: solid 1px #d9d9d9 !important;
                height: 35px;
                margin: 0 !important;
                padding-left: 17px !important;
                background-color: #fbfbfb;
                font-weight: 300
            }

                .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search .dt-input::placeholder, .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search .form-control::placeholder {
                    color: #707070
                }

@media only screen and (max-width: 767px) {
    .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search .dt-input, .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search .form-control {
        max-width: inherit !important;
        width: auto !important
    }
}

.mt-special-purchase-card-left div.dataTables_wrapper {
    width: calc(100vw - 45px)
}

.mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
    width: 50%;
    opacity: 1;
    display: block
}

    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan .mt-layout-img {
        margin: 10px 0;
        cursor: pointer;
        background-color: #fff;
        text-align: center
    }

        .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan .mt-layout-img img {
            display: inline-block
        }

        .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan .mt-layout-img:hover {
            box-shadow: rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px;
            transition: all ease-in-out .5s
        }

        .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan .mt-layout-img.mt-layout-selected {
            border: solid 2px #ff9d00;
            box-shadow: rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px
        }

.mt-siteplanpurchase-layout .mt-special-purchase-card-left {
    width: 50%
}

@media only screen and (max-width: 767px) {
    .mt-siteplanpurchase-layout .mt-special-purchase-card-left {
        width: 100%
    }
}

.mt-special-purchase-card-outer {
    display: flex;
    padding: 0 10px
}

.mt-username {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #028be6;
    font-size: 11px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 26px;
    border: solid 6px #fff
}

.mt-timeline-item {
    display: flex;
    margin-top: 30px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .mt-timeline-item {
        flex-wrap: wrap
    }
}

.mt-timeline-item .mt-username-small {
    margin: 0 3px
}

@media only screen and (max-width: 1600px) {
    .mt-timeline-item {
        margin-top: 15px
    }
}

.mt-timeline-item:before {
    width: 1px;
    height: 100%;
    background-color: #d9d9d9;
    position: absolute;
    bottom: -38px;
    content: "";
    left: 19px
}

.mt-timeline-item:last-child:before {
    display: none
}

.mt-timeline-item p {
    margin: 0
}

.mt-timeline-item .mt-timeline-date {
    margin-left: auto
}

.mt-timeline-item .mt-timeline-user .mt-username {
    margin-right: 10px
}

.mt-timeline-item .mt-added-comment {
    display: flex;
    align-items: center;
    min-height: 32px
}

.mt-timeline-item .mt-added-commentview {
    background-color: #f2f2f2;
    border-radius: 6px;
    padding: 15px 24px 15px 15px;
    max-width: 700px;
    position: relative;
    margin-bottom: 10px;
    margin-right: 60px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .mt-timeline-item .mt-added-commentview {
        margin: 15px auto
    }
}

.mt-timeline-item .mt-added-commentview .mt-like {
    position: absolute;
    right: -22px;
    bottom: 10px
}

.mt-showmore {
    color: #028be6;
    text-decoration: none
}

    .mt-showmore:hover {
        text-decoration: underline
    }

.mt-like {
    background-color: #fff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    text-align: center;
    width: 32px;
    height: 32px
}

    .mt-like:hover i, .mt-like:focus i {
        color: #028be6
    }

        .mt-like:hover i.mt-icon-dislike, .mt-like:focus i.mt-icon-dislike {
            color: #ec2024
        }

.mt-timeline-datetime {
    display: flex;
    min-width: 180px;
    justify-content: flex-end
}

    .mt-timeline-datetime label {
        color: rgba(62,62,62,.7);
        position: relative;
        margin-left: 20px
    }

        .mt-timeline-datetime label:before {
            height: 16px;
            width: 1px;
            background-color: rgba(62,62,62,.7);
            content: "";
            position: absolute;
            right: -10px;
            top: 0
        }

        .mt-timeline-datetime label:last-child:before {
            display: none
        }

.mt-timeline-outer {
    margin: 0 30px 0 24px;
    padding-right: 20px;
    overflow-x: auto;
    height: calc(100vh - 440px)
}

@media only screen and (max-width: 1600px) {
    .mt-timeline-outer {
        height: calc(100vh - 400px)
    }
}

.tab-content {
    background: rgba(0,0,0,0) !important
}

    .tab-content #mt-editor {
        resize: vertical;
        overflow: auto;
        line-height: 1.5;
        background-color: rgba(0,0,0,0);
        background-image: none;
        border: none;
        min-height: 30px;
        box-shadow: none;
        padding: 8px 16px;
        margin: 0 auto;
        transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s
    }

        .tab-content #mt-editor:hover, .tab-content #mt-editor:focus {
            border: none;
            outline: none
        }

    .tab-content .btn-group:hover, .tab-content .btn-group:focus {
        outline: none;
        border: none;
        box-shadow: none
    }

.mt-editorouter {
    background-color: #efefef;
    padding: 15px 30px 10px 10px;
    margin-top: 20px
}

    .mt-editorouter .mt-commentblock {
        display: flex
    }

        .mt-editorouter .mt-commentblock .mt-username {
            width: 32px;
            height: 32px;
            line-height: 32px;
            border: none
        }

.mt-editor-block {
    border: solid 1px #028be6;
    border-radius: 6px;
    background-color: #fff;
    margin-left: 10px;
    width: 100%
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    font-family: "mapmnt";
    content: "b";
    position: absolute;
    right: 0;
    font-size: 7px;
    top: 50%;
    margin-top: -4px;
    right: 15px;
    color: #aaa
}

.select2-container--open .select2-selection__arrow:before {
    transform: rotate(180deg)
}

.mt-comment-cta {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px
}

    .mt-comment-cta a {
        color: #3e3e3e;
        text-decoration: none;
        margin-right: 20px
    }

.mt-ctabtn-small {
    background-color: #028be6;
    border-radius: 6px;
    padding: 6px 18px;
    min-width: 114px;
    color: #fff;
    text-align: center;
    border: none
}

.mt-fileattachments {
    display: flex;
    flex-wrap: wrap
}

    .mt-fileattachments .mt-fileattachments-thumbnail {
        width: 67px;
        height: 67px;
        background-color: #f2f2f2;
        margin: 0 10px 10px 0
    }

        .mt-fileattachments .mt-fileattachments-thumbnail img, .mt-fileattachments .mt-fileattachments-thumbnail video {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

.mt-timeline-comment {
    max-width: 700px
}

@media only screen and (max-width: 767px) {
    .mt-timeline-comment {
        margin-left: 50px
    }
}

.mt-username-small {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    background-color: #7cdb46;
    display: inline-block;
    line-height: 21px;
    color: #fff
}

.mt-commenttab-outer {
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 30px;
    padding: 15px 0
}

@media only screen and (max-width: 1600px) {
    .mt-commenttab-outer {
        padding: 10px 0
    }
}

.mt-commenttab-outer h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600
}

.mt-commenttab-outer .mt-commenttab a {
    color: #424547;
    margin-left: 15px;
    text-decoration: none
}

    .mt-commenttab-outer .mt-commenttab a.active {
        color: #028be6;
        font-weight: bold
    }

.mt-activity-outer {
    height: calc(100vh - 410px);
    overflow-y: auto;
    padding-right: 20px
}

@media only screen and (max-width: 767px) {
    .mt-activity-outer label {
        margin-bottom: 5px
    }
}

.mt-activity-outer .mt-priority-view {
    margin-left: 5px
}

@media only screen and (max-width: 1600px) {
    .mt-activity-outer {
        height: calc(100vh - 340px)
    }

        .mt-activity-outer .mt-25 {
            margin-top: 10px
        }
}

@media only screen and (max-width: 767px) {
    .mt-activity-outer .mt-status-outer {
        margin-top: 10px
    }

        .mt-activity-outer .mt-status-outer label {
            display: block;
            margin-bottom: 5px
        }
}

.mt-sections-added label {
    font-weight: bold;
    color: #676767;
    margin: 0
}

.mt-sections-added p {
    margin: 0;
    color: #757575
}

.mt-sections-added .row {
    margin-bottom: 15px
}

    .mt-sections-added .row:last-child {
        margin-bottom: 0
    }

.mt-section-img-block {
    display: flex;
    align-items: center;
    border-top: solid 1px #f0f0f0;
    border-bottom: solid 1px #f0f0f0;
    padding: 15px 0;
    margin-bottom: 25px
}

    .mt-section-img-block .mt-section-img {
        display: flex;
        align-items: center
    }

        .mt-section-img-block .mt-section-img .mt-layout-thumbnail {
            width: 58px;
            height: 44px;
            margin-right: 10px
        }

            .mt-section-img-block .mt-section-img .mt-layout-thumbnail img {
                object-fit: cover
            }

    .mt-section-img-block .mt-trash {
        color: #676767;
        margin-left: 15px
    }

.mt-layout-section-listing {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px
}

    .mt-layout-section-listing h2 {
        font-size: 18px;
        font-weight: bold;
        color: #676767;
        margin: 0
    }

    .mt-layout-section-listing a {
        color: #676767
    }

.mt-layout-section-listing-outer {
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.mt-special-purchase {
    position: relative
}

    .mt-special-purchase .mt-activity-block {
        z-index: 9999
    }

.mt-special-purchase-row .form-group.mt-dropmenu {
    max-width: 589px;
    width: 100%
}

.mt-special-purchase-area {
    display: flex;
    align-items: center;
    max-width: 1080px;
    justify-content: space-between;
    width: 100%
}

@media(max-width: 1400px) {
    .mt-special-purchase-area {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 767px) {
    .mt-special-purchase-area {
        flex-wrap: wrap
    }
}

.mt-special-purchase-area .mt-checklocation {
    display: flex;
    justify-content: center;
    padding-left: 20px
}

@media only screen and (max-width: 767px) {
    .mt-special-purchase-area .mt-checklocation {
        width: 100%;
        padding: 0
    }
}

.mt-special-purchase-area .mt-checklocation .mt-check-container {
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .mt-special-purchase-area .mt-checklocation .mt-check-container:first-child {
        padding-left: 0;
        margin: 0
    }
}

.mt-special-purchase-area .mt-checklocation .mt-check-container:last-child {
    margin: 0 auto
}

.mt-special-purchase-tab {
    margin-top: 30px
}

    .mt-special-purchase-tab .nav-tabs {
        border-bottom: solid 1px #d9d9d9;
        margin: 0 0 30px;
        max-width: 589px
    }

        .mt-special-purchase-tab .nav-tabs .nav-link {
            padding: 10px 0;
            text-transform: uppercase;
            line-height: 1;
            color: #707070;
            font-size: 16px;
            border: none
        }

            .mt-special-purchase-tab .nav-tabs .nav-link:focus {
                border: none !important
            }

            .mt-special-purchase-tab .nav-tabs .nav-link:hover {
                border: none !important
            }

            .mt-special-purchase-tab .nav-tabs .nav-link.active {
                background: rgba(0,0,0,0);
                border: none;
                font-weight: bold;
                position: relative
            }

                .mt-special-purchase-tab .nav-tabs .nav-link.active:after {
                    content: "";
                    display: block;
                    height: 2px;
                    background: #4da6fc;
                    position: absolute;
                    bottom: -1px;
                    left: 0;
                    width: 100%
                }

        .mt-special-purchase-tab .nav-tabs .nav-item {
            margin-right: 40px;
            border: none
        }

            .mt-special-purchase-tab .nav-tabs .nav-item.show .nav-link {
                background: rgba(0,0,0,0);
                border: none;
                font-weight: bold;
                position: relative
            }

                .mt-special-purchase-tab .nav-tabs .nav-item.show .nav-link:after {
                    content: "";
                    display: block;
                    height: 2px;
                    background: #4da6fc;
                    position: absolute;
                    bottom: -2px;
                    left: 0;
                    width: 100%
                }

    .mt-special-purchase-tab .mt-multiselect-dropdown {
        max-width: inherit
    }

.mt-special-purchase-tab-body > .mt-formblock {
    max-width: 589px
}

@media only screen and (max-width: 1599px) {
    .mt-siteplan-layout .mt-special-purchase-row .mt-special-purchase-area .form-group.mt-dropmenu {
        max-width: 50%
    }
}

.mt-sp-fileuploader input {
    display: none
}

    .mt-sp-fileuploader input + label {
        border: dashed 1px #d9d9d9;
        border-radius: 7px;
        height: 170px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        .mt-sp-fileuploader input + label img {
            width: 33px;
            margin: 0 0 15px
        }

        .mt-sp-fileuploader input + label strong {
            font-size: 14px;
            font-weight: 400
        }

.mt-special-purchase-upload {
    margin-top: 30px;
    border-top: solid 1px #d9d9d9;
    padding-top: 20px
}

    .mt-special-purchase-upload h3 {
        font-size: 14px;
        font-weight: bold;
        color: #676767;
        margin: 0 0 20px
    }

.mt-page-holder {
    padding: 15px 25px 35px 25px;
    background-color: #fbfbfb
}

    .mt-page-holder .mt-special-section .mt-form-addedinfo {
        margin-bottom: 30px
    }

@media only screen and (max-width: 1599px) {
    .mt-page-holder {
        padding: 25px 15px
    }
}

@media only screen and (max-width: 767px) {
    .mt-page-holder {
        padding: 20px 5px
    }
}

.mt-add-component {
    margin-top: 20px;
    border-top: solid 1px #d9d9d9;
    padding-top: 20px
}

    .mt-add-component a {
        font-size: 16px;
        font-weight: 500;
        color: #707070;
        text-decoration: none
    }

        .mt-add-component a i {
            display: inline-block;
            width: 22px;
            height: 22px;
            font-style: normal;
            background: #000;
            color: #fff;
            text-align: center;
            line-height: 22px;
            font-size: 18px;
            border-radius: 100%;
            margin-right: 10px
        }

.mt-special-section .mt-listing-outer {
    min-height: 54px
}

@media only screen and (max-width: 767px) {
    .mt-special-section .mt-listing-outer {
        min-height: initial
    }
}

.mt-special-section .mt-addnewproject-outer {
    margin-top: 30px
}

.mt-sp-component-content {
    display: flex;
    background: #dedede;
    min-height: calc(100vh - 87px)
}

.mt-sp-component-left {
    width: 100%;
    position: relative;
    padding: 30px
}

.mt-sp-component-img {
    text-align: center
}

.mt-sp-component-menu {
    position: absolute;
    right: 16px;
    top: 16px
}

    .mt-sp-component-menu ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .mt-sp-component-menu ul li {
            margin-bottom: 8px
        }

            .mt-sp-component-menu ul li a {
                background: #000;
                color: #fff;
                width: 28px;
                height: 28px;
                display: block;
                text-align: center;
                line-height: 28px;
                border-radius: 100%;
                font-size: 12px
            }

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #fff;
    left: -10px
}

.tooltip[data-popper-placement=left] {
    padding-right: 10px
}

    .tooltip[data-popper-placement=left] .tooltip-inner {
        background: #fff;
        color: #2d3a44;
        font-size: 16px;
        font-weight: bold;
        width: 110px;
        text-align: left;
        padding: 5px 10px
    }

.mt-sp-component-sidebar {
    width: 220px;
    background-color: #fff
}

    .mt-sp-component-sidebar h3 {
        background: #000;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        padding: 8px 5px;
        margin: 0;
        position: relative
    }

        .mt-sp-component-sidebar h3:before {
            content: "";
            display: block;
            border-top: solid 6px #000;
            border-left: solid 6px rgba(0,0,0,0);
            border-right: solid 6px rgba(0,0,0,0);
            position: absolute;
            top: 100%;
            left: 22px
        }

    .mt-sp-component-sidebar .mt-add-component a {
        position: relative;
        padding: 0 0 0 24px;
        display: block;
        font-size: 12px
    }

        .mt-sp-component-sidebar .mt-add-component a i {
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            line-height: 18px
        }

    .mt-sp-component-sidebar .mt-ctagroup {
        display: block
    }

        .mt-sp-component-sidebar .mt-ctagroup .mt-ctabtn {
            min-width: 10px;
            display: block;
            width: 100%;
            margin: 0 0 12px
        }

.mt-sp-component-form {
    padding: 20px
}

    .mt-sp-component-form .select2-container .select2-selection--single {
        height: 24px !important;
        border-radius: 0;
        border: none;
        background: rgba(0,0,0,0) !important;
        padding: 0
    }

        .mt-sp-component-form .select2-container .select2-selection--single .select2-selection__rendered {
            border: none;
            border-bottom: solid 1px #ccc;
            line-height: 24px !important;
            padding: 0;
            font-size: 12px;
            color: #aaa
        }

        .mt-sp-component-form .select2-container .select2-selection--single .select2-selection__arrow {
            height: 24px !important;
            right: 0;
            width: 11px
        }

            .mt-sp-component-form .select2-container .select2-selection--single .select2-selection__arrow:before {
                right: 0;
                font-size: 6px
            }

    .mt-sp-component-form .select2-results__option {
        font-size: 12px
    }

    .mt-sp-component-form .select2-container--open .select2-dropdown--below, .mt-sp-component-form .select2-container--open .select2-dropdown--above {
        min-width: 80px
    }

    .mt-sp-component-form .mt-form-inputgroup {
        margin: 0
    }

    .mt-sp-component-form .mt-form-group {
        margin-top: 20px;
        display: flex;
        border-bottom: solid 1px #ccc
    }

        .mt-sp-component-form .mt-form-group img {
            margin-right: 5px
        }

    .mt-sp-component-form .mt-formblock .form-control {
        height: 24px;
        border-radius: 0;
        border: none;
        padding: 0;
        font-size: 12px;
        color: #626668
    }

.mt-sp-component-footer {
    padding: 20px;
    margin-top: 10px;
    border-top: solid 1px #d9d9d9
}

    .mt-sp-component-footer .mt-add-component {
        margin: 0;
        border: none;
        padding: 0
    }

.mt-afterupload {
    display: flex;
    align-items: center;
    margin: 15px 0 30px
}

.mt-afterupload-img {
    max-width: 57px;
    margin-right: 10px
}

    .mt-afterupload-img img {
        max-width: 100%
    }

.mt-afterupload-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .mt-afterupload-content > a {
        font-size: 14px;
        font-weight: bold;
        color: #4da6ff;
        text-decoration: none
    }

    .mt-afterupload-content .mt-afterupload-control {
        margin-left: 15px
    }

        .mt-afterupload-content .mt-afterupload-control a {
            font-size: 14px;
            color: #757575
        }

.mt-afterupload-section {
    padding-top: 30px
}

    .mt-afterupload-section h3 {
        font-size: 18px;
        font-weight: bold;
        color: #676767;
        border-bottom: solid 1px #f0f0f0;
        padding: 0 0 15px;
        margin: 0 0 15px
    }

    .mt-afterupload-section .mt-afterupload {
        margin-top: 15px;
        margin: 15px 0 0;
        border-bottom: solid 1px #f0f0f0;
        padding: 0 0 15px;
        margin: 0 0 15px
    }

        .mt-afterupload-section .mt-afterupload .mt-afterupload-img {
            border-radius: 3px;
            overflow: hidden
        }

.mt-afterupload-desc {
    display: flex
}

    .mt-afterupload-desc strong {
        color: #676767;
        font-weight: bold;
        margin: 0 14px 0 0
    }

    .mt-afterupload-desc p {
        color: #757575;
        margin: 0
    }

.mt-special-purchase-block {
    margin: 0;
    padding: 0
}

    .mt-special-purchase-block .mt-listing-outer {
        padding: 0;
        margin: 0
    }

        .mt-special-purchase-block .mt-listing-outer h3 {
            font-size: 14px;
            font-weight: bold;
            color: #676767;
            margin: 0 0 10px 0
        }

.mt-checkbox-check label {
    position: relative;
    cursor: pointer
}

    .mt-checkbox-check label:before {
        content: "";
        -webkit-appearance: none;
        background-color: rgba(0,0,0,0);
        border: 2px solid #969696;
        padding: 8px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 3px
    }

.mt-checkbox-check .form-check-input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

    .mt-checkbox-check .form-check-input:checked + label:after {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 4px;
        font-family: "mapmnt";
        content: "K";
        font-size: 12px
    }

.mt-checkbox-check.mt-checkblue .form-check-input:checked + label:after {
    background-color: #0fb1fd;
    color: #fff
}

.mt-checkbox-check.mt-checkblue .form-check-input:checked + label:before {
    background-color: #0fb1fd;
    border-color: #0fb1fd
}

.mt-added-grouplist {
    max-height: 160px;
    overflow-y: auto;
    padding-right: 10px;
    margin-bottom: 15px
}

    .mt-added-grouplist .group-item {
        padding-left: 0;
        padding-right: 0
    }

    .mt-added-grouplist .group-name abbr {
        background-color: #e96e25;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        line-height: 16px;
        margin-left: 3px
    }

.mt-sitetable table {
    border-collapse: separate;
    border-spacing: 0 18px !important;
    width: 100%
}

@media only screen and (max-width: 1600px) {
    .mt-sitetable table {
        border-spacing: 0 10px !important
    }
}

.mt-sitetable table tr {
    vertical-align: middle;
    box-shadow: 0 3px 6px rgba(235,235,235,.16)
}

    .mt-sitetable table tr th {
        font-weight: bold;
        color: #676767;
        background-color: rgba(0,0,0,0);
        padding: 10px 15px 10px 5px;
        border-bottom: solid 1px #d9d9d9
    }

@media only screen and (max-width: 1600px) {
    .mt-sitetable table tr th {
        padding: 5px 10px
    }
}

.mt-sitetable table tr td {
    background-color: #fff !important;
    border: none;
    height: 57px;
    padding: 7px 15px 7px 0;
    font-size: 15px;
    color: #3e3e3e;
    font-weight: 500;
    vertical-align: middle
}

@media only screen and (max-width: 1600px) {
    .mt-sitetable table tr td {
        padding: 5px 10px;
        height: 48px
    }
}

.mt-sitetable table tr td:first-child {
    border-radius: 7px 0 0 7px
}

.mt-sitetable table tr td:last-child {
    border-radius: 0 7px 7px 0
}

.mt-sitetable table tr td .mt-site-action, .mt-sitetable table tr td .mt-site-more {
    margin: 0 0 0 5px
}

.mt-sitegrouptable td {
    border-top: solid 1px #d9d9d9 !important;
    border-bottom: solid 1px #d9d9d9 !important
}

    .mt-sitegrouptable td:first-child {
        border-left: solid 1px #d9d9d9
    }

    .mt-sitegrouptable td:last-child {
        border-right: solid 1px #d9d9d9
    }

.mt-sitegrouptable tr {
    box-shadow: none !important;
    opacity: 1 !important
}

    .mt-sitegrouptable tr.mt-actionteam td {
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: rgba(0,0,0,0) !important
    }

        .mt-sitegrouptable tr.mt-actionteam td:last-child {
            padding-right: 15px !important;
            padding-left: 15px !important
        }

@media only screen and (max-width: 1600px) {
    .mt-sitegrouptable tr.mt-actionteam td:last-child {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
}

.mt-sitegrouptable tr.mt-actionteam td .mt-site-action.mt-delete {
    border-color: red
}

    .mt-sitegrouptable tr.mt-actionteam td .mt-site-action.mt-delete i {
        color: red
    }

.mt-setup-tabsblock {
    background-color: #424547;
    padding: 0 10px
}

    .mt-setup-tabsblock .row {
        align-items: center
    }

.mt-setup-tabs {
    margin: 0;
    padding: 37px 0 18px 0;
    list-style-type: none;
    display: flex
}

    .mt-setup-tabs li {
        margin-right: 50px
    }

@media only screen and (max-width: 1400px) {
    .mt-setup-tabs li {
        margin-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .mt-setup-tabs li {
        margin-right: 15px
    }
}

@media only screen and (max-width: 480px) {
    .mt-setup-tabs li {
        margin-right: 10px
    }
}

.mt-setup-tabs li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    transition: all ease-in-out .3s
}

@media only screen and (max-width: 640px) {
    .mt-setup-tabs li a {
        font-size: 12px
    }
}

.mt-setup-tabs li a:before {
    width: 0;
    height: 4px;
    background-color: #009eff;
    position: absolute;
    left: 0;
    bottom: -19px;
    content: "";
    transition: all ease-in-out .3s
}

.mt-setup-tabs li a:hover:before {
    width: 100%
}

.mt-setup-tabs li.active a {
    font-weight: bold
}

    .mt-setup-tabs li.active a:before {
        width: 100%
    }

.mt-setup-block {
    padding: 38px 10px;
    background-color: #fbfbfb;
    color: #000
}

@media only screen and (max-width: 1400px) {
    .mt-setup-block {
        padding: 15px 10px
    }
}

@media only screen and (max-width: 767px) {
    .mt-setup-block {
        padding: 10px 0
    }
}

.mt-setup-block .mt-title {
    text-transform: uppercase;
    margin-bottom: 14px
}

@media only screen and (max-width: 1400px) {
    .mt-setup-block .mt-title {
        margin-bottom: 10px
    }
}

.mt-title {
    font-size: 20px;
    font-weight: 500
}

.mt-addcta {
    background-color: #0f78e2;
    border-radius: 7px;
    padding: 9px 22px;
    color: #fff;
    text-decoration: none;
    max-width: 200px;
    width: 100%;
    display: block;
    text-align: center
}

    .mt-addcta i {
        margin-right: 10px
    }

    .mt-addcta:hover, .mt-addcta:focus {
        box-shadow: 0 1px 3px rgba(140,140,140,.7);
        transition: all ease-in-out .3s;
        background-color: #0671b4
    }

.mt-sites-available-block {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .mt-sites-available-block {
        margin-top: 15px
    }
}

.mt-sites-available-block .mt-sites-available {
    text-align: center;
    min-width: 154px;
    border-left: solid 1px #d9d9d9;
    margin-bottom: 15px
}

    .mt-sites-available-block .mt-sites-available span {
        display: block;
        font-size: 25px;
        font-weight: 600;
        color: #323232
    }

@media only screen and (max-width: 767px) {
    .mt-sites-available-block .mt-sites-available span {
        font-size: 21px
    }
}

.mt-sites-available-block .mt-sites-available p {
    margin: 0;
    color: #323232
}

.mt-site-action {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: solid 1px #676767;
    text-align: center;
    display: inline-block;
    line-height: 22px
}

    .mt-site-action i {
        font-size: 12px;
        color: #676767
    }

.mt-site-more i {
    color: #676767;
    line-height: 24px
}

.mt-modal-sm {
    max-width: 630px
}

.mt-sumery-select {
    margin-top: 25px
}

    .mt-sumery-select p {
        margin: 0
    }

    .mt-sumery-select .mt-checkbox-check {
        margin: 22px 0 0 0
    }

    .mt-sumery-select h5 {
        font-size: 16px;
        font-weight: 500;
        color: #071722;
        text-transform: uppercase
    }

    .mt-sumery-select .mt-checkbox-check .form-check-input:checked + label:after {
        color: #029efc
    }

    .mt-sumery-select .mt-checkbox-check .form-check-input:checked + label:before {
        border-color: #029efc !important
    }

.mt-modalsite .modal-title {
    font-size: 18px;
    font-weight: 500;
    color: #70737c;
    text-align: center;
    width: 100%
}

.mt-modalsite .modal-content {
    border: none
}

    .mt-modalsite .modal-content .mt-formblock label, .mt-modalsite .modal-content .mt-multiselect-dropdown label {
        background-color: #fff
    }

.mt-modalsite .btn-close {
    font-size: 11px;
    color: #cecece;
    margin-right: 15px
}

@media only screen and (max-width: 991px) {
    .mt-modalsite .btn-close {
        margin-right: 0
    }
}

.mt-modalsite .btn-close:hover, .mt-modalsite .btn-close:focus {
    outline: none;
    box-shadow: none;
    border: none
}

.mt-modalsite .modal-footer {
    padding: 0;
    display: flex;
    flex-wrap: nowrap
}

    .mt-modalsite .modal-footer .btn {
        width: 50%;
        background-color: #029efc;
        height: 65px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border: solid 1px #029efc;
        margin: 0;
        border-radius: 0 0 0 7px
    }

@media only screen and (max-width: 1600px) {
    .mt-modalsite .modal-footer .btn {
        height: 48px
    }
}

.mt-modalsite .modal-footer .btn:hover {
    box-shadow: 0 1px 3px rgba(140,140,140,.7);
    transition: all ease-in-out .3s;
    background-color: #0671b4;
    border-color: #0671b4
}

.mt-modalsite .modal-footer .btn:active, .mt-modalsite .modal-footer .btn:focus {
    box-shadow: none;
    transition: all ease-in-out .3s;
    background-color: #e2f4ff;
    border-color: #e2f4ff;
    color: #61738e;
    cursor: not-allowed
}

.mt-modalsite .modal-footer .btn.btn-secondary {
    background-color: #fbfbfb;
    border-color: #ccc;
    color: #707070;
    border-radius: 0 0 7px 0
}

    .mt-modalsite .modal-footer .btn.btn-secondary:hover, .mt-modalsite .modal-footer .btn.btn-secondary:focus {
        background-color: #fbfbfb;
        border-color: #ccc;
        color: #000
    }

.mt-modalsite .modal-footer .btn.mt-bluebtn {
    background-color: #118bc5
}

    .mt-modalsite .modal-footer .btn.mt-bluebtn:hover, .mt-modalsite .modal-footer .btn.mt-bluebtn:focus {
        box-shadow: 0 1px 3px rgba(140,140,140,.7);
        transition: all ease-in-out .3s;
        background-color: #0671b4;
        border-color: #0671b4
    }

.mt-modalsite .modal-body {
    padding: 28px 36px 36px 36px
}

@media only screen and (max-width: 1400px) {
    .mt-modalsite .modal-body {
        padding: 28px 24px
    }
}

@media only screen and (max-width: 767px) {
    .mt-modalsite .modal-body {
        padding: 15px
    }
}

.mt-modalsite .modal-body .mt-checkbox-check label {
    color: #000
}

    .mt-modalsite .modal-body .mt-checkbox-check label:before {
        border-color: #323232 !important;
        margin-right: 12px
    }

.mt-modalsite .modal-body .mt-multiselect-dropdown label, .mt-modalsite .modal-body .mt-multiselect-checklist label {
    z-index: 999999
}

.modal-open .select2-container--open {
    z-index: 99999
}

.mt-form-siteplan h5 {
    text-transform: uppercase;
    font-size: 16px;
    color: #071722;
    text-transform: uppercase;
    font-weight: 500
}

.mt-form-siteplan .mt-formblock {
    margin-bottom: 30px
}

@media only screen and (max-width: 1600px) {
    .mt-form-siteplan .mt-formblock {
        margin-bottom: 22px
    }
}

.mt-form-siteplan .mt-subtext {
    font-size: 16px;
    color: #323232;
    margin: 0 0 20px 0
}

.mt-switch-siteplan {
    width: 40px;
    padding: 0
}

    .mt-switch-siteplan input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden
    }

    .mt-switch-siteplan label {
        cursor: pointer;
        text-indent: -9999px;
        width: 40px;
        height: 22px;
        background: #424547;
        display: block;
        border-radius: 100px;
        position: relative
    }

        .mt-switch-siteplan label:after {
            content: "";
            position: absolute;
            top: 2px;
            left: 2px;
            width: 18px;
            height: 18px;
            background: #fff;
            border-radius: 90px;
            transition: .3s
        }

    .mt-switch-siteplan input:checked + label {
        background: #029efc
    }

        .mt-switch-siteplan input:checked + label:after {
            left: calc(100% - 2px);
            transform: translateX(-100%)
        }

    .mt-switch-siteplan label:active:after {
        width: 40px
    }

.mt-radio input[type=radio]:checked, .mt-radio input[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

    .mt-radio input[type=radio]:checked + label, .mt-radio input[type=radio]:not(:checked) + label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        line-height: 24px;
        display: inline-block;
        color: #666
    }

        .mt-radio input[type=radio]:checked + label:before, .mt-radio input[type=radio]:not(:checked) + label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 16px;
            height: 16px;
            border: 1px solid #111729;
            border-radius: 100%;
            background: #fff
        }

        .mt-radio input[type=radio]:checked + label:after, .mt-radio input[type=radio]:not(:checked) + label:after {
            content: "";
            width: 8px;
            height: 8px;
            background: #111729;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            border: 1px solid #111729
        }

        .mt-radio input[type=radio]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        .mt-radio input[type=radio]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

.mt-addpayment {
    display: flex;
    border: solid 1px #dbdbdb;
    border-radius: 7px;
    padding: 18px 15px;
    align-items: center;
    cursor: pointer;
    transition: all ease-in-out .3s
}

@media only screen and (max-width: 1600px) {
    .mt-addpayment {
        padding: 10px 12px
    }
}

.mt-addpayment .mt-mastercard {
    margin-left: auto
}

.mt-addpayment p {
    margin: 0;
    font-size: 15px;
    color: #707070;
    padding-left: 30px
}

.mt-addpayment .mt-radio label {
    font-size: 15px;
    font-weight: bold;
    color: #111729 !important
}

.mt-addpayment.active {
    border: solid 1px #111729;
    transition: all ease-in-out .3s;
    box-shadow: 0px 6px 15px 0px hsla(0,0%,80%,.7)
}

.mt-addpayment:hover {
    border: solid 1px #111729;
    transition: all ease-in-out .3s;
    box-shadow: 0px 6px 15px 0px hsla(0,0%,80%,.7)
}

.mt-addpayment .mt-remove-cd {
    font-size: 15px;
    color: #707070;
    margin-left: 24px;
    text-decoration: none
}

.mt-paycard {
    border: solid 1px #dbdbdb;
    border-radius: 7px;
    font-weight: 500;
    color: #3e3e3e;
    text-align: center;
    padding: 27px 30px;
    background-color: #fff;
    width: 100%
}

@media only screen and (max-width: 1600px) {
    .mt-paycard {
        padding: 20px 30px
    }
}

.mt-paycard i {
    font-size: 18px;
    margin-right: 10px
}

.mt-paycard:hover, .mt-paycard:focus {
    border: solid 1px #111729
}

.font-16 {
    font-size: 16px !important;
    line-height: 29px !important
}

.mt-showhide {
    display: flex;
    align-items: center;
    margin-top: 20px
}

    .mt-showhide span {
        color: #000;
        margin-right: 5px
    }

    .mt-showhide .mt-switch-siteplan {
        margin: 2px 0 0 15px
    }

        .mt-showhide .mt-switch-siteplan label {
            background: #eaeaea
        }

.mt-paybtn {
    background-color: #11a8e6;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    padding: 14px 30px;
    border-radius: 7px;
    width: 100%;
    border: solid 1px #11a8e6;
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.border-0 {
    border: none !important
}

.radio-custom {
    opacity: 0;
    position: absolute
}

.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer
}

.checkbox-custom-label, .radio-custom-label {
    position: relative
}

.radio-custom + .radio-custom-label:before {
    content: "";
    background: #fff;
    border: 1px solid #555;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%
}

.radio-custom:checked + .radio-custom-label:before {
    font-family: "mapmnt";
    content: "K";
    font-size: 12px;
    background-color: #0d9ffb;
    color: #fff;
    border-color: #0d9ffb
}

.mt-user-group {
    display: flex;
    margin-bottom: 18px
}

    .mt-user-group .mt-radio-check {
        margin-right: 24px
    }

.mt-teamlogo {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    display: block
}

.mt-teamname {
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    color: #3e3e3e;
    display: flex;
    align-items: center
}

    .mt-teamname span {
        margin-right: 15px
    }

.mt-teamcolor {
    display: flex;
    margin-top: 15px
}

    .mt-teamcolor .mt-teamlogo {
        width: 37px;
        height: 37px;
        margin-right: 10px
    }

@media only screen and (max-width: 1400px) {
    .mt-teamcolor .mt-teamlogo {
        width: 28px;
        height: 28px
    }
}

.mt-teamcolor .form-control-color {
    width: 37px;
    height: 37px;
    padding: 0;
    border-radius: 6px;
    border: solid 1px #323232;
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

@media only screen and (max-width: 1400px) {
    .mt-teamcolor .form-control-color {
        width: 28px;
        height: 28px
    }
}

.mt-choose-color {
    position: relative
}

    .mt-choose-color .mt-colorpicker {
        width: 37px;
        height: 37px;
        padding: 0;
        border-radius: 3px;
        border: solid 1px #323232;
        background-color: rgba(0,0,0,0);
        position: relative;
        cursor: pointer
    }

        .mt-choose-color .mt-colorpicker:before {
            font-family: "mapmnt";
            content: "Ü";
            font-size: 16px;
            position: absolute;
            left: 50%;
            top: 50%;
            color: #323232;
            transform: translate(-50%, -50%);
            cursor: pointer;
            filter: contrast(0) grayscale(100) saturate(0)
        }

@media only screen and (max-width: 1400px) {
    .mt-choose-color .mt-colorpicker {
        width: 28px;
        height: 28px
    }
}

.mt-choose-color .form-control-color {
    position: absolute;
    left: 0;
    z-index: -1
}

.mt-siteaction {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .mt-siteaction {
        width: 100%;
        justify-content: space-between
    }
}

.mt-siteaction .mt-redraw-area {
    color: #009eff;
    text-decoration: underline;
    margin-right: 30px
}

@media only screen and (max-width: 1400px) {
    .mt-siteaction .mt-redraw-area {
        margin-right: 10px
    }
}

.mt-siteaction .mt-redraw-area:hover {
    text-decoration: none
}

.mt-siteaction .mt-addsub-area {
    margin-right: 30px
}

@media only screen and (max-width: 1400px) {
    .mt-siteaction .mt-addsub-area {
        margin-right: 10px
    }
}

.select2-container .select2-checkbox {
    position: relative;
    border: 1px solid #555;
    border-radius: 3px;
    background: none;
    cursor: pointer;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none
}

    .select2-container .select2-checkbox:hover {
        opacity: 1
    }

    .select2-container .select2-checkbox:checked {
        background-color: #0d9ffb;
        opacity: 1;
        border-color: #0d9ffb
    }

        .select2-container .select2-checkbox:checked:before {
            content: "";
            position: absolute;
            right: 3px;
            top: 9px;
            font-family: "mapmnt";
            content: "K";
            z-index: 2;
            color: #fff;
            font-size: 11px !important
        }

.select2-container .select2-checkbox {
    float: right
}

.select2-container .select2-results__option {
    padding: 0
}

    .select2-container .select2-results__option span.select2-results__option--checkbox {
        border-top: solid 1px #d9d9d9;
        padding: 10px 0;
        margin: 0 18px;
        position: relative;
        display: block
    }

    .select2-container .select2-results__option:hover {
        background-color: #f4f4f4
    }

        .select2-container .select2-results__option:hover .description-box {
            display: block
        }

.select2-container .select2-results__option {
    padding: 7px;
    margin-bottom: 5px
}

.mt-dashboard-block .container-xl {
    max-width: 1800px
}

.mt-dashboard-block .select2-container {
    width: auto !important
}

#deleteConfirmationModal .modal-dialog {
    max-width: 450px !important;
    text-align: center
}

#deleteConfirmationModal .modal-footer {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    border-top: solid 1px #ccc
}

    #deleteConfirmationModal .modal-footer .btn {
        width: 50%;
        background-color: #fff;
        height: 65px;
        color: #707070;
        font-size: 16px;
        font-weight: 600;
        border: solid 1px #fff;
        margin: 0
    }

@media only screen and (max-width: 1600px) {
    #deleteConfirmationModal .modal-footer .btn {
        height: 48px
    }
}

#deleteConfirmationModal .modal-footer .btn.btn-danger {
    background-color: #e04f44;
    border-color: #e04f44;
    color: #fff
}

#deleteConfirmationModal .modal-header {
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 15px
}

    #deleteConfirmationModal .modal-header .modal-title {
        width: 100%
    }

    #deleteConfirmationModal .modal-header .btn-close {
        margin: 0 !important
    }

#deleteConfirmationModal .modal-body {
    padding: 24px !important;
    min-height: 120px
}

    #deleteConfirmationModal .modal-body .mt-form-siteplan {
        text-align: center !important;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        max-width: 74%;
        margin: 0 auto;
        font-size: 18px
    }

.validation-error {
    margin-top: 5px
}

.mt-page-holder .mt-form-group, .mt-page-holder .mt-form-inputgroup {
    margin-top: 34px
}

@media only screen and (max-width: 1600px) {
    .mt-page-holder .mt-form-group, .mt-page-holder .mt-form-inputgroup {
        margin-top: 20px
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select2-search--inline .select2-search__field {
    max-width: 100%;
    padding: 0 .2rem
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px
}

.mt-formblock textarea.form-control::placeholder {
    line-height: 32px
}

.mt-checkbox-group label {
    display: inline-block;
    padding: 2px 8px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    border: 1px solid #5c5c5c;
    border-radius: 30px;
    font-size: 14px
}

    .mt-checkbox-group label.mt-urgent {
        border-color: #a82525 !important;
        color: #a82525 !important
    }

    .mt-checkbox-group label.mt-high {
        border-color: #ec2024 !important;
        color: #ec2024 !important
    }

    .mt-checkbox-group label.mt-medium {
        border-color: #e96e25 !important;
        color: #e96e25 !important
    }

    .mt-checkbox-group label.mt-low {
        border-color: #64b728 !important;
        color: #64b728 !important
    }

@media only screen and (max-width: 1600px) {
    body.mt-siteplanpurchase-layout .mt-special-purchase-card-left .common-data-table.mt-table-wrap .dt-search .dt-input {
        max-width: 220px !important
    }
}

.mt-userinfo-form {
    margin-bottom: 35px
}

    .mt-userinfo-form .mt-formblock {
        margin-top: 30px
    }

    .mt-userinfo-form .mt-input-label {
        background-color: #fbfbfb;
        position: absolute;
        left: 6px;
        top: -6px;
        font-size: 11px;
        padding: 0 5px;
        z-index: 9;
        font-weight: 300;
        color: #030e19
    }

    .mt-userinfo-form .uploadFile {
        max-width: 448px;
        width: 100%;
        border: 1px solid #aaa;
        color: #707070;
        font-size: 14px;
        font-weight: 300;
        line-height: normal;
        padding: 0;
        position: relative;
        resize: none;
        border-radius: 7px;
        height: 52px;
        padding-left: 10px;
        display: flex;
        align-items: center
    }

@media only screen and (max-width: 1600px) {
    .mt-userinfo-form .uploadFile {
        max-width: 424px;
        height: 47px
    }
}

.mt-userinfo-form .uploadFile .mt-inputfile {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 52px
}

.mt-userinfo-form .uploadFile button {
    background-color: #f4f4f4;
    border: none;
    border-left: solid 1px #aaa;
    position: absolute;
    right: 0;
    height: 100%;
    width: 55px;
    border-radius: 0 7px 7px 0
}

    .mt-userinfo-form .uploadFile button i {
        font-size: 19px;
        color: #aaa
    }

.mt-userinfo-form .uploadFile .filename {
    padding: 10px 0;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-userinfo-form .mt-form-group .mt-password-view {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

    .mt-userinfo-form .mt-form-group .mt-password-view i {
        color: #d3d3d3
    }

.mt-phoneselect .select2-container .select2-selection__arrow::before {
    right: 5px !important;
    font-size: 6px !important
}

.mt-phoneselect .flag-icon.flag-icon-squared {
    margin-top: 3px !important
}

.mt-pririty-status-outer.mt-checkbox-group input[type=checkbox]:checked + label, .mt-location-outer.mt-checkbox-group input[type=checkbox]:checked + label {
    background-color: #5c5c5c !important;
    color: #fff !important;
    border-color: #5c5c5c !important
}

.mt-reset-content {
    color: #3f3f3f !important
}

.mt-listing-outercontent {
    border-top: solid 1px #d9d9d9;
    border-bottom: none !important
}

.mt-siteplan-name {
    font-size: 12px;
    color: #000
}

.mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel > .row > [class*=col] > #companyFields > [class*=col] {
    padding-left: 18px;
    padding-right: 18px
}

.mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel > .row > [class*=col] > #companyFields {
    margin-left: -18px;
    margin-right: -18px
}

.mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel > .row > [class*=col]#companyFieldsTax > .row > [class*=col] {
    padding-left: 18px;
    padding-right: 18px
}

.mt-setwizard .mt-setwizard-rgt .mt-setwizard-inner .mt-login-active-steps .mt-form-grpup-panel > .row > [class*=col]#companyFieldsTax > .row {
    margin-left: -18px;
    margin-right: -18px
}

.mt-subtxt {
    font-size: 16px;
    color: #919191;
    margin: 0 0 15px 0
}

.mt-validations-suggestions {
    margin-top: 15px
}

    .mt-validations-suggestions h5 {
        font-size: 18px;
        font-weight: bold
    }

    .mt-validations-suggestions p {
        font-size: 16px;
        color: #707070
    }

        .mt-validations-suggestions p .mt-check {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background-color: #36aa4b;
            display: inline-block;
            margin-right: 8px;
            text-align: center
        }

            .mt-validations-suggestions p .mt-check i {
                font-size: 12px;
                color: #fff;
                line-height: 22px
            }

#colorLabel {
    cursor: pointer;
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    display: inline-block
}

.mt-card-overview {
    box-shadow: 0px 6px 15px 0px hsla(0,0%,80%,.16);
    border-radius: 7px;
    position: relative;
    overflow: hidden
}

    .mt-card-overview .mt-card-header {
        padding: 20px;
        color: #fff;
        border-radius: 7px 7px 0 0;
        border-bottom: solid 1px #fff
    }

        .mt-card-overview .mt-card-header .mt-items-settings {
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer
        }

            .mt-card-overview .mt-card-header .mt-items-settings i {
                font-size: 24px
            }

    .mt-card-overview .mt-card-ov-content {
        padding: 24px;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around
    }

@media only screen and (max-width: 1600px) {
    .mt-card-overview .mt-card-ov-content {
        padding: 16px
    }
}

.mt-card-overview .mt-card-ov-content .mt-card-wk-report {
    text-align: center;
    margin: 21px 0
}

@media only screen and (max-width: 1400px) {
    .mt-card-overview .mt-card-ov-content .mt-card-wk-report {
        margin: 36px 0
    }
}

.mt-card-overview .mt-card-ov-content .mt-card-wk-report label {
    display: block;
    font-size: 12px;
    font-weight: bold
}

    .mt-card-overview .mt-card-ov-content .mt-card-wk-report label.f-5 {
        font-weight: 500
    }

.mt-card-overview .mt-card-ov-content .mt-card-wk-report span {
    font-size: 49px;
    font-weight: bold
}

@media only screen and (max-width: 1600px) {
    .mt-card-overview .mt-card-ov-content .mt-card-wk-report span {
        font-size: 36px
    }
}

.mt-card-overview .mt-card-info {
    padding: 10px;
    font-size: 15px;
    color: #757575;
    line-height: 25px;
    margin-bottom: 10px
}

    .mt-card-overview .mt-card-info a {
        color: #00cbfd;
        font-weight: bold;
        text-decoration: none
    }

        .mt-card-overview .mt-card-info a:hover {
            text-decoration: underline
        }

.mt-card-overview .mt-items-block {
    display: flex;
    align-items: center;
    position: relative
}

    .mt-card-overview .mt-items-block .mt-items {
        border: solid 1px #fff;
        border-radius: 7px;
        padding: 8px 13px;
        margin-right: 25px;
        text-align: center;
        min-width: 72px
    }

        .mt-card-overview .mt-items-block .mt-items span {
            font-size: 34px;
            display: block;
            line-height: normal;
            font-weight: bold
        }

        .mt-card-overview .mt-items-block .mt-items p {
            font-size: 9px;
            color: #fff;
            margin: 0;
            text-transform: uppercase
        }

    .mt-card-overview .mt-items-block .mt-items-list h2 {
        font-size: 28px;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0;
        color: #fff
    }

@media only screen and (max-width: 1600px) {
    .mt-card-overview .mt-items-block .mt-items-list h2 {
        font-size: 21px
    }
}

@media only screen and (max-width: 1199px) {
    .mt-card-overview .mt-items-block .mt-items-list h2 {
        font-size: 18px;
        width: 80%
    }
}

.mt-card-overview .mt-items-block .mt-items-list p {
    position: relative;
    margin: 5px 0 0 0;
    padding: 0 0 0 12px;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase
}

    .mt-card-overview .mt-items-block .mt-items-list p:before {
        width: 6px;
        height: 6px;
        border-radius: 100%;
        content: "";
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 3px
    }

.mt-card-overview .mt-card-back {
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    box-shadow: 0 6px 12px rgba(195,195,195,.16)
}

    .mt-card-overview .mt-card-back .mt-card-st-header {
        padding: 10px 17px;
        display: flex;
        justify-content: space-between;
        border-bottom: solid 1px #9a9a9a;
        align-items: center
    }

        .mt-card-overview .mt-card-back .mt-card-st-header span {
            font-size: 16px;
            color: #919191
        }

        .mt-card-overview .mt-card-back .mt-card-st-header .mt-backcard {
            border: solid 1px #919191;
            border-radius: 7px;
            display: flex;
            align-items: center;
            font-size: 12px;
            color: #919191;
            padding: 5px 10px;
            text-decoration: none
        }

            .mt-card-overview .mt-card-back .mt-card-st-header .mt-backcard .mt-icon-back-arrow {
                font-size: 8px;
                transform: rotate(180deg);
                margin-right: 5px;
                display: flex
            }

    .mt-card-overview .mt-card-back .mt-card-st-body {
        padding: 11px 7px 11px 17px
    }

        .mt-card-overview .mt-card-back .mt-card-st-body p {
            color: #707070
        }

        .mt-card-overview .mt-card-back .mt-card-st-body .mt-checkbox-check label:before {
            margin-right: 0
        }

        .mt-card-overview .mt-card-back .mt-card-st-body .mt-checkbox-check .form-check-input:checked + label:before {
            background-color: #0fb1fd;
            border-color: #0fb1fd
        }

        .mt-card-overview .mt-card-back .mt-card-st-body .mt-checkbox-check .form-check-input:checked + label:after {
            color: #fff
        }

        .mt-card-overview .mt-card-back .mt-card-st-body h4 {
            font-size: 20px;
            font-weight: bold;
            color: #3e3e3e;
            margin: 0 0 5px 0
        }

        .mt-card-overview .mt-card-back .mt-card-st-body .mt-card-st-content {
            max-height: 102px;
            min-height: 102px;
            overflow: auto;
            padding-right: 10px
        }

            .mt-card-overview .mt-card-back .mt-card-st-body .mt-card-st-content ul.mt-cardsite {
                margin: 0;
                padding: 0;
                list-style-type: none
            }

                .mt-card-overview .mt-card-back .mt-card-st-body .mt-card-st-content ul.mt-cardsite li {
                    display: block;
                    padding: 10px 0
                }

                    .mt-card-overview .mt-card-back .mt-card-st-body .mt-card-st-content ul.mt-cardsite li .mt-icon-back-arrow {
                        transform: rotate(90deg);
                        display: inline-block
                    }

                    .mt-card-overview .mt-card-back .mt-card-st-body .mt-card-st-content ul.mt-cardsite li.collapsed {
                        border-bottom: solid 1px #d9d9d9;
                        padding: 10px 0
                    }

                        .mt-card-overview .mt-card-back .mt-card-st-body .mt-card-st-content ul.mt-cardsite li.collapsed .mt-icon-back-arrow {
                            transform: rotate(0)
                        }

                        .mt-card-overview .mt-card-back .mt-card-st-body .mt-card-st-content ul.mt-cardsite li.collapsed:last-child {
                            border: none
                        }

    .mt-card-overview .mt-card-back .mt-card-collapsible {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .mt-card-overview .mt-card-back .mt-card-collapsible .mt-icon-back-arrow {
            font-size: 10px
        }

        .mt-card-overview .mt-card-back .mt-card-collapsible span {
            font-size: 14px;
            font-weight: 600;
            color: #555;
            cursor: pointer
        }

    .mt-card-overview .mt-card-back .mt-card-sitelist ul {
        margin: 10px 0 0 0;
        padding: 0;
        list-style-type: none
    }

        .mt-card-overview .mt-card-back .mt-card-sitelist ul li {
            display: flex !important;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0 10px 15px !important;
            border-top: solid 1px #d9d9d9;
            margin: 0
        }

.mt-card-overview .mt-card-st-footer {
    border-top: solid 1px #9a9a9a;
    display: flex;
    justify-content: space-between;
    padding: 10px 17px;
    box-shadow: 0 -6px 6px rgba(195,195,195,.16)
}

    .mt-card-overview .mt-card-st-footer .mt-trash {
        background-color: #ef0014;
        border-radius: 7px;
        width: 32px;
        height: 32px;
        text-align: center
    }

        .mt-card-overview .mt-card-st-footer .mt-trash i {
            color: #fff;
            line-height: 32px
        }

    .mt-card-overview .mt-card-st-footer .mt-apply {
        background-color: #0fb1fd;
        border-radius: 7px;
        color: #fff;
        border: none;
        padding: 7px 10px
    }

        .mt-card-overview .mt-card-st-footer .mt-apply i {
            font-size: 10px;
            margin-right: 5px
        }

        .mt-card-overview .mt-card-st-footer .mt-apply:hover {
            box-shadow: 0 1px 3px rgba(140,140,140,.9);
            transition: all ease-in-out .3s;
            background-color: #283e4d
        }

        .mt-card-overview .mt-card-st-footer .mt-apply:active, .mt-card-overview .mt-card-st-footer .mt-apply:focus {
            box-shadow: none;
            transition: all ease-in-out .3s;
            background-color: #e2f4ff;
            color: #61738e;
            cursor: not-allowed
        }

.mt-card-overview.mt-white {
    color: #323232;
    background-color: #fff;
    margin-top: 38px;
    min-height: 416px
}

    .mt-card-overview.mt-white .mt-card-header {
        color: #323232;
        border-color: #dfdfdf;
        padding: 16px
    }

    .mt-card-overview.mt-white .mt-items {
        border-color: #323232;
        padding: 11px 7px
    }

        .mt-card-overview.mt-white .mt-items p {
            color: #323232
        }

    .mt-card-overview.mt-white .mt-items-list h2 {
        color: #323232
    }

    .mt-card-overview.mt-white .mt-items-list p:before {
        background-color: #323232
    }

    .mt-card-overview.mt-white .mt-items span {
        font-size: 28px
    }

    .mt-card-overview.mt-white .mt-card-st-content {
        max-height: 231px !important;
        min-height: 231px !important
    }

@media only screen and (max-width: 1400px) {
    .mt-card-overview.mt-white .mt-card-ov-content {
        min-height: 490px
    }
}

@media only screen and (max-width: 991px) {
    .mt-card-overview.mt-white .mt-card-ov-content {
        min-height: auto
    }
}

.mt-block-overview {
    padding: 60px 0 14px 0
}

.apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {
    top: 50% !important;
    transform: translateY(-50%) !important
}

.apexcharts-legend-text {
    font-family: "Public Sans",sans-serif !important;
    color: #323232 !important;
    font-size: 13px !important
}

#statuschart .apexcharts-legend.apx-legend-position-right, #statuschart .apexcharts-legend.apx-legend-position-left {
    height: 100% !important
}

.apexcharts-legend-series {
    margin: 6px 5px !important
}

@media only screen and (max-width: 991px) {
    .apexcharts-legend-series {
        margin: 4px 5px !important
    }
}

.apexcharts-legend-marker {
    width: 10px !important;
    height: 10px !important;
    margin-right: 7px !important;
    top: 0 !important
}

    .apexcharts-legend-marker svg {
        border-radius: 50%
    }

.apexcharts-text {
    text-shadow: none !important
}

.mt-calendarblock {
    background-color: #424547;
    padding: 15px 0;
    display: flex;
    align-items: center
}

.mt-calendar-filter {
    width: 350px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    position: absolute;
    border: none !important;
    padding: 0 !important;
    overflow: hidden;
    font-size: 14px
}

    .mt-calendar-filter .mt-checkbox-check {
        margin-left: auto
    }

        .mt-calendar-filter .mt-checkbox-check .form-check-label:before {
            margin: 0
        }

    .mt-calendar-filter ul {
        margin: 0 0 18px 0;
        padding: 0;
        list-style-type: none
    }

        .mt-calendar-filter ul li {
            display: block
        }

            .mt-calendar-filter ul li .mt-card-collapsible {
                display: flex;
                align-items: center;
                padding: 10px 0;
                border-bottom: solid 0px #d9d9d9;
                color: #555;
                cursor: pointer
            }

                .mt-calendar-filter ul li .mt-card-collapsible span {
                    font-weight: 600;
                    display: flex;
                    align-items: center
                }

                .mt-calendar-filter ul li .mt-card-collapsible .mt-icon-back-arrow {
                    font-size: 10px;
                    margin-right: 5px
                }

    .mt-calendar-filter .mt-calendar-filter-header {
        background-color: #eaeaea;
        text-align: center;
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .mt-calendar-filter .mt-calendar-filter-header h4 {
            font-weight: bold;
            font-size: 15px;
            text-transform: uppercase;
            margin: 0
        }

    .mt-calendar-filter .mt-calendar-filter-content {
        padding: 0 18px 0px 18px;
        overflow: auto;
        max-height: calc(100vh - 220px)
    }

@media only screen and (max-width: 1600px) {
    .mt-calendar-filter .mt-calendar-filter-content {
        max-height: calc(100vh - 220px)
    }
}

.mt-calendar-filter .mt-calendar-filter-content li.open .mt-icon-back-arrow {
    transform: rotate(90deg)
}

.mt-calendar-filter .mt-calendar-filter-content .mt-card-sitelist ul {
    margin-bottom: 0 !important
}

    .mt-calendar-filter .mt-calendar-filter-content .mt-card-sitelist ul li {
        display: flex;
        align-items: center;
        border-bottom: solid 1px #d9d9d9;
        padding: 10px 0 10px 18px
    }

.mt-calendarfilter {
    position: relative;
    border: none
}

    .mt-calendarfilter .mt-filterbtn {
        width: 43px;
        height: 43px;
        background-color: #fff;
        border-radius: 12px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

@media only screen and (max-width: 1400px) {
    .mt-calendarfilter .mt-filterbtn {
        width: 34px;
        height: 34px
    }
}

.mt-calendarfilter .mt-filterbtn i {
    font-size: 16px !important;
    color: #323232
}

@media only screen and (max-width: 1400px) {
    .mt-calendarfilter .mt-filterbtn i {
        font-size: 18px
    }
}

.mt-calendarfilter .mt-filterbtn::after {
    display: none !important
}

.mt-calendarfilter-outer {
    position: absolute;
    right: 0
}

    .mt-calendarfilter-outer .mt-calendarfilter {
        margin-left: 15px
    }

        .mt-calendarfilter-outer .mt-calendarfilter .mt-follow-link {
            color: #fff;
            text-decoration: none
        }

.mt-direcbtn {
    display: block;
    background-color: #1acbfd;
    text-align: center;
    border-radius: 7px;
    color: #fff;
    padding: 18px;
    text-decoration: none
}

.mt-filtercta {
    background-color: #0fb1fd;
    border-radius: 6px;
    color: #fff;
    padding: 10px 18px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block
}

.mt-subtitle-section {
    margin-bottom: 30px
}

    .mt-subtitle-section h5 {
        color: #071722;
        font-size: 16px;
        font-weight: 500
    }

.mt-nt-panel {
    position: absolute;
    right: 0;
    top: 91px;
    z-index: 99
}

@media only screen and (max-width: 991px) {
    .mt-nt-panel {
        top: 87px
    }
}

.mt-nt-panel .mt-nt-panel {
    background-color: #fff
}

.mt-nt-panel .card-body {
    width: 525px !important;
    border-radius: 0 !important;
    border: none !important;
    max-width: 100%;
    padding: 20px !important;
    height: calc(100vh - 91px);
    overflow: auto
}

@media only screen and (max-width: 640px) {
    .mt-nt-panel .card-body {
        width: 480px !important
    }
}

@media only screen and (max-width: 520px) {
    .mt-nt-panel .card-body {
        width: 100% !important
    }
}

.mt-tabs {
    justify-content: space-between;
    border-color: #d9d9d9;
    padding-bottom: 10px
}

    .mt-tabs .nav-item .nav-link {
        padding: 0;
        position: relative;
        color: #424547;
        border: none
    }

@media only screen and (max-width: 520px) {
    .mt-tabs .nav-item .nav-link {
        font-size: 12px
    }
}

@media only screen and (max-width: 420px) {
    .mt-tabs .nav-item .nav-link {
        font-size: 11px
    }
}

.mt-tabs .nav-item .nav-link:before {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #028be6;
    content: "";
    bottom: -11px;
    display: none
}

.mt-tabs .nav-item .nav-link.active {
    font-weight: bold
}

    .mt-tabs .nav-item .nav-link.active:before {
        display: block
    }

.mt-nt-panel ul.mt-nt-notification-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .mt-nt-panel ul.mt-nt-notification-list li .mt-new-notification-card {
        background-color: #e6f1fc;
        border-radius: 6px;
        padding: 14px 20px 12px 12px;
        margin: 23.6px 0 15px 0;
        position: relative
    }

    .mt-nt-panel ul.mt-nt-notification-list li .mt-bt-close {
        position: absolute;
        top: 7px;
        right: 1px;
        color: #028be6;
        font-size: 7px;
        border: none !important;
        background: none !important
    }

    .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-read {
        background-color: #f2f2f2
    }

    .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-new-notification-card {
        background-color: rgba(91,177,74,.2)
    }

    .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-bt-close i {
        color: #5bb14a
    }

    .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-nt-userdetails p span {
        color: #5bb14a
    }

        .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-nt-userdetails p span i:before {
            margin-left: 0
        }

    .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid {
        background-color: #fff;
        width: 26px;
        height: 26px;
        border: solid 1px #5bb14a;
        position: relative;
        line-height: 20px
    }

        .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid:before {
            width: 22px;
            height: 22px;
            background-color: #fff;
            border: solid 1px #5bb14a;
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 1px;
            top: 1px
        }

        .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid:after {
            width: 18px;
            height: 18px;
            background-color: #5bb14a;
            border: solid 1px #fff;
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 3px;
            top: 3px
        }

        .mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid span {
            color: #fff;
            position: relative;
            z-index: 1;
            line-height: 24px !important;
            display: block
        }

.mt-username-mid {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    background-color: #028be6;
    display: inline-block;
    line-height: 26px;
    color: #fff
}

    .mt-username-mid img {
        width: 26px;
        height: 26px
    }

.mt-nt-user {
    display: flex;
    align-items: center
}

    .mt-nt-user h4 {
        font-size: 14px;
        font-weight: bold;
        color: #3e3e3e;
        margin: 0 0 0 12px
    }

.mt-nt-notification {
    padding: 25px 0
}

.mt-nt-caption {
    display: flex;
    align-items: center
}

    .mt-nt-caption .mt-nt-time {
        margin-left: auto;
        font-size: 12px
    }

.mt-letstart {
    display: flex;
    margin-top: 3px
}

.mt-nt-time {
    display: flex
}

    .mt-nt-time p {
        margin: 0
    }

        .mt-nt-time p span {
            padding: 0 10px;
            position: relative;
            color: rgba(62,62,62,.7)
        }

            .mt-nt-time p span::before {
                width: 1px;
                height: 15px;
                background-color: rgba(62,62,62,.7);
                content: "";
                position: absolute;
                left: 0;
                top: 0
            }

            .mt-nt-time p span:first-child::before {
                display: none
            }

            .mt-nt-time p span:last-child {
                padding-right: 0
            }

.mt-nt-userdetails {
    padding-left: 38px;
    margin-top: 5px
}

    .mt-nt-userdetails h5 {
        font-size: 12px;
        font-weight: bold;
        color: #3e3e3e;
        margin: 7px 0;
        line-height: 1.2
    }

    .mt-nt-userdetails .mt-brdcrumb {
        margin: 0px 0 0 0;
        padding: 0;
        list-style-type: none
    }

        .mt-nt-userdetails .mt-brdcrumb li {
            display: inline-block;
            padding: 0 8px !important;
            background-color: rgba(0,0,0,0) !important;
            font-size: 12px;
            color: #737373;
            margin: 0 !important;
            position: relative
        }

            .mt-nt-userdetails .mt-brdcrumb li::before {
                font-family: "mapmnt";
                content: "G";
                position: absolute;
                right: 0;
                color: #737373;
                font-size: 7px;
                top: 3px
            }

            .mt-nt-userdetails .mt-brdcrumb li:first-child {
                padding-left: 0 !important
            }

            .mt-nt-userdetails .mt-brdcrumb li:last-child::before {
                display: none
            }

    .mt-nt-userdetails p {
        margin: 0;
        font-size: 12px
    }

        .mt-nt-userdetails p span {
            color: #028be6
        }

            .mt-nt-userdetails p span i {
                font-size: 11px
            }

.mt-nt-assignuser {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 18px 0
}

    .mt-nt-assignuser .mt-username-mid {
        margin-right: 3px
    }

.mt-color-2 {
    background-color: #075b93
}

.mt-color-option input[type=radio]:checked + label {
    border-color: #000
}

.mt-asign-user {
    background-color: rgba(0,0,0,0);
    border: solid 1px #676767;
    font-size: 11px;
    color: #676767
}

.mt-nt-panelactive:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0,0,0,.6);
    top: 0
}

.mt-nt-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

    .mt-nt-header h3 {
        font-size: 18px;
        font-weight: bold;
        color: #323232
    }

    .mt-nt-header .mt-nt-panelaction {
        margin-left: auto
    }

    .mt-nt-header .mt-nt-action {
        margin-left: 5px
    }

        .mt-nt-header .mt-nt-action::after {
            display: none
        }

        .mt-nt-header .mt-nt-action i {
            color: #000
        }

            .mt-nt-header .mt-nt-action i.mt-icon-close {
                font-size: 12px;
                color: #939393
            }

.mt-filter-nt strong {
    color: #028be6
}

.mt-filterdrop {
    border: none !important;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    border-radius: 6px;
    width: 210px
}

    .mt-filterdrop li {
        padding: 5px 0
    }

        .mt-filterdrop li .dropdown-item {
            font-size: 14px
        }

            .mt-filterdrop li .dropdown-item:focus, .mt-filterdrop li .dropdown-item:active {
                background-color: #028be6;
                color: #fff
            }

        .mt-filterdrop li i {
            margin-right: 7px
        }

        .mt-filterdrop li .btn-group {
            width: 100%
        }

    .mt-filterdrop .dropdown-menu {
        width: 210px;
        border: none;
        box-shadow: none;
        padding: 15px !important
    }

    .mt-filterdrop .dropdown-toggle {
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 0 15px;
        font-size: 14px
    }

        .mt-filterdrop .dropdown-toggle:after {
            display: none
        }

.mt-filter-group {
    margin-bottom: 15px
}

    .mt-filter-group .select2-container {
        width: 100% !important
    }

    .mt-filter-group .form-control, .mt-filter-group .select2-selection--single {
        border: solid 1px #b0b0b0;
        font-size: 10px;
        color: #b0b0b0;
        border-radius: 5px !important
    }

        .mt-filter-group .form-control .select2-selection__arrow:before, .mt-filter-group .select2-selection--single .select2-selection__arrow:before {
            font-size: 5px !important;
            right: 10px !important;
            margin-top: -2px !important
        }

    .mt-filter-group .select2-selection__rendered {
        line-height: 24px !important;
        font-size: 10px !important
    }

.mt-filter-btn {
    width: 100%;
    justify-content: flex-end;
    display: flex
}

    .mt-filter-btn a {
        font-size: 10px;
        color: rgba(62,62,62,.7);
        text-decoration: none;
        margin-left: 12px
    }

        .mt-filter-btn a.mt-filter {
            color: #0289e2
        }

.mt-nt-overlay {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    bottom: 0;
    z-index: 1
}

.mt-bradcrumb-areasetup {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .mt-bradcrumb-areasetup li {
        display: inline-block;
        font-size: 20px;
        color: #071722;
        text-transform: uppercase;
        padding: 0 20px;
        position: relative
    }

        .mt-bradcrumb-areasetup li:first-child {
            padding-left: 0
        }

        .mt-bradcrumb-areasetup li:before {
            height: 16px;
            width: 1px;
            background-color: #071722;
            position: absolute;
            right: 0;
            top: 3px;
            content: ""
        }

        .mt-bradcrumb-areasetup li:last-child::before {
            display: none
        }

        .mt-bradcrumb-areasetup li.active {
            font-weight: 500
        }

.mt-setup-plan {
    background-color: #fff;
    padding: 24px;
    border-radius: 7px;
    margin-top: 15px
}

    .mt-setup-plan h5 {
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase
    }

    .mt-setup-plan p {
        font-size: 15px;
        color: #707070
    }

.mt-siteplan-upload {
    margin: 10px 0 0 0
}

    .mt-siteplan-upload .mt-input-label {
        background-color: #fff
    }

.mt-setuparea-outer {
    background-color: #fff;
    margin-top: 15px;
    border-radius: 7px
}

    .mt-setuparea-outer h4 {
        font-size: 16px;
        font-weight: bold;
        color: #071722;
        text-transform: uppercase
    }

    .mt-setuparea-outer .mt-setuparea-inner {
        display: flex;
        flex-wrap: wrap
    }

        .mt-setuparea-outer .mt-setuparea-inner .mt-setuparea-inner-left {
            width: 43%;
            padding: 24px
        }

@media only screen and (max-width: 1400px) {
    .mt-setuparea-outer .mt-setuparea-inner .mt-setuparea-inner-left {
        width: 48%
    }
}

@media only screen and (max-width: 991px) {
    .mt-setuparea-outer .mt-setuparea-inner .mt-setuparea-inner-left {
        width: 100%;
        padding: 15px
    }
}

.mt-setuparea-outer .mt-setuparea-inner .mt-setuparea-inner-left p {
    font-size: 15px;
    color: #707070
}

.mt-setuparea-outer .mt-setuparea-inner .mt-setuparea-inner-rgt {
    width: 57%
}

@media only screen and (max-width: 1400px) {
    .mt-setuparea-outer .mt-setuparea-inner .mt-setuparea-inner-rgt {
        width: 52%
    }
}

@media only screen and (max-width: 991px) {
    .mt-setuparea-outer .mt-setuparea-inner .mt-setuparea-inner-rgt {
        width: 100%
    }
}

.mt-setup-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

    .mt-setup-title h4 {
        font-weight: bold;
        font-size: 16px;
        color: #071722;
        margin: 0
    }

    .mt-setup-title a {
        font-size: 15px;
        color: #009eff;
        font-weight: 500;
        text-decoration: none;
        display: flex;
        align-items: center
    }

        .mt-setup-title a i {
            margin-right: 5px;
            font-size: 21px
        }

.mt-arestup-listing {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .mt-arestup-listing li {
        display: block
    }

        .mt-arestup-listing li .mt-arestup-inner {
            border: solid 1px #dbdbdb;
            border-radius: 7px;
            padding: 12px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px
        }

@media only screen and (max-width: 1400px) {
    .mt-arestup-listing li .mt-arestup-inner {
        padding: 9px
    }
}

@media only screen and (max-width: 767px) {
    .mt-arestup-listing li .mt-arestup-inner {
        padding: 7px
    }
}

.mt-arestup-listing li .mt-arestup-inner h6 {
    margin: 0;
    font-size: 15px;
    color: #3e3e3e;
    font-weight: 500;
    width: 40%;
    display: flex;
    line-height: 1.4;
    word-break: break-all
}

@media only screen and (max-width: 1400px) {
    .mt-arestup-listing li .mt-arestup-inner h6 {
        width: 33%
    }
}

@media only screen and (max-width: 991px) {
    .mt-arestup-listing li .mt-arestup-inner h6 {
        width: 100%;
        margin-bottom: 10px
    }
}

.mt-arestup-listing li .mt-arestup-inner h6 .mt-planselect {
    width: 30px
}

.mt-arestup-listing li .mt-arestup-inner a.mt-addsub-area {
    text-decoration: none;
    color: #707070;
    font-weight: 500;
    display: flex;
    align-items: center
}

    .mt-arestup-listing li .mt-arestup-inner a.mt-addsub-area i {
        font-size: 18px;
        color: #3e3e3e;
        margin-right: 3px
    }

.mt-arestup-listing li .mt-arestup-inner .mt-siteaction a {
    margin-left: 5px
}

@media only screen and (max-width: 767px) {
    .mt-arestup-listing li .mt-arestup-inner .mt-siteaction a {
        margin: 0 5px 0 0
    }
}

.mt-arestup-listing li .mt-arestup-inner.active {
    background-color: rgba(15,177,253,.2) !important
}

.mt-closefile {
    display: none
}

.mt-file-attached .mt-uploaded-file {
    background-color: #3e3e3e;
    border-radius: 30px;
    color: #fff;
    display: flex;
    margin-right: 70px;
    position: relative;
    max-width: 85%;
    width: auto
}

    .mt-file-attached .mt-uploaded-file span {
        padding: 5px 24px 5px 15px !important
    }

.mt-file-attached .mt-closefile {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 5px 5px 0 5px;
    color: #fff;
    z-index: 99;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px
}

    .mt-file-attached .mt-closefile i {
        color: 0
    }

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    opacity: 1 !important;
    pointer-events: none
}

.mt-delete-plan {
    max-width: 552px;
    margin: 0 auto;
    text-align: center
}

    .mt-delete-plan h3 {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        color: #071722;
        margin: 0 0 20px 0
    }

    .mt-delete-plan p {
        font-size: 16px;
        color: #323232;
        line-height: 1.6;
        margin: 0
    }

.mt-planselect {
    margin-right: 10px
}

    .mt-planselect i {
        font-size: 12px;
        color: #3e3e3e
    }

.mt-setuparea-inner-rgt {
    background-color: #c3c3c3;
/*    padding: 25px 12px;*/
    text-align: center;
    position: relative
}

.mt-sp-pdf-menu {
    position: absolute;
    left: 16px;
    top: 16px
}

    .mt-sp-pdf-menu ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .mt-sp-pdf-menu ul li {
            margin-bottom: 8px
        }

            .mt-sp-pdf-menu ul li a {
                background: #929292;
                color: #fff;
                width: 28px;
                height: 28px;
                display: block;
                text-align: center;
                line-height: 28px;
                border-radius: 100%;
                font-size: 12px
            }

.mt-35 {
    margin-top: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-right: 30px !important
}

.mt-subscription-outer {
    position: relative;
    padding: 30px;
    color: #333
}

    .mt-subscription-outer:before {
        height: 220px;
        background-color: #424547;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: ""
    }

    .mt-subscription-outer .mt-subscriptions {
        max-width: 100%;
        background-color: #fff;
        border-radius: 7px;
        margin: 0 auto;
        width: 100%;
        box-shadow: 0 6px 25px rgba(203,203,203,.16);
        position: relative;
        z-index: 1;
        padding: 25px
    }

        .mt-subscription-outer .mt-subscriptions h1 {
            font-size: 30px;
            font-weight: 600;
            color: #000;
            margin: 0 0 25px 0
        }

@media only screen and (max-width: 767px) {
    .mt-subscription-outer .mt-subscriptions h1 {
        font-size: 24px
    }
}

@media only screen and (max-width: 520px) {
    .mt-subscription-outer .mt-subscriptions h1 {
        font-size: 18px
    }
}

.mt-subscription-outer .mt-subscriptions .mt-subscriptions-nav .nav-tabs {
    border-bottom: solid 1px #a0a0a0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

    .mt-subscription-outer .mt-subscriptions .mt-subscriptions-nav .nav-tabs .nav-link {
        border: none !important;
        position: relative;
        padding: 12px 0;
        color: #333
    }

        .mt-subscription-outer .mt-subscriptions .mt-subscriptions-nav .nav-tabs .nav-link.active {
            font-weight: 600;
            color: #0783f6
        }

            .mt-subscription-outer .mt-subscriptions .mt-subscriptions-nav .nav-tabs .nav-link.active:before {
                background-color: #0783f6;
                height: 2px;
                position: absolute;
                bottom: 0;
                left: 0;
                content: "";
                width: 100%
            }

.mt-subscription-outer .mt-subscriptions .mt-bill-amt {
    background-color: #e2f8e2;
    font-size: 16px;
    color: #00d800;
    border-radius: 5px;
    max-width: 400px;
    padding: 15px;
    margin-bottom: 10px
}

@media only screen and (max-width: 640px) {
    .mt-subscription-outer .mt-subscriptions .mt-bill-amt {
        font-size: 14px
    }
}

.mt-subscription-outer .mt-subscriptions .mt-payment-table {
    max-width: 580px;
    margin-top: 14px
}

    .mt-subscription-outer .mt-subscriptions .mt-payment-table th, .mt-subscription-outer .mt-subscriptions .mt-payment-table td {
        border: none;
        padding: 0
    }

    .mt-subscription-outer .mt-subscriptions .mt-payment-table th {
        font-size: 12px;
        color: #323232;
        font-weight: normal;
        padding-top: 0;
        padding-bottom: 0
    }

    .mt-subscription-outer .mt-subscriptions .mt-payment-table td {
        font-size: 15px;
        font-weight: 600;
        color: #323232;
        padding-top: 5px;
        padding-bottom: 5px
    }

.mt-subscription-outer .mt-subscriptions .mt-subscription-table {
    margin-top: 20px
}

    .mt-subscription-outer .mt-subscriptions .mt-subscription-table th {
        background-color: #e7e7e7;
        font-weight: 600;
        color: #333;
        padding: 20px 10px;
        border: none
    }

        .mt-subscription-outer .mt-subscriptions .mt-subscription-table th:first-child {
            border-radius: 3px 0 0 3px
        }

        .mt-subscription-outer .mt-subscriptions .mt-subscription-table th:last-child {
            border-radius: 0 3px 3px 0
        }

    .mt-subscription-outer .mt-subscriptions .mt-subscription-table td {
        border-bottom: solid 1px rgba(160,160,160,.2);
        padding-top: 20px;
        padding-bottom: 20px;
        vertical-align: middle
    }

        .mt-subscription-outer .mt-subscriptions .mt-subscription-table td p {
            margin: 7px 0 0 0
        }

.mt-subscription-outer .mt-subscriptions .switch {
    background-color: #3e3e3e
}

.mt-subscription-outer .mt-subscriptions .form-check-label {
    font-size: 16px;
    color: #464646;
    font-weight: 500
}

.mt-subscription-outer .mt-subscriptions .mt-form-group h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .mt-subscription-outer .mt-paycard {
        margin-top: 15px
    }
}

.mt-active-status {
    background-color: rgba(0,216,0,.1);
    padding: 5px 16px;
    border-radius: 5px;
    font-size: 16px;
    color: #00d800;
    display: inline-block
}

    .mt-active-status:hover, .mt-active-status:focus {
        background-color: rgba(0,216,0,.9);
        color: #fff
    }

.mt-cancel-status {
    background-color: #fff;
    padding: 5px 16px;
    border-radius: 5px;
    font-size: 16px;
    color: red;
    display: inline-block;
    border: solid 1px red;
    transition: all ease-in-out .3s
}

    .mt-cancel-status:hover, .mt-cancel-status:focus {
        background-color: red;
        color: #fff
    }

.mt-download-invoice {
    color: #333;
    text-align: center;
    display: block
}

    .mt-download-invoice i {
        font-size: 24px
    }

.mt-card-details label {
    font-weight: 600;
    color: #323232;
    text-transform: uppercase
}

.mt-card-details p {
    color: #606060;
    line-height: 25px
}

.mt-card-details {
    margin-top: 25px
}

.mt-download-cta {
    text-align: right
}

    .mt-download-cta a {
        color: #008efc;
        text-decoration: none
    }

        .mt-download-cta a:hover, .mt-download-cta a:focus {
            text-decoration: underline
        }

.mt-zoom-controls {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1
}

    .mt-zoom-controls button {
        background: #929292;
        color: #fff;
        width: 28px;
        height: 28px;
        display: block;
        text-align: center;
        line-height: 28px;
        border-radius: 100%;
        font-size: 12px;
        display: block;
        border: none;
        padding: 0;
        margin: 5px 0
    }

        .mt-zoom-controls button i {
            color: #fff
        }

.validation-criteria.invalid {
    color: red !important
}

    .validation-criteria.invalid .mt-check {
        background-color: red !important
    }

.validation-criteria.valid {
    color: #2ac246 !important
}

    .validation-criteria.valid .mt-check {
        background-color: #2ac246 !important
    }

    .validation-criteria .valid .mt-icon-check {
        display: inline !important
    }

.mt-canvas-outer {
   /* padding: 0 35px;*/
    overflow: hidden
}

div.dt-processing {
    display: none !important
}

.mt-error-page .mt-outer {
    position: absolute;
    top: 0;
    display: table;
    width: 100%;
    height: 100%
}

    .mt-error-page .mt-outer .mt-middle {
        display: table-cell;
        vertical-align: middle
    }

        .mt-error-page .mt-outer .mt-middle .mt-inner {
            width: 320px;
            margin-right: auto;
            margin-left: auto
        }

@media only screen and (max-width: 440px) {
    .mt-error-page .mt-outer .mt-middle .mt-inner {
        width: 240px
    }
}

.mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-circle {
    height: 320px;
    border-radius: 50%;
    background-color: #47697e
}

@media only screen and (max-width: 440px) {
    .mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-circle {
        height: 240px
    }
}

.mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-circle i {
    font-size: 5em;
    line-height: 1em;
    float: right;
    width: 1.6em;
    height: 1.6em;
    margin-top: -0.7em;
    margin-right: -0.5em;
    padding: 20px;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
    color: #f5f5f5 !important;
    border-radius: 50%;
    background-color: #fe9d21;
    box-shadow: 0 0 0 15px #f5f5f5
}

    .mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-circle i:before {
        margin: 0
    }

.mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-circle span {
    font-size: 10em;
    font-weight: 700;
    line-height: 1.4em;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
    color: #fff
}

@media only screen and (max-width: 440px) {
    .mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-circle span {
        font-size: 7em
    }
}

.mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-status {
    font-size: 24px;
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 600
}

.mt-error-page .mt-outer .mt-middle .mt-inner .mt-inner-detail {
    line-height: 1.4em;
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.mt-backhome {
    background-color: #008efc;
    padding: 12px 30px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    margin: 30px auto 0;
    display: block;
    width: 220px;
    text-align: center
}

.fc-header-toolbar .fc-button-group .fc-button {
    background-color: #0fb1fd !important;
    margin: 0 !important;
    border-radius: 12px;
    border: none !important;
    padding: 11px 18px !important;
    box-shadow: none !important
}

@media only screen and (max-width: 1400px) {
    .fc-header-toolbar .fc-button-group .fc-button {
        padding: 7px 10px !important
    }
}

@media only screen and (max-width: 767px) {
    .fc-header-toolbar .fc-button-group .fc-button {
        font-size: 13px !important
    }
}

.fc-header-toolbar .fc-button-group .fc-button:hover {
    background-color: #0fb1fd !important;
    color: #fff !important
}

.fc-header-toolbar .fc-button-group .fc-button.fc-button-active {
    background-color: #0064d9 !important;
    color: #fff !important
}

.fc-toolbar-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important
}

@media only screen and (max-width: 1400px) {
    .fc-toolbar-title {
        font-size: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .fc-toolbar-title {
        font-size: 13px !important
    }
}

.fc-today-button {
    padding: 10px 27px !important;
    border-radius: 12px !important;
    opacity: 1 !important
}

@media only screen and (max-width: 1400px) {
    .fc-today-button {
        padding: 7px 10px !important
    }
}

@media only screen and (max-width: 767px) {
    .fc-today-button {
        font-size: 13px !important
    }
}

.fc-resourceTimelineMonth-button:before {
    font-family: "mapmnt";
    content: "ſ";
    margin-right: 8px
}

.fc-resourceTimelineWeek-button:before {
    font-family: "mapmnt";
    content: "";
    margin-right: 8px
}

.fc-resourceTimelineDay-button:before {
    font-family: "mapmnt";
    content: "ē";
    margin-right: 8px
}

.fc-timeline-header-row .fc-timeline-slot-frame .fc-timeline-slot-cushion {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #323232 !important;
    text-decoration: none !important
}

@media only screen and (max-width: 991px) {
    .fc-timeline-header-row .fc-timeline-slot-frame .fc-timeline-slot-cushion {
        font-size: 14px
    }
}

.fc .fc-resource-timeline .fc-resource-group:not([rowspan]) {
    background-color: #fff !important
}

#calendar {
    background-color: #fff !important
}

th.fc-resource-group .fc-scrollgrid-sync-inner .fc-datagrid-cell-main {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #323232 !important
}

@media only screen and (max-width: 1400px) {
    th.fc-resource-group .fc-scrollgrid-sync-inner .fc-datagrid-cell-main {
        font-size: 14px !important;
        font-weight: 500 !important
    }
}

.fc-datagrid-expander {
    opacity: 1 !important;
    position: relative
}

    .fc-datagrid-expander .fc-icon-plus-square:before {
        position: absolute;
        top: 6px;
        font-family: "mapmnt";
        content: "b";
        color: #323232;
        display: block;
        font-size: 6px
    }

    .fc-datagrid-expander .fc-icon-minus-square:before {
        position: absolute;
        top: 5px;
        font-family: "mapmnt";
        content: "b";
        color: #323232;
        transform: rotate(180deg);
        display: block;
        font-size: 6px
    }

.fc-timeline-event {
    word-wrap: break-word
}

#calendar .fc-header-toolbar {
    padding-right: 86px !important;
    padding-left: 27px !important;
    flex-wrap: wrap
}

@media only screen and (max-width: 1400px) {
    #calendar .fc-header-toolbar {
        padding-right: 54px !important;
        padding-left: 15px !important
    }
}

@media only screen and (max-width: 680px) {
    #calendar .fc-header-toolbar {
        padding-right: 15px !important
    }
}

#calendar .mt-calendarfilter-outer {
    position: absolute !important;
    right: 27px !important
}

@media only screen and (max-width: 1400px) {
    #calendar .mt-calendarfilter-outer {
        right: 10px !important
    }
}

@media only screen and (max-width: 680px) {
    #calendar .mt-calendarfilter-outer {
        position: static !important
    }
}

@media only screen and (max-width: 680px) {
    #calendar .fc-toolbar-chunk {
        margin: 5px 0
    }
}

.fc-view-harness .fc-timeline-event-harness a {
    border-radius: 6px !important
}

.mt-date-notification {
    margin-left: 5px;
    display: inline-block
}

.mt-notification1 {
    width: 24px;
    height: 24px;
    background-color: #43b2e3;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 0px !important;
    top: -5px;
    text-align: center;
    line-height: 24px
}

.mt-notification2 {
    position: unset !important;
    right: 0 !important;
    top: 50%;
    transform: translate(0, -50%)
}

    .mt-notification2 .mt-notification-inner {
        background-color: #fff;
        width: 26px;
        height: 26px;
        border: solid 1px #5bb14a;
        position: relative;
        line-height: 20px;
        display: block;
        border-radius: 50%;
        text-align: center
    }

        .mt-notification2 .mt-notification-inner abbr {
            position: relative;
            z-index: 1;
            color: #fff;
            font-size: 12px;
            display: block;
            line-height: 24px
        }

        .mt-notification2 .mt-notification-inner:before {
            width: 22px;
            height: 22px;
            background-color: #fff;
            border: solid 1px #5bb14a;
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 1px;
            top: 1px
        }

        .mt-notification2 .mt-notification-inner:after {
            width: 18px;
            height: 18px;
            background-color: #5bb14a;
            border: solid 1px #fff;
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 3px;
            top: 3px
        }

        .mt-notification2 .mt-notification-inner span {
            color: #fff;
            position: relative;
            z-index: 1;
            line-height: 24px !important;
            display: block
        }

@media only screen and (max-width: 1199px) {
    .mt-special-purchase .mt-table-wrap .mt-assign-people-listing {
        padding-right: 10px
    }
}

.mt-reports-geration .dropdown-menu.mt-individual-report {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important
}

    .mt-reports-geration .dropdown-menu.mt-individual-report .form-control {
        height: 48px;
        font-size: 16px;
        color: #707070
    }

        .mt-reports-geration .dropdown-menu.mt-individual-report .form-control::placeholder {
            color: #b0b0b0
        }

    .mt-reports-geration .dropdown-menu.mt-individual-report .mt-emailaction {
        display: flex
    }

    .mt-reports-geration .dropdown-menu.mt-individual-report .mt-email-trash {
        background: none;
        border: none
    }

        .mt-reports-geration .dropdown-menu.mt-individual-report .mt-email-trash i {
            font-size: 23px;
            color: #ef1212
        }

.mt-reports-geration .dropdown-menu .mt-filter-footer {
    display: flex;
    border-top: solid 1px #ccc
}

    .mt-reports-geration .dropdown-menu .mt-filter-footer a {
        width: 50%;
        border: none;
        padding: 24px 0 !important;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        background-color: #fff;
        color: #707070
    }

@media only screen and (max-width: 1400px) {
    .mt-reports-geration .dropdown-menu .mt-filter-footer a {
        padding: 14px 0 !important;
        font-size: 14px
    }
}

.mt-reports-geration .dropdown-menu .mt-filter-footer a.mt-filter {
    background-color: #3e3e3e;
    color: #fff
}

.dropdown-toggle.mt-report-individual {
    padding-left: 0 !important
}

    .dropdown-toggle.mt-report-individual:before {
        display: none !important
    }

.mt-reportadd-mail {
    font-weight: 500 !important;
    color: #707070 !important
}

    .mt-reportadd-mail i {
        margin-right: 10px;
        color: #3e3e3e !important
    }

.mt-printaction {
    border: none;
    background: none;
    display: block
}

    .mt-printaction img {
        margin-right: 10px
    }

.mt-emailaddition {
    max-height: 360px;
    overflow-y: auto
}

@media only screen and (max-width: 1400px) {
    .mt-emailaddition {
        max-height: 280px
    }
}

.mt-formblock textarea.form-control::placeholder {
    line-height: 1.5
}

.mt-formblock textarea.form-control {
    padding: 15px 15px;
    resize: vertical !important;
    height: auto
}

.mt-addnewproject-outer .mt-special-purchase-block {
    transition: all ease-in-out .5s
}

.mt-addnewproject-outers .mt-special-purchase-block {
    width: 50%;
    padding-right: 30px
}

.mt-special-section .mt-addnewproject-outer + .mt-addnewproject-outer {
    border-top: solid 1px #d9d9d9;
    padding-top: 10px;
    margin-top: 10px
}

.mt-addnewproject-outers .mt-siteplan-content {
    width: 50%
}

@media(max-width: 992px) {
    .mt-addnewproject-outer .mt-special-purchase-block {
        transition: all ease-in-out .5s
    }

    .mt-addnewproject-outers .mt-siteplan-content {
        width: 100%
    }
}

.mt-layout-img.mt-layout-selected {
    border: solid 2px #fe9d21;
    box-shadow: 0px 6px 15px 0px hsla(0,0%,80%,.16)
}

.mt-primary-modal .modal-content {
    border-radius: 7px !important;
    border: none !important
}

.mt-primary-modal .modal-body {
    text-align: center;
    padding: 30px
}

.mt-primary-modal .modal-header .modal-title {
    font-size: 18px
}

.mt-primary-modal .modal-footer {
    display: flex
}

    .mt-primary-modal .modal-footer .btn {
        width: 50% !important;
        margin: 0;
        padding: 15px 30px;
        border-radius: 0;
        background-color: #fbfbfb;
        border-color: #ccc;
        color: #707070;
        border-radius: 0 0 7px 0
    }

        .mt-primary-modal .modal-footer .btn.btn-primary {
            background-color: #029efc;
            border-color: #029efc;
            border-radius: 0 0 0 7px;
            color: #fff
        }

.mt-primary-modal .modal-sm {
    max-width: 440px !important
}

.mt-form-siteplan .mt-card-list {
    max-height: 180px;
    overflow-y: auto
}

.mt-reports-geration .dropdown span.dropdown-item {
    cursor: pointer !important
}

.mt-addnewproject-outer .mt-filter-switchtoggle .form-check-label {
    font-size: 12px !important;
    color: #000 !important
}

.mt-new-dashboard-header .navbar .navbar-nav .nav-item:hover, .navbar .navbar-nav .nav-item.active {
    opacity: 1;
    color: #fe9d21
}

    .mt-new-dashboard-header .navbar .navbar-nav .nav-item:hover i, .navbar .navbar-nav .nav-item.active i {
        color: #fe9d21
    }

.mb-22 {
    margin-bottom: 22px
}

.mt-account-type button.mt-account-type {
    width: 470px;
    max-width: 100%;
    margin-bottom: 26px !important;
    text-align: start;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #333;
    margin-bottom: 15px;
    padding: 18px 16px 15px 19px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .mt-account-type button.mt-account-type p {
        font-size: 14px;
        font-family: "Public Sans",sans-serif;
        color: #333 !important;
        font-weight: 600;
        line-height: 16px !important;
        margin-bottom: 3px
    }

    .mt-account-type button.mt-account-type span {
        margin: 0;
        font-size: 14px;
        font-family: "Public Sans",sans-serif;
        color: #7c7c7c !important;
        line-height: 16px !important
    }

    .mt-account-type button.mt-account-type i {
        color: #333;
        font-weight: 600;
        line-height: 14px;
        font-size: 16px
    }

.mt-account-type .mt-signup-content {
    color: #7c7c7c;
    font-size: 16px;
    line-height: 19px
}

    .mt-account-type .mt-signup-content a {
        color: #7c7c7c !important;
        font-size: 16px;
        margin-bottom: 0;
        text-decoration: none;
        font-weight: 500
    }

.mt-account-type button.mt-ctalogin.mt-20 {
    margin-top: 0px !important;
    width: 100%;
    background: #fe9d21;
    border-radius: 6px;
    min-height: 48px
}

    .mt-account-type button.mt-ctalogin.mt-20 i {
        font-size: 16px;
        font-weight: 500 !important
    }

.mt-account-type hr {
    margin: 26px 0;
    background: #aaa
}

.mt-new-dashboard {
    margin-bottom: 20px
}

    .mt-new-dashboard .mt-select-dropdown {
        background: #fbfbfb
    }

@media(max-width: 768px) {
    .mt-new-dashboard .mt-dropdown-group {
        flex-wrap: nowrap
    }
}

@media(max-width: 568px) {
    .mt-new-dashboard .mt-dropdown-group {
        flex-wrap: wrap
    }
}

.mt-new-dashboard .mt-dropdown-group .mt-select-dropdown .select2-container .selection .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    color: #000;
    padding-right: 25px
}

.mt-new-dashboard .mt-dropdown-group .mt-select-dropdown .select2-container .selection .select2-selection--single .select2-selection__arrow::before {
    color: #424547 !important;
    right: 0 !important;
    font-size: 6px
}

.mt-new-dashboard .mt-select-dropdown {
    background: #fbfbfb;
    border: 1px solid #d9d9d9;
    margin: 0 14px;
    border-radius: 7px;
    width: 100%;
    max-height: 35px;
    align-items: center;
    display: flex
}

@media(max-width: 768px) {
    .mt-new-dashboard .mt-select-dropdown {
        margin: 0 !important;
        margin-bottom: 15px !important
    }
}

@media(max-width: 568px) {
    .mt-new-dashboard .col-md-4:nth-of-type(2) span {
        color: #47697e;
        width: 100% !important
    }
}

.mt-new-dashboard .mt-select-dropdown {
    background: #fbfbfb;
    border: 1px solid #d9d9d9;
    margin: 0 14px;
    border-radius: 7px;
    width: fit-content;
    min-height: 35px;
    align-items: center;
    display: flex
}

@media(min-width: 350px)and (max-width: 768px) {
    .mt-new-dashboard .mt-select-dropdown {
        width: fit-content;
        margin: 15px !important
    }
}

.mt-new-dashboard .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 14px
}

@media(min-width: 1200px) {
    .mt-new-dashboard .col-md-4:has(.mt-card-box) {
        margin: 0 0 22px 0
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .mt-new-dashboard .col-md-4:has(.mt-card-box) {
        margin: 22px 0
    }
}

@media(max-width: 768px) {
    .mt-new-dashboard .col-md-4:has(.mt-card-box) {
        margin: 10px 0
    }
}

.mt-new-dashboard .mt-card-box {
    background: #fff;
    border-radius: 7px;
    padding: 21.4px 23.6px 11.4px 22px;
    max-width: 100%;
    display: flex;
    height: 100%;
    margin-top: 0;
    align-items: start;
    justify-content: space-between;
    min-height: 112px;
    position: relative
}

    .mt-new-dashboard .mt-card-box p {
        font-size: 14px;
        line-height: 16px;
        color: #676767;
        font-weight: 500;
        margin-bottom: 0px
    }

@media(min-width: 1200px)and (max-width: 1599px) {
    .mt-new-dashboard .mt-card-box p {
        width: 80%
    }
}

.mt-new-dashboard .mt-card-box h4 {
    color: #3e3e3e;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    margin: 5px 0 14px 0
}

.mt-new-dashboard .mt-card-box span {
    color: #00cbfd
}

.mt-new-dashboard .mt-card-box .circle {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00cbfd;
    margin-right: 5px
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .mt-new-dashboard .mt-card-box .circle {
        bottom: 8px;
        position: relative
    }
}

.mt-new-dashboard .mt-card-box .icon {
    padding: 12.7px;
    border: 1px solid #00cbfd;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-new-dashboard .mt-card-box i {
    color: #00cbfd;
    font-size: 24px
}

.mt-new-dashboard .col-md-4:nth-of-type(2) .circle, .mt-new-dashboard .col-lg-4:nth-of-type(2) .circle {
    background: #5bb14a
}

.mt-new-dashboard .col-md-4:nth-of-type(2) .icon, .mt-new-dashboard .col-lg-4:nth-of-type(2) .icon {
    border: 1px solid #47697e
}

.mt-new-dashboard .col-md-4:nth-of-type(3) .circle, .mt-new-dashboard .col-lg-4:nth-of-type(3) .circle {
    background: #fe9d21
}

.mt-new-dashboard .col-md-4:nth-of-type(3) .icon, .mt-new-dashboard .col-lg-4:nth-of-type(3) .icon {
    border: 1px solid #fe9d21
}

.mt-new-dashboard .mt-recent-items-section {
    background: #fff;
    padding: 24px 22px;
    max-height: 100%;
    height: 680px;
    border-radius: 7px;
    overflow: hidden
}

@media(max-width: 768px) {
    .mt-new-dashboard .mt-recent-items-section {
        margin-top: 20px;
        padding: 20px 10px
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-recent-item {
    display: flex;
    align-items: center
}

    .mt-new-dashboard .mt-recent-items-section .mt-recent-item .icon {
        width: 30px;
        height: 30px;
        border: 1px solid #3e3e3e;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 13px
    }

    .mt-new-dashboard .mt-recent-items-section .mt-recent-item h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 35px;
        margin-bottom: 0
    }

@media(max-width: 568px) {
    .mt-new-dashboard .mt-recent-items-section .mt-searchbar + .mt-select-dropdown {
        min-width: 300px;
        margin: 15px 0 !important
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-searchbar {
    position: relative;
    margin-right: 15px
}

    .mt-new-dashboard .mt-recent-items-section .mt-searchbar input {
        border: 1px solid #d9d9d9;
        padding: 9px 16px;
        border-radius: 7px;
        max-height: 35px;
        font-size: 15px;
        color: #707070;
        font-weight: 500;
        padding-left: 35px;
        max-width: 179px
    }

@media(max-width: 568px) {
    .mt-new-dashboard .mt-recent-items-section .mt-searchbar input {
        min-width: 300px
    }
}

@media(min-width: 767px)and (max-width: 992px) {
    .mt-new-dashboard .mt-recent-items-section .mt-searchbar input {
        width: 200px;
        max-width: 100% !important
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-searchbar input:focus {
    outline: 0
}

.mt-new-dashboard .mt-recent-items-section .mt-searchbar .mt-searchbtn {
    border: 0;
    background: rgba(0,0,0,0);
    position: absolute;
    color: #707070;
    font-weight: 400;
    line-height: 35px;
    left: 6px
}

.mt-new-dashboard .mt-recent-items-section .select2-container {
    width: 100% !important;
    min-height: 35px
}

    .mt-new-dashboard .mt-recent-items-section .select2-container .select2-selection--single {
        box-sizing: border-box;
        background: rgba(0,0,0,0);
        cursor: pointer;
        display: block;
        padding-top: 2px;
        height: 35px !important;
        min-width: 96px;
        user-select: none;
        position: relative;
        border: 0;
        color: #424547;
        -webkit-user-select: none;
        padding-left: 0px
    }

.mt-new-dashboard .mt-recent-items-section .mt-select-dropdown {
    position: relative;
    background: rgba(0,0,0,0);
    margin: 0;
    min-width: 130px
}

.mt-new-dashboard .mt-recent-items-section .select2-selection__rendered {
    padding: 0
}

.mt-new-dashboard .mt-recent-items-section i.mt-icon-filter-nt {
    font-size: 17px;
    padding-left: 12px;
    margin-right: 0px;
    color: #424547
}

@media(max-width: 768px) {
    .mt-new-dashboard .mt-recent-items-section i.mt-icon-filter-nt {
        margin-right: 10px
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-right-side-menu {
    display: flex
}

@media(max-width: 768px) {
    .mt-new-dashboard .mt-recent-items-section .mt-right-side-menu {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-right-side-menu .select2-container--open .select2-dropdown--below {
    position: relative;
    left: -31px;
    min-width: 160px !important
}

.mt-new-dashboard .mt-recent-items-section .mt-right-side-menu .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    font-family: "mapmnt";
    content: "b";
    position: absolute;
    right: 0;
    font-size: 7px;
    top: 50%;
    margin-top: -4px;
    right: 15px;
    font-weight: 500;
    color: #424547;
    padding-top: 4px
}

.mt-new-dashboard .mt-recent-items-section .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 14px;
    width: 140%;
    background: rgba(0,0,0,0);
    left: -35px;
    position: relative;
    padding-left: 44px
}

@media(max-width: 768px) {
    .mt-new-dashboard .mt-recent-items-section .select2-container .select2-selection--single .select2-selection__rendered {
        left: 0;
        padding-left: 0;
        padding-right: 18px !important
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-project-list-btn {
    padding: 9px 30px !important;
    min-width: 231px !important;
    background: #00cbfd;
    font-size: 15px;
    line-height: 15px;
    border: 0;
    color: #fff;
    border-radius: 7px;
    white-space: nowrap
}

    .mt-new-dashboard .mt-recent-items-section .mt-project-list-btn i {
        font-size: 10px
    }

@media(max-width: 768px) {
    .mt-new-dashboard .mt-recent-items-section .mt-project-list-btn {
        margin-top: 15px;
        width: 100%
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-project-list-btn:hover {
    background: rgba(0,0,0,0);
    border: 1px solid #00cbfd;
    color: #00cbfd
}

.mt-new-dashboard .mt-recent-items-section .vr {
    height: 35px;
    width: 1px;
    background: #e2e2e2;
    opacity: 1;
    margin: 0 15px
}

@media(max-width: 768px) {
    .mt-new-dashboard .mt-recent-items-section .vr {
        display: none
    }
}

.mt-dashboard-tabs-section {
    margin: 10px 0
}

    .mt-dashboard-tabs-section .nav-tabs {
        border-bottom: 1px solid #d9d9d9
    }

@media(max-width: 568px) {
    .mt-dashboard-tabs-section .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }
}

.mt-dashboard-tabs-section .nav-tabs .nav-link.active {
    font-weight: 600;
    font-size: 14px;
    border: 0;
    line-height: 16px;
    color: #424547
}

.mt-dashboard-tabs-section .nav-tabs .nav-link {
    padding-left: 0;
    color: #424547;
    font-weight: 400
}

@media(max-width: 568px) {
    .mt-dashboard-tabs-section .nav-tabs .nav-link {
        width: max-content
    }
}

.mt-dashboard-tabs-section .nav-tabs .nav-link:hover {
    border-color: rgba(0,0,0,0)
}

.mt-dashboard-tabs-section .nav-tabs .nav-link:focus {
    border-color: rgba(0,0,0,0)
}

.mt-dashboard-tabs-section li.nav-item {
    margin-bottom: 5px
}

.mt-dashboard-tabs-section .nav-tabs .nav-link.active {
    position: relative;
    background: rgba(0,0,0,0)
}

.mt-dashboard-tabs-section .nav-link:after {
    content: "";
    left: 0;
    background: #fe9d21;
    width: 0;
    height: 2px;
    transition: all .5s;
    position: absolute;
    bottom: -7px
}

.mt-dashboard-tabs-section .nav-link.active:after {
    width: 100%
}

.mt-dashboard-tabs-section .mt-table-wrap .table thead tr th {
    font-weight: 500;
    font-size: 14px;
    color: #676767
}

.mt-dashboard-tabs-section .card-body.common-data-table {
    margin-top: 10px
}

.mt-dashboard-tabs-section .tab-content {
    height: 550px;
    overflow: auto;
    overflow-x: hidden
}

    .mt-dashboard-tabs-section .tab-content .mt-priority.high i {
        color: #e96e25
    }

.mt-dash-notification-section .nav-tabs {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px
}

.mt-dash-notification-section .nav-link:after {
    background: #028be6;
    bottom: -5px
}

.mt-dash-notification-section .tab-content {
    height: 270px
}

    .mt-dash-notification-section .tab-content :root {
        --sd-btn-close-bg: url( data:image/svg + xml, %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23028BE6"%3e%3cpathd="M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z"/%3e%3c/svg%3e )
    }

    .mt-dash-notification-section .tab-content .toast {
        margin: 14px;
        box-shadow: none;
        width: 97%;
        margin-left: auto;
        display: block;
        margin-left: 0;
        margin-top: 0
    }

    .mt-dash-notification-section .tab-content .mt-bb-line {
        border-bottom: 1px solid #d9d9d9 !important;
        border-radius: 0;
        padding: 20px 15px 20px 0 !important;
        margin: 0 !important;
        width: 100%
    }

        .mt-dash-notification-section .tab-content .mt-bb-line:first-child {
            padding-top: 0 !important
        }

        .mt-dash-notification-section .tab-content .mt-bb-line:last-child {
            border-bottom: 0 !important
        }

        .mt-dash-notification-section .tab-content .mt-bb-line .toast-header {
            border: 0;
            background: rgba(0,0,0,0);
            display: flex;
            align-items: center;
            position: relative;
            margin: 0px;
            padding: 0;
            padding-right: 0px;
            align-items: end;
            flex-wrap: wrap;
            justify-content: space-between
        }

            .mt-dash-notification-section .tab-content .mt-bb-line .toast-header .mt-date-section {
                font-size: 12px !important;
                font-weight: 500 !important;
                color: #3e3e3e;
                opacity: 70%
            }

        .mt-dash-notification-section .tab-content .mt-bb-line .mt-user-name {
            color: #3e3e3e
        }

            .mt-dash-notification-section .tab-content .mt-bb-line .mt-user-name span {
                font-weight: 500
            }

@media(min-width: 1100px) {
    .mt-dash-notification-section .tab-content .mt-bb-line {
        flex-wrap: nowrap
    }
}

.mt-dash-notification-section .tab-content .mt-bb-line .mt-dropbox {
    background: rgba(0,0,0,0);
    border: 0
}

.mt-dash-notification-section .tab-content .mt-bb-line p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 0
}

.mt-dash-notification-section .tab-content .mt-toast-main-content {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 22px;
    font-weight: bold;
    color: #3e3e3e
}

.mt-dash-notification-section .tab-content .mt-title-toast {
    font-size: 12px;
    line-height: 22px;
    margin: 0
}

    .mt-dash-notification-section .tab-content .mt-title-toast span {
        color: #028be6
    }

.mt-dash-notification-section .tab-content ul {
    padding: 0;
    display: flex;
    list-style: none;
    margin: 0;
    margin-top: 7px
}

    .mt-dash-notification-section .tab-content ul li {
        margin-right: 14px;
        color: #737373;
        font-size: 12px;
        line-height: 14px
    }

        .mt-dash-notification-section .tab-content ul li:last-child {
            margin: 0
        }

            .mt-dash-notification-section .tab-content ul li:last-child::after {
                display: none
            }

        .mt-dash-notification-section .tab-content ul li::after {
            content: "G";
            font-family: "mapmnt";
            font-style: normal;
            font-weight: normal;
            font-size: 7px;
            speak: never;
            padding-left: 7.2px;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            margin-right: .2em;
            text-align: center;
            font-variant: normal;
            text-transform: none
        }

.mt-dash-notification-section .tab-content .mt-assign-people {
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px
}

    .mt-dash-notification-section .tab-content .mt-assign-people span {
        color: #fff !important;
        font-weight: 500
    }

    .mt-dash-notification-section .tab-content .mt-assign-people span {
        font-size: 12px;
        color: #3e3e3e;
        line-height: 14px
    }

.mt-dash-notification-section .tab-content button.btn-close {
    position: absolute;
    color: #028be6 !important;
    font-size: 7px;
    right: -6px;
    top: -10px;
    --sd-btn-close-color: #000;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23028BE6'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

.mt-dash-notification-section .tab-content .mt-assign-people.color-3 span {
    color: #676767 !important
}

.mt-dash-notification-section .tab-content .toast-body {
    padding-left: 35px;
    padding-bottom: 0
}

.mt-reminder-section .toast.show {
    background: #f2f2f2 !important
}

    .mt-reminder-section .toast.show .toast-body {
        padding-left: 0 !important;
        padding-top: 0
    }

    .mt-reminder-section .toast.show .toast-header {
        margin-bottom: 0
    }

    .mt-reminder-section .toast.show .mt-outline-prime-btn {
        padding: 8px 19px;
        outline: 0;
        border: 1px solid #e5642c;
        color: #424547;
        border-radius: 7px;
        font-size: 12px;
        font-weight: 500;
        line-height: 19px;
        color: #424547
    }

        .mt-reminder-section .toast.show .mt-outline-prime-btn i {
            color: #e5642c
        }

    .mt-reminder-section .toast.show .mt-outline-prime-btn {
        padding: 8px 19px;
        outline: 0;
        border: 1px solid #e5642c;
        color: #424547;
        border-radius: 7px;
        font-size: 12px;
        font-weight: 500;
        line-height: 19px;
        color: #424547;
        margin-right: 10px
    }

        .mt-reminder-section .toast.show .mt-outline-prime-btn i {
            color: #e5642c
        }

    .mt-reminder-section .toast.show .mt-outline-second-btn {
        padding: 8px 19px;
        outline: 0;
        border: 1px solid #d9d9d9;
        color: #424547;
        border-radius: 7px;
        font-size: 12px
    }

    .mt-reminder-section .toast.show .toast-body span {
        font-size: 12px;
        color: #707070;
        line-height: 17px
    }

    .mt-reminder-section .toast.show p.mt-toast-main-content {
        font-weight: 500 !important
    }

    .mt-reminder-section .toast.show .toast-header {
        width: 100%
    }

@media(max-width: 568px) {
    .mt-reminder-section .toast.show .toast-header {
        flex-wrap: wrap;
        margin-bottom: 15px
    }
}

.mt-reminder-section .toast.show span.text-success {
    color: #07a001 !important;
    font-size: 12px
}

.mt-reminder-section .toast.show .toast-header p {
    font-size: 14px;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 21px;
    margin-bottom: 0
}

@media(max-width: 568px) {
    .mt-reminder-section .toast.show .toast-header p {
        margin-bottom: 10px
    }
}

.mt-dash-notification-section .tab-content .toast {
    margin: 14px;
    box-shadow: none;
    width: 97%;
    margin-left: auto;
    display: block;
    max-width: 537px;
    margin-left: 0;
    border: 0;
    padding: 19px 20px 14.5px 13.4px;
    margin-top: 0
}

@media(max-width: 768px) {
    .mt-dash-notification-section .tab-content .toast {
        width: 100%
    }
}

.mt_mb_40 {
    margin-bottom: 36px
}

.mt-dropdown-group .mt-select-dropdown:last-child {
    margin: 0
}

.mt-dash-notification-section .tab-content .toast-header .mt-assign-people {
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    margin-right: 11px
}

.mt-recent-items-section:has(.mt-dash-notification-section) {
    max-height: 398px;
    overflow: hidden
}

.mt-dash-notification-section .tab-content {
    height: 270px;
    margin-top: 20px
}

.mt-dash-notification-section .common-data-table {
    margin-top: 0 !important
}

@media(min-width: 768px)and (max-width: 1199px) {
    .w-md-fit-width {
        width: fit-content;
        margin: 15px auto 0 !important
    }
}

@media(max-width: 992px) {
    .mt-assign-people-listing + .d-flex {
        justify-content: space-between;
        width: 100%
    }
}

@media(max-width: 768px) {
    .mt-new-dashboard .mt-recent-items-section .mt-select-dropdown {
        position: relative;
        background: rgba(0,0,0,0);
        margin: 0;
        max-width: 50% !important
    }
}

.mt-account-info-upload {
    background: rgba(0,0,0,0);
    outline: 0;
    width: 50px;
    border: 0;
    border-left: 1px solid #aaa;
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 0 6px 6px 0px
}

.mt-form-group .form-control {
    border-radius: 6px !important
}

.mt-update-subscription .mt-subscription-plan:hover, .mt-update-subscription .mt-subscription-plan.active {
    box-shadow: none !important
}

.mt-update-subscription .mt-card-input-element:checked + .mt-card-input {
    box-shadow: none !important;
    border: 0
}

.mt-update-subscription .mt-card-input-element {
    display: block;
    margin: 13px auto
}

.mt-update-subscription .mt-subscription-plan label {
    height: 100%
}

.mt-subscription-plan:has(input:checked) {
    border-color: #47697e
}

.mt-subscription-plan input:checked + .mt-card-input > .mt-card-footer {
    border-color: #47697e
}

.mt-new-dashboard .mt-recent-items-section .mt-table-wrap .table tr td {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    border-top: 1px solid #d9d9d9 !important;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: .06px;
    text-align: left;
    color: #3e3e3e;
    vertical-align: middle;
    border: none;
    height: 43px;
    box-shadow: 0 3px 6px rgba(235,235,235,.16);
    border-bottom: 1px solid #d9d9d9
}

.mt-new-dashboard .mt-recent-items-section .mt-table-wrap .table tr {
    position: relative;
    cursor: pointer;
    width: 95%;
    margin-bottom: 8px
}

    .mt-new-dashboard .mt-recent-items-section .mt-table-wrap .table tr td:first-child {
        border-left: 1px solid #d9d9d9
    }

.mt-new-dashboard .mt-recent-items-section .mt-table-wrap {
    width: 98%
}

    .mt-new-dashboard .mt-recent-items-section .mt-table-wrap .table tr td:last-child {
        border-radius: 0 7px 7px 0;
        border-right: 1px solid #d9d9d9
    }

    .mt-new-dashboard .mt-recent-items-section .mt-table-wrap .table {
        border-collapse: separate;
        border-spacing: 0 12px !important;
        width: 100% !important
    }

.mt-new-dashboard .mt-recent-items-section .table > thead {
    vertical-align: bottom;
    bottom: 10px;
    position: relative
}

.mt-recent-items-section h2.mt-notification-title {
    display: flex;
    align-items: center
}

    .mt-recent-items-section h2.mt-notification-title span {
        border-radius: 32px;
        border: 1px solid #323232;
        padding: 0px 9px;
        line-height: 20px;
        min-height: 24px;
        font-size: 12px;
        min-width: 21px;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
    }

.mt-dashboard-user {
    width: 26px;
    height: 26px;
    background: rgba(0,0,0,0);
    border-radius: 50px;
    object-fit: cover;
    margin-right: 11px
}

.mt-text-orange {
    color: #e5642c
}

.mt-reminder-note {
    background: #f2f2f2;
    padding: 10px 12px;
    border-radius: 6px
}

    .mt-reminder-note p {
        font-size: 12px
    }

.mt-reminder-scedule-section {
    color: #737373;
    font-size: 12px;
    line-height: 14px;
    margin: 10px 0 !important
}

.mt-reminder-button-section button {
    border: 1px solid;
    padding: 7px 12px;
    font-size: 12px;
    line-height: 14px;
    margin-right: 8px;
    border-radius: 7px;
    transition: all .5s ease;
    min-height: 27px;
    margin: 13px 0 0 0
}

    .mt-reminder-button-section button i {
        margin-right: 6px
    }

    .mt-reminder-button-section button.mt-btn-cancel {
        color: #e20f0f;
        border-color: #e20f0f
    }

        .mt-reminder-button-section button.mt-btn-cancel:hover {
            background: #e20f0f;
            color: #fff;
            border-color: rgba(0,0,0,0)
        }

    .mt-reminder-button-section button.mt-btn-Reschedule {
        color: #3e3e3e;
        border-color: #3e3e3e
    }

        .mt-reminder-button-section button.mt-btn-Reschedule:hover {
            background: #3e3e3e;
            color: #fff;
            border-color: rgba(0,0,0,0)
        }

    .mt-reminder-button-section button.mt-btn-mark-complete {
        color: #0f78e2;
        border-color: #0f78e2
    }

        .mt-reminder-button-section button.mt-btn-mark-complete:hover {
            background: #0f78e2;
            border-color: rgba(0,0,0,0);
            color: #fff
        }

.mt-dash-right-sidebar .mt-recent-item h2 {
    font-size: 18px !important
}

@media(min-width: 768px)and (max-width: 1199px) {
    .mt-dash-right-sidebar {
        margin-top: 20px
    }
}

.mt-dashboard-user-reminder {
    width: 26px;
    height: 26px;
    background: #028be6;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-right: 12px
}

    .mt-dashboard-user-reminder i {
        color: #fff;
        font-size: 13px
    }

@media(max-width: 568px) {
    .mt-new-dashboard .mt-select-dropdown {
        width: fit-content;
        margin: 5px 0 !important;
        width: 100%
    }
}

.btn-close:focus {
    box-shadow: none
}

.mt-toast-dashboard .toast {
    position: absolute;
    padding: 22px 26px;
    top: 95px;
    right: 20px;
    z-index: 999;
    border: 0;
    background: #fff
}

    .mt-toast-dashboard .toast .toast-body {
        padding: 0
    }

    .mt-toast-dashboard .toast .mt-ctalogin {
        width: 100%;
        background: rgba(0,0,0,0);
        border: 1px solid #fe9d21;
        color: #fe9d21;
        font-size: 14px;
        padding: 16px;
        margin: 0
    }

    .mt-toast-dashboard .toast .mt-user-name-text {
        width: 72.5px;
        border-radius: 50%;
        height: 72.5px;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #028be6;
        margin-bottom: 14px;
        color: #fff;
        margin: auto;
        font-size: 24px;
        text-align: center
    }

    .mt-toast-dashboard .toast h2 {
        text-align: center;
        line-height: 36px;
        color: #000;
        font-size: 24px
    }

    .mt-toast-dashboard .toast a {
        text-decoration: none;
        font-size: 12px;
        line-height: 15px;
        color: #7c7c7c;
        margin-bottom: 22px;
        text-align: center;
        width: fit-content;
        margin: auto;
        display: block
    }

    .mt-toast-dashboard .toast .mt-account-type {
        margin-top: 22px
    }

        .mt-toast-dashboard .toast .mt-account-type button {
            width: 100%;
            border-color: #d9d9d9;
            border-radius: 6px;
            margin-bottom: 14px !important;
            margin-top: 0 !important;
            padding: 9px
        }

            .mt-toast-dashboard .toast .mt-account-type button p {
                font-size: 14px;
                color: #333 !important
            }

            .mt-toast-dashboard .toast .mt-account-type button span {
                margin: 0;
                font-size: 12px;
                color: #7c7c7c !important
            }

            .mt-toast-dashboard .toast .mt-account-type button i {
                color: #d9d9d9;
                transform: rotate(90deg)
            }

    .mt-toast-dashboard .toast .mt-ctalogin {
        width: 100%;
        background: rgba(0,0,0,0);
        border: 1px solid #fe9d21;
        color: #fe9d21;
        font-size: 14px;
        padding: 16px;
        margin: 0
    }

        .mt-toast-dashboard .toast .mt-ctalogin:hover {
            box-shadow: none;
            background: #fe9d21;
            color: #fff
        }

    .mt-toast-dashboard .toast .toast-header {
        border: 0;
        position: absolute;
        right: 10px;
        top: 10px
    }

    .mt-toast-dashboard .toast .btn-close {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D9D9D9'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        height: 14px;
        width: 14px
    }

.mt-toast-dashboard hr {
    width: 100%;
    height: 1px;
    background: #d9d9d9
}

.mt-toast-dashboard .mt-sign-out {
    margin-top: 18px;
    font-size: 14px;
    color: #333 !important;
    font-weight: 500
}

    .mt-toast-dashboard .mt-sign-out i {
        margin-right: 12px
    }

.mt-account-type-section {
    height: 150px;
    overflow: auto
}

.col-lg-9:has(.mt-pricing-content-card) {
    border-left: 1px solid #47697e
}

@media(max-width: 991px) {
    .col-lg-9:has(.mt-pricing-content-card) {
        border-left: 0;
        border-top: 1px solid #47697e
    }
}

.mt-subscription-plan:has(.mt-pricing-content-card) {
    overflow: hidden
}

.mt-pricing-content-card {
    overflow: hidden;
    padding: 12px 5px 0
}

    .mt-pricing-content-card P {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        color: #707070
    }

        .mt-pricing-content-card P b {
            font-weight: 600;
            color: #323232
        }

.mt-subscription-plan:not(.active) {
    color: #797979
}

.mt-subscription-plan:has(input:checked) {
    border: solid 1px #47697e;
    color: #323232 !important
}

    .mt-subscription-plan:has(input:checked) h6 {
        color: #323232 !important
    }

.mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt a {
    color: #424547;
    margin-left: 20px;
    border: 1px solid #d9d9d9;
    padding: 7px 13px;
    border-radius: 7px;
    text-decoration: none;
    line-height: 17px;
    font-size: 15px
}

    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt a:has(.mt-icon-close) {
        border: 0;
        padding: 0;
        margin-left: 10px
    }

.mt-new-special-purchase .mt-activity-tabs-panel {
    padding: 15px 0
}

@media(max-width: 767px) {
    .mt-new-special-purchase .mt-activity-tabs-panel .mt-activity-tabs-panel {
        flex-wrap: nowrap
    }
}

@media(max-width: 767px) {
    .mt-new-special-purchase .mt-activity-tabs-panel .nav {
        width: 100%
    }
}

.mt-new-special-purchase .nav .nav-link.active:before {
    background-color: #028be6;
    width: 100%;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    bottom: -15px
}

.mt-new-special-purchase .mt-markbutton {
    font-size: 15px;
    border-radius: 7px;
    text-transform: unset !important;
    padding: 8px 18px;
    border: 1px solid #d9d9d9;
    padding: 7px 13px !important
}

.mt-new-special-purchase .mt-added-user-detail {
    font-size: 16px;
    margin: 0;
    color: #424547;
    font-weight: 600
}

    .mt-new-special-purchase .mt-added-user-detail span {
        color: #4da6fc;
        font-weight: 500
    }

.mt-new-special-purchase .mt-w-fit-content {
    width: fit-content
}

.mt-new-special-purchase .mt-priority-view {
    background-color: rgba(0,0,0,0);
    color: #e5642c;
    border-radius: 4px;
    padding: 9px 25px;
    display: inline-block;
    border: 1px solid #e5642c;
    margin: 0
}

    .mt-new-special-purchase .mt-priority-view i {
        margin-right: 5px
    }

.mt-new-special-purchase .mt-status-space {
    background: rgba(0,0,0,0);
    border: 1px solid #0f78e2;
    display: flex;
    align-items: center;
    font-weight: 400;
    padding: 6px 12px;
    border-radius: 7px;
    width: fit-content;
    margin-right: 18px;
    white-space: nowrap;
    color: #0f78e2
}

    .mt-new-special-purchase .mt-status-space .mt-status-color {
        width: 22px;
        height: 22px;
        background-color: #0f78e2;
        border-radius: 5px;
        display: inline-block;
        margin-right: 5px
    }

.mt-new-special-purchase .mt-aria-space {
    background: rgba(0,0,0,0);
    border: 1px solid #fe9d21;
    padding: 6px 12px;
    border-radius: 7px;
    color: #fe9d21;
    width: fit-content;
    font-weight: 400;
    align-items: center;
    display: flex
}

    .mt-new-special-purchase .mt-aria-space .mt-status-color {
        width: 22px;
        height: 22px;
        background-color: #fe9d21;
        border-radius: 5px;
        display: inline-block;
        margin-right: 5px
    }

.mt-new-special-purchase .me-60 {
    margin-right: 60px
}

.mt-new-special-purchase .mt-status-processing {
    border: solid 1px #d9d9d9;
    padding: 9px 23px;
    display: inline-block;
    color: #676767;
    border-radius: 4px;
    text-decoration: none
}

.mt-new-special-purchase .mt-overview {
    font-size: 16px;
    color: #424547;
    line-height: 24px
}

.mt-new-special-purchase .mt-assignperson-list .mt-person-assign {
    background-color: #eaeaea;
    padding: 5px 7px;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.6;
    margin: 0 5px 5px 0;
    float: left;
    color: #424547
}

.mt-new-special-purchase .mt-calender {
    border: 1px solid #d9d9d9
}

.mt-new-special-purchase .mt-calender {
    border: 1px solid #d9d9d9;
    width: fit-content;
    padding: 9px 15px;
    border-radius: 7px;
    color: #424547
}

    .mt-new-special-purchase .mt-calender i {
        margin-right: 8px
    }

@media only screen and (min-width: 1600px) {
    .mt-new-special-purchase .mt-activity-outer {
        height: calc(100vh - 450px)
    }
}

.mt-new-special-purchase h2 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
    color: #3e3e3e
}

.mt-new-special-purchase .mt-tab-heading {
    align-items: center
}

.mt-new-special-purchase label {
    display: inline-block;
    font-weight: 700;
    font-size: 16px
}

@media(max-width: 767px) {
    .mt-new-special-purchase .mt-activity-tabs-panel {
        border-bottom: solid 1px #d9d9d9;
        justify-content: space-around;
        padding: 15px 0 0 0;
        margin: 16px 20px;
        align-items: center;
        flex-direction: column-reverse
    }
}

@media(max-width: 767px) {
    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt {
        margin-left: auto;
        padding-top: 15px;
        margin-bottom: 15px
    }
}

@media(max-width: 767px) {
    .mt-new-special-purchase .nav-link.active:before {
        bottom: 0 !important
    }
}

.mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
    width: 50%;
    opacity: 1;
    display: block;
    z-index: 9999;
    position: relative
}

.mt-special-purchase {
    padding-top: 0
}

@media(min-width: 1200px) {
    .mt-special-purchase {
        padding-top: 13px !important
    }
}

@media(max-width: 767px) {
    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt a:has(.mt-icon-close) {
        border: 0;
        padding: 0;
        margin-left: 10px;
        position: absolute;
        right: 15px;
        top: 15px
    }
}

.mt-card-no-notification {
    margin-top: 50px;
    text-align: center
}

    .mt-card-no-notification i {
        color: #c6c6c6;
        font-size: 70px;
        font-weight: 100
    }

    .mt-card-no-notification h2 {
        color: #3e3e3e;
        font-size: 16px;
        line-height: 24px;
        margin-top: 22px
    }

    .mt-card-no-notification p {
        font-size: 14px;
        line-height: 24px;
        color: #676767;
        font-weight: 400
    }

.tab-content:has(.mt-card-no-notification) {
    width: 100%;
    justify-content: center;
    height: auto;
    overflow: auto
}

.toast-body:has(.mt-card-no-notification) {
    padding-left: 0 !important;
    width: 100%
}

.mt-dash-notification-section .tab-content:has(.mt-card-no-notification) .toast {
    margin: 14px;
    box-shadow: none;
    width: 100%;
    margin-left: auto;
    display: block;
    background: #cce8fa;
    max-width: 100%;
    margin-left: 0;
    border: 0;
    padding: 19px 20px 14.5px 13.4px;
    margin-top: 0
}

.mt-dash-notification-section .tab-content:has(.mt-card-no-notification) .toast-body {
    padding-left: 0px !important;
    padding-bottom: 0;
    padding: 0;
    margin: auto;
    display: block;
    text-align: center
}

.mt-new-project-list-sction {
    background: rgba(0,0,0,0);
    border-radius: 7px
}

    .mt-new-project-list-sction .nav-link:after {
        bottom: -20px
    }

@media(max-width: 1200px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -10px
    }
}

@media(max-width: 568px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -5px
    }
}

@media(max-width: 768px) {
    .mt-new-project-list-sction {
        margin-top: 20px;
        padding: 20px 10px
    }
}

.mt-new-project-list-sction .mt-recent-item {
    display: flex;
    align-items: center
}

    .mt-new-project-list-sction .mt-recent-item .icon {
        width: 30px;
        height: 30px;
        border: 1px solid #3e3e3e;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 13px
    }

    .mt-new-project-list-sction .mt-recent-item h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 35px;
        margin-bottom: 0
    }

@media(max-width: 568px) {
    .mt-new-project-list-sction .mt-searchbar + .mt-select-dropdown {
        min-width: 300px;
        margin: 15px 0 !important
    }
}

.mt-new-project-list-sction .mt-searchbar {
    position: relative;
    margin-right: 15px
}

    .mt-new-project-list-sction .mt-searchbar input {
        border: 1px solid #d9d9d9;
        padding: 9px 16px;
        border-radius: 7px;
        max-height: 35px;
        font-size: 15px;
        color: #707070;
        font-weight: 500;
        padding-left: 35px;
        max-width: 179px
    }

@media(max-width: 568px) {
    .mt-new-project-list-sction .mt-searchbar input {
        min-width: 300px
    }
}

.mt-new-project-list-sction .mt-searchbar input:focus {
    outline: 0
}

.mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
    border: 0;
    background: rgba(0,0,0,0);
    position: absolute;
    color: #707070;
    font-weight: 400;
    line-height: 35px;
    left: 14px
}

    .mt-new-project-list-sction .mt-searchbar .mt-searchbtn i {
        font-weight: 600
    }

.mt-new-project-list-sction .select2-container {
    width: 100% !important;
    min-height: 35px
}

    .mt-new-project-list-sction .select2-container .select2-selection--single {
        box-sizing: border-box;
        background: rgba(0,0,0,0);
        cursor: pointer;
        display: block;
        padding-top: 2px;
        height: 35px !important;
        min-width: 96px;
        user-select: none;
        position: relative;
        border: 0;
        color: #424547;
        -webkit-user-select: none;
        padding-left: 0px
    }

.mt-new-project-list-sction .mt-select-dropdown {
    position: relative;
    background: rgba(0,0,0,0);
    margin: 0;
    max-width: 100%
}

.mt-new-project-list-sction .select2-selection__rendered {
    padding: 0
}

.mt-new-project-list-sction i.mt-icon-filter-nt {
    font-size: 17px;
    margin-right: 0px;
    color: #424547
}

@media(max-width: 768px) {
    .mt-new-project-list-sction i.mt-icon-filter-nt {
        margin-right: 10px
    }
}

.mt-new-project-list-sction .mt-right-side-menu {
    display: flex
}

@media(max-width: 768px) {
    .mt-new-project-list-sction .mt-right-side-menu {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.mt-new-project-list-sction .mt-right-side-menu .select2-container--open .select2-dropdown--below {
    position: relative;
    left: -31px;
    min-width: 160px !important
}

.mt-new-project-list-sction .mt-right-side-menu .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    font-family: "mapmnt";
    content: "b";
    position: absolute;
    right: 0;
    font-size: 7px;
    top: 50%;
    margin-top: -4px;
    right: 15px;
    font-weight: 500;
    color: #424547;
    padding-top: 4px
}

.mt-new-project-list-sction .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 14px;
    width: 140%;
    background: rgba(0,0,0,0);
    left: -35px;
    position: relative;
    padding-left: 44px
}

@media(max-width: 768px) {
    .mt-new-project-list-sction .select2-container .select2-selection--single .select2-selection__rendered {
        left: 0;
        padding-left: 0;
        padding-right: 18px !important
    }
}

.mt-new-project-list-sction .mt-project-list-btn {
    padding: 9px 55px;
    background: #00cbfd;
    font-size: 15px;
    line-height: 15px;
    border: 0;
    color: #fff;
    border-radius: 7px;
    white-space: nowrap
}

@media(max-width: 768px) {
    .mt-new-project-list-sction .mt-project-list-btn {
        margin-top: 15px;
        width: 100%
    }
}

@media(min-width: 768px)and (max-width: 1599px) {
    .mt-new-project-list-sction .mt-project-list-btn {
        padding: 9px 20px
    }
}

.mt-new-project-list-sction .vr {
    height: 35px;
    width: 1px;
    background: #e2e2e2;
    margin: 0 15px
}

@media(max-width: 768px) {
    .mt-new-project-list-sction .vr {
        display: none
    }
}

.mt-new-project-list-sction section.mt-special-purchase.mt-new-project-list-sction .dt-search {
    display: none !important
}

.mt-new-project-list-sction .select2-container {
    width: 100% !important;
    min-height: 35px
}

.mt-new-project-list-sction .mt-select-dropdown {
    background: #fff;
    border: 1px solid #d9d9d9;
    margin: 0 14px;
    border-radius: 7px;
    width: fit-content;
    padding: 0 12px;
    min-height: 35px;
    align-items: center;
    display: flex
}

.mt-new-project-list-sction .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.mt-new-project-list-sction select {
    border: 0;
    width: 100%
}

.mt-new-project-list-sction .select2-container .select2-selection--single {
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    padding-top: 2px;
    height: 35px !important;
    min-width: 96px;
    user-select: none;
    position: relative;
    border: 0;
    color: #424547;
    -webkit-user-select: none;
    padding-left: 0px
}

.mt-new-project-list-sction .select2-selection__rendered {
    padding: 0 14px;
    width: 140%;
    background: red;
    left: -35px;
    position: relative;
    padding-left: 44px
}

.mt-new-project-list-sction .dt-search {
    display: none
}

.mt-new-project-list-sction .mt-select-dropdown {
    max-height: 35px !important
}

.mt-new-project-list-sction .mt-project-list-btn {
    max-height: 35px !important
}

.mt-new-project-list-header-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 15px
}

@media(max-width: 768px) {
    .mt-new-project-list-header-section .mt-dropdown-group {
        width: 100%;
        flex-wrap: nowrap
    }
}

.mt-new-project-list-header-section .mt-new-project-list-header {
    display: flex;
    align-items: center
}

@media(max-width: 568px) {
    .mt-new-project-list-header-section .mt-new-project-list-header {
        width: 55%
    }
}

.mt-new-project-list-header-section .mt-new-project-list-header .icon {
    width: 50px;
    height: 50px;
    background: #00cbfd;
    color: #fff;
    font-size: 25px;
    display: flex;
    margin-right: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 5px
}

@media(max-width: 768px) {
    .mt-new-project-list-header-section .mt-new-project-list-header .icon {
        width: 40px;
        height: 40px;
        background: #00cbfd;
        color: #fff;
        font-size: 20px
    }
}

.mt-new-project-list-header-section .mt-new-project-list-header h2 {
    color: #3e3e3e;
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
    margin: 0
}

@media(max-width: 992px) {
    .mt-new-project-list-header-section .mt-new-project-list-header h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.mt-new-project-list-header-section .form-check-label {
    color: #424547 !important;
    line-height: 28px
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    color: #424547 !important;
    padding: 0 10px;
    border: none;
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media(max-width: 768px) {
    .mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
        padding: 5px !important;
        width: auto !important
    }
}

@media(max-width: 768px) {
    .mt-new-project-list-header-section .mt-siteplan {
        margin-top: 15px
    }
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    color: #424547 !important;
    padding: 5px 10px;
    border: none;
    width: 180px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    white-space: nowrap;
    border-radius: 7px;
    text-overflow: ellipsis
}

.mt-new-project-list-header-section .form-check-input {
    filter: brightness(90%)
}

.mt-new-project-list-header-section .nav-tabs {
    border: 0 !important
}

.mt-new-project-list-sction .mt-special-purchase-card-outer {
    padding: 0 !important
}

.mt-new-project-list-sction .mt-dashboard-tabs-section .nav-tabs {
    border-bottom: 0px solid #d9d9d9
}

.mt-new-project-list-sction .mt-select-dropdown {
    margin-right: 14px;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 768px)and (max-width: 1199px) {
    .mt-new-project-list-sction .mt-select-dropdown {
        width: 40%
    }
}

@media(min-width: 1560px) {
    .mt-new-project-list-sction .mt-select-dropdown {
        min-width: 117px
    }
}

.mt-new-project-list-sction .vr {
    height: 35px;
    width: 1px;
    background: #7b7878;
    margin-left: 0;
    margin-right: 15px
}

.mt-new-project-list-sction .hr-tabs-lines {
    height: 1px;
    width: 100%;
    background: #d9d9d9
}

@media(min-width: 768px)and (max-width: 1570px) {
    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: 15px
    }
}

.mt-new-project-list-sction .hr-tabs-lines {
    height: 1px;
    width: 100%;
    margin-top: 5px;
    background: #d9d9d9
}

@media(max-width: 1299px) {
    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: 15px
    }
}

.mt-dashboard-tabs-section .nav-link:after {
    content: "";
    left: 0;
    background: #00cbfd;
    width: 0;
    height: 2px;
    transition: all .5s;
    position: absolute;
    bottom: -7px
}

@media(max-width: 1200px) {
    .mt-dashboard-tabs-section .nav-link:after {
        bottom: -10px
    }
}

@media(max-width: 568px) {
    .mt-dashboard-tabs-section .nav-link:after {
        bottom: -5px
    }
}

@media(min-width: 1201px)and (max-width: 1599px) {
    .mt-new-project-list-sction .mt-select-dropdown {
        min-width: 135px
    }
}

@media(max-width: 1200px) {
    .mt-new-project-list-sction .mt-select-dropdown {
        max-height: 35px !important;
        width: 40%;
        margin-bottom: 15px
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .mt-new-project-list-sction .mt-searchbar input {
        width: 200px !important;
        max-width: 100% !important
    }
}

@media(max-width: 1400px) {
    .mt-new-project-list-sction .mt-select-dropdown {
        max-height: 35px !important;
        margin-bottom: 15px;
        margin-right: 5px;
        text-align: center
    }

    .mt-new-project-list-sction .mt-searchbar {
        position: relative;
        margin-right: 0 !important;
        width: auto;
        margin-bottom: 15px;
        padding: 0;
        min-width: 180px;
        max-width: 100%
    }

        .mt-new-project-list-sction .mt-searchbar input {
            min-width: 100%
        }
}

.navbar {
    background-color: #fff;
    box-shadow: 0px 3px 18px rgba(0,0,0,.0705882353);
    position: relative;
    z-index: 9999 !important
}

.mt-new-project-list-sction .mt-table-wrap .table thead tr th {
    font-weight: 400 !important;
    font-size: 14px;
    color: #676767
}

.mt-new-project-list-sction td {
    color: #3e3e3e !important;
    box-shadow: none !important;
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important
}

    .mt-new-project-list-sction td:first-child {
        border-left: 1px solid #d9d9d9 !important
    }

    .mt-new-project-list-sction td:last-child {
        border-right: 1px solid #d9d9d9 !important
    }

.mt-new-project-list-sction .mt-priority.high i {
    color: #e96e25
}

.mt-new-project-list-sction .nav-tabs .nav-link, .mt-new-project-list-sction .nav-tabs .nav-link .active {
    padding-left: 0;
    color: #424547;
    font-weight: 400;
    padding-right: 0;
    font-weight: 400;
    font-size: 16px !important;
    border: 0;
    line-height: 16px;
    margin-right: 40px !important
}

    .mt-new-project-list-sction .nav-tabs .nav-link .active {
        font-weight: 600 !important
    }

.tab-content {
    background-color: #fff;
    width: 100%
}

button.mt-project-list-btn i {
    font-size: 12px;
    font-weight: 400
}

.mt-siteplanpurchase-layout .mt-new-project-list-sction .mt-right-side-menu {
    display: flex;
    flex-wrap: wrap
}

.mt-siteplanpurchase-layout .mt-new-project-list-sction .mt-select-dropdown {
    margin-bottom: 15px
}

.mt-siteplanpurchase-layout .mt-dashboard-tabs-section .nav-link::after {
    bottom: -5px
}

.mt-table-wrap .table {
    border-collapse: separate;
    border-spacing: 0px 10px !important;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mt-siteplanpurchase-layout .mt-table-wrap .table tr td {
    white-space: nowrap
}

.mt-siteplanpurchase-layout .container-fluid:has(.mt-purchaseitem-siteplan) {
    padding-right: 0 !important;
    width: 100%
}

.mt-siteplanpurchase-layout .modal-backdrop {
    opacity: 0;
    display: none
}

@media(max-width: 568px) {
    .mt-siteplan .form-check {
        position: absolute;
        top: 30px
    }
}

.modal-backdrop {
    z-index: 999
}

div#mt-addsite-modal, #mt-email-notification-modal {
    z-index: 9999
}

    #mt-addsite-modal h2, #mt-email-notification-modal h2, #mt-addsite-modal-send h2 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        color: #1f2d3e
    }

    #mt-addsite-modal .mt-added-list ul li span, #mt-email-notification-modal .mt-added-list ul li span, #mt-addsite-modal-send .mt-added-list ul li span {
        font-size: 16px
    }

    #mt-addsite-modal .mt-tab-heading, #mt-email-notification-modal .mt-tab-heading, #mt-addsite-modal-send .mt-tab-heading {
        margin: 0 !important;
        align-items: center;
        padding-bottom: 25px !important;
        padding-top: 0
    }

@media(min-width: 1200px) {
    #mt-addsite-modal .modal-content.p-0, #mt-email-notification-modal .modal-content.p-0, #mt-addsite-modal-send .modal-content.p-0 {
        min-width: 646px
    }
}

#mt-addsite-modal .mt-form-siteplan, #mt-email-notification-modal .mt-form-siteplan, #mt-addsite-modal-send .mt-form-siteplan {
    margin-top: 20px
}

#mt-addsite-modal h3, #mt-email-notification-modal h3, #mt-addsite-modal-send h3 {
    font-size: 16px;
    color: #424547;
    line-height: 24px
}

#mt-addsite-modal .mt-markbutton, #mt-email-notification-modal .mt-markbutton, #mt-addsite-modal-send .mt-markbutton {
    text-transform: unset !important
}

    #mt-addsite-modal .mt-markbutton:has(i), #mt-email-notification-modal .mt-markbutton:has(i), #mt-addsite-modal-send .mt-markbutton:has(i) {
        color: #e5642c;
        border-color: #e5642c;
        box-shadow: none
    }

    #mt-addsite-modal .mt-markbutton:hover, #mt-email-notification-modal .mt-markbutton:hover, #mt-addsite-modal-send .mt-markbutton:hover {
        background: #e5642c;
        color: #fff
    }

#mt-addsite-modal.show + .modal-backdrop {
    z-index: 9999;
    opacity: 0
}

.mt-modalsite .modal-footer .btn.mt-bluebtn {
    background-color: #0f78e2
}

.mt-custom-backdrop-filter {
    width: 100%;
    background: rgba(0,0,0,.48);
    position: absolute;
    height: 100%
}

.modal-content .select2-container .select2-results__option:hover {
    background-color: #0f78e2 !important;
    color: #fff !important
}

.modal-content .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #0f78e2 !important;
    color: #fff !important
}

.mt-add-new-page-header-section {
    padding: 28px 0;
    background: #fff
}

    .mt-add-new-page-header-section .mt-add-new-page-header {
        background: #eaeaea;
        border-radius: 2px;
        padding: 11px 17px;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

@media(max-width: 768px) {
    .mt-add-new-page-header-section .mt-add-new-page-header {
        flex-wrap: wrap
    }
}

.mt-add-new-page-header-section .mt-add-new-page-header h2 {
    font-size: 18px !important;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0;
    line-height: 26px
}

@media(max-width: 768px) {
    .mt-add-new-page-header-section .mt-add-new-page-header h2 {
        font-size: 15px
    }
}

.mt-add-new-page-header-section .mt-add-new-page-header .unique-id-section {
    display: flex;
    align-items: center
}

@media(max-width: 768px) {
    .mt-add-new-page-header-section .mt-add-new-page-header .unique-id-section {
        width: 100%;
        flex-wrap: wrap
    }
}

.mt-add-new-page-header-section .mt-add-new-page-header .unique-id-section p {
    font-size: 16px;
    margin: 0;
    line-height: 22px;
    color: #424547
}

@media(max-width: 768px) {
    .mt-add-new-page-header-section .mt-add-new-page-header .unique-id-section p {
        margin-bottom: 15px
    }
}

.mt-add-new-page-header-section .mt-add-new-page-header .unique-id-section p span {
    color: #4da6fc
}

.mt-add-new-page-header-section .mt-add-new-page-header .unique-id-section p .mt-vertical-line {
    margin: 0 15px
}

.mt-new-project-list-sction .nav-link:after {
    bottom: -20px
}

@media(min-width: 568px)and (max-width: 1570px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -4px !important
    }
}

@media(max-width: 568px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -5px
    }
}

.mt-new-page-add .mt-filter-block {
    min-height: 60px
}

.mt-new-page-add .mt-listing-outer {
    padding: 10px 0
}

.mt-new-page-add .mt-markcomplete {
    padding: 20px 0;
    width: 192px
}

.mt-new-page-add .mt-special-purchase-area .mt-checklocation {
    position: relative;
    top: 7px
}

.mt-new-page-add .mt-form-inputgroup .mt-markbutton {
    display: flex;
    align-items: center;
    width: auto;
    padding: 12px 21px;
    border: 1px solid #aaa;
    min-height: 52px
}

@media(min-width: 1400px) {
    .mt-new-page-add .mt-form-inputgroup .mt-markbutton {
        white-space: nowrap
    }
}

@media(max-width: 568px) {
    .mt-new-page-add .mt-form-inputgroup .mt-markbutton {
        width: 100%
    }
}

.mt-new-page-add .mt-form-inputgroup .mt-markbutton i {
    background: #707070
}

.mt-new-page-add .mt-form-inputgroup .mt-markbutton i {
    width: 15px;
    background: #707070;
    height: 15px;
    display: block;
    border-radius: 50px;
    color: #fff
}

.mt-new-page-add .flex-box {
    display: flex;
    justify-content: space-between;
    min-width: 192px;
    margin-bottom: 10px
}

@media(max-width: 568px) {
    .mt-new-page-add .flex-box {
        width: 100%;
        margin-bottom: 15px
    }
}

.mt-new-page-add .flex-box label {
    font-size: 16px
}

.mt-new-page-add .mt-special-purchase-area .mt-checklocation {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 20px
}

@media(max-width: 568px) {
    .mt-new-page-add .mt-special-purchase-area .mt-checklocation {
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0
    }
}

.mt-new-page-add .mt-new-form .form-group {
    margin-bottom: 30px
}

.mt-new-page-add .mt-inner-section p {
    font-size: 16px;
    color: #707070;
    line-height: 24px
}

.mt-new-page-add .mt-add-new-page-header-section + p {
    font-size: 16px;
    width: 66%;
    line-height: 22px;
    color: #707070
}

@media(max-width: 768px) {
    .mt-new-page-add .mt-add-new-page-header-section + p {
        width: 100%
    }
}

.mt-new-page-add .mt-special-purchase {
    background: #00cbfd;
    padding: 15px 35px;
    outline: 0;
    border: 0;
    border-radius: 7px;
    font-size: 14px;
    line-height: 21px;
    border: 1px solid rgba(0,0,0,0);
    color: #fff
}

@media(max-width: 768px) {
    .mt-new-page-add .mt-special-purchase {
        margin-top: 15px !important
    }
}

.mt-new-page-add .mt-special-purchase i {
    margin-right: 10px
}

.mt-new-page-add .mt-special-purchase:hover {
    background: rgba(0,0,0,0);
    color: #47697e;
    border: 1px solid #47697e
}

.mt-new-page-add .mt-fileupload-block {
    margin-top: 30px
}

    .mt-new-page-add .mt-fileupload-block p {
        font-size: 12px;
        line-height: 24px;
        margin-top: 10px !important;
        color: #aaa;
        font-weight: 500
    }

.mt-new-page-add .mt-dropmenu .select2-selection--single {
    height: 52px !important;
    background-color: #fff !important;
    border-radius: 7px
}

.mt-new-page-add .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
    padding-top: 5px
}

.mt-new-page-add .border-0 {
    border: 0 !important
}

.mt-new-page-add .mt-addnewproject-outer {
    max-width: 100%;
    margin: auto;
    padding: 0 15px
}

.mt-horizontal-line-for-add-new-page {
    width: 100%;
    height: 1px;
    background: #aaa;
    margin-top: 42px;
    margin-bottom: 25px
}

.mt-no-radius {
    border-radius: 0 !important
}

#editor {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 1px solid #aaa;
    border-top: 0
}

.ql-toolbar.ql-snow {
    border-radius: 6px 6px 0 0;
    border: 1px solid #aaa
}

button.mt-pophover-btn {
    background: rgba(0,0,0,0);
    border: 0;
    margin-left: auto;
    display: block;
    width: fit-content
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #00cbfd !important;
    color: #fff !important
}

.select2-container .select2-results__option:hover {
    background-color: #00cbfd !important;
    color: #fff !important
}

body.mt-siteplan-layout .mt-new-page-add .mt-special-purchase-block {
    width: 100% !important
}

body.mt-siteplan-layout .mt-siteplan-content {
    display: block !important;
    transition: all ease-in-out .5s;
    padding-left: 26px;
    width: 48%;
    max-height: 900px;
/*    overflow: auto*/
}

@media(min-width: 1200px) {
    body.mt-siteplan-layout .mt-siteplan-content {
        margin-left: auto
    }
}

@media(max-width: 1199px) {
    body.mt-siteplan-layout .d-flex:has(.w-100) {
        display: block !important
    }
}

body.mt-siteplan-layout .w-100 {
    width: 50% !important
}

@media(max-width: 1199px) {
    body.mt-siteplan-layout .w-100 {
        width: 100% !important
    }
}

.mt-modelview .mt-modal-title-popup {
    font-size: 16px;
    line-height: 26px;
    color: #70737c;
    text-align: center;
    font-weight: 500;
    margin: auto
}

.mt-new-add-project-modal-popup .mt-modelview .mt-modal-header {
    flex-wrap: wrap;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    border: none;
    border-bottom: 1px solid #ebebeb
}

body.mt-siteplan-layout .mt-new-page-add .mt-listing-outer {
    border: 0;
    position: relative
}

    body.mt-siteplan-layout .mt-new-page-add .mt-listing-outer::after {
        position: absolute;
        width: 50%;
        background: #d9d9d9;
        height: 1px;
        bottom: 0;
        content: ""
    }

@media(max-width: 768px) {
    body.mt-siteplan-layout .mt-new-page-add .mt-listing-outer::after {
        width: 100%
    }
}

.mt-new-add-project-modal-popup .modal-content {
    overflow: hidden;
    border-radius: 8px !important
}

.mt-new-add-project-modal-popup .mt-modelview .mt-modal-header {
    flex-wrap: wrap;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px
}

.mt-new-add-project-modal-popup .mt-tool-groups-flex {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

    .mt-new-add-project-modal-popup .mt-tool-groups-flex .mt-btn-tool i {
        padding: 8px 8px;
        height: 48px;
        display: block;
        color: #707070
    }

.mt-new-add-project-modal-popup .mt-editable-buttons button:first-child {
    border-left: 1px solid #ccc !important;
    border-radius: 7px 0 0 7px !important
}

.mt-new-add-project-modal-popup .mt-editable-buttons .mt-btn-tool {
    background-color: rgba(0,0,0,0) !important;
    width: auto !important;
    height: 48px !important;
    border: solid 1px #fff;
    border-radius: 50%;
    padding: 0 !important;
    text-align: center;
    box-shadow: none;
    margin: 0 !important;
    color: #707070;
    font-size: 20px;
    border-radius: 0;
    border-right: 1px solid #ccc
}

.mt-new-add-project-modal-popup .mt-editable-buttons button {
    overflow: hidden;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important
}

.mt-new-add-project-modal-popup .mt-editable-buttons {
    display: flex;
    margin-left: 15px
}

.mt-new-add-project-modal-popup .btn-picker i {
    background: #0f78e2 !important;
    color: #fff !important
}

.mt-new-add-project-modal-popup .mt-editable-buttons button:last-child {
    border-right: 1px solid #ccc !important;
    border-radius: 0 7px 7px 0 !important
}

.mt-new-add-project-modal-popup .mt-tool-group button:only-child {
    border-radius: 7px !important
}

.mt-new-add-project-modal-popup .mt-tool-group button:only-child {
    border-radius: 7px !important
}

.mt-new-add-project-modal-popup .mt-editable-buttons .mt-btn-tool:hover {
    background: rgba(15,120,226,.1254901961) !important
}

    .mt-new-add-project-modal-popup .mt-editable-buttons .mt-btn-tool:hover i {
        color: #0f78e2 !important
    }

.mt-new-add-project-modal-popup .mt-input-popup {
    min-height: 48px !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important
}

.mt-new-add-project-modal-popup .mt-modal-header {
    flex-wrap: wrap;
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px
}

.mt-new-add-project-modal-popup .modal-body {
    padding-top: 24px
}

    .mt-new-add-project-modal-popup .modal-body p {
        font-size: 14px;
        line-height: 21px;
        color: #707070
    }

    .mt-new-add-project-modal-popup .modal-body .mt-siteplan-action {
        padding-top: 0
    }

        .mt-new-add-project-modal-popup .modal-body .mt-siteplan-action img {
            height: 250px;
            object-fit: cover;
            object-position: center
        }

@media(max-width: 568px) {
    .mt-new-add-project-modal-popup .modal-body .mt-siteplan-action img {
        height: 120px;
        object-fit: cover;
        object-position: center
    }
}

.mt-new-add-project-modal-popup .mt-modal-action {
    background-color: #0f78e2 !important;
    border: solid 1px #0f78e2 !important;
    width: 50% !important
}

    .mt-new-add-project-modal-popup .mt-modal-action.light {
        background: #fff !important;
        border: 1px solid #ccc !important;
        color: #707070
    }

.mt-new-add-project-modal-popup .mt-siteplan-action {
    position: relative;
    padding: 0 !important;
    margin: 40px 0
}

    .mt-new-add-project-modal-popup .mt-siteplan-action:hover .mt-hovered-image-box-section {
        opacity: 1;
        cursor: pointer
    }

.mt-new-add-project-modal-popup .mt-hovered-image-box-section {
    display: flex;
    opacity: 0;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.55);
    height: 100%;
    left: 0;
    align-items: center;
    transition: all 1s ease;
    cursor: pointer;
    pointer-events: none;
    right: 0;
    justify-content: center
}

    .mt-new-add-project-modal-popup .mt-hovered-image-box-section p {
        font-size: 14px;
        height: fit-content;
        color: #424547;
        background: #fff;
        border-radius: 6px;
        padding: 10px 18px
    }

.mt-new-add-project-modal-popup .br-right {
    border-right: 1px solid #ebebeb
}

.mt-new-add-project-modal-popup .mt-location-selection-done {
    background: #0f78e2;
    color: #fff;
    padding: 17.9px 20.8px;
    max-height: 48px;
    display: flex;
    align-items: center
}

.mt-viewspace-btn-box {
    width: 21.66px;
    height: 21.66px;
    border-radius: 5px;
    margin-right: 10px
}

    .mt-viewspace-btn-box.blue {
        background: #0f78e2
    }

    .mt-viewspace-btn-box.yellow {
        background: #fe9d21
    }

.mt-new-page-add .mt-form-inputgroup .mt-markbutton:has(.mt-icon-delete) i {
    background: rgba(0,0,0,0) !important;
    color: #eb0909;
    font-size: 16px;
    margin: 0;
    position: relative;
    top: -4px
}

.mt-new-page-add .mt-form-inputgroup .mt-markbutton:has(.mt-viewspace-btn-box) {
    background: rgba(0,0,0,0) !important;
    color: #eb0909;
    min-width: 192px;
    padding: 10px 16px;
    font-size: 16px;
    text-transform: unset;
    justify-content: space-between;
    align-items: center
}

.mt-new-page-add .mt-form-inputgroup .mt-markbutton:has(.blue) {
    color: #0f78e2;
    border-color: #0f78e2
}

.mt-new-page-add .mt-form-inputgroup .mt-markbutton:has(.yellow) {
    color: #fe9d21;
    border-color: #fe9d21
}

.mt-edit-and-delete-btn {
    margin-left: auto;
    display: block
}

    .mt-edit-and-delete-btn a {
        text-decoration: none;
        color: #aaa
    }

button.accordion-button:has(.mt-edit-and-delete-btn):after {
    display: none
}

.mt-upload-project-list-section .accordion-button:not(.collapsed) {
    color: #424547;
    background-color: rgba(0,0,0,0);
    box-shadow: inset 0 calc(-1*var(--sd-accordion-border-width)) 0 var(--sd-accordion-border-color)
}

.mt-upload-project-list-section .accordion-button {
    font-size: 16px;
    font-weight: bold
}

.mt-upload-project-list-section :root {
    --sd-accordion-border-color: #aaa
}

.mt-upload-project-list-section .mt-sections-added {
    overflow: auto;
    align-items: start
}

    .mt-upload-project-list-section .mt-sections-added .mt-layout-thumbnails {
        width: 96px;
        margin-right: 16px
    }

        .mt-upload-project-list-section .mt-sections-added .mt-layout-thumbnails img {
            width: 100%;
            height: 75px;
            border-radius: 7px;
            object-fit: cover
        }

    .mt-upload-project-list-section .mt-sections-added .content p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 30px;
        color: #707070
    }

        .mt-upload-project-list-section .mt-sections-added .content p b {
            color: #323232;
            margin-bottom: 10px
        }

.mt-upload-project-list-section .accordion-collapse {
    border-top: 1px solid #aaa
}

.mt-upload-content {
    font-size: 16px !important;
    color: #707070 !important;
    line-height: 24px !important
}

.mt-person-checklist-description {
    background: rgba(0,0,0,.5019607843);
    padding: 16px 23px;
    color: #fff
}

.mt-annotation-icon {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: absolute;
    right: 20px
}

    .mt-annotation-icon a {
        background: #424547;
        width: 28px;
        height: 28px;
        border-radius: 50px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px
    }

.mt-new-work-list button.mt-project-list-btn {
    background: #47697e !important
}

.mt-new-work-list .mt-new-project-list-header-section .mt-new-project-list-header .icon {
    background: #47697e
}

.mt-special-purchase-list button.mt-project-list-btn {
    background: #fe9d21 !important
}

.mt-special-purchase-list .mt-new-project-list-header .icon {
    background: #fe9d21 !important
}

.mt-new-work-list .mt-dashboard-tabs-section .nav-link:after {
    background: #47697e
}

.mt-special-purchase-list .mt-dashboard-tabs-section .nav-link:after {
    background: #fe9d21
}

.mt-required-delivery-address {
    font-size: 16px;
    line-height: 24px;
    margin: 24px 0;
    font-weight: bold;
    color: #676767
}

.mt-special-page-details-add .form-group.mt-dropmenu {
    margin-bottom: 30px
}

    .mt-special-page-details-add .form-group.mt-dropmenu .form-select[type=text] {
        background-image: none
    }

.mt-special-page-details-add .form-check-label {
    color: #707070 !important;
    line-height: 28px
}

.mt-special-page-details-add .form-check-input {
    float: none
}

.mt-special-page-details-add .form-check-label {
    color: #707070 !important;
    color: #707070;
    line-height: 28px;
    font-size: 16px;
    line-height: 26px;
    margin-left: 16px
}

.mt-special-page-details-add .form-switch .form-check-input {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #000
}

.mt-special-page-details-add .mt-delete-box {
    background: #fff;
    border: 1px solid #aaa;
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding: 18px 21px;
    border-radius: 7px
}

.mt-special-page-details-add .mt-file-size {
    margin: 0;
    color: #aaa;
    font-weight: 600;
    font-size: 14px
}

.mt-special-page-details-add .mt-file-name {
    font-size: 14px;
    line-height: 20px;
    color: #323232;
    margin: 0
}

.mt-special-page-details-add .mt-file-icon i {
    margin-right: 11px;
    color: #aaa;
    font-size: 27px
}

.mt-special-page-details-add .mt-icon-delete {
    color: #aaa
}

.mt-manuall-details-section-for-spd {
    margin: 30px 0
}

    .mt-manuall-details-section-for-spd li .nav-link {
        font-size: 16px;
        font-weight: 500;
        color: #707070 !important
    }

        .mt-manuall-details-section-for-spd li .nav-link.active {
            font-size: 16px;
            font-weight: 600;
            color: #4da6fc !important;
            border: 0
        }

    .mt-manuall-details-section-for-spd .nav-tabs {
        border-bottom: 1px solid #d9d9d9;
        margin: 40px 0
    }

    .mt-manuall-details-section-for-spd li {
        margin-right: 30px
    }

        .mt-manuall-details-section-for-spd li:last-child {
            margin-right: 0
        }

        .mt-manuall-details-section-for-spd li .nav-link {
            position: relative;
            padding: 10px 0
        }

            .mt-manuall-details-section-for-spd li .nav-link:after {
                content: "";
                width: 0;
                background: #4da6fc;
                height: 2px;
                position: absolute;
                left: 0;
                bottom: -2px
            }

            .mt-manuall-details-section-for-spd li .nav-link.active:after {
                width: 100%;
                transition: all .5s ease
            }

    .mt-manuall-details-section-for-spd .nav-tabs .nav-link:hover, .mt-manuall-details-section-for-spd .nav-tabs .nav-link:focus {
        border: 0;
        isolation: isolate;
        border-color: var(--sd-nav-tabs-link-hover-border-color);
        border-bottom: 1px
    }

    .mt-manuall-details-section-for-spd .mt-special-purchase-component-title {
        font-size: 16px;
        font-weight: bold;
        color: #424547
    }

@media(min-width: 768px) {
    .mt-siteplan-layout .mt-manuall-details-section-for-spd {
        width: 50%
    }
}

.mt-vr-line {
    width: 100%;
    height: 1px;
    background: #aaa;
    margin: 20px 0
}

.mt-special-purchase-button {
    background: #fe9d21;
    padding: 12px 35px;
    color: #fff;
    border: 0;
    border-radius: 7px
}

.mt-add-section {
    display: flex;
    align-items: center
}

    .mt-add-section a {
        color: #424547;
        text-decoration: none;
        display: contents
    }

    .mt-add-section i.mt-icon-add {
        width: 50px;
        height: 50px;
        display: block;
        background: #424547;
        display: flex;
        justify-content: center;
        width: 22px;
        align-items: center;
        height: 22px;
        float: left;
        font-size: 10px;
        border-radius: 50px;
        margin-right: 8px;
        color: #fff
    }

.mt-send-popup-modal-buttons {
    border: 1px solid #d9d9d9;
    background: rgba(0,0,0,0);
    border-radius: 7px;
    padding: 8px 14px;
    color: #424547;
    font-size: 15px;
    margin-right: 10px;
    margin-bottom: 10px
}

    .mt-send-popup-modal-buttons img {
        margin-right: 10px;
        height: 18px
    }

.mt-pdf-reports {
    width: 46%
}

    .mt-pdf-reports:last-child {
        margin-right: 0
    }

#mt-addsite-modal-send h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1f2d3e;
    margin-top: 17px !important
}

.mt-send-modal-txt {
    color: #424547;
    font-size: 16px;
    margin-bottom: 30px
}

.dropdown-header {
    padding: 10px;
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9
}

    .dropdown-header .mt-icon-close {
        cursor: pointer
    }

    .dropdown-header p {
        font-size: 14px;
        line-height: 21px;
        color: #424547;
        font-weight: 700;
        margin: 0
    }

.print-dropdown-menu li {
    padding: 0 10px 10px 10px
}

    .print-dropdown-menu li img {
        margin-right: 14px
    }

.print-dropdown-menu .dropdown-item:hover, .print-dropdown-menu .dropdown-item:focus {
    color: var(--sd-dropdown-link-hover-color);
    background-color: rgba(0,0,0,0)
}

.print-dropdown-menu .dropdown-menu.show {
    display: block;
    padding: 0
}

.mt-lert-modal .modal-body {
    max-width: 343px;
    margin: auto;
    display: block
}

.mt-lert-modal h2 {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    color: #3e3e3e;
    margin-top: 31px
}

.mt-lert-modal p {
    font-size: 16px;
    text-align: center;
    color: #3e3e3e;
    line-height: 28px
}

.mt-lert-modal .modal-header {
    border-bottom: 0
}

.mt-lert-modal button.btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 8px;
    background-repeat: no-repeat;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CECECE'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    width: 8px
}

.mt-email-close {
    position: absolute;
    top: 26px;
    right: 14px;
    height: 8px;
    background-repeat: no-repeat;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CECECE'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    width: 8px
}

.group-dropdown-menu {
    width: 620px;
    box-shadow: 2px 6px 12px rgba(0,0,0,.0862745098);
    border: 0
}

    .group-dropdown-menu .dropdown-header {
        padding: 10px;
        display: flex;
        padding: 13px 17px;
        justify-content: space-between;
        border-bottom: 1px solid #d9d9d9
    }

    .group-dropdown-menu .dropdown-body {
        padding: 20px;
        text-align: center
    }

        .group-dropdown-menu .dropdown-body p {
            font-size: 14px;
            margin: 0;
            line-height: 20px;
            color: #424547
        }

            .group-dropdown-menu .dropdown-body p b {
                font-weight: 700
            }

        .group-dropdown-menu .dropdown-body .mt-add-group-button {
            padding: 11px 57px;
            background: #0f78e2;
            color: #fff;
            font-size: 12px;
            margin-right: 10px;
            border: 0;
            border-radius: 7px;
            margin-top: 19px
        }

            .group-dropdown-menu .dropdown-body .mt-add-group-button i {
                font-size: 12px;
                color: #fff !important
            }

    .group-dropdown-menu .dropdown-body-second-level {
        padding: 17px
    }

        .group-dropdown-menu .dropdown-body-second-level .color-picker {
            outline: 0;
            width: 28px;
            height: 28px;
            border-radius: 7px;
            background: #ebebeb;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 0;
            margin: 0 4px
        }

            .group-dropdown-menu .dropdown-body-second-level .color-picker i {
                color: #3e3e3e;
                font-size: 9px
            }

        .group-dropdown-menu .dropdown-body-second-level input.form-control {
            width: 501px;
            height: 28px;
            max-width: 100%;
            border-color: #d9d9d9;
            padding: 0 12px
        }

        .group-dropdown-menu .dropdown-body-second-level .mt-delete {
            outline: 0;
            width: 28px;
            height: 28px;
            border-radius: 7px;
            background: rgba(0,0,0,0);
            display: flex;
            align-items: center;
            justify-content: center;
            border: 0;
            margin: 0 4px
        }

            .group-dropdown-menu .dropdown-body-second-level .mt-delete i {
                color: #424547;
                font-size: 9px;
                font-weight: 700
            }

    .group-dropdown-menu .mb-20 {
        margin-bottom: 20px
    }

    .group-dropdown-menu .dropdown-footer {
        border-top: 1px solid #ebebeb;
        padding: 12px 17px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .group-dropdown-menu .dropdown-footer a {
            color: #424547;
            font-size: 14px;
            margin-right: 7px;
            text-decoration: none
        }

            .group-dropdown-menu .dropdown-footer a .mt-icon-add {
                margin-right: 5px
            }

            .group-dropdown-menu .dropdown-footer a .me-3 {
                margin-right: 28px
            }

            .group-dropdown-menu .dropdown-footer a.mt-blue-btn {
                color: #0f78e2
            }

.mt-add-group-accordion {
    background: #ebebeb;
    border-radius: 7px
}

    .mt-add-group-accordion .accordion-button {
        font-size: 15px;
        color: #3e3e3e;
        line-height: 24px
    }

td:has(.mt-add-group-accordion) {
    padding: 0 !important
}

td:has(.mt-add-group-accordion) {
    padding: 0 !important;
    border: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important
}

.mt-new-project-list-sction td:has(.mt-add-group-accordion):first-child {
    border-left: 0px solid #d9d9d9 !important
}

.mt-new-project-list-sction td:has(.mt-add-group-accordion):last-child {
    border-right: 0px solid #d9d9d9 !important
}

.mt-new-project-list-sction .accordion-button:not(.collapsed) {
    color: var(--sd-accordion-active-color);
    background-color: rgba(0,0,0,0);
    box-shadow: inset 0 calc(-1*var(--sd-accordion-border-width)) 0 var(--sd-accordion-border-color)
}

.mt-new-project-list-sction .accordion-header button {
    margin-bottom: 0;
    overflow: hidden;
    background: #ebebeb !important
}

.mt-new-project-list-sction .accordion-button:focus {
    box-shadow: none;
    background: #ebebeb
}

.mt-new-project-list-sction .accordion-button {
    position: relative;
    width: 100%;
    color: #3e3e3e !important;
    font-weight: 500
}

    .mt-new-project-list-sction .accordion-button b {
        font-weight: 700
    }

    .mt-new-project-list-sction .accordion-button::after {
        display: none
    }

    .mt-new-project-list-sction .accordion-button.collapsed i {
        transform: rotate(0deg) !important
    }

    .mt-new-project-list-sction .accordion-button i {
        transform: rotate(270deg) !important
    }

.mt-view-more-btn {
    position: absolute;
    background: rgba(0,0,0,0) !important;
    top: 10px;
    right: 5px;
    border: 0 !important;
    transform: rotate(-90deg);
    z-index: 9;
    box-shadow: none
}

    .mt-view-more-btn:after {
        display: none
    }

.mt-view-more-dropdown-body {
    border: 1px solid #d9d9d9;
    padding: 10px 10px
}

    .mt-view-more-dropdown-body .mt-circle-bg {
        width: 13px;
        height: 13px;
        border-radius: 50px;
        border: 1px solid #424547;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left
    }

        .mt-view-more-dropdown-body .mt-circle-bg i {
            font-size: 8px;
            text-align: center;
            justify-content: center;
            margin: auto
        }

    .mt-view-more-dropdown-body .dropdown-item:hover, .mt-view-more-dropdown-body .dropdown-item:focus {
        background: rgba(0,0,0,0)
    }

    .mt-view-more-dropdown-body li {
        padding: 0;
        margin-bottom: 17px
    }

        .mt-view-more-dropdown-body li i {
            font-size: 14px
        }

        .mt-view-more-dropdown-body li .mt-delete-btn {
            color: #e81636
        }

        .mt-view-more-dropdown-body li:last-child {
            margin-bottom: 8px
        }

        .mt-view-more-dropdown-body li a {
            font-size: 14px;
            line-height: 21px;
            padding: 0;
            color: #424547
        }

            .mt-view-more-dropdown-body li a i {
                margin-right: 5px
            }

.dropdown-body {
    padding: 20px;
    text-align: center
}

    .dropdown-body p {
        font-size: 14px;
        margin: 0;
        line-height: 22px;
        color: #424547
    }

        .dropdown-body p b {
            font-weight: 700
        }

    .dropdown-body .mt-add-group-button {
        padding: 11px 57px;
        background: #00cbfd;
        color: #fff;
        font-size: 12px;
        margin-right: 10px;
        border: 0;
        border-radius: 7px;
        margin-top: 32px
    }

        .dropdown-body .mt-add-group-button i {
            font-size: 12px
        }

.mt-basic-modal-popup h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #1f2d3e
}

.mt-basic-modal-popup .mt-added-list ul li span {
    font-size: 16px
}

.mt-basic-modal-popup .mt-tab-heading {
    margin: 0 !important;
    align-items: center;
    padding-bottom: 25px !important;
    padding-top: 0
}

@media(min-width: 1200px) {
    .mt-basic-modal-popup .modal-content.p-0 {
        min-width: 650px
    }
}

.mt-basic-modal-popup .mt-form-siteplan {
    margin-top: 20px
}

.mt-basic-modal-popup h3 {
    font-size: 16px;
    color: #424547;
    line-height: 24px
}

.mt-basic-modal-popup .mt-markbutton {
    text-transform: unset !important
}

    .mt-basic-modal-popup .mt-markbutton:has(i) {
        color: #e5642c;
        border-color: #e5642c;
        box-shadow: none
    }

    .mt-basic-modal-popup .mt-markbutton:hover {
        background: #e5642c;
        color: #fff
    }

.mt-basic-modal-popup + .modal-backdrop {
    z-index: 9999;
    opacity: 0
}

.mt-basic-modal-popup, .mt-basic-modal-popup {
    z-index: 99999
}

    .mt-basic-modal-popup .mt-searchbar input {
        width: 200px !important;
        max-width: 100% !important
    }

    .mt-basic-modal-popup .mt-select-dropdown {
        max-height: 35px !important;
        width: 47%;
        margin-bottom: 15px;
        margin-right: 5px;
        text-align: center
    }

    .mt-basic-modal-popup .mt-searchbar {
        position: relative;
        margin-right: 0 !important;
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
        min-width: 290px;
        max-width: 100%
    }

        .mt-basic-modal-popup .mt-searchbar input {
            min-width: 100%;
            min-height: 51px;
            border-radius: 7px;
            border: 1px solid #d9d9d9;
            background: #fbfbfb;
            padding-left: 36px
        }

            .mt-basic-modal-popup .mt-searchbar input:focus {
                outline: 0
            }

    .mt-basic-modal-popup .mt-searchbar {
        position: relative;
        margin-right: 15px
    }

        .mt-basic-modal-popup .mt-searchbar .mt-searchbtn {
            border: 0;
            background: rgba(0,0,0,0);
            position: absolute;
            top: 6px;
            color: #707070;
            font-weight: 400;
            line-height: 35px;
            left: 6px
        }

.mt-group-modal-content {
    margin-top: 25px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    display: flex
}

@media(max-width: 768px) {
    .mt-group-modal-content {
        display: block
    }
}

.mt-group-modal-content:last-child {
    border: 0
}

.mt-group-modal-content p {
    margin-bottom: 5px;
    max-width: 297px;
    overflow: hidden;
    text-overflow: ellipsis
}

    .mt-group-modal-content p b {
        max-width: 100%
    }

.mt-group-modal-content .first {
    width: 70%
}

@media(max-width: 768px) {
    .mt-group-modal-content .first {
        width: 100%
    }
}

.mt-group-modal-content .second {
    width: 30%;
    margin-left: auto;
    width: fit-content
}

    .mt-group-modal-content .second i.mt-icon-flag {
        color: #e96e25;
        margin-right: 8px
    }

    .mt-group-modal-content .second p {
        font-size: 14px;
        margin: 0;
        color: #999
    }

    .mt-group-modal-content .second input[type=checkbox] {
        height: 24px;
        width: 24px;
        border-radius: 3px;
        overflow: hidden;
        border-color: #b0b0b0;
        margin-left: 20px
    }

.mt-basic-modal-popup .modal-body {
    padding: 28px 36px 0px 36px
}

@media(max-width: 768px) {
    .mt-basic-modal-popup .modal-body {
        padding: 15px
    }
}

.mt-group-overflow-section {
    max-height: 402px;
    overflow-y: auto;
    padding-right: 20px;
    margin-bottom: 19px
}

.mt-rename-box input {
    min-height: 48px
}

.mt-rename-box .color-picker {
    width: 48px !important;
    position: relative;
    height: 48px !important;
    cursor: pointer;
    overflow: hidden
}

    .mt-rename-box .color-picker i {
        font-size: 18px !important;
        color: #fff !important;
        position: relative;
        cursor: pointer;
        pointer-events: none;
        z-index: 999;
        mix-blend-mode: difference
    }

    .mt-rename-box .color-picker input {
        width: 200%;
        border: 0;
        border: 0 !important;
        cursor: pointer !important;
        height: 200%;
        position: absolute;
        top: -20px
    }

table td:has(.mt-table-border) {
    padding: 0 !important;
    position: relative;
    height: 0 !important
}

.mt-add-group-accordion .accordion-item {
    border-left: 0;
    border-right: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0
}

    .mt-add-group-accordion .accordion-item:has(.show) {
        border-bottom: 2px solid #d9d9d9
    }

    .mt-add-group-accordion .accordion-item:first-of-type > .accordion-header .accordion-button {
        border-top-left-radius: var(--sd-accordion-inner-border-radius);
        border-top-right-radius: var(--sd-accordion-inner-border-radius);
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px
    }

    .mt-add-group-accordion .accordion-item:last-of-type > .accordion-header .accordion-button {
        border-top-left-radius: var(--sd-accordion-inner-border-radius);
        border-top-right-radius: var(--sd-accordion-inner-border-radius);
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px
    }

.mt-recent-items-section:has(.mt-dash-notification-section) {
    max-height: 398px;
    overflow: hidden;
    box-shadow: 0px 16px 12px hsla(0,0%,80%,.0862745098)
}

.mt-reminder-alert.overdue .mt-dashboard-user-reminder {
    background: #db2323 !important
}

.mt-reminder-alert.overdue .mt-user-desk span {
    color: #db2323
}

.mt-reminder-alert.overdue .mt-viewreminders {
    background: #db2323 !important
}

.mt-reminder-alert button.btn-close {
    position: absolute;
    right: 0px;
    opacity: 1
}

.mt-reminder-alert .mt-viewreminders {
    background: #00cbfd;
    border: 0;
    border-radius: 7px;
    max-width: 198px;
    padding: 8px 12px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    margin-top: 17px
}

.mt-reminder-alert .toast-body {
    border-radius: 7px;
    background: #fff;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 24px;
    border-radius: 0;
    border-bottom: 1px solid #d9d9d9
}

.mt-reminder-alert .toast {
    border-radius: 7px;
    padding: 0 0 24px 0;
    width: 602px;
    background: #fff;
    max-width: 100%;
    border: 0;
    box-shadow: none
}

.mt-reminder-alert .mt-dashboard-user-reminder {
    width: 60px;
    height: 60px;
    background: #00cbfd;
    margin-right: 18px;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-right: 12px
}

@media(max-width: 768px) {
    .mt-reminder-alert .mt-dashboard-user-reminder {
        margin-bottom: 15px
    }
}

.mt-reminder-alert .mt-dashboard-user-reminder i {
    color: #fff;
    font-size: 27px
}

.mt-reminder-alert .mt-user-name {
    font-size: 16px;
    line-height: 28px;
    color: #3e3e3e;
    font-weight: 700
}

.mt-reminder-alert .mt-user-desk {
    font-size: 16px;
    line-height: 28px;
    color: #3e3e3e
}

    .mt-reminder-alert .mt-user-desk span {
        color: #00cbfd;
        font-weight: bold
    }

.mt-reminder-main-toast {
    position: fixed;
    top: 115px;
    max-width: 602px;
    width: fit-content;
    right: 28px;
    z-index: 999;
    background: #fff;
    display: flex;
    justify-content: start;
    flex-direction: column;
    border-radius: 7px;
    padding: 24px;
    background: #fff;
    display: none
}

@media(max-width: 768px) {
    .mt-reminder-main-toast {
        width: 95%;
        left: 0;
        right: 0;
        margin: auto
    }
}

.mt-reminder-main-toast .toast-container {
    position: relative
}

.mt-reminder-alert:last-child .toast-body {
    border-bottom: 0;
    padding-bottom: 0 !important
}

.mt-reminder-alert:last-child .toast {
    padding-bottom: 0 !important
}

.mt-reminder-main-toast-backdrop {
    content: "";
    background: rgba(0,0,0,.3764705882);
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    display: none
}

.mt-reminder-toast:has(.show) .mt-reminder-main-toast-backdrop {
    display: block !important
}

.mt-reminder-main-toast:has(.show) {
    display: flex
}

.mt-notification-sidebar-with-tabs .offcanvas {
    max-width: 525px;
    height: 100vh;
    width: 100%
}

.mt-notification-sidebar-with-tabs .offcanvas-body {
    overflow: unset
}

.mt-notification-sidebar-with-tabs .mt-bullet-circle {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #0f78e2;
    position: absolute;
    right: 0;
    top: 4px
}

.mt-notification-sidebar-with-tabs .mt-reminder-button-section button {
    margin: 0 !important
}

@media(max-width: 768px) {
    .mt-notification-sidebar-with-tabs .mt-reminder-button-section button {
        margin: 10px 0
    }
}

.mt-notification-sidebar-with-tabs .offcanvas-body.py-0 {
    padding: 21px
}

    .mt-notification-sidebar-with-tabs .offcanvas-body.py-0 .mt-reminder-note p {
        line-height: 21px
    }

    .mt-notification-sidebar-with-tabs .offcanvas-body.py-0 .toast-body {
        padding-right: 0
    }

    .mt-notification-sidebar-with-tabs .offcanvas-body.py-0 .mt-bb-line {
        padding-right: 0 !important
    }

.mt-notification-sidebar-with-tabs .toast .mt-today-toast {
    background: rgba(0,0,0,0)
}

.mt-notification-sidebar-with-tabs .mt-today-toast .mt-reminder-note {
    background: #f5f9fd !important
}

.mt-notification-sidebar-with-tabs .toast .mt-overdue-toast {
    background: rgba(0,0,0,0)
}

.mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content .mt-bb-line:first-child {
    padding: 13px !important
}

.mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content:has(.mt-card-no-notification) .toast-body {
    text-align: start
}

.mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content .mt-bb-line {
    padding-top: 13px !important;
    background: rgba(0,0,0,0);
    border-radius: 7px !important
}

.mt-notification-sidebar-with-tabs .mt-reminder-button-section button {
    padding: 7px !important
}

.mt-notification-sidebar-with-tabs .common-data-table {
    border-radius: 7px;
    border-bottom: 0px solid #d9d9d9;
    margin: 26px 0 !important
}

.mt-notification-sidebar-with-tabs .mt-notification-cards {
    border-bottom: 1px solid #d9d9d9
}

    .mt-notification-sidebar-with-tabs .mt-notification-cards:last-child {
        border-bottom: 0
    }

.mt-notification-sidebar-with-tabs .mt-card-no-notification {
    margin-top: 30%
}

.mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section .card-body.common-data-table:has(.mt-today-toast) {
    background: #e6f1fc
}

.mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section .card-body.common-data-table:has(.mt-overdue-toast) {
    background: rgba(226,15,15,.25)
}

    .mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section .card-body.common-data-table:has(.mt-overdue-toast) .mt-reminder-note {
        background: #ffe0e0 !important
    }

    .mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section .card-body.common-data-table:has(.mt-overdue-toast) .mt-header-content {
        color: #3e3e3e
    }

    .mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section .card-body.common-data-table:has(.mt-overdue-toast) .mt-bullet-circle {
        background: #e20f0f !important
    }

    .mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section .card-body.common-data-table:has(.mt-overdue-toast) ul li {
        color: #3e3e3e
    }

    .mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section .card-body.common-data-table:has(.mt-overdue-toast) .mt-dashboard-user-reminder {
        background: #e20f0f !important
    }

.mt-notification-sidebar-with-tabs ul.dropdown-menu.show li a {
    padding: 8px 13px
}

    .mt-notification-sidebar-with-tabs ul.dropdown-menu.show li a:hover {
        background: rgba(0,0,0,0)
    }

.mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content {
    margin-top: 0
}

.mt-notification-sidebar-with-tabs .mt-dashboard-tabs-section {
    margin-top: 0
}

.mt-notification-sidebar-with-tabs .mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content:has(.mt-card-no-notification) .toast-body {
    text-align: start;
    padding-left: 0 !important
}

.mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item {
    min-height: 30px;
    height: auto;
    overflow: unset;
    padding: 17px 20px 15px 21px;
    display: flex;
    align-items: start
}

    .mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item h2 {
        margin-bottom: 0
    }

    .mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item .btn-close {
        padding: 0;
        margin: 0
    }

    .mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item button.btn.dropdown-toggle {
        border: 0;
        box-shadow: none;
        margin-left: auto;
        padding: 3px 15px;
        top: -20px;
        right: 9px;
        display: block;
        position: relative
    }

        .mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item button.btn.dropdown-toggle:after {
            display: none
        }

    .mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item .dropdown {
        width: fit-content;
        margin-left: auto;
        display: block;
        position: absolute;
        right: 15px;
        top: 15px
    }

.mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content {
    height: auto;
    max-height: 80vh;
    overflow: auto;
    padding-right: 15px
}

    .mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content .toast {
        width: 100%;
        width: 100%;
        margin: auto !important;
        display: block
    }

.mt-notification-sidebar-with-tabs .mt-header-content {
    font-size: 12px !important
}

.mt-notification-sidebar-with-tabs ul.dropdown-menu {
    border: 0;
    border-radius: 6px 0 6px 6px;
    box-shadow: 0px 0px 15px rgba(0,0,0,.0901960784)
}

    .mt-notification-sidebar-with-tabs ul.dropdown-menu li {
        margin-bottom: 5px
    }

        .mt-notification-sidebar-with-tabs ul.dropdown-menu li i {
            margin-right: 11px !important
        }

            .mt-notification-sidebar-with-tabs ul.dropdown-menu li i::before {
                margin: 0
            }

        .mt-notification-sidebar-with-tabs ul.dropdown-menu li:hover {
            background: rgba(0,0,0,0)
        }

.mt-notification-sidebar-with-tabs .mt-new-dashboard .mt-recent-items-section i.mt-icon-filter-nt {
    padding-left: 0 !important
}

.mt-notification-sidebar-with-tabs .accordion-item {
    border: 0;
    margin-top: 26px
}

.mt-notification-sidebar-with-tabs .accordion-button {
    border: 0;
    padding: 0;
    margin: 0
}

    .mt-notification-sidebar-with-tabs .accordion-button p {
        font-size: 14px;
        color: #424547;
        margin: 0 0 0 10px
    }

        .mt-notification-sidebar-with-tabs .accordion-button p b {
            font-weight: 600
        }

    .mt-notification-sidebar-with-tabs .accordion-button:not(.collapsed) {
        background-color: rgba(0,0,0,0);
        box-shadow: none
    }

    .mt-notification-sidebar-with-tabs .accordion-button:focus {
        box-shadow: none
    }

.mt-notification-sidebar-with-tabs .accordion-body {
    padding: 0
}

.mt-notification-sidebar-with-tabs button.accordion-button {
    display: flex;
    flex-direction: row-reverse;
    width: fit-content;
    justify-content: flex-start
}

.mt-notification-sidebar-with-tabs .accordion-body .mt-bullet-circle {
    opacity: 0
}

.mt-notification-sidebar-with-tabs .offcanvas {
    max-width: 525px;
    height: calc(100vh - 91px);
    width: 100%;
    margin-top: 91px
}

.mt-create-collumg-section {
    min-width: 228px;
    left: -13px !important
}

    .mt-create-collumg-section .mt-filter-body {
        padding: 10px 10px 0 10px;
        margin: auto
    }

    .mt-create-collumg-section .mt-filter-switchtoggle {
        display: flex;
        padding: 2px 0;
        align-items: center;
        margin: 0
    }

        .mt-create-collumg-section .mt-filter-switchtoggle p {
            margin: 0;
            font-size: 14px
        }

    .mt-create-collumg-section li {
        padding: 15px 0 !important
    }

        .mt-create-collumg-section li a {
            color: #424547
        }

    .mt-create-collumg-section .form-switch .form-check-input {
        width: 30px;
        height: 17px;
        float: right;
        margin-right: -2.5em;
        margin-left: 22px;
        border: solid 1px #fff !important;
        cursor: pointer
    }

    .mt-create-collumg-section .drop-footer-btn {
        margin-top: 0px;
        width: fit-content;
        margin-left: auto;
        padding: 10px;
        display: block
    }

        .mt-create-collumg-section .drop-footer-btn a {
            color: #424547;
            font-size: 14px;
            text-decoration: none
        }

        .mt-create-collumg-section .drop-footer-btn .mt-apply-collumn {
            color: #0f78e2;
            margin-left: 19.9px
        }

.mt-right-side-menu .dropdown-toggle::after {
    display: none
}

.mt-calendar-filter .mt-calendar-filter-content .mt-card-sitelist ul li {
    display: flex;
    align-items: center;
    border-bottom: solid 0px #d9d9d9;
    padding: 0px 0 15px 0px !important
}

.mt-bb-line-filter {
    border-bottom: 1px solid #d9d9d9 !important;
    margin-bottom: 10px
}

.mt-calendar-filter ul li:last-child .mt-bb-line-filter {
    margin-bottom: 0;
    border-bottom: 0 !important
}

.mt-calendar-filter ul li .mt-card-collapsible {
    padding-bottom: 15px
}

.mt-calendar-filter.dropdown-menu.border-0.show {
    width: 282px;
    border-radius: 3px
}

.mt-calendar-filter {
    box-shadow: 2px 6px 16px rgba(0,0,0,.0862745098)
}

.mt-checkbox-check.mt-checkblue .form-check-input:checked + label:after {
    background-color: #1284f8 !important;
    color: #fff
}

.mt-checkbox-check.mt-checkblue .form-check-input:checked + label:before {
    background-color: #1284f8 !important;
    border-color: #1284f8 !important
}

.mt-new-site-setup-section .mt-setup-tabs {
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden
}

.mt-new-site-setup-section li.active a {
    font-weight: 600
}

.mt-new-site-setup-section .mt-setup-tabs li {
    margin-right: 42px
}

    .mt-new-site-setup-section .mt-setup-tabs li a {
        color: #424547 !important;
        text-transform: unset !important;
        font-size: 16px
    }

.mt-new-site-setup-section .mt-setup-tabs {
    border-bottom: 1px solid #d9d9d9
}

    .mt-new-site-setup-section .mt-setup-tabs a:before {
        width: 0;
        height: 2px;
        background-color: #fe9d21;
        position: absolute;
        left: 0;
        bottom: -19px;
        content: "";
        transition: all ease-in-out .3s
    }

.mt-new-site-setup-section h1.mt-title {
    font-size: 42px;
    color: #3e3e3e;
    text-transform: unset;
    margin-bottom: 0 !important;
    margin-top: -10px
}

@media(max-width: 768px) {
    .mt-new-site-setup-section h1.mt-title {
        font-size: 24px
    }
}

.mt-new-site-setup-section .mt-subtitle {
    color: #676767;
    font-size: 14px;
    line-height: 22px
}

.mt-new-site-setup-section .mt-project-list-btn {
    padding: 9px 55px;
    background: #0f78e2;
    font-size: 15px;
    line-height: 15px;
    border: 0;
    color: #fff;
    border-radius: 7px;
    white-space: nowrap
}

.mt-new-site-setup-section .mt-right-side-menu {
    display: flex;
    justify-content: end
}

@media(max-width: 768px) {
    .mt-new-site-setup-section .mt-right-side-menu {
        justify-content: start
    }
}

.mt-new-site-setup-section .mt-addcta {
    height: fit-content
}

.mt-new-site-setup-section input.search-section {
    background: rgba(0,0,0,0)
}

.mt-new-site-setup-section .mt-select-dropdown {
    background: rgba(0,0,0,0)
}

@media(max-width: 568px) {
    .mt-new-site-setup-section .mt-addcta {
        min-width: 100%
    }
}

@media(max-width: 768px) {
    .mt-new-site-setup-section .mt-select-dropdown {
        max-height: 35px !important;
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0px;
        justify-content: space-between;
        text-align: center
    }
}

.mt-new-site-setup-section .mt-right-side-menu .dropdown button {
    min-width: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.mt-new-site-setup-section .badge-section {
    display: flex;
    align-items: center
}

@media(max-width: 768px) {
    .mt-new-site-setup-section .badge-section {
        margin-bottom: 15px
    }
}

.mt-new-site-setup-section .badge-section p {
    margin: 0;
    font-size: 15px;
    line-height: 17px;
    margin: 0 10px
}

.mt-new-site-setup-section .badge-section .badge {
    background: #47697e;
    padding: 9px 12px;
    color: #fff;
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    min-width: 51px
}

.mt-sitetable table tr th {
    font-weight: 500
}

.dropdown i.mt-icon-arrow-down {
    font-size: 8px
}

.mt-right-side-menu .dropdown button {
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0
}

.mt-badge-admin-user {
    background: #fe9d21 !important
}

.mt-badge-normal-user {
    background: #1acbfd !important
}

.mt-Guest-normal-user {
    background: #47697e !important
}

.mt-user-seup-profile {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 50px
}

@media(max-width: 768px) {
    .dropdown:has(.mt-calendar-filter) {
        width: 100%
    }
}

.mt-invite-user-modal .modal-content {
    margin: auto;
    display: block;
    width: 100% !important
}

@media(min-width: 1300px) {
    .mt-invite-user-modal .modal-content {
        min-width: 1007px !important
    }
}

.mt-invite-user-modal .modal-dialog-centered {
    display: flex;
    align-items: center;
    width: auto;
    min-height: calc(100% - var(--sd-modal-margin)*2);
    justify-content: center
}

.mt-invite-user-modal .mt-form-siteplan {
    margin-top: 0 !important
}

.mt-invite-user-modal .mt-formblock {
    margin-bottom: 0
}

.mt-invite-user-modal input {
    margin-bottom: 23.4px
}

.mt-invite-user-modal .mt-form-inputgroup {
    margin-top: 0
}

.mt-invite-user-modal .select2-search__field input {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 0;
    padding: 0
}

.mt-invite-user-modal input.select2-search__field {
    margin: 0
}

.mt-invite-user-modal a {
    color: #0f78e2;
    text-decoration: underline
}

.mt-invite-user-modal p {
    font-size: 16px;
    line-height: 24px;
    color: #424547;
    margin-bottom: 30px
}

.mt-invite-user-modal .row .col-md-6:last-child {
    margin: 0
}

.mt-invite-user-modal .col-md-6:nth-of-type(5) {
    margin-bottom: 0 !important
}

.mt-invite-user-modal .mt-multiselect-checklist .select2-selection__rendered {
    line-height: 42px !important;
    margin-top: 0 !important
}

.mt-invite-user-modal .mt-use-access-level-check {
    padding: 14px;
    border: 1px solid #aaa;
    border-radius: 7px;
    margin-bottom: 19px
}

    .mt-invite-user-modal .mt-use-access-level-check:last-child {
        margin-bottom: 0
    }

    .mt-invite-user-modal .mt-use-access-level-check:has(input:checked) {
        border-color: #424547
    }

    .mt-invite-user-modal .mt-use-access-level-check label {
        font-size: 15px;
        line-height: 24px;
        color: #424547;
        font-weight: 600
    }

        .mt-invite-user-modal .mt-use-access-level-check label + p {
            margin-top: 12px
        }

    .mt-invite-user-modal .mt-use-access-level-check P {
        font-size: 14px;
        line-height: 20px;
        color: #707070;
        margin-bottom: 0
    }

    .mt-invite-user-modal .mt-use-access-level-check .form-check-input {
        margin-right: 11px;
        margin-bottom: 0
    }

.mt-invite-user-modal .mt-modalsite .modal-footer .btn .btn-primary {
    width: 50%;
    background-color: #0f78e2;
    height: 65px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: solid 1px #0f78e2;
    margin: 0;
    border-radius: 0 0 0 7px
}

.mt-invite-user-modal .mt-modalsite .btn-close {
    font-size: 17px;
    color: #cecece;
    margin-right: 15px;
    opacity: .3;
    right: 0;
    position: absolute
}

.mt-invite-user-modal .mt-userinfo-form {
    font-size: 16px;
    font-weight: bold;
    color: #424547;
    margin-bottom: 11px
}

body:has(.mt-new-site-setup-section) {
    background: #fbfbfb
}

.mt-ac-bb-line {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin: 25px 0
}

.mt-an-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #676767 !important;
    font-weight: 500 !important
}

.bg-lable-body {
    background: #fbfbfb
}

.mt-new-info-form {
    max-width: 889px
}

    .mt-new-info-form .mt-file-upload label[for=et_pb_contact_brand_file_request_0] {
        border: 1px dashed #aaa !important;
        max-height: 102px
    }

.mt-userinfo-form .mt-file-upload label[for=et_pb_contact_brand_file_request_0]:before {
    content: "Drag and Drop file here or Choose file"
}

@media(max-width: 768px) {
    .mt-userinfo-form .mt-file-upload label[for=et_pb_contact_brand_file_request_0]:before {
        font-size: 12px
    }
}

.mt-userinfo-form .mt-file-upload label[for=et_pb_contact_brand_file_request_0] {
    background-position: center 20px
}

.mt-new-info-prev {
    border: 1px solid #323232;
    color: #323232;
    font-size: 12px;
    padding: 11px 78px;
    width: 100%;
    max-width: 200px;
    border-radius: 7px;
    background: rgba(0,0,0,0);
    margin-right: 11px;
    margin-bottom: 15px
}

    .mt-new-info-prev:hover {
        background: #323232;
        color: #fff
    }

.mt-new-info-save {
    border: 1px solid #323232;
    color: #fff;
    font-size: 12px;
    padding: 11px 78px;
    width: 100%;
    max-width: 200px;
    border-radius: 7px;
    background: #323232;
    margin-right: 11px;
    margin-bottom: 15px
}

    .mt-new-info-save:hover {
        background: rgba(0,0,0,0);
        color: #323232
    }

.mt-userinfo-form.mt-new-info-form h2 {
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    color: #1f2d3e
}

.mt-userinfo-form.mt-new-info-form .mt-icon-delete {
    color: #aaa;
    font-size: 22px
}

.mt-new-site-setup-section .nav-link:after {
    bottom: -5px
}

.mt-new-site-setup-section .mt-dashboard-tabs-section .nav-link:after {
    background: #fe9d21
}

.mt-new-site-setup-section .nav-tabs {
    border-bottom: 1px solid #d9d9d9 !important
}

.bg-transparent {
    background: rgba(0,0,0,0) !important
}

.mt-new-project-list-sction .mt-userinfo-form.mt-new-info-form .select2-selection__rendered {
    padding: 0 14px;
    width: 100%;
    background: rgba(0,0,0,0);
    left: 0;
    position: relative;
    padding-left: 14px
}

.mt-userinfo-form.mt-new-info-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select2-search--inline .select2-search__field {
    max-width: 100%;
    padding: 0 .2rem;
    height: fit-content;
    margin-top: 0
}

.mt-userinfo-form .mt-form-inputgroup {
    margin-top: 30px
}

.mt-userinfo-form .mt-multiselect-checklist .select2-selection__choice {
    background-color: #424547 !important;
    color: #fff !important;
    height: 33px !important;
    line-height: 1.6 !important;
    width: fit-content !important;
    position: relative;
    padding: 3px 10px 3px 10px !important;
    border-radius: 4px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    max-width: 236px !important;
    width: auto !important
}

.mt-userinfo-form span.select2-selection__choice__remove {
    display: none !important
}

.mt-new-site-setup-section .mt-subtitle b {
    color: #3e3e3e;
    font-size: 16px
}

.mt-list-section-tabs {
    margin: 0;
    padding: 0
}

    .mt-list-section-tabs li {
        font-size: 14px;
        line-height: 24px;
        color: #707070;
        display: flex;
        list-style: none;
        align-items: center;
        margin-bottom: 0px !important;
        position: relative
    }

        .mt-list-section-tabs li:before {
            content: "p";
            font-family: "mapmnt";
            background: #000;
            width: 7px;
            height: 7px;
            background: #2fb350;
            display: flex;
            color: #fff;
            border-radius: 18px;
            padding: 7px;
            align-items: center;
            line-height: 13px;
            margin-right: 10px;
            justify-content: center;
            font-size: 8px
        }

.mt-upload-profile-section {
    display: flex;
    margin: 15px 0;
    align-items: center;
    flex-wrap: wrap
}

    .mt-upload-profile-section p {
        margin-left: 25px;
        color: #323232;
        font-size: 14px;
        line-height: 24px
    }

@media(max-width: 768px) {
    .mt-upload-profile-section p {
        margin: 0
    }
}

.mt-upload-profile-section p b {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.mt-upload-profile-section .profile-pic {
    width: 200px;
    max-height: 200px;
    display: inline-block
}

.mt-upload-profile-section .columns {
    width: fit-content;
    position: relative
}

.mt-upload-profile-section .file-upload {
    display: none
}

.mt-upload-profile-section .circle {
    border-radius: 100% !important;
    width: 154px;
    height: 154px;
    border: 2px solid #fff
}

.mt-upload-profile-section img {
    max-width: 100%;
    height: auto
}

.mt-upload-profile-section .p-image {
    color: #666;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    color: #666;
    width: fit-content;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: absolute;
    right: -5px;
    top: 16px
}

    .mt-upload-profile-section .p-image:hover {
        transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    }

.mt-upload-profile-section .upload-button:hover {
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    color: #999
}

.mt-upload-profile-section .upload-button {
    background: #afafaf;
    font-size: 8px;
    width: 23px;
    height: 23px;
    display: block;
    font-size: 11px;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: center;
    border-radius: 50px
}

.mt-upload-profile-section .close-button {
    background: #afafaf;
    font-size: 8px;
    width: 23px;
    height: 23px;
    display: block;
    font-size: 11px;
    margin-bottom: 7px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px
}

.mt-new-project-list-sction .mt-select-dropdown, .mt-new-project-list-sction select, .mt-new-project-list-sction .mt-searchbar input {
    background: rgba(0,0,0,0) !important
}

button.mt-project-list-btn i {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -1px
}

div.table-responsive > div.dt-container > div.row {
    margin: 0 !important
}

.mt-upload-project-list-section .accordion-item {
    border: 1px solid #aaa !important;
    border-radius: 15px !important;
    overflow: auto
}

.navbar .navbar-nav .nav-item {
    font-size: 12px;
    color: #666;
    position: relative;
    padding: 2px 20px;
    text-align: center;
    max-width: 120px;
    line-height: 1.2
}

    .navbar .navbar-nav .nav-item span i {
        font-size: 20px;
        color: #999 !important
    }

        .navbar .navbar-nav .nav-item span i.mt-icon-work-listing {
            font-size: 23px
        }

.navbar .navbar-nav .nav-item {
    font-size: 12px;
    color: #666;
    position: relative;
    padding: 2px 18px;
    text-align: center;
    max-width: 120px;
    min-width: 90px;
    line-height: 1.2;
    max-height: 120px;
    overflow: hidden
}

.mt-user-signout:before {
    position: absolute;
    width: 1px;
    height: 70px;
    background-color: #e2e2e2;
    top: -8px;
    left: 0;
    content: "";
    color: #666
}

.navbar .navbar-nav .nav-item span i [class^=mt-icon-]:before {
    width: 1.5rem
}

.mt-new-dashboard-header .navbar .navbar-nav .nav-item:hover i, .navbar .navbar-nav .nav-item.active i {
    color: #fe9d21 !important
}

.mt-user-signout {
    color: #666
}

    .mt-user-signout i {
        color: #999 !important
    }

.navbar {
    padding: 14px 0px !important
}

    .navbar .navbar-nav .nav-item span {
        margin-bottom: 8px
    }

.mt-user-signout i + span {
    margin-top: 3px
}

.mt-new-project-list-header-section .mt-new-project-list-header .icon {
    margin-right: 20.5px;
    width: 51px !important;
    height: 50px !important
}

    .mt-new-project-list-header-section .mt-new-project-list-header .icon i {
        font-size: 27px;
        line-height: 51px
    }

.mt-special-purchase-list {
    background: rgba(0,0,0,0) !important
}

.mt-select-dropdown:has(.mt-create-collumg-section) {
    min-width: 179px
}

.mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
    min-width: 96px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0
}

.mt-select-dropdown.filter:has(.mt-create-collumg-section) {
    min-width: 130px
}

.mt-right-side-menu button.btn.border-0.shadow-none i:before {
    width: 1rem
}

.mt-right-side-menu button.btn.border-0.shadow-none.show div:first-child {
    margin-right: 10px
}

.mt-new-project-list-sction .mt-right-side-menu i {
    color: #424547 !important
}

.mt-special-purchase-list button.mt-project-list-btn i {
    color: #fff !important
}

.mt-right-side-menu .dropdown button {
    margin-right: 0px;
    margin-left: 0;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    font-size: 15px !important;
    align-items: center
}

.mt-select-dropdown:has(.mt-print-btn) {
    max-width: 117px
}

    .mt-select-dropdown:has(.mt-print-btn) .dropdown button {
        min-width: 86px;
        padding: 0
    }

.mt-new-project-list-sction .mt-project-list-btn {
    max-width: 231px;
    padding: 9px 30px
}

button.mt-select-dropdown.mt-send-btn {
    max-width: 68px !important;
    min-width: fit-content
}

.mt-table-wrap .table {
    margin-top: 12px
}

.card-body .mt-table-wrap .table tr td:first-child {
    border-radius: 7px 0 0 7px;
    padding-right: 0
}

.card-body .mt-table-wrap .table tr td:first-child {
    border-radius: 7px 0 0 7px;
    padding-right: 0;
    width: 30px
}

.card-body .mt-checkbox-check {
    width: 0px !important
}

    .card-body .mt-checkbox-check label:before {
        border: 1px solid #969696
    }

.mt-dashboard-tabs-section {
    margin: 16px 0 10px 0
}

@media(min-width: 768px)and (max-width: 1200px) {
    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        flex-wrap: wrap
    }

    .mt-new-project-list-sction .mt-searchbar input {
        min-width: 20% !important
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        width: 16%
    }

    .mt-new-project-list-sction .mt-right-side-menu {
        justify-content: space-between
    }

    .mt-new-project-list-header-section .mt-new-project-list-header h2 {
        font-size: 28px
    }

    .mt-new-project-list-sction .vr {
        display: none
    }
}

@media(max-width: 768px) {
    button.mt-select-dropdown.mt-send-btn {
        max-width: 68px !important;
        min-width: 45%
    }

    .mt-new-project-list-sction .mt-project-list-btn {
        max-width: 100%;
        padding: 9px 30px;
        width: 100%
    }

    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt a {
        color: #424547;
        margin-left: 0
    }
}

.mt-activity-block {
    width: calc(56% - 80px);
    height: auto;
    background-color: #fff;
    left: 0;
    top: auto !important;
    bottom: 0;
    z-index: 9;
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.mt-new-project-list-sction .mt-searchbar input {
    margin-left: 10px
}

.mt-new-project-list-sction .mt-right-side-menu {
    display: flex
}

.mt-special-purchase-card-left .common-data-table.mt-table-wrap {
    width: 100%;
    min-height: 400px;
    overflow: auto;
    height: 100%;
    padding-right: 0px !important
}

.mt-checkbox-check .form-check-input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    font-family: "mapmnt";
    content: "K";
    font-size: 12px;
    background: #028be6;
    width: 18px;
    height: 18px;
    left: 0;
    display: flex;
    justify-content: center;
    color: #fff;
    border-radius: 3px
}

.mt-special-purchase-card-left .common-data-table.mt-table-wrap {
    padding-right: 0 !important
}

@media(min-width: 768px) {
    .navbar .navbar-nav .nav-item:last-child {
        padding-right: 0
    }
}

.mt-new-project-list-header-section .mt-new-project-list-header .icon i {
    font-size: 25px;
    font-weight: 600 !important
}

td .mt-assign-people-listing {
    justify-content: start
}

.mt-checkbox-check label {
    position: relative;
    cursor: pointer;
    margin: 0;
    top: -2px
}

@media(min-width: 1500px) {
    .container-fluid {
        padding: 0 26px !important
    }
}

.dropdown.mt-print-btn ul {
    min-width: 228px;
    max-width: 228px;
    padding: 0;
    border-radius: 3px
}

.print-dropdown-menu li a {
    padding: 0;
    font-size: 14px;
    color: #424547
}

.dropdown.mt-print-btn i.mt-icon-close {
    opacity: .8;
    font-size: 12px;
    font-weight: 700
}

.dropdown.mt-print-btn i.mt-icon-close {
    opacity: .8;
    display: flex;
    font-weight: 700;
    align-items: center
}

.dropdown.mt-print-btn ul {
    padding: 0;
    max-width: 228px
}

.dropdown.mt-print-btn ul {
    padding: 0;
    max-width: 228px;
    left: -15px !important;
    top: -2px !important;
    border: 1px solid #d9d9d9
}

.dropdown.mt-print-btn .dropdown-header {
    margin-bottom: 10px
}

.print-dropdown-menu li {
    padding: 0 10px 15px 10px
}

.mt-select-dropdown:has(.show).btn {
    color: #028be6
}

.mt-select-dropdown:has(.show) {
    border-color: #028be6
}

    .mt-select-dropdown:has(.show) .btn.show, .mt-select-dropdown:has(.show) .btn.show i {
        color: #028be6 !important
    }

.dropdown-menu.show {
    display: block;
    padding: 0
}

.mt-form-group-mtgroup {
    max-width: 470px
}

.btn-sm-color button {
    min-width: 28px !important;
    max-width: 28px;
    max-height: 28px
}

.btn-sm-color .mt-delete i {
    color: #424547;
    font-size: 12px;
    font-weight: 900;
    opacity: 1
}

.mt-new-project-list-sction .mt-right-side-menu i.mt-icon-close {
    font-size: 14px;
    opacity: .8
}

.mt-right-side-menu .dropdown-menu {
    left: -13px !important;
    position: relative
}

.mt-view-more-dropdown-body {
    padding: 15px 10px !important;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    line-height: 21px;
    color: #424547
}

.mt-view-more-dropdown-body {
    max-width: 190px
}

.mt-rename-box {
    padding: 20px !important
}

button {
    cursor: pointer !important
}

.mt-add-new-page-header-section {
    padding: 35px 0 28px 0
}

.mt-listing-outer .mt-added-list ul li span {
    font-size: 16px
}

.mt-markcomplete .btn {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 7px;
    padding: 8px 18px;
    border: 1px solid #707070;
    color: #707070
}

.mt-icon-info-circled-alt:before {
    content: "̌";
    width: auto
}

.mt-sp-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px
}

@media(min-width: 1200px) {
    .mt-sp-text {
        max-width: 1061px
    }
}

.mt-56 {
    padding-top: 40px !important
}

@media(max-width: 768px) {
    .mt-56 {
        padding-top: 24px !important
    }
}

@media(min-width: 768px) {
    .mt-location-popup {
        min-width: 1007px
    }
}

.mt-new-project-list-sction .mt-project-list-btn i {
    color: #fff !important
}

.mt-siteplan-layout .mt-form-inputgroup.mt-new-form > .col-md-6 {
    width: 100%
}

.form-switch .form-check-input:checked {
    background-color: #1284f8 !important;
    border-color: #1284f8 !important
}

.mt-upload-content {
    font-size: 16px !important;
    color: #707070 !important;
    line-height: 24px !important;
    margin-bottom: 30px !important
}

h2.mt-special-purchase-component-title {
    font-size: 16px;
    margin: 0;
    color: #424547
}

.mt-new-work-list button.mt-project-list-btn i {
    color: #fff !important
}

.st-product-v-list .st-list-item .st-product-card-only {
    padding: 40px 40px 50px;
    border-radius: 25px;
    background-color: rgba(62,59,0,.04);
    text-align: center;
    position: relative;
    -moz-transition: all .3s !important;
    -o-transition: all .3s !important;
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
    background-image: linear-gradient(0deg, rgba(220, 234, 239, 0.3) 0%, rgb(255, 255, 255) 100%)
}

.mt-right-side-menu .mt-addcta i {
    color: #fff !important
}

.mt-select-dropdown:has(.sm-filterbtndrop) {
    min-width: fit-content !important;
    max-width: fit-content !important
}

section.mt-setup-block .mt-addcta {
    min-width: 232px
}

.mt-sitegrouptable td .mt-assign-people-listing {
    justify-content: start
}

.mt-checkbox-check .form-check-input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 4px;
    font-family: "mapmnt";
    content: "K";
    font-size: 12px;
    background: #028be6;
    align-items: center;
    width: 20px;
    height: 19px;
    left: 0;
    display: flex;
    justify-content: center;
    color: #fff !important;
    border-radius: 3px
}

#mt-email-notification-modal .mt-checkbox-check label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    top: -2px
}

#mt-email-notification-modal .mt-multiselect-dropdown label {
    left: 0
}

.mt-new-project-list-sction td:first-child {
    padding-left: 15px
}

.modal-body .form-check-input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0px;
    font-family: "mapmnt";
    content: "K";
    font-size: 12px;
    background: rgba(0,0,0,0);
    align-items: center;
    width: 20px;
    height: 19px;
    display: flex;
    justify-content: center;
    color: #029efc !important;
    border-radius: 3px
}

.mt-modalsite .modal-footer .btn {
    width: 50%;
    background-color: #0f78e2;
    height: 65px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: solid 1px #0f78e2;
    margin: 0;
    border-radius: 0 0 0 7px
}

.mt-upload-general-plan {
    padding: 70px 30px;
    background: #fafafa;
    margin-top: 35px
}

@media(max-width: 768px) {
    .mt-upload-general-plan {
        padding: 50px 25px
    }
}

.col-md-3:has(.cards) {
    margin-bottom: 15px
}

.mt-upload-general-plan .cards {
    background: #fff;
    border: 1px solid #d3d3d3;
    height: 100%;
    padding: 25px 17px;
    text-align: center
}

@media(max-width: 768px) {
    .mt-upload-general-plan .content h3 {
        text-align: center;
        font-size: 19px;
        line-height: 29px;
        color: #3e3e3e
    }
}

.mt-upload-general-plan .cards {
    margin-bottom: 20px
}

    .mt-upload-general-plan .cards h3 {
        font-size: 18px !important;
        line-height: 24px !important
    }

    .mt-upload-general-plan .cards p {
        font-size: 14px;
        line-height: 24px;
        color: #3e3e3e;
        margin: 0
    }

    .mt-upload-general-plan .cards .icon {
        background: #47697e;
        width: 64px;
        height: 64px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 24px auto;
        border-radius: 5px
    }

.mt-upload-general-plan h2 {
    font-size: 42px;
    line-height: 58px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px
}

@media(max-width: 992px) {
    .mt-upload-general-plan h2 {
        font-size: 24px;
        line-height: 36px
    }
}

.mt-upload-general-plan .title {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    text-align: center;
    max-width: 744px;
    margin: 0 auto 44px auto;
    display: block
}

.mt-upload-general-plan .content {
    margin: auto;
    display: block;
    max-width: 1322px
}

    .mt-upload-general-plan .content h3 {
        text-align: center;
        font-size: 25px;
        line-height: 35px;
        color: #3e3e3e
    }

        .mt-upload-general-plan .content h3 span {
            color: #fe9d21
        }

    .mt-upload-general-plan .content .mt-file-upload label[for=et_pb_contact_brand_file_request_0]:before {
        content: "Drag and Drop file here or Choose file";
        display: block;
        position: absolute;
        top: 68%;
        font-size: 14px;
        color: #757575;
        font-weight: 400;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .mt-upload-general-plan .content .mt-fileupload-block p {
        font-weight: bold;
        color: #aaa;
        text-align: center
    }

.mtntm-b-line {
    width: 100%;
    height: 1px;
    margin: 0 0 26px 0;
    background: #d9d9d9
}

    .mtntm-b-line.mt-sec-line {
        margin: 35px 0
    }

.mt-btn-yellow {
    background: #fe9d21;
    color: #fff;
    max-width: 100%;
    width: fit-content;
    min-width: auto !important;
    margin-top: 24px;
    padding: 9px 26px
}

.mt-site-setup-section p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 37px;
    color: #707070
}

.mt-area-sub-area a {
    color: #3e3e3f;
    text-decoration: none;
    margin-right: 45px
}

.mt-area-sub-area i.mt-icon-plus-1 {
    width: 19px;
    height: 19px;
    display: inline-block;
    background: #3e3e3e;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 19px;
    font-weight: 700;
    margin-right: 5px
}

.mt-area-sub-area a {
    color: #3e3e3f;
    text-decoration: none;
    margin-right: 45px;
    font-size: 14px;
    line-height: 17px
}

.mt-setup-area-section a {
    display: flex;
    align-items: center;
    width: 25px;
    justify-content: center;
    height: 25px;
    padding: 3px;
    border: 1px solid #3e3e3e;
    margin-right: 10px;
    border-radius: 50px;
    padding: 5px
}

    .mt-setup-area-section a:last-child {
        margin-right: 0
    }

    .mt-setup-area-section a i {
        font-size: 12px !important;
        color: #3e3e3e !important
    }

        .mt-setup-area-section a i::before {
            width: auto
        }

.mt-setup-area-section {
    display: flex
}

.modal-sm {
    max-width: 630px !important
}

.mt-delete-modal p {
    line-height: 25px !important;
    font-size: 16px !important
}

.mt-dark-text {
    color: #3e3e3e !important;
    font-weight: 600
}

.mt-site-setup-section h3 {
    font-size: 18px;
    font-weight: 700
}

@media(min-width: 768px)and (max-width: 1400px) {
    .mt-new-site-setup-section h1.mt-title {
        font-size: 32px;
        color: #3e3e3e;
        text-transform: unset;
        margin-bottom: 0 !important;
        margin-top: 0
    }
}

.mt-new-subacription-section.mt-subscription-outer:before {
    display: none
}

.billing-badge-section {
    background: #e2f8e2;
    padding: 9px 14px;
    width: fit-content;
    border-radius: 5px;
    font-size: 15px;
    color: #00d800;
    height: fit-content
}

@media(max-width: 1300px) {
    .billing-badge-section {
        margin-bottom: 20px
    }
}

.mt-bb-bottom-line {
    width: 100%;
    height: 1px;
    margin: 25px 0 30px 0;
    background: #d9d9d9
}

table.table.mt-payment-table td, table.table.mt-payment-table th {
    border: 0 !important;
    padding: 0;
    line-height: 22px
}

table.table.mt-payment-table th {
    font-size: 12px;
    color: #3e3e3e;
    line-height: 21px;
    font-weight: 500
}

table.table.mt-payment-table td {
    font-size: 15px;
    font-weight: 600;
    color: #3e3e3e
}

button.btn-change-plan.btn {
    border: 1px solid #d9d9d9;
    color: #424547;
    padding: 10px 20px;
    max-width: 130px;
    margin-right: 10px
}

    button.btn-change-plan.btn:hover {
        background: #000;
        color: #fff
    }

button.btn-change-plan.btn {
    border: 1px solid #d9d9d9;
    color: #424547;
    padding: 5px 20px;
    font-size: 14px
}

button.btn-cancel-plan.btn {
    max-width: 130px;
    border: 1px solid #eb001b;
    color: #eb001b;
    font-size: 14px;
    padding: 5px 20px
}

    button.btn-cancel-plan.btn:hover {
        background: #eb001b;
        color: #fff
    }

.w-fit-content {
    width: fit-content
}

.w-30 {
    width: 30%
}

.w-10 {
    width: 10%
}

.w-15 {
    width: 15%
}

@media(min-width: 1200px) {
    .table-responsive.col-md-6.col-xl-4 table {
        max-width: 527px
    }
}

.mt-billing-tabs li button {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 25px
}

.mt-billing-tabs.nav-tabs .nav-link {
    padding-left: 0;
    color: #424547;
    font-weight: 400;
    margin-bottom: 25px
}

.mt-billing-tabs.nav-tabs li.nav-item {
    margin-bottom: 25px
}

.mt-billing-tabs li.nav-item {
    margin-bottom: 25px
}

.mt-dashboard-tabs-section .nav-tabs .nav-link {
    font-weight: 600;
    font-size: 16px;
    border: 0;
    line-height: 19px;
    color: #424547;
    padding-left: 0;
    color: #424547;
    font-weight: 400;
    padding-right: 5px;
    margin-right: 25px
}

.mt-billing-tabs li.nav-item button {
    padding-bottom: 0;
    margin-left: 45px !important
}

.mt-billing-tabs li:first-child .nav-item button {
    margin-left: 0 !important
}

.mt-billing-tabs li.nav-item:first-child button {
    margin-left: 0 !important
}

.mt-dashboard-tabs-section .nav-tabs .nav-link {
    font-weight: 500 !important;
    font-size: 16px !important;
    border: 0;
    line-height: 19px;
    color: #424547 !important
}

.mt-billing-tabs .nav-link:after {
    bottom: -29px
}

.mt-dashboard-tabs-section .nav-tabs .nav-link.active {
    position: relative;
    background: rgba(0,0,0,0);
    font-weight: 600 !important
}

.mt-billing-tabs {
    margin-top: 30px;
    margin-bottom: 0
}

.mt-subcriptiontitle {
    font-weight: 600
}

.mt-download-btn {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    text-decoration: none;
    color: #0f78e2 !important
}

a.mt-btn-download {
    width: 27px;
    height: 27px;
    display: block;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.mt-card-for-payment {
    cursor: pointer
}

    .mt-card-for-payment label {
        position: relative;
        border: 1px solid #d9d9d9;
        padding: 12px;
        border-radius: 7px;
        display: flex;
        background: #fff;
        justify-content: space-between
    }

@media(max-width: 768px) {
    .mt-card-for-payment label {
        flex-wrap: wrap
    }
}

.mt-card-for-payment label .mt-flexarea {
    display: flex
}

@media(max-width: 768px) {
    .mt-card-for-payment label .mt-flexarea {
        margin-bottom: 15px
    }
}

.mt-card-for-payment label .mt-flexarea svg {
    margin-right: 22px
}

@media(max-width: 768px) {
    .mt-card-for-payment label .mt-flexarea svg {
        margin-right: 12px
    }
}

.mt-card-for-payment label .mt-flexarea h2 {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
    margin-right: 22px
}

.mt-card-for-payment label .mt-flexarea .badge-primary-log {
    background: rgba(15,120,226,.1450980392);
    font-weight: 500;
    color: #0f78e2;
    padding: 6px 23px;
    border-radius: 5px
}

@media(max-width: 768px) {
    .mt-card-for-payment label .mt-flexarea .badge-primary-log {
        height: fit-content;
        padding: 9px 10px
    }
}

.mt-card-for-payment label .mt-payment-remove {
    border: 1px solid #eb001b;
    padding: 10px 25px;
    color: #eb001b;
    border-radius: 5px;
    background: rgba(0,0,0,0);
    margin-right: 26px;
    position: relative;
    z-index: 9
}

.mt-card-for-payment .mt-card-input-element {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    cursor: pointer;
    right: 0;
    display: block;
    height: 100%
}

.mt-card-for-payment .mt-btn-circle {
    border: 1px solid #d9d9d9;
    width: 24px;
    position: relative;
    z-index: 9;
    height: 24px;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 11px;
    justify-content: center
}

    .mt-card-for-payment .mt-btn-circle i {
        opacity: 0
    }

.mt-card-for-payment:has(input:checked) label {
    border-color: #0f78e1 !important
}

    .mt-card-for-payment:has(input:checked) label .mt-btn-circle {
        border-color: #0f78e1 !important;
        background: #0f78e1
    }

        .mt-card-for-payment:has(input:checked) label .mt-btn-circle i {
            color: #fff;
            opacity: 1
        }

.mt-card-for-payment label .mt-flexarea .badge-primary-log {
    background: rgba(15,120,226,.145);
    color: #0f78e2;
    padding: 7px 17px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    height: fit-content
}

@media(min-width: 992px)and (max-width: 1600px) {
    .mt-new-project-list-header-section .mt-new-project-list-header h2 {
        color: #3e3e3e;
        font-size: 30px;
        line-height: 50px;
        font-weight: 600;
        margin: 0
    }

    .mt-new-project-list-sction .mt-project-list-btn {
        max-width: 193px;
        padding: 9px 7px
    }
}

.mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
    top: 0
}

.mt-new-project-list-sction .nav-link:after {
    bottom: -8px
}

@media(max-width: 992px) {
    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        justify-content: space-evenly
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        width: 26%
    }

    .mt-new-project-list-sction .mt-searchbar {
        position: relative;
        margin-right: 0 !important;
        width: 16%;
        margin-bottom: 15px;
        padding: 0;
        min-width: 180px;
        max-width: 100%
    }

    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        justify-content: start
    }

    .mt-new-project-list-sction .mt-searchbar input {
        margin-left: 0
    }
}

@media(max-width: 1450px) {
    .mt-new-project-list-sction .vr {
        height: 35px;
        width: 1px;
        background: #7b7878;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .mt-new-project-list-header-section .mt-new-project-list-header h2 {
        font-size: 24px
    }
}

@media(max-width: 568px) {
    .mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
        left: 5px
    }

    .mt-new-project-list-header-section {
        position: relative;
        padding-top: 30px;
        padding-bottom: 15px;
        margin-top: 20px
    }

        .mt-new-project-list-header-section .mt-new-project-list-header .icon {
            margin-right: 14.5px;
            width: 80px !important;
            height: 48.97px !important
        }

        .mt-new-project-list-header-section .mt-new-project-list-header .icon {
            margin-right: 14.5px;
            width: 80px !important;
            height: 48.97px !important
        }

    .mt-new-project-list-sction .nav-link:after {
        bottom: 0
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        width: max-content
    }

    .mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
        top: 0;
        left: 0
    }

    .mt-new-project-list-sction .mt-searchbar {
        position: relative;
        margin-right: 0 !important;
        width: 41%;
        margin-bottom: 15px;
        padding: 0;
        min-width: 100%;
        max-width: 100%
    }

    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        justify-content: start
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        justify-content: space-evenly
    }

    .mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
        left: 5px
    }
}

@media(max-width: 768px) {
    .mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
        top: 0;
        left: 0
    }

    .mt-new-project-list-header-section .mt-dropdown-group {
        width: 100%
    }

        .mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
            background-color: rgba(0,0,0,0);
            font-size: 16px;
            color: #424547 !important;
            padding: 5px 10px;
            border: none;
            width: 180px;
            overflow: hidden;
            border: 0px solid #d9d9d9 !important;
            white-space: nowrap;
            border-radius: 7px;
            text-overflow: ellipsis;
            width: 100% !important;
            margin-bottom: 15px
        }
}

@media(max-width: 568px) {
    .mt-new-project-list-header-section {
        position: relative;
        padding-top: 30px;
        padding-bottom: 15px;
        margin-top: 30px
    }
}

@media(max-width: 568px) {
    .mt-siteplan .form-check {
        top: 0
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        justify-content: space-evenly;
        width: 100%
    }
}

.mt-create-collumg-section .mt-filter-body {
    padding: 10px 10px 0 10px;
    margin: auto;
    max-height: 300px;
    overflow: auto
}

.tab-content {
    background-color: #fff;
    width: 100%
}

.mt-calendar-filter.dropdown-menu:has(.mt-filter-body) {
    min-width: 500px
}

.switch {
    border-radius: 3rem;
    background: #3e3e3e;
    height: 100%;
    color: #fff
}

    .switch div {
        width: 100%;
        text-align: center;
        opacity: 0;
        display: block;
        color: var(--switch-text-color);
        transition: opacity .2s cubic-bezier(0.77, 0, 0.175, 1) .125s;
        will-change: opacity;
        position: absolute;
        top: 0px;
        left: 0;
        font-size: 14px;
        font-weight: 600
    }

.switches-container {
    width: 340px;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: #fff;
    line-height: 2.6rem;
    border-radius: 30px;
    border: solid 1px #aaa;
    margin-top: 20px;
    margin-bottom: 15px;
    min-height: 43px
}

.mt-billing-title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #424547;
    font-weight: 700;
    margin-bottom: 5px
}

.mt-billing-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #676767;
    margin-bottom: 28px
}

.mt-toast-dashboard .toast .mt-account-type button i {
    color: #d9d9d9;
    transform: rotate(0deg)
}

.navbar .navbar-nav .nav-item:hover, .navbar .navbar-nav .nav-item.active {
    opacity: 1;
    color: #fe9d21
}

    .navbar .navbar-nav .nav-item:hover i, .navbar .navbar-nav .nav-item.active i {
        color: #fe9d21
    }

.mt-billing-tabs input.form-control, .mt-billing-tabs select {
    margin-bottom: 25px;
    min-height: 52px !important;
    color: #aaa
}

.mt-billing-tabs .mt-form-group {
    margin-top: 0 !important
}

.mt-billing-tabs .mt-form-grpup-panel {
    max-width: 890px
}

.switches-container {
    margin-bottom: 35px
}

.mt-billing-tabs .form-check-input:checked[type=checkbox] {
    --sd-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%233E3E3E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.mt-billing-tabs .mt-form-checkbox .form-check-input[type=checkbox]:checked {
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    border-color: #3e3e3e;
    color: #000 !important
}

.mt-billing-tabs .mt-form-checkbox .form-check-input[type=checkbox] {
    border: 1px solid #3e3e3e
}

.mt-billing-tabs .mt-form-group .form-control {
    padding: 8px 10px
}

@media(min-width: 768px)and (max-width: 1699px) {
    .mt-new-site-setup-section h1.mt-title {
        font-size: 28px;
        color: #3e3e3e;
        text-transform: unset;
        margin-bottom: 0 !important;
        margin-top: -10px
    }
}

@media(max-width: 768px) {
    .mt-new-site-setup-section h1.mt-title {
        font-size: 20px;
        color: #3e3e3e;
        text-transform: unset;
        margin-bottom: 0 !important;
        margin-top: 0px
    }

    .mt-card-for-payment label .mt-flexarea + .d-flex {
        justify-content: space-between;
        margin-top: 15px;
        width: 100%
    }

    .mt-billing-tabs .nav-link:after {
        bottom: -18px
    }

    .mt-billing-tabs li.nav-item button {
        padding-bottom: 0;
        margin-left: 13px !important
    }

    .mt-dashboard-tabs-section .nav-tabs .nav-link {
        font-weight: 500 !important;
        font-size: 14px !important;
        border: 0;
        line-height: 19px;
        color: #424547 !important
    }
}

.mt-add-new-credit-button {
    background: #0f78e2;
    padding: 12px 37px;
    border-radius: 7px;
    color: #fff;
    margin-top: 20px;
    border: 1px solid #0f78e2
}

    .mt-add-new-credit-button i {
        margin-right: 10px
    }

    .mt-add-new-credit-button:hover {
        background: rgba(0,0,0,0);
        color: #0f78e2
    }

.mt-new-main-filter p.mt-filter-action {
    color: #424547 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.mt-new-main-filter .mt-right-side-menu i.mt-icon-close {
    opacity: .4
}

.mt-new-main-filter .form-group.mt-dropdown {
    border: 1px solid #b0b0b0;
    border-radius: 7px;
    min-height: 48px
}

.mt-new-main-filter .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 14px;
    width: 100%;
    background: rgba(0,0,0,0);
    left: 0;
    position: relative;
    padding-left: 44px
}

.mt-new-main-filter h4 {
    font-size: 14px;
    margin-bottom: 12px
}

.mt-new-main-filter .mt-checkbox-group label.mt-urgent {
    border-color: #a82525 !important;
    color: #a82525 !important
}

    .mt-new-main-filter .mt-checkbox-group label.mt-urgent i {
        color: #a82525 !important;
        margin-right: 7px
    }

.mt-new-main-filter .mt-checkbox-group label.mt-high {
    border-color: #ec2024 !important;
    color: #ec2024 !important
}

    .mt-new-main-filter .mt-checkbox-group label.mt-high i {
        color: #ec2024 !important;
        margin-right: 7px
    }

.mt-new-main-filter .mt-checkbox-group label.mt-medium {
    border-color: #e96e25 !important;
    color: #e96e25 !important
}

    .mt-new-main-filter .mt-checkbox-group label.mt-medium i {
        color: #e96e25 !important;
        margin-right: 7px
    }

.mt-new-main-filter .mt-checkbox-group label.mt-low {
    border-color: #64b728 !important;
    color: #64b728 !important
}

    .mt-new-main-filter .mt-checkbox-group label.mt-low i {
        color: #64b728 !important
    }

.mt-new-main-filter .mt-right-side-menu i {
    margin-right: 9px
}

.mt-new-main-filter .mt-checkbox-group label {
    padding: 5px 12px
}

.mt-new-main-filter .mt-pririty-status {
    width: max-content
}

.mt-new-main-filter .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
    min-width: auto !important
}

.mt-new-main-filter .mt-right-side-menu i {
    color: #aaa !important
}

.mt-new-main-filter .mt-right-side-menu i {
    color: #aaa
}

.mt-new-main-filter .gj-icon {
    color: #aaa !important
}

.mt-new-main-filter .mt-pririty-status-outer .mt-pririty-status label {
    margin-right: 0px;
    color: #424547
}

.mt-new-main-filter .mt-checkbox-group label {
    border: 1px solid #424547 !important
}

.mt-new-main-filter .select2-selection--single {
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    padding-top: 2px;
    height: 46px !important;
    min-width: 96px;
    user-select: none;
    position: relative;
    background: #000;
    border: 0;
    color: #424547;
    -webkit-user-select: none;
    padding-left: 0px
}

.mt-new-main-filter .mt-calendar-filter .mt-calendar-filter-content {
    max-height: 500px;
    overflow: auto
}

.mt-new-main-filter .dropdown button {
    min-width: auto !important
}

    .mt-new-main-filter .dropdown button i {
        color: #aaa !important
    }

a {
    cursor: pointer
}

.mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
    width: fit-content !important;
    padding: 0;
    max-width: fit-content
}

.mt-card-for-payment label .mt-flexarea {
    display: flex;
    align-items: center
}

.mt-change-plan-modal-popup .mt-card-input-element:checked + .mt-card-input {
    box-shadow: none;
    transition: all ease-in-out .5s;
    border: solid 1px #ccc !important;
    border-radius: 4px
}

.mt-change-plan-modal-popup .mt-form-siteplan .mt-subtext {
    font-size: 16px;
    color: #323232;
    margin: 0 0 20px 0;
    font-weight: 400
}

.mt-change-plan-modal-popup .mt-form-siteplan h5 {
    text-transform: uppercase;
    font-size: 16px;
    color: #071722;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px
}

.mt-change-plan-modal-popup .mt-card-input-element:checked + .mt-card-input {
    box-shadow: none;
    transition: all ease-in-out .5s;
    border: solid 1px #ccc;
    border-radius: 7px
}

.mt-change-plan-modal-popup .mt-subscription-plan:has(input:checked) {
    border: solid 1px #0f78e2;
    color: #323232 !important;
    box-shadow: none !important
}

.mt-change-plan-modal-popup .mt-subscription-plan:has(input:checked) {
    border: solid 1px #0f78e2;
    color: #323232 !important;
    box-shadow: none !important
}

.mt-change-plan-modal-popup .mt-subscription-plan:hover, .mt-change-plan-modal-popup .mt-subscription-plan.active {
    box-shadow: none;
    transition: all ease-in-out .5s;
    border: solid 1px #ccc;
    color: #323232;
    height: 100%
}

.mt-change-plan-modal-popup .mt-change-plan-modal-popup .mt-subscription-plan:has(input:checked) {
    border: solid 1px #0f78e2;
    color: #323232 !important;
    box-shadow: none !important;
    height: 100%;
    min-height: 144px;
    display: flex;
    justify-content: center
}

.mt-change-plan-modal-popup .mt-card-input-element:checked + .mt-card-input {
    box-shadow: none;
    transition: all ease-in-out .5s;
    border: solid 0px #ccc !important;
    border-radius: 4px
}

.mt-change-plan-modal-popup .mt-subscription-plan {
    height: 100%
}

.mt-change-plan-modal-popup .mt-card-input-element {
    display: block
}

.mt-change-plan-modal-popup p.modal-badge {
    background: rgba(15,120,226,.1450980392);
    padding: 6px 18px !important;
    margin: auto !important;
    width: fit-content !important;
    border-radius: 5px;
    color: #0f78e2;
    margin-bottom: 10px !important
}

.mt-change-plan-modal-popup label:has(.modal-badge) input {
    display: none
}

.mt-change-plan-modal-popup .mt-subscription-plan .mt-card-body h6 {
    font-size: 16px !important;
    color: #323232 !important;
    opacity: 1
}

.mt-change-plan-modal-popup span {
    font-size: 35px !important;
    color: #323232 !important
}

.mt-change-plan-modal-popup .mt-subscription-plan .mt-card-body span sub {
    font-size: 12px;
    color: #797979;
    font-weight: normal
}

.mt-change-plan-modal-popup .mt-subscription-plan .mt-card-body span sub {
    font-size: 12px;
    color: #797979;
    font-weight: normal
}

.mt-change-plan-modal-popup .mt-subscription-plan {
    height: 100%;
    display: flex;
    align-items: center
}

    .mt-change-plan-modal-popup .mt-subscription-plan label {
        width: 100%;
        display: flex;
        flex-direction: column
    }

.mt-change-plan-modal-popup .mt-card-input-element {
    display: none;
    margin-bottom: 12px
}

.mt-change-plan-modal-popup .mt-subscription-plan {
    margin: 0
}

.mt-change-plan-modal-popup .mt-subscription-plan {
    height: 100%;
    display: flex;
    align-items: center;
    min-height: 144px
}

    .mt-change-plan-modal-popup .mt-subscription-plan.active {
        border: solid 1px #0f78e2;
        color: #323232 !important;
        box-shadow: none !important
    }

.mt-locked-account .custom-btn {
    background: #0f78e2;
    padding: 14px 21px;
    border: 0;
    margin: 10px;
    border: 1px solid #0f78e2
}

    .mt-locked-account .custom-btn:hover {
        background: rgba(0,0,0,0);
        color: #0f78e2
    }

@media(min-width: 1200px) {
    .mt-locked-account .custom-btn {
        min-width: 200px
    }
}

.mt-locked-account .custom-btn-contact {
    margin: 10px;
    background: rgba(0,0,0,0);
    border: 1px solid #323232;
    color: #323232;
    padding: 14px 21px
}

    .mt-locked-account .custom-btn-contact:hover {
        background: #323232;
        color: #fff
    }

@media(min-width: 1200px) {
    .mt-locked-account .custom-btn-contact {
        min-width: 200px
    }
}

.mt-locked-account svg {
    height: 103px;
    width: 103px;
    object-fit: contain;
    margin: 24px 0
}

@media(min-width: 1200px) {
    .mt-locked-account .mt-locked-account .modal-dialog {
        min-width: 805px
    }
}

.mt-locked-account h3 {
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 24px;
    color: #323232
}

@media(max-width: 767px) {
    .mt-locked-account {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px;
        color: #323232
    }
}

.mt-locked-account p {
    color: #323232 !important;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 51px
}

.mt-locked-account .mt-account-locked-buttons {
    margin-bottom: 53px
}

.mt-locked-account .modal-content {
    border: 0
}

.mt-locked-account h5 {
    font-size: 18px;
    color: #676a73
}

.mt-cancel-subscription svg {
    margin: auto;
    display: block
}

.mt-cancel-subscription h5 {
    font-size: 24px;
    line-height: 30px;
    color: #3e3e3e;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold
}

.mt-cancel-subscription p {
    font-size: 18px;
    color: #3e3e3e;
    line-height: 28px
}

@media(min-width: 768px) {
    .modal-dialog:has(.mt-cancel-subscription) {
        min-width: 629px
    }
}

.mt-btn-checked-circle {
    width: 22px;
    height: 22px;
    border: 1px solid #0f78e2;
    display: flex;
    align-items: center;
    border-radius: 50px;
    margin: 0 auto 20px auto;
    background: rgba(0,0,0,0);
    text-align: center;
    justify-content: center;
    line-height: 24px;
    pointer-events: none
}

    .mt-btn-checked-circle i {
        font-size: 11px;
        text-align: center;
        color: #fff;
        opacity: 0;
        justify-content: center
    }

.mt-change-plan-modal-popup .mt-subscription-plan:has(input:checked) .mt-btn-checked-circle {
    background: #0f78e2
}

    .mt-change-plan-modal-popup .mt-subscription-plan:has(input:checked) .mt-btn-checked-circle i {
        opacity: 1
    }

.mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item .btn-close {
    padding: 0;
    margin: 0;
    width: 100px;
    height: 100px;
    background: #000
}

.mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item {
    min-height: fit-content;
    height: auto;
    overflow: unset;
    padding: 17px 20px 15px 21px;
    display: flex;
    align-items: start
}

@media(min-width: 1200px) {
    .mt-locked-account .modal-dialog {
        min-width: 805px
    }
}

.mt-modalsite .btn-close {
    font-size: 15px;
    color: #cecece;
    margin-right: 15px;
    opacity: .4;
    position: absolute;
    right: 0
}

.mt-table-wrap .dt-length {
    display: none
}

.mt-create-collumg-section .mt-filter-body {
    padding: 10px 10px 0 10px;
    margin: auto;
    max-height: 200px;
    overflow: auto
}

.mt-right-side-menu .dropdown .mt-new-color-picker button {
    max-width: fit-content !important;
    box-shadow: none !important;
    font-size: 14px;
    min-width: 28px;
    min-height: 28px;
    max-height: 28px
}

.group-dropdown-menu.mt-new-color-picker {
    width: auto !important;
    box-shadow: none !important;
    border: 0
}

.group-dropdown-menu .dropdown-body-second-level .color-picker i {
    color: #fff !important;
    font-size: 12px !important;
    text-align: center;
    margin: auto;
    display: block;
    line-height: 26px
}

.mt-rename-box {
    padding: 20px 5px 20px !important
}

.mt-new-color-picker .mt-rename-box {
    padding: 20px 10px !important
}

.mt-right-side-menu .dropdown .mt-new-color-picker button {
    width: fit-content !important;
    box-shadow: none !important;
    font-size: 14px
}

.mt-new-color-picker .mt-rename-box .color-picker i {
    font-size: 9px
}

.mt-new-color-picker .mt-rename-box .color-picker {
    width: 28px !important;
    position: relative;
    height: 28px !important;
    cursor: pointer;
    overflow: hidden
}

.group-list .group-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.mt-form-group {
    flex-grow: 1
}

.group-item i, .group-row i {
    margin-right: 8px
}

.btn-sm-color {
    margin-left: 8px
}

#groupCount {
    background-color: rgba(0,0,0,0);
    color: #000;
    border-color: #000;
    font-size: 14px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid
}

.group-list .mt-rename-box {
    padding: 0px 5px 0px !important
}

.mt-checkbox-group label {
    letter-spacing: -0.2px
}

.btn[disabled] {
    opacity: 1 !important;
    filter: none !important;
    cursor: not-allowed
}

.ellipsis-cell {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
    z-index: 1
}

    .dropdown-content button {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        width: 100%;
        border: none;
        background: none;
        text-align: left
    }

        .dropdown-content button:hover {
            background-color: #f1f1f1
        }

.mt-status-processing {
    cursor: default
}

.mt-filter-action.mt-filters-send {
    visibility: visible !important;
    opacity: 1 !important
}

.mt-filter-action.mt-filters-send-modal {
    visibility: visible !important;
    opacity: 1 !important
}

.dropdown-content button.mt-printaction {
    position: relative;
    padding-left: 32px
}

    .dropdown-content button.mt-printaction img {
        position: absolute;
        left: 10px
    }

.mt-reports-geration .dropdown span.dropdown-item {
    cursor: pointer !important
}

.ql-container.ql-snow {
    border: none !important
}

.mt-comment-cta {
    position: sticky !important;
    z-index: 1
}

.mt-special-purchase .mt-activity-block.m3-popup-custom {
    z-index: 9999;
    position: fixed;
    background: #fff;
    height: 100vh;
    box-shadow: 9px 12px 19px rgba(10,9,9,.1098039216)
}

@media only screen and (max-width: 1600px) {
    .m3-popup-custom .mt-activity-outer {
        height: 90vh
    }
}

.m3-popup-custom .mt-activity-outer {
    height: calc(100vh - 240px);
    overflow-y: auto;
    padding-right: 20px
}

.m3-popup-custom .mt-filter-columns-content {
    z-index: 10
}

.mt-timeline-outer {
    margin: 0 30px 0 24px;
    padding-right: 20px;
    overflow-x: auto;
    height: 90%;
    overflow-y: auto
}

.m3-popup-custom .mt-commenttab-outer {
    background: #fff;
    position: relative;
    z-index: 9
}

.mt-timeline-outer {
    height: 100%
}

.m3-activity-log-custom-sec {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 150px);
    position: absolute;
    bottom: 0;
    width: 100%
}

@media(min-width: 400px) {
    .m3-activity-log-custom-sec .mt-timeline-outer {
        margin-top: -60px
    }
}

.m3-activity-log-custom-sec .mt-comment-cta {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px
}

@media(max-width: 1299px) {
    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan.m3-siteplan-custom {
        width: 100%;
        opacity: 1;
        display: block;
        margin: 0;
        position: absolute;
        right: 0
    }
}

@-moz-document url-prefix() {
    .m3-activity-log-custom-sec {
        scrollbar-width: thin
    }

    .mt-timeline-outer {
        scrollbar-width: thin
    }

    .m3-popup-custom .mt-activity-outer {
        scrollbar-width: thin
    }
}

button.mt-like.liked {
    color: #028be6 !important
}

.like-tooltip {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    padding: 5px;
    z-index: 1001;
    max-height: 150px;
    overflow-y: auto;
    display: block;
    min-width: 220px;
    width: 220px
}

.tooltip-content {
    max-height: 150px;
    overflow-y: auto;
    min-width: 200px
}

.custom-empty-message {
    text-align: center
}

@media(min-width: 768px) {
    .mt-calendar-filter.dropdown-menu:has(.mt-filter-body) {
        min-width: 500px
    }
}

@media(max-width: 767px) {
    .mt-calendar-filter.dropdown-menu:has(.mt-filter-body) {
        max-width: 100%
    }
}

.mt-send-popup-modal-buttons.selected {
    border: 1px solid #007bff;
    background-color: #f0f8ff
}

.mt-send-popup-modal-buttons {
    border: 1px solid #ccc;
    padding: 10px;
    cursor: pointer;
    display: inline-block;
    margin: 5px
}

    .mt-send-popup-modal-buttons img {
        margin-right: 10px
    }

    .mt-send-popup-modal-buttons.selected img {
        opacity: .7
    }

.mt-add-section button {
    color: #424547;
    background: rgba(0,0,0,0);
    border: none;
    text-decoration: none;
    margin-top: 10px;
    display: contents
}

button.mt-add-section {
    background: rgba(0,0,0,0);
    border: 0;
    margin-top: 0px
}

div#mt-addsite-modal-send .mt-modalsite .btn-close {
    font-size: 11px;
    color: #cecece;
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 0
}

div#mt-addsite-modal-send input {
    margin-bottom: 15px;
    padding-right: 30px
}

.email-group {
    position: relative
}

div#mt-addsite-modal-send .mt-modalsite .btn-close {
    font-size: 11px;
    color: #cecece;
    margin-right: 15px;
    position: absolute;
    right: -5px;
    top: 20px
}

.mt-autoscroll-section {
    max-height: 300px;
    overflow: auto
}

.mt-0 {
    margin-top: 0 !important
}

#mt-addsite-modal-send .mt-tab-heading {
    padding-bottom: 0 !important
}

.mt-select-dropdown:has(.show) #groupCount {
    color: #028be6;
    border-color: #028be6
}

.priority i {
    margin-right: 8px
}

.mt-group-modal-content .second {
    width: 30%;
    margin-left: 0
}

.mt-group-modal-content .first {
    width: 90%
}

.mt-new-project-list-sction .mt-project-list-btn {
    max-width: 100% !important;
    padding: 9px 30px !important
}

a.mt-project-list-btn i {
    font-size: 11px;
    margin-right: 8px;
    padding-top: 0;
    position: relative;
    top: -1px
}

.mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
    min-width: 0
}

.mt-calendar-filter .mt-calendar-filter-content {
    padding: 0 18px 0px 18px;
    overflow: auto;
    max-height: calc(85vh - 220px)
}

.mt-table-wrap .dt-length {
    display: none
}

.mt-rename-box {
    padding: 0px 5px 0px !important
}

.group-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    transition: background-color .3s
}

    .group-item:hover {
        background-color: #f0f0f0
    }

.mt-icon-copy {
    margin-right: 10px;
    cursor: pointer
}

.group-name {
    flex-grow: 1
}

.mt-icon-delete {
    cursor: pointer;
    color: red
}

.no-groups {
    padding: 10px;
    text-align: center;
    color: #777
}

.mt-checkbox-group label {
    letter-spacing: -0.2px
}

.btn[disabled] {
    opacity: 1 !important;
    filter: none !important;
    cursor: not-allowed
}

.ellipsis-cell {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
    z-index: 1
}

    .dropdown-content button {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        width: 100%;
        border: none;
        background: none;
        text-align: left
    }

        .dropdown-content button:hover {
            background-color: #f1f1f1
        }

.mt-status-processing {
    cursor: default
}

.mt-filter-action.mt-filters-send {
    visibility: visible !important;
    opacity: 1 !important
}

.mt-filter-action.mt-filters-send-modal {
    visibility: visible !important;
    opacity: 1 !important
}

.dropdown-content button.mt-printaction {
    position: relative;
    padding-left: 32px
}

    .dropdown-content button.mt-printaction img {
        position: absolute;
        left: 10px
    }

.mt-reports-geration .dropdown span.dropdown-item {
    cursor: pointer !important
}

.ql-container.ql-snow {
    border: none !important
}

.mt-comment-cta {
    position: sticky !important;
    z-index: 1
}

.mt-special-purchase .mt-activity-block.m3-popup-custom {
    z-index: 9999;
    position: fixed;
    background: #fff;
    height: 100vh;
    box-shadow: 9px 12px 19px rgba(10,9,9,.1098039216)
}

@media only screen and (max-width: 1600px) {
    .m3-popup-custom .mt-activity-outer {
        height: 90vh
    }
}

.m3-popup-custom .mt-activity-outer {
    height: calc(100vh - 240px);
    overflow-y: auto;
    padding-right: 20px
}

.m3-popup-custom .mt-filter-columns-content {
    z-index: 10
}

.mt-timeline-outer {
    margin: 0 30px 0 24px;
    padding-right: 20px;
    overflow-x: auto;
    height: 90%;
    overflow-y: auto
}

.m3-popup-custom .mt-commenttab-outer {
    background: #fff;
    position: relative;
    z-index: 9
}

.mt-timeline-outer {
    height: 100%
}

.m3-activity-log-custom-sec {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 150px);
    position: absolute;
    bottom: 0;
    width: 100%
}

@media(min-width: 400px) {
    .m3-activity-log-custom-sec .mt-timeline-outer {
        margin-top: -60px
    }
}

.m3-activity-log-custom-sec .mt-comment-cta {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px
}

@media(max-width: 1299px) {
    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan.m3-siteplan-custom {
        width: 100%;
        opacity: 1;
        display: block;
        margin: 0;
        position: absolute;
        right: 0
    }
}

@-moz-document url-prefix() {
    .m3-activity-log-custom-sec {
        scrollbar-width: thin
    }

    .mt-timeline-outer {
        scrollbar-width: thin
    }

    .m3-popup-custom .mt-activity-outer {
        scrollbar-width: thin
    }
}

button.mt-like.liked {
    color: #028be6 !important
}

.like-tooltip {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    padding: 5px;
    z-index: 1001;
    max-height: 150px;
    overflow-y: auto;
    display: block;
    min-width: 220px;
    width: 220px
}

.tooltip-content {
    max-height: 150px;
    overflow-y: auto;
    min-width: 200px
}

.custom-empty-message {
    text-align: center
}

.mt-table-wrap .dt-length {
    display: none
}

.group-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    transition: background-color .3s
}

    .group-item:hover {
        background-color: #f0f0f0
    }

.mt-icon-copy {
    margin-right: 10px;
    cursor: pointer
}

.group-name {
    flex-grow: 1
}

.mt-icon-delete {
    cursor: pointer;
    color: red
}

.no-groups {
    padding: 10px;
    text-align: center;
    color: #777
}

.mt-checkbox-group label {
    letter-spacing: -0.2px
}

.btn[disabled] {
    opacity: 1 !important;
    filter: none !important;
    cursor: not-allowed
}

.ellipsis-cell {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
    z-index: 1
}

    .dropdown-content button {
        color: #000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        width: 100%;
        border: none;
        background: none;
        text-align: left
    }

        .dropdown-content button:hover {
            background-color: #f1f1f1
        }

.mt-status-processing {
    cursor: default
}

.mt-filter-action.mt-filters-send {
    visibility: visible !important;
    opacity: 1 !important
}

.mt-filter-action.mt-filters-send-modal {
    visibility: visible !important;
    opacity: 1 !important
}

.dropdown-content button.mt-printaction {
    position: relative;
    padding-left: 32px
}

    .dropdown-content button.mt-printaction img {
        position: absolute;
        left: 10px
    }

.mt-reports-geration .dropdown span.dropdown-item {
    cursor: pointer !important
}

.ql-container.ql-snow {
    border: none !important
}

.mt-comment-cta {
    position: sticky !important;
    z-index: 1
}

.mt-special-purchase .mt-activity-block.m3-popup-custom {
    z-index: 9999;
    position: fixed;
    background: #fff;
    height: 100vh;
    box-shadow: 9px 12px 19px rgba(10,9,9,.1098039216)
}

@media only screen and (max-width: 1600px) {
    .m3-popup-custom .mt-activity-outer {
        height: 90vh
    }
}

.m3-popup-custom .mt-activity-outer {
    height: calc(100vh - 240px);
    overflow-y: auto;
    padding-right: 20px
}

.m3-popup-custom .mt-filter-columns-content {
    z-index: 10
}

.mt-timeline-outer {
    margin: 0 30px 0 24px;
    padding-right: 20px;
    overflow-x: auto;
    height: 90%;
    overflow-y: auto
}

.m3-popup-custom .mt-commenttab-outer {
    background: #fff;
    position: relative;
    z-index: 9
}

.mt-timeline-outer {
    height: 100%
}

.m3-activity-log-custom-sec {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 150px);
    position: absolute;
    bottom: 0;
    width: 100%
}

@media(min-width: 400px) {
    .m3-activity-log-custom-sec .mt-timeline-outer {
        margin-top: -60px
    }
}

.m3-activity-log-custom-sec .mt-comment-cta {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px
}

@media(max-width: 1299px) {
    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan.m3-siteplan-custom {
        width: 100%;
        opacity: 1;
        display: block;
        margin: 0;
        position: absolute;
        right: 0
    }
}

.mt-table-wrap .table tr.group-header.group-header-active i {
    transform: none;
    display: inline-block
}

.dropdown-body.dropdown-body-second-level .group-item {
    border: 0
}

@-moz-document url-prefix() {
    .m3-activity-log-custom-sec {
        scrollbar-width: thin
    }

    .mt-timeline-outer {
        scrollbar-width: thin
    }

    .m3-popup-custom .mt-activity-outer {
        scrollbar-width: thin
    }
}

button.mt-like.liked {
    color: #028be6 !important
}

.like-tooltip {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    padding: 5px;
    z-index: 1001;
    max-height: 150px;
    overflow-y: auto;
    display: block;
    min-width: 220px;
    width: 220px
}

.tooltip-content {
    max-height: 150px;
    overflow-y: auto;
    min-width: 200px
}

.custom-empty-message {
    text-align: center
}

.mt-rename-box {
    padding: 0px 5px 0px !important
}

.mt-table-wrap .table tr.group-header.group-header-active i {
    transform: none;
    display: inline-block
}

.dropdown-body.dropdown-body-second-level .group-item {
    border: 0
}

.group-dropdown-menu .dropdown-body {
    overflow-y: auto;
    max-height: 60vh
}

.mt-reminder-main-toast {
    z-index: 1046
}

.mt-reminder-main-toast-backdrop {
    z-index: 1046
}

.mt-notification-sidebar-with-tabs .offcanvas-body.py-0 .toast-body {
    margin-left: 38px
}

.mt-reminder-button-section button i {
    margin-right: 2px;
    font-size: 12px
}

.mt-notification-sidebar-with-tabs .mt-reminder-button-section button {
    padding: 8px !important
}

.mt-notification-sidebar-with-tabs .mt-reminder-button-section button {
    margin: 0 5px !important
}

.mt-notification-sidebar-with-tabs .mt-reminder-button-section button {
    margin: 0 2px !important
}

.mt-notification-sidebar-with-tabs .accordion-body .mt-bullet-circle {
    opacity: 1
}

.mt-activity-block {
    z-index: 1041
}

.mt-view-more-btn {
    z-index: 9
}

table .accordion-item:has(.show) .accordion-button {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important
}

table .accordion-item:has(.show) .accordion-body {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
}

.mt-new-special-purchase .mt-priority-view {
    margin-left: 30px
}

.dropdown-body.dropdown-body-second-level .group-item {
    border: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.group-item:hover {
    background-color: rgba(0,0,0,0)
}

@media(max-width: 1600px) {
    .mt-new-dashboard .mt-recent-items-section .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 14px;
        width: unset;
        background: rgba(0,0,0,0);
        left: 0;
        position: relative;
        padding-left: 44px
    }

    .mt-calendar-filter.dropdown-menu.border-0.show {
        width: 282px;
        border-radius: 3px;
        left: -65px !important
    }
}

.mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item button.btn.dropdown-toggle {
    border: 0;
    box-shadow: none;
    margin-left: auto;
    padding: 3px 15px;
    top: -20px;
    right: 20px;
    display: block;
    position: unset
}

    .mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item button.btn.dropdown-toggle:after {
        display: none
    }

.mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item .dropdown {
    width: fit-content;
    margin-left: auto;
    display: block;
    position: unset;
    right: 15px;
    top: 15px
}

.mt-notification-sidebar-with-tabs .offcanvas-header.mt-recent-items-section.mt-recent-item .btn-close {
    padding: 0;
    margin: 0;
    width: 16px !important;
    height: 16px !important;
    position: unset;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

.mt-table-wrap .table tr td:first-child {
    border-radius: 7px 0 0 7px;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.dropdown-body.dropdown-body-second-level .group-item {
    border: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.group-item:hover {
    background-color: rgba(0,0,0,0)
}

.mt-table-wrap .table tr.group-header.group-header-active td {
    border-radius: 7px 7px 0 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.mt-add-group-accordion .accordion-item {
    border-left: 0;
    border-right: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0;
    background: rgba(0,0,0,0)
}

@media(min-width: 1200px)and (max-width: 1600px) {
    .mt-activity-block .nav .nav-link {
        margin-right: 10px
    }

    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt a {
        margin-left: 1px;
        padding: 7px 13px;
        font-size: 13px
    }
}

@media(max-width: 768px) {
    .mt-new-special-purchase .mt-markbutton {
        font-size: 13px;
        border-radius: 7px;
        text-transform: unset !important;
        padding: 8px 18px;
        border: 1px solid #d9d9d9;
        padding: 7px 13px !important
    }

    .mt-new-special-purchase .mt-added-user-detail {
        font-size: 13px;
        margin: 0;
        color: #424547;
        font-weight: 600
    }

    .mt-new-special-purchase .mt-status-space {
        margin-top: 15px !important
    }

    .mt-new-special-purchase .mt-aria-space {
        margin-top: 15px !important
    }

    .mt-new-special-purchase .mt-overview {
        font-size: 14px;
        color: #424547;
        line-height: 24px
    }

    .mt-new-special-purchase label {
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 10px
    }

    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt a {
        font-size: 14px
    }

    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt {
        margin-left: 0
    }

    .mt-new-special-purchase .mt-activity-tabs-panel {
        margin: 16px 15px !important
    }

    .mt-new-special-purchase .mt-activity-tabs-panel {
        flex-direction: column
    }

    .mt-new-special-purchase .mt-activity-tabs-panel {
        flex-direction: column;
        align-items: start
    }
}

@media(min-width: 1200px)and (max-width: 1600px) {
    .mt-new-project-list-sction .nav-tabs .nav-link, .mt-new-project-list-sction .nav-tabs .nav-link .active {
        margin-right: 14px !important
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        margin-bottom: 0
    }

    .mt-select-dropdown.filter:has(.mt-create-collumg-section) {
        min-width: 106px
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        min-width: 110px
    }

    .mt-right-side-menu .dropdown button {
        min-width: 100px
    }

    .mt-new-project-list-sction .mt-project-list-btn {
        max-width: 100% !important;
        padding: 9px 10px !important
    }

    .mt-new-project-list-sction .mt-searchbar {
        margin-bottom: 0
    }

    .mt-filter .mt-action-group {
        padding: 0 0px
    }

    .mt-right-side-menu .dropdown button {
        padding-left: 10px;
        padding-right: 10px
    }

    .mt-select-dropdown.filter.mt-filter i {
        margin-left: 6px
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        min-width: 100px
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        max-height: 35px !important;
        margin-bottom: 15px;
        margin-right: 5px;
        padding: 0;
        text-align: center
    }

    .dropdown.mt-print-btn i {
        margin-left: 8px;
        margin-right: 5px
    }

    .mt-new-project-list-sction .mt-searchbar input {
        margin-left: 0;
        max-width: 150px
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        margin-bottom: 0 !important
    }

    button.mt-select-dropdown.mt-send-btn {
        max-width: 68px !important;
        min-width: fit-content;
        padding: 10px
    }

    .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
        min-width: 0;
        padding: 0 10px
    }

    .mt-new-project-list-sction .vr {
        margin-left: 7px;
        margin-right: 7px
    }

    .mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
        left: 7px
    }

    .mt-right-side-menu button {
        font-size: 13px !important
    }

    button.mt-select-dropdown.mt-send-btn {
        font-size: 13px !important
    }
}

.mt-table-wrap .table tr.group-header td {
    background: #ebebeb !important;
    border-radius: 7px;
    line-height: normal;
    height: 40px;
    font-size: 14px;
    padding-left: 0 !important;
    font-weight: bold;
    padding-right: 0 !important
}

.mt-new-project-list-sction .accordion-button {
    position: relative;
    width: 100%;
    color: #3e3e3e !important;
    font-weight: 500;
    max-height: 46px
}

div#Reminderaccordion {
    margin-bottom: 50px
}

.mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content:has(.mt-card-no-notification) .toast-body {
    text-align: start;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.offcanvas-body .tab-content {
    height: 30vh;
    overflow: auto
}

.mt-notification-sidebar-with-tabs .mt-dash-notification-section .tab-content {
    height: auto;
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding-right: 15px
}

.mt-view-more-btn {
    position: absolute;
    background: rgba(0,0,0,0) !important;
    top: 3px;
    right: 5px;
    border: 0 !important;
    transform: rotate(-90deg);
    z-index: 99;
    box-shadow: none
}

.mt-reminder-main-toast {
    padding: 20px 20px
}

.mt-reminder-alert .mt-viewreminders {
    font-weight: 500;
    font-size: 14px;
    margin-top: 14px
}

.mt-reminder-main-toast:has(.hide) .mt-reminder-alert .toast {
    padding: 0;
    border: 0
}

.mt-reminder-main-toast:has(.hide) .mt-reminder-alert .toast-body {
    border: 0;
    padding: 0
}

.modal-body .mt-tab-heading {
    margin: 10px 0
}

.group-dropdown-menu .dropdown-header {
    align-items: center
}

.mt-right-side-menu .dropdown-menu {
    left: -13px !important;
    position: relative;
    max-width: 618px
}

.mt-download-svg-icons svg {
    width: 20px;
    color: #aaa !important;
    height: auto
}

.mt-bottom-line-popup {
    border: 1px solid #aaa;
    margin: 43px 0
}

.modal-body button.btn.mt-markbutton.mb-2.mt-sm {
    min-width: 142px;
    padding: 6px 11px !important;
    max-height: 12px;
    font-size: 14px;
    min-height: fit-content !important
}

.m3-activity-log-custom-sec {
    position: unset
}

@media(min-width: 400px) {
    .m3-activity-log-custom-sec .mt-timeline-outer {
        margin-top: 0px
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-project-list-btn {
    padding: 9px 30px !important;
    min-width: 231px !important;
    font-size: 15px;
    line-height: 15px;
    border: 0;
    color: #fff;
    border-radius: 7px;
    white-space: nowrap
}

.tab-recentproject {
    background: #00cbfd !important;
    color: #fff;
    border: 0
}

.tab-recentwork {
    background: #47697e !important;
    color: #fff;
    border: 0
}

.tab-recentspecialpurchase {
    background: #fe9d21 !important;
    color: #fff;
    border: 0
}

.mt-new-dashboard .mt-recent-items-section .tab-recentproject:hover {
    background: rgba(0,0,0,0) !important;
    border: 1px solid #00cbfd;
    color: #00cbfd
}

.mt-new-dashboard .mt-recent-items-section .tab-recentwork:hover {
    background: rgba(0,0,0,0) !important;
    border: 1px solid #47697e;
    color: #47697e
}

.mt-new-dashboard .mt-recent-items-section .tab-recentspecialpurchase:hover {
    background: rgba(0,0,0,0) !important;
    border: 1px solid #fe9d21;
    color: #fe9d21
}

.mt-new-dashboard .mt-card-box #pTime, .mt-new-dashboard .mt-card-box #spTime, .mt-new-dashboard .mt-card-box #wTime {
    color: #676767 !important
}

.mt-nt-panel-dashboard ul.mt-nt-notification-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block
}

    .mt-nt-panel-dashboard ul.mt-nt-notification-list li {
        background-color: #cce8fa;
        border-radius: 6px;
        padding: 14px 20px 12px 12px;
        margin: 0 0 15px 0;
        position: relative
    }

        .mt-nt-panel-dashboard ul.mt-nt-notification-list li .mt-bt-close {
            position: absolute;
            top: 7px;
            right: 1px;
            color: #028be6;
            font-size: 7px;
            border: none !important;
            background: none !important
        }

        .mt-nt-panel-dashboard ul.mt-nt-notification-list li.mt-nt-read {
            background-color: #f2f2f2
        }

        .mt-nt-panel-dashboard ul.mt-nt-notification-list li.mt-nt-followup {
            background-color: rgba(91,177,74,.2)!important;
            border: solid 1px #5bb14a
        }

            .mt-nt-panel-dashboard ul.mt-nt-notification-list li.mt-nt-followup .mt-bt-close i {
                color: #5bb14a
            }

.mt-nt-userdetails .mt-brdcrumb-dashbaord li::before {
    font-family: "mapmnt";
    content: "G";
    position: absolute;
    right: 0;
    color: #737373;
    font-size: 7px;
    top: 0px
}

.mt-new-dashboard .mt-recent-items-section .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 14px;
    width: unset;
    background: rgba(0,0,0,0);
    left: 0;
    position: relative;
    padding-left: 44px
}

.mt-calendar-filter.dropdown-menu.border-0.show {
    width: 282px;
    border-radius: 3px;
    left: -65px !important
}

.mt-dropdown-group .mt-select-dropdown select {
    color: #424547 !important
}

td.dt-empty {
    border-radius: 7px 7px !important
}

#mt-reminder-modal .mt-tab-heading {
    padding-bottom: 35px !important
}

@media only screen and (max-width: 1600px) {
    .mt-form-siteplan .mt-formblock {
        margin-bottom: 24px
    }
}

div#EndDateDiv + .row .mt-formblock {
    margin: 0 !important
}

.modal-body .mt-tab-heading {
    margin: 0 0 10px 0
}

.mt-reminder-modal, #mt-email-notification-modal {
    z-index: 9999
}

    mt-reminder-modal h2, #mt-email-notification-modal h2, #mt-addsite-modal-send h2 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        color: #1f2d3e
    }

    .mt-reminder-modal .mt-added-list ul li span, #mt-email-notification-modal .mt-added-list ul li span, #mt-addsite-modal-send .mt-added-list ul li span {
        font-size: 16px
    }

    .mt-reminder-modal .mt-tab-heading, #mt-email-notification-modal .mt-tab-heading, #mt-addsite-modal-send .mt-tab-heading {
        margin: 0 !important;
        align-items: center;
        padding-bottom: 35px !important;
        padding-top: 0
    }

#mt-addsite-modal-send .mt-tab-heading {
    margin: 0 !important;
    align-items: center;
    padding-bottom: 0px !important;
    padding-top: 0
}

@media(min-width: 1200px) {
    .mt-reminder-modal .modal-content.p-0, #mt-email-notification-modal .modal-content.p-0, #mt-addsite-modal-send .modal-content.p-0 {
        min-width: 646px
    }
}

.mt-reminder-modal .mt-form-siteplan, #mt-email-notification-modal .mt-form-siteplan, #mt-addsite-modal-send .mt-form-siteplan {
    margin-top: 20px
}

.mt-reminder-modal h3, #mt-email-notification-modal h3, #mt-addsite-modal-send h3 {
    font-size: 16px;
    color: #424547;
    line-height: 24px
}

.mt-reminder-modal .mt-markbutton, #mt-email-notification-modal .mt-markbutton, #mt-addsite-modal-send .mt-markbutton {
    text-transform: unset !important
}

    .mt-reminder-modal .mt-markbutton:has(i), #mt-email-notification-modal .mt-markbutton:has(i), #mt-addsite-modal-send .mt-markbutton:has(i) {
        color: #e5642c;
        border-color: #e5642c;
        box-shadow: none
    }

    .mt-reminder-modal .mt-markbutton:hover, #mt-email-notification-modal .mt-markbutton:hover, #mt-addsite-modal-send .mt-markbutton:hover {
        background: #e5642c;
        color: #fff
    }

.mt-reminder-modal.show + .modal-backdrop {
    z-index: 9999;
    opacity: 0
}

.mt-notification-sidebar-with-tabs .offcanvas-body.py-0 .toast-body {
    margin-left: 38px !important
}

    .mt-notification-sidebar-with-tabs .offcanvas-body.py-0 .toast-body:has(.mt-card-no-notification) {
        margin-left: 0 !important
    }

@media(max-width: 768px) {
    .mt-notification-sidebar-with-tabs .mt-reminder-button-section button {
        margin: 5px 0 2px 0 !important
    }
}

@media(min-width: 1300px)and (max-width: 1600px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -8px !important
    }
}

div#mt-addsite-modal-send .mt-modalsite .btn-close {
    font-size: 11px;
    color: #cecece;
    margin-right: 15px;
    position: absolute;
    right: 1px;
    top: 29px
}

.mt-send-popup-modal-buttons {
    margin: 5px 0
}

button.mt-add-section {
    font-size: 16px;
    margin-top: 20px
}

.modal-dialog.modal-dialog-centered.mt-print-popup {
    max-width: 455px
}

@media(min-width: 1199px) {
    .mt-right-side-menu .dropdown-menu {
        left: -15px !important;
        position: relative;
        max-width: 621px
    }
}

.dropdown-header.mt-group-header {
    margin-bottom: 0
}

.dropdown-body-second-level .mt-icon-drag {
    font-size: 12px
}

.dropdown-menu.group-dropdown-menu:has(.dropdown-body-second-level.d-none) {
    padding-bottom: 36px
}

.mt-new-project-list-sction .accordion-header button i.mt-icon-app-move-column {
    font-size: 21px
}

.mt-new-project-list-sction .accordion-header button {
    margin-bottom: 0;
    overflow: hidden;
    background: rgba(0,0,0,0) !important
}

.group-dropdown-menu .dropdown-body-second-level input.form-control {
    max-width: 501px !important;
    height: 28px;
    border-color: #d9d9d9;
    padding: 0 12px
}

.mt-right-side-menu button.btn.border-0.shadow-none div:first-child {
    margin-right: 10px
}

.remove-email-btn {
    top: 18px !important;
    right: 0 !important;
    font-size: 11px !important;
    color: #cecece;
    margin-right: 15px;
    position: absolute
}

.gj-modal {
    z-index: 999999999
}

.gj-picker-bootstrap {
    position: absolute;
    z-index: 999999
}

.mt-new-special-purchase-sidebar-popup .mt-activity-block .nav .nav-link {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin-right: 25px;
    font-size: 16px;
    color: #424547
}

.mt-new-special-purchase-sidebar-popup .mt-activity-tabs-panel {
    border-bottom: solid 1px #d9d9d9;
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0 0;
    margin: 0;
    align-items: center;
    padding: 15px 20px !important
}

.mt-tab-heading {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #d9d9d9;
    padding: 15px 0;
    margin: 10px 20px 10px 20px
}

.mt-new-special-purchase-sidebar-popup .mt-added-list ul li span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    color: #3e3e3e;
    font-size: 16px
}

.mt-new-special-purchase-sidebar-popup .mt-new-special-purchase h2 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
    color: #3e3e3e;
    margin-bottom: 22px
}

.mt-new-special-purchase-sidebar-popup .ms-md-auto.d-block.mt-w-fit-content button {
    margin-bottom: 16px !important
}

.mt-new-special-purchase-sidebar-popup .mt-new-special-purchase .mt-priority-view {
    background-color: rgba(0,0,0,0);
    color: #e5642c;
    border-radius: 4px;
    padding: 9px 25px;
    display: inline-block;
    border: 1px solid #e5642c;
    margin: 0;
    font-size: 15px
}

.mt-new-special-purchase-sidebar-popup .mt-new-special-purchase .mt-priority-view {
    background-color: rgba(0,0,0,0);
    color: #e5642c;
    border-radius: 4px;
    padding: 9px 22px;
    display: inline-block;
    border: 1px solid #e5642c;
    margin: 0;
    font-size: 15px
}

.mt-new-special-purchase-sidebar-popup .mt-activity-block .modal-body {
    padding: 0 20px
}

.mt-new-special-purchase-sidebar-popup .mt-new-special-purchase label {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    color: #424547
}

.mt-new-special-purchase-sidebar-popup .mt-new-special-purchase label {
    display: inline-block;
    font-weight: 700;
    margin-right: 14px;
    font-size: 16px;
    color: #424547
}

.mt-new-special-purchase-sidebar-popup.mt-activity-block {
    top: 185px
}

@media(max-width: 768px) {
    .mt-new-special-purchase-sidebar-popup .mt-activity-tabs-panel {
        padding: 0 !important
    }
}

@media(max-width: 768px) {
    .mt-new-special-purchase-sidebar-popup .mt-activity-tabs-panel {
        flex-direction: column-reverse
    }
}

@media(max-width: 768px) {
    .mt-new-special-purchase-sidebar-popup ul.mt-filter-rgt {
        width: 100%;
        padding-top: 10px !important;
        justify-content: space-between
    }
}

@media(max-width: 768px) {
    .mt-new-special-purchase-sidebar-popup .mt-status-outer .mt-status-created:has(.mt-status-processing) {
        flex-wrap: nowrap !important;
        display: flex
    }

    .mt-new-special-purchase-sidebar-popup .mt-status-processing {
        margin-left: 30px
    }

    .mt-add-new-page-header-section {
        padding: 15px 0 15px 0
    }

    .d-flex.flex-wrap.mt-assign-people-listing.align-items-start.flex-wrap-wrap {
        flex-wrap: nowrap !important
    }

    .mt-reminder-alert .mt-dashboard-user-reminder {
        min-width: 60px;
        min-height: 60px
    }

    .mt-new-project-list-header-section .mt-new-project-list-header .icon {
        margin-right: 14.5px;
        max-width: 60px !important;
        height: 50.97px !important
    }
}

.mt-new-main-filter .mt-filter-option .mt-pririty-status input {
    position: absolute;
    width: 101%;
    height: 153px;
    left: 0px;
    top: -64px;
    opacity: 0
}

.mt-new-main-filter .mt-filter-option .mt-pririty-status.me-2 {
    overflow: hidden;
    position: relative
}

    .mt-new-main-filter .mt-filter-option .mt-pririty-status.me-2 input:checked + label {
        background-color: #5c5c5c !important;
        color: #fff !important;
        border-color: #5c5c5c
    }

.mt-calendar-filter-content .mt-new-project-list-sction .select2-selection__rendered {
    padding: 0 14px;
    width: 140%;
    background: rgba(0,0,0,0);
    left: 0;
    position: relative;
    padding-left: 44px
}

.mt-recent-items-section .mt-dashboard-tabs-section .nav-link:after {
    content: "";
    left: 0;
    background: #fe9d21 !important;
    width: 0;
    height: 2px;
    transition: all .5s;
    position: absolute;
    bottom: -7px
}

.mt-dash-right-sidebar .mt-dashboard-tabs-section .nav-link:after {
    content: "";
    left: 0;
    background: #00cbfd !important;
    width: 0;
    height: 2px;
    transition: all .5s;
    position: absolute;
    bottom: -5px
}

.mt-dash-right-sidebar .mt-dashboard-tabs-section .nav-link.active:after {
    width: 100%
}

.mt-recent-items-section .mt-dashboard-tabs-section .nav-link.active:after {
    width: 100%
}

.mt-nt-read .mt-nt-userdetails .mt-brdcrumb li::before {
    font-family: "mapmnt";
    content: "G";
    position: absolute;
    right: 0;
    color: #737373;
    display: none;
    font-size: 7px;
    top: 3px
}

.mt-dash-notification-section .tab-content ul li::after {
    content: "G";
    font-family: "mapmnt";
    font-style: normal;
    font-weight: normal;
    font-size: 8px;
    speak: never;
    padding-left: 7.2px;
    display: inline-block;
    text-decoration: inherit;
    width: 0;
    margin-right: .2em;
    position: relative;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    left: 3px;
    top: -1px
}

.mt-reminder-button-section button {
    margin: 13px 11px 0 0
}

@media(min-width: 992px)and (max-width: 1800px) {
    .mt-reminder-button-section button {
        margin: 13px 7px 0 0
    }
}

.fc .fc-scroller-harness-liquid {
    height: 100%;
    min-width: 350px
}

.fc .fc-scroller:has(table.fc-datagrid-header) {
    position: relative;
    padding-left: 22px;
    min-width: 350px
}

.fc .fc-scroller-harness {
    direction: ltr;
    overflow-y: auto;
    position: relative
}

.fc-timeline-event:not(.fc-event-end)::after, .fc-timeline-event:not(.fc-event-start)::before {
    display: none
}

tbody th .fc-datagrid-cell-frame .fc-datagrid-cell-cushion.fc-scrollgrid-sync-inner:has(.fc-datagrid-expander) {
    padding: 10px 20px 10px 10px !important
}

.fc .fc-datagrid-cell-cushion {
    overflow: hidden;
    padding: 0 10px;
    white-space: nowrap
}

.fc-datagrid-cell-frame {
    margin-right: 22px;
    vertical-align: middle;
    display: flex;
    align-items: center
}

div#ColumnListing i.mt-icon-column.me-1 {
    font-size: 14px
}

.modal-body img {
    max-width: 100%
}

.dz-preview {
    display: none !important
}

button.dz-button {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.drag-drop-cl.po {
    position: relative
}

td:has(.mt-hidden-td) {
    display: none
}

div#search-suggestions {
    background: #fff;
    min-width: 315px;
    border: 1px solid #d9d9d9;
    padding: 13px 16px;
    border-radius: 7px;
    box-shadow: 10px 10px 15px #ccc;
    position: absolute;
    left: 0px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    z-index: 9
}

    div#search-suggestions div {
        margin-bottom: 10px
    }

        div#search-suggestions div:last-child {
            margin-bottom: 0
        }

        div#search-suggestions div span {
            display: block
        }

@media(min-width: 1603px) {
    div#search-suggestions {
        left: 10px
    }
}

@media(max-width: 992px) {
    div#search-suggestions {
        left: 0px;
        right: 0;
        margin: auto;
        min-width: fit-content
    }
}

td:has(.mt-hidden-td) {
    display: none
}

div#search-suggestions {
    background: #fff;
    min-width: 330px;
    border: 1px solid #d9d9d9;
    padding: 13px 16px;
    border-radius: 7px;
    box-shadow: 10px 10px 15px #ccc;
    position: absolute;
    left: 0px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    z-index: 9
}

    div#search-suggestions div {
        margin-bottom: 10px
    }

        div#search-suggestions div:last-child {
            margin-bottom: 0
        }

        div#search-suggestions div span {
            display: block
        }

.mt-searchbar:has(#search-suggestions span) input {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0
}

@media(min-width: 1603px) {
    div#search-suggestions {
        left: 10px
    }
}

@media(max-width: 992px) {
    div#search-suggestions {
        left: 0px;
        right: 0;
        margin: auto;
        min-width: fit-content
    }
}

@media(max-width: 992px) {
    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        justify-content: space-between
    }

    section.mt-setup-block .mt-addcta {
        min-width: fit-content;
        margin: 0 15px
    }
}

div#search-suggestions div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.mt-sumery-select .mt-color-option input[type=radio]:checked + label {
    border: 1px solid #000 !important
}

.mt-sumery-select .mt-color-option input {
    position: absolute !important;
    width: 50px;
    height: 35px;
    overflow: hidden;
    left: 15px;
    opacity: 0 !important;
    cursor: pointer
}

.mt-sumery-select .mt-color-option {
    cursor: pointer;
    overflow: hidden
}

    .mt-sumery-select .mt-color-option input[type=radio] {
        cursor: pointer
    }

.mt-toast-dashboard .toast .mt-account-type {
    margin: 22px 0
}

.mt-new-project-list-sction .select2-selection__rendered {
    padding: 0 14px;
    width: 140%;
    background: rgba(0,0,0,0);
    left: 0;
    position: relative;
    padding-left: 44px
}

.select2-container .select2-results__option span.select2-results__option--checkbox {
    border-top: solid 0px #d9d9d9;
    padding: 10px 0;
    margin: 0 18px;
    position: relative;
    display: block
}

li.nav-item {
    position: relative
}

@media(min-width: 1300px)and (max-width: 1600px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -8px !important
    }
}

.mt-upload-profile-section .circle {
    border-radius: 100% !important;
    width: 154px;
    height: 154px;
    overflow: hidden;
    border: 2px solid #fff
}

.mt-calendar-filter.dropdown-menu.border-0.show {
    width: 282px;
    border-radius: 3px;
    right: auto !important;
    transform: none !important;
    top: 40px !important;
    left: -100% !important
}

@media only screen and (max-width: 992px) {
    .mt-filter .mt-action-group {
        padding: 0;
        margin: 0;
        justify-content: space-between;
        flex: 0 0 100%
    }
}

@media(max-width: 568px) {
    .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
        min-width: 0;
        padding: 0 10px;
        width: 97%
    }

        .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button div {
            display: flex
        }

    .mt-calendar-filter.dropdown-menu.border-0.show {
        max-width: 282px;
        border-radius: 3px;
        left: 0px !important
    }
}

.validation-criteria {
    color: red !important
}

    .validation-criteria.valid {
        color: green !important
    }

.valid-icon {
    color: green !important
}

.validation-criteria .valid .mt-icon-check {
    display: inline
}

.mt-toast-dashboard .toast .mt-user-name-text img {
    width: 72.5px;
    border-radius: 50%;
    height: 72.5px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #028be6;
    margin-bottom: 14px;
    color: #fff;
    margin: auto;
    font-size: 24px;
    text-align: center
}

@media(min-width: 992px) {
    .mt-calendar-filter.dropdown-menu.border-0.show {
        width: 282px;
        border-radius: 3px;
        right: auto !important;
        transform: none !important;
        top: 40px !important;
        position: absolute;
        max-width: 100%;
        left: -12vw !important;
        right: auto !important
    }
}

.mt-arestup-listing li .mt-arestup-inner .mt-siteaction a {
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-paycard.mt-addcta {
    border: 0;
    color: #fff !important;
    outline: 0;
    width: fit-content;
    background: #0f78e2 !important;
    height: auto !important;
    min-width: fit-content !important;
    padding: 15px 35px
}

.mt-username-mid:has(img) {
    background: rgba(0,0,0,0)
}

.mt-new-notification .mt-nt-user h4 {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
    margin: 0 0 0 12px
}

.mt-new-notification .mt-nt-caption .mt-nt-time {
    margin-left: 40px;
    font-size: 12px
}

.mt-new-notification .mt-nt-caption {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mt-new-notification .mt-new-notification .mt-nt-user h4 {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
    margin: 0 0 0 12px;
    line-height: 16px
}

.mt-new-notification .mt-nt-user .d-flex {
    align-items: baseline
}

.mt-new-notification .active-notification-icon {
    width: 8px;
    height: 8px;
    margin-bottom: 7px;
    background: #0f78e2;
    border-radius: 50px
}

.mt-new-notification .mt-nt-time:has(.active-notification-icon) {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mt-new-notification .active-notification-icon {
    width: 8px;
    height: 8px;
    margin-bottom: 7px;
    background: #0f78e2;
    margin-left: auto;
    border-radius: 50px
}

.mt-new-notification .mt-nt-userdetails {
    padding-left: 38px;
    margin-top: 18px
}

    .mt-new-notification .mt-nt-userdetails p {
        margin: 0;
        font-size: 12px;
        margin-bottom: 13px
    }

    .mt-new-notification .mt-nt-userdetails .bg-notification-box {
        background: #fff;
        padding: 15px 12px;
        border-radius: 6px;
        font-size: 12px;
        line-height: 18px;
        color: #3e3e3e;
        margin-bottom: 13px
    }

.mt-new-notification li.mt-nt-read {
    background-color: rgba(0,0,0,0) !important
}

.mt-new-notification .mt-nt-time p {
    margin: 0;
    color: #3e3e3e
}

.mt-new-notification li {
    position: relative
}

    .mt-new-notification li:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #d9d9d9;
        display: block;
        margin-top: 23.6px
    }

.mt-new-notification ul.mt-brdcrumb li:after {
    display: none
}

.mt-new-notification li.mt-nt-read .mt-new-notification-card {
    background: rgba(0,0,0,0) !important
}

.mt-new-notification .mt-nt-read .bg-notification-box {
    background: #f2f2f2 !important
}

.mt-new-notification .mt-new-notification .mt-nt-read .active-notification-icon {
    visibility: hidden !important
}

.mt-new-notification li.mt-nt-read .active-notification-icon {
    opacity: 0
}

.mt-new-notification .mt-assign-people {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    font-size: 11px;
    line-height: 26px;
    border: solid 1px #676767
}

.mt-new-notification .mt-nt-read .mt-new-notification-card {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important
}

.mt-new-notification .mt-username-mid:has(img)::before, .mt-new-notification .mt-username-mid:has(img)::after {
    display: none
}

.mt-new-notification .mt-username-mid:has(img) {
    border: 0 !important
}

.mt-new-notification li.mt-nt-followup .mt-username-mid {
    background-color: #fff;
    width: 26px;
    height: 26px;
    border: solid 0px #5bb14a;
    position: relative;
    line-height: 20px
}

.mt-new-notification .mt-nt-followup .active-notification-icon {
    width: 8px;
    height: 8px;
    margin-bottom: 7px;
    background: #5bb14a;
    margin-left: auto;
    border-radius: 50px;
    margin-left: auto
}

ul.mt-nt-notification-list.mt-new-notification li:last-child:after {
    opacity: 0 !important
}

.mt-filter-nt.mt-clear-filter a {
    text-decoration: none !important;
    color: #028be6 !important
}

.mt-filter-nt {
    font-size: 14px !important
}

.mt-new-notification li:first-child .mt-new-notification-card {
    margin-top: 0 !important
}

.mt-new-notification-card .mt-bredcrumb li::before {
    font-family: "mapmnt";
    content: "G";
    position: absolute;
    right: 0;
    color: #737373;
    font-size: 7px;
    top: 3px
}

.mt-new-notification-card .mt-bredcrumb li {
    position: relative
}

.mt-nt-userdetails .mt-brdcrumb li::before {
    font-family: "mapmnt";
    content: "G" !important;
    position: absolute;
    right: 0;
    color: #737373;
    font-size: 7px;
    top: 3px
}

ul.mt-brdcrumb li:before {
    content: "1" !important;
    display: block !important
}

.mt-nt-read .mt-nt-userdetails .mt-brdcrumb li:last-child::before {
    opacity: 0
}

.mt-new-notification .mt-nt-userdetails .bg-notification-box {
    background: hsla(0,0%,100%,.3764705882)
}

.tab-content.mt-nt-notification {
    padding-right: 10px
}

.card.card-body:has(.mt-card-no-notification) .mt-filter-nt {
    display: none
}

.mt-centered-no-notification-bar {
    height: calc(100vh - 300px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt-card-for-payment .mt-card-input-element {
    opacity: 0;
    position: absolute;
    width: 29px;
    top: -4px;
    left: -4px;
    cursor: pointer;
    right: 0;
    display: block;
    height: 29px
}

.mt-setup-block:has(.mt-sitetable) {
    padding: 38px 0px;
    background-color: #fbfbfb;
    color: #000
}

@media only screen and (max-width: 1400px) {
    .mt-setup-block:has(.mt-sitetable) {
        padding: 15px 0px
    }
}

@media(min-width: 1200px) {
    button.btn.border-0.shadow-none div {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
        min-width: 0;
        padding: 0 0px
    }

    .mt-right-side-menu button.btn.border-0.shadow-none div:first-child {
        margin-right: 10px
    }
}

.mt-card-for-payment {
    align-items: center
}

    .mt-card-for-payment .mt-flexarea h2 {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 0;
        color: #3e3e3e;
        margin-right: 22px
    }

        .mt-card-for-payment .mt-flexarea h2 b {
            font-weight: 700 !important
        }

td.dt-empty {
    vertical-align: middle;
    line-height: 50px
}

.navbar .navbar-nav .nav-item:hover, .navbar .navbar-nav .nav-item.active {
    opacity: 1;
    color: #fe9d21 !important
}

.mt-assign-people-listing .mt-assign-people:has(img) {
    background: rgba(0,0,0,0) !important;
    border: 0
}

.modal-body .mt-form-siteplan .mt-switch-siteplan .form-check-input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0px;
    font-family: "mapmnt";
    content: "K";
    font-size: 12px;
    background: #fff;
    align-items: center;
    width: 19px;
    height: 19px;
    display: flex;
    justify-content: center;
    color: #029efc !important;
    border-radius: 50%
}

.mt-form-siteplan .mt-switch-siteplan input:checked + label:after {
    left: calc(100% - 2px) !important;
    transform: translateX(-100%)
}

.mt-new-notification-card .mt-username-mid img {
    width: 26px;
    height: 26px;
    border-radius: 50%
}

.mt-dash-notification-section .tab-content ul li::after {
    display: none
}

.mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid:after {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 3px;
    top: 3px
}

.mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid:after {
    width: 18px;
    height: 18px;
    background-color: none !important;
    border: solid 0px #fff !important;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 3px;
    top: 3px
}

.mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid:before {
    width: 22px;
    height: 22px;
    background-color: #5bb14a;
    border: solid 1px #5bb14a;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 1px;
    top: 1px
}

.mt-nt-panel ul.mt-nt-notification-list li.mt-nt-followup .mt-username-mid {
    background-color: #5bb14a !important;
    width: 26px;
    height: 26px;
    border: solid 1px #5bb14a;
    position: relative;
    line-height: 20px;
    color: #fff !important
}

@media(min-width: 1400px) {
    .mt-new-project-list-header-section {
        position: relative;
        padding-top: 35px;
        margin-top: 7px;
        padding-bottom: 15px
    }
}

@media(min-width: 1300px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -23px !important
    }
}

#deleteConfirmationModalSpaceLocation .modal-dialog {
    max-width: 450px !important;
    text-align: center
}

#deleteConfirmationModalSpaceLocation .modal-footer {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    border-top: solid 1px #ccc
}

    #deleteConfirmationModalSpaceLocation .modal-footer .btn {
        width: 50%;
        background-color: #fff;
        height: 65px;
        color: #707070;
        font-size: 16px;
        font-weight: 600;
        border: solid 1px #fff;
        margin: 0
    }

@media only screen and (max-width: 1600px) {
    #deleteConfirmationModalSpaceLocation .modal-footer .btn {
        height: 48px
    }
}

#deleteConfirmationModalSpaceLocation .modal-footer .btn.btn-danger {
    background-color: #e04f44;
    border-color: #e04f44;
    color: #fff
}

#deleteConfirmationModalSpaceLocation .modal-header {
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 15px
}

    #deleteConfirmationModalSpaceLocation .modal-header .modal-title {
        width: 100%
    }

    #deleteConfirmationModalSpaceLocation .modal-header .btn-close {
        margin: 0 !important
    }

#deleteConfirmationModalSpaceLocation .modal-body {
    padding: 24px !important;
    min-height: 120px
}

    #deleteConfirmationModalSpaceLocation .modal-body .mt-form-siteplan {
        text-align: center !important;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        max-width: 74%;
        margin: 0 auto;
        font-size: 18px
    }

.mt-select-dropdown.filter.mt-filter + .mt-select-dropdown .group-dropdown-menu .dropdown-header {
    align-items: center;
    margin: 0
}

@media(min-width: 1350px) {
    #group-list .mt-form-group.mt-0.mt-form-group-mtgroup {
        max-width: 501px
    }
}

.dropdown-body-second-level {
    padding: 17px
}

@media(min-width: 1199px) {
    .mt-right-side-menu .dropdown-menu {
        left: -15px !important;
        position: relative;
        max-width: 621px
    }
}

.group-dropdown-menu .dropdown-body-second-level .mt-delete {
    outline: 0;
    width: 16px;
    height: 16px;
    border-radius: 7px;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    margin: 0 -5px
}

.btn-sm-color {
    margin-left: 0;
    font-size: 6px
}

.mt-new-project-list-sction .mt-right-side-menu .btn-sm-color i.mt-icon-close {
    font-size: 11px;
    opacity: 1;
    margin-right: 0;
    font-weight: 800;
    text-shadow: 0 0 #000
}

.group-dropdown-menu .dropdown-body-second-level input.form-control {
    width: 100%
}

.group-dropdown-menu .dropdown-footer a {
    margin-right: 0
}

@media(min-width: 1300px) {
    .mt-new-project-list-sction .nav-link:after {
        bottom: -23px !important
    }
}

.dropdown-body-second-level .mt-icon-drag {
    font-size: 10px
}

.group-dropdown-menu .dropdown-footer a {
    margin-right: 0;
    display: flex;
    align-items: baseline
}

.navbar {
    padding: 12.5px 0px !important;
    z-index: 999;
    position: relative
}

.mt-addnewproject-outer .mt-siteplan-outer .mt-filter-switchtoggle .form-check-label {
    font-size: 15px !important;
    color: #424547 !important;
    font-weight: 500
}

.mt-form-grpup-panel .col-md-6 .mt-form-group label + .form-select {
    border: solid 1px #aaa;
    border-radius: 6px;
    padding: 8px 15px;
    box-shadow: none;
    font-size: 14px;
    min-height: 52px
}

.ql-editor.ql-blank::before {
    font-style: normal
}

.table-responsive.col-md-6.col-xl-4 td, .table-responsive.col-md-6.col-xl-4 tr.table-responsive.col-md-6.col-xl-4 td, .table-responsive.col-md-6.col-xl-4 th {
    background: rgba(0,0,0,0) !important
}

.mt-table-wrap .table tr.group-header td i.mt-icon-app-move-column {
    font-size: 19px;
    margin-right: 5px;
    color: #3e3e3e;
    line-height: 1
}

.mt-modalsite .btn-close {
    font-size: 4px;
    color: #cecece;
    margin-right: 21px;
    opacity: 1;
    position: absolute;
    right: 0;
    padding: 0;
    height: 16px;
    width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .2
}

.mt-group-modal-content p br:empty {
    display: none
}

.mt-group-modal-content p:has(br:empty) {
    display: none;
    background: #000;
    height: 10px;
    width: 100%;
    margin: 0
}

.mt-group-modal-content .second input[type=checkbox] {
    min-height: 24px;
    min-width: 24px;
    border-radius: 3px;
    overflow: hidden;
    border-color: #b0b0b0;
    margin-left: 20px
}

table .accordion-body p {
    max-width: 589px;
    margin: auto !important;
    display: block
}

table .dropdown-body .mt-add-group-button {
    padding: 11px 57px;
    background: #00cbfd;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    border: 0;
    border-radius: 7px;
    margin-top: 23px
}

table .dropdown-body .mt-add-group-button {
    padding: 9px 14px;
    background: #00cbfd;
    color: #fff;
    font-size: 15px;
    margin-right: 10px;
    border: 0;
    border-radius: 7px;
    margin-top: 23px
}

    table .dropdown-body .mt-add-group-button .mt-icon-add:before {
        content: "L";
        font-weight: 900;
        font-size: 11px
    }

@media(min-width: 1299px) {
    .modal-dialog.modal-sm.modal-dialog-centered.mt-modal-sm.mt-modalsite {
        margin-top: 45px
    }

        .modal-dialog.modal-sm.modal-dialog-centered.mt-modal-sm.mt-modalsite .mt-formblock .form-control {
            height: 47px;
            background: rgba(0,0,0,0);
            border: solid 1px #aaa;
            font-size: 16px;
            color: #424547 !important;
            opacity: 1
        }
}

.modal-dialog.modal-sm.modal-dialog-centered.mt-modal-sm.mt-modalsite p.my-3 b {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600 !important;
    color: #424547 !important
}

@media(min-width: 1299px) {
    .modal-dialog.modal-sm.modal-dialog-centered.mt-modal-sm.mt-modalsite {
        margin-top: 67px
    }
}

.modal-dialog.modal-sm.modal-dialog-centered.mt-modal-sm.mt-modalsite .mt-heading-activity.mt-0 + p {
    padding-top: 7px
}

.mt-siteaction a {
    display: flex;
    align-items: center;
    justify-content: center
}

    .mt-siteaction a i {
        color: #424547;
        line-height: 24px;
        font-size: 16px
    }

a.mt-site-more:has(.mt-icon-drag) {
    padding-left: 6px
}

.mt-invite-user-modal .mt-use-access-level-check {
    padding-left: 14px
}

span.select2-selection.select2-selection--single {
    display: flex;
    align-items: center
}

.mt-page-holder .mt-form-inputgroup {
    margin-top: 14px
}

.mt-file-upload label[for=et_pb_contact_brand_file_request_0]:before {
    content: "Drag and Drop file here or Choose file";
    display: block;
    position: absolute;
    top: 68%;
    font-size: 14px;
    color: #323232;
    font-weight: 400;
    left: 0;
    font-family: "Public Sans";
    right: 0;
    letter-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media(max-width: 567px) {
    .mt-new-special-purchase .mt-activity-outer {
        height: calc(100vh - 550px)
    }
}

@media(min-width: 568px)and (max-width: 767px) {
    .mt-new-special-purchase .mt-activity-outer {
        height: calc(100vh - 500px)
    }
}

@media(min-width: 768px) {
    .mt-new-special-purchase .mt-activity-outer {
        height: calc(100vh - 450px)
    }
}

table .mt-user-seup-profile {
    min-width: 40px !important;
    min-height: 40px !important;
    margin-right: 0 !important;
    border-radius: 50px;
    max-width: 40px !important;
    max-height: 40px !important
}

.mt-new-page-add .mt-markcomplete {
    padding: 20px 0;
    width: 192px;
    padding-bottom: 7px
}

.mt-calendar-filter .mt-calendar-filter-content {
    padding: 0 18px 0px 18px;
    overflow: auto;
    max-height: calc(60vh - 220px)
}

@media(max-width: 568px) {
    .row.mt_mb_40 .col-md-4 .mt-dropdown-group .mt-select-dropdown select {
        background-color: rgba(0,0,0,0);
        font-size: 16px;
        color: #fff;
        padding: 0 10px;
        border: none;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.mt-table-wrap .table tr td p {
    margin: 0
}

.mt-sumery-select .mt-color-option input {
    position: absolute !important;
    width: 50px;
    height: 35px;
    overflow: hidden;
    left: -10px;
    opacity: 0 !important;
    cursor: pointer;
    top: -2px
}

.mt-sumery-select .mt-color-option {
    cursor: pointer;
    overflow: hidden;
    position: relative
}

@media(min-width: 1200px)and (max-width: 1600px) {
    .mt-select-dropdown.filter.mt-filter i {
        margin-left: 0
    }
}

.mt-siteplanpurchase-layout .mt-new-project-list-sction .mt-right-side-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.modal-header.SpecialPurchasepopup-header button.btn-close {
    font-size: 30px;
    width: 18px;
    height: 32px;
    opacity: .3
}

.mt-addnewSpecialPurchasepopup p {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    margin: 0
}

.mt-addnewSpecialPurchasepopup .mt-add-new-page-header {
    background: #eaeaea;
    border-radius: 2px;
    padding: 11px 17px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0
}

    .mt-addnewSpecialPurchasepopup .mt-add-new-page-header h2 {
        font-size: 18px;
        margin: 0
    }

@media(max-width: 768px) {
    .mt-addnewSpecialPurchasepopup .mt-add-new-page-header h2 {
        font-size: 14px
    }
}

.mt-addnewSpecialPurchasepopup .mt-add-new-page-header h3 {
    font-size: 16px;
    margin: 0
}

    .mt-addnewSpecialPurchasepopup .mt-add-new-page-header h3 span {
        font-weight: 600
    }

#editor, #editors {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 1px solid #aaa !important;
    border-top: 0 !important;
    margin-bottom: 25px !important
}

@media(max-width: 1367px) {
    body.mt-siteplan-layout .mt-checklocation:last-child {
        padding-left: 0 !important
    }
}

@media(min-width: 1200px)and (max-width: 1500px) {
    .mt-select-dropdown.filter.mt-filter i {
        margin-left: -6px;
        padding-left: 0
    }
}

.mt-new-project-list-sction .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px;
    position: absolute;
    top: 1px;
    right: 10px;
    width: 27px
}

.mt-new-project-list-sction .mt-area-setup-select .select2-container .select2-selection--single {
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    cursor: pointer;
    display: flex;
    padding-top: 2px;
    height: fit-content !important;
    min-width: 96px;
    user-select: none;
    position: relative;
    border: 0;
    color: #424547;
    -webkit-user-select: none;
    padding-left: 12px;
    align-items: center
}

.mt-area-setup-select .select2-container {
    box-sizing: border-box;
    display: flex;
    position: relative;
    vertical-align: middle;
    justify-content: space-between;
    align-items: center
}

.mt-addcta:hover {
    box-shadow: 0 1px 3px rgba(140,140,140,.7);
    transition: all ease-in-out .3s;
    background-color: #fe9d21
}

.mt-arestup-listing li .mt-arestup-inner h6 {
    margin: 0;
    font-size: 15px;
    color: #3e3e3e;
    font-weight: 500;
    width: 70%;
    display: flex;
    line-height: 1.4;
    word-break: break-all
}

.mt-reminder-main-toast-backdrop {
    z-index: 999999
}

.mt-reminder-main-toast {
    z-index: 9999999
}

.mt-new-page-add .mt-addnewproject-outer {
    max-width: 100%;
    margin: auto;
    position: unset;
    padding: 0 15px;
    z-index: 9
}

.mt-nt-read .mt-nt-userdetails .mt-brdcrumb li::before {
    font-family: "mapmnt";
    content: "G";
    position: absolute;
    right: 0;
    color: #737373;
    display: none;
    font-size: 7px;
    top: 0px
}

@media(min-width: 992px)and (max-width: 1370px) {
    .mt-right-side-menu button.btn.border-0.shadow-none.show div:first-child {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media(min-width: 568px) {
    .mt-siteplanpurchase-layout .mt-new-project-list-sction .nav-link:after {
        bottom: -4px !important
    }
}

.mt-new-project-list-sction .mt-right-side-menu i.mt-icon-close {
    font-size: 11px;
    opacity: .8;
    margin-top: 5px
}

@media(max-width: 568px) {
    .mt-siteplan {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap !important
    }

    .mt-new-project-list-header-section .form-check-label {
        color: #424547 !important;
        line-height: 28px;
        display: flex;
        flex-direction: column
    }

    .mt-new-project-list-header-section .form-check-label {
        color: #424547 !important;
        line-height: 28px;
        display: flex;
        flex-direction: column;
        white-space: nowrap;
        align-items: baseline
    }
}

@media(min-width: 992px)and (max-width: 1399px) {
    .mt-calendar-filter.dropdown-menu.border-0.show {
        width: 282px;
        border-radius: 3px;
        right: auto !important;
        transform: none !important;
        top: 40px !important;
        position: absolute;
        max-width: 100%;
        left: -20vw !important;
        right: auto !important
    }
}

button.mt-reactivate-status.btn-reactivate-plan.btn {
    max-width: 130px;
    border: 1px solid #00d800;
    color: #00d800;
    font-size: 14px;
    padding: 5px 20px
}

    button.mt-reactivate-status.btn-reactivate-plan.btn:hover {
        background: #e2f8e2
    }

.mt-listing-outer + .d-flex .w-100 .mt-markcomplete {
    border: 0;
    margin-bottom: 20px !important
}

@media(max-width: 1390px) {
    button.btn-cancel-plan.btn {
        max-width: 130px;
        border: 1px solid #eb001b;
        color: #eb001b;
        font-size: 13px;
        padding: 5px 4px
    }

    button.btn-change-plan.btn {
        border: 1px solid #d9d9d9;
        color: #424547;
        padding: 5px 4px;
        font-size: 13px
    }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #707070 !important;
    line-height: 28px
}

button.mt-special-purchase.mt-work-special-purchase {
    background: #47697e
}

body:has(.collapse-horizontal.collapse.show) .navbar {
    box-shadow: none !important
}

body:has(.mt-new-dashboard.show) .navbar {
    z-index: 9999;
    box-shadow: none
}

table td .mt-add-group-accordion .accordion-item {
    background: #fff
}

@media(min-width: 1200px)and (max-width: 1600px) {
    .mt-recent-items-section:has(.mt-dash-notification-section) {
        max-height: 417px;
        overflow: hidden;
        box-shadow: 0px 16px 12px hsla(0,0%,80%,0.0862745098)
    }
}

.mt-login-rgt-inner form > div {
    padding-right: 15px
}

.mt-manuall-details-section-for-spd .mt-special-purchase-component-title {
    font-size: 16px;
    font-weight: bold;
    color: #424547;
    margin-bottom: 15px
}

.mt-new-project-list-sction .mt-select-dropdown {
    font-size: 15px
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    min-width: fit-content
}

.btn-group button.dropdown-toggle i {
    font-size: 13px !important
}

.mt-notification-sidebar-with-tabs ul.dropdown-menu {
    border: 0;
    border-radius: 6px 0 6px 6px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.0901960784);
    padding: 10px
}

    .mt-notification-sidebar-with-tabs ul.dropdown-menu li {
        margin-bottom: 0;
        padding-bottom: 5px
    }

.mt-form-group-mtgroup {
    max-width: 501px
}

.group-dropdown-menu .dropdown-body .mt-add-group-button i.mt-icon-add.me-2 {
    font-size: 10px
}

.mt-new-page-add .mt-new-form .form-group {
    margin-bottom: 30px;
    margin-top: 30px
}

.mt-new-custom-date-picker button.btn.btn-outline-secondary.border-left-0 {
    height: 42px
}

@media(min-width: 1600px) {
    .mt-new-custom-date-picker button.btn.btn-outline-secondary.border-left-0 {
        right: 10px;
        position: relative;
        height: 52px
    }
}

#area-setup section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section .col-md-5 {
    padding: 0
}

#account-setup section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section .col-md-5, #account-setup section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section .col-md-6:first-child {
    padding-left: 0
}

div#account-setup .tab-pane .container-fluid, #user-info .tab-pane .container-fluid {
    padding-left: 15px !important
}

#sites-setup .tab-pane .container-fluid {
    padding-left: 24px !important
}

.mt-arestup-listing + a .mt-icon-add {
    font-size: 8px;
    margin-right: 2px
}

.mt-siteaction .mt-sub-siteplanimgview {
    margin-right: 40px;
    color: #3e3e3e;
    text-decoration: none
}

div#mt-addsite-modal-send .mt-modalsite .btn-close {
    width: 22px
}

.mt-form-inputgroup.mt-new-form .mt-datepicker {
    margin-bottom: 20px
}

#user-info .mt-new-site-setup-section .mt-dashboard-tabs-section .nav-link:after {
    background: #fe9d21;
    bottom: -8px !important
}

#user-info .mt-subtitle {
    padding-bottom: 12px
}

.mt-invite-user-modal .mt-modalsite .btn-close {
    right: 8px
}

.mt-upload-profile-section .close-button {
    font-size: 8px
}

.mt-upload-profile-section .p-image {
    right: -5px;
    top: 12px
}

td .form-check.form-switch.mt-switch-siteplan.mt-site-toggle {
    margin-left: 25px
}

.mt-calendarfilter-outer button.btn.border-0.shadow-none div {
    justify-content: flex-start
}

.mt-recent-items-section .mt-calendar-filter.dropdown-menu.border-0.show {
    left: -8vw !important
}

@media(max-width: 1199px) {
    .mt-calendar-filter.dropdown-menu:has(.mt-filter-body) {
        min-width: 300px;
        max-width: 100% !important
    }
}

button.btn.border-0.shadow-none div {
    justify-content: start
}

.mt-nt-userdetails .mt-brdcrumb li:last-child::before {
    display: none;
    opacity: 0
}

.mt-table-wrap .table tr td {
    padding: 7px 15px 7px 10px
}

/*    .mt-table-wrap .table tr td:has(.mt-icon-flag) {
        padding-left: 24px
    }*/

body.modal-open .modal-backdrop {
    display: block !important;
    opacity: .5 !important
}

.mt-create-collumg-section .form-switch .form-check-input {
    filter: brightness(90%)
}

.tab-content .mt-special-page-details-add .form-group.mt-dropmenu {
    margin-bottom: 0 !important
}

.mt-new-page-add .mt-addnewproject-outer .form-control {
    font-size: 14px;
    min-height: 52px
}

.mt-new-special-purchase .mt-overview {
    font-size: 16px;
    color: #424547;
    white-space: normal;
    line-height: 24px;
    word-wrap: break-word
}

section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section table.table.mt-payment-table th:first-child {
    max-width: 16vw !important;
    opacity: 1
}

@media(min-width: 1548px) {
    section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section table.table.mt-payment-table th:first-child {
        min-width: 15vw !important;
        opacity: 1
    }
}

.mt-new-add-project-modal-popup .mt-editable-buttons:first-child {
    margin-left: 0
}

@media(max-width: 768px) {
    .mt-new-add-project-modal-popup .mt-tool-groups-flex {
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 15px
    }

    button#zoomIn:has(.mt-icon-plus) {
        margin-left: -15px !important
    }

    .mt-manuall-details-section-for-spd.mt-0 {
        margin-top: 30px !important
    }
}

.modal-dialog.modal-lg.modal-dialog-centered.modal-dialog-scrollable.mt-location-popup .mt-siteplan-action {
    /*margin-top: 37px !important;*/
    margin-bottom: 20px !important
}

#area-setup section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section .col-md-5:first-child, #area-setup section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section .col-md-6:first-child {
    padding-left: 0 !important;
    padding-right: 15px !important
}

.mt-change-plan-modal-popup .mt-upgrade-plan-modal {
    background: #0f78e2;
    border-radius: 6px;
    padding: 26px 26px 26px 19px;
    display: flex;
    align-items: center;
    margin: 22px 0;
    justify-content: space-between
}

    .mt-change-plan-modal-popup .mt-upgrade-plan-modal h6 {
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 0
    }

    .mt-change-plan-modal-popup .mt-upgrade-plan-modal p {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 0
    }

    .mt-change-plan-modal-popup .mt-upgrade-plan-modal .btn-upgrade-to-ultimate {
        padding: 12px 19px;
        border: 1px solid #fff;
        border-radius: 7px;
        color: #fff;
        background: rgba(0,0,0,0);
        text-align: center
    }

        .mt-change-plan-modal-popup .mt-upgrade-plan-modal .btn-upgrade-to-ultimate:hover {
            background: #fff;
            color: #0f78e2
        }

.mt-change-plan-modal-popup .accordion {
    border: 0
}

.mt-change-plan-modal-popup .accordion-item {
    margin-bottom: 0px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #323232
}

.mt-change-plan-modal-popup .mt-billing-charges {
    font-size: 16px;
    line-height: 20px;
    color: #071722
}

.mt-change-plan-modal-popup .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none
}

.mt-change-plan-modal-popup .accordion-button:not(.collapsed) {
    color: #323232;
    margin: 0;
    background-color: rgba(0,0,0,0) !important;
    box-shadow: none !important
}

.mt-change-plan-modal-popup .accordion-body {
    padding: var(--sd-accordion-body-padding-y) var(--sd-accordion-body-padding-x);
    margin: 0;
    padding: 0 0 15px 0
}

    .mt-change-plan-modal-popup .accordion-body p {
        font-size: 14px;
        line-height: 24px;
        color: #676767;
        margin: 0
    }

.mt-change-plan-modal-popup .accordion-item:first-of-type > .accordion-header .accordion-button {
    margin-bottom: 0
}

.mt-change-plan-modal-popup button.accordion-button {
    padding: 15px 0
}

.mt-change-plan-modal-popup .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.mt-change-plan-modal-popup button.accordion-button {
    border-bottom: 0px solid #323232;
    padding: 15px 0;
    border-radius: 0;
    color: #323232;
    font-size: 16px
}

.mt-change-plan-modal-popup .mt-go-unlimited {
    margin: 33px 0;
    width: 100%;
    display: flex;
    align-items: center
}

    .mt-change-plan-modal-popup .mt-go-unlimited .mt-unlimited-line {
        width: 50%;
        height: 1px;
        background: #707070
    }

    .mt-change-plan-modal-popup .mt-go-unlimited span {
        font-size: 16px !important;
        line-height: 32px !important;
        position: relative;
        white-space: nowrap;
        margin: auto;
        display: block;
        color: #707070 !important;
        background: #fff;
        padding: 2px 15px
    }

.mt-change-plan-modal-popup hr {
    opacity: 1;
    background: #c1c1c1;
    margin: 12px
}

.mt-change-plan-modal-popup .mt-subscription-plan p {
    font-size: 14px;
    color: #3e3e3e;
    margin: 0
}

.mt-change-plan-modal-popup .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0 !important
}

.modal-body:has(.mt-ultimate-checkbox:not(.d-none)) .mt-upgrade-plan-modal {
    display: none
}

.modal-body:has(:not(.mt-ultimate-checkbox.d-none)) .mt-billing-charges {
    margin-top: 22px
}

.mt-change-plan-modal-popup .accordion-body {
    font-size: 14px;
    line-height: 21px
}

.mt-change-plan-modal-popup .mt-form-siteplan .mt-subtext {
    font-size: 14px;
    color: #323232;
    margin: 0 0 20px 0;
    font-weight: 400;
    line-height: 25px
}

.mt-person-checklist-description {
    color: #3e3e3e;
    border: solid 1px #aaa;
    border-radius: 0 6px 6px 0;
    padding: 18px;
    max-width: 430px;
    position: absolute;
    right: 0;
    z-index: 9;
    font-size: 16px;
    left: 100%;
    width: 100%;
    transform: translateY(20%);
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    background-color: #333
}

    .mt-person-checklist-description p {
        font-size: 16px;
        color: #fff;
        margin: 0 0 5px 0
    }

.mt-person-checklist-description {
    padding: 16px 23px;
    color: #fff
}

.mt-person-checklist-description {
    color: #3e3e3e;
    border: solid 1px #aaa;
    border-radius: 0 6px 6px 0;
    padding: 18px;
    max-width: 430px;
    position: absolute;
    right: 0;
    z-index: 9;
    font-size: 16px;
    left: 100%;
    width: 100%;
    transform: translateY(20%);
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    background-color: #333
}

.select2-container .select2-results__option {
    padding: 7px;
    margin-bottom: 0;
    border-bottom: 5px solid #fff
}

    .select2-container .select2-results__option:last-child {
        border-bottom: 0 !important
    }

@media(min-width: 1200px)and (max-width: 1400px) {
    .mt-select-dropdown.filter.mt-filter i {
        margin-left: 0px;
        padding-left: 0
    }

    .mt-calendar-filter .mt-calendar-filter-content {
        margin-bottom: 20px
    }
}

.mt-title:has(.mt-logo-meridian) {
    overflow: hidden;
    max-height: 88px;
    display: flex;
    align-items: center
}

.mt-title .mt-logo-meridian {
    padding-right: 42px;
    margin-right: 42px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px
}

    .mt-title .mt-logo-meridian:before {
        width: 2px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        max-height: 89px !important
    }

@media(min-width: 1200px) {
    .mt-title:has(.mt-logo-meridian) .mt-title-content {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .mt-title .mt-logo-meridian:before {
        width: 2px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0px;
        content: "";
        min-height: 82px !important
    }
}

.mt-new-page-add .mt-addnewproject-outer .form-control {
    font-size: 14px;
    min-height: 52px;
    border: 1px solid #aaa
}

.mt-title .mt-logo-meridian:before {
    width: 2px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    max-height: 100% !important
}

@media(min-width: 992px) {
    .m3-activity-log-custom-sec {
        height: calc(100vh - 213px)
    }

    .mt-new-special-purchase .mt-activity-outer {
        height: calc(100vh - 374px)
    }

    .mt-activity-tabs-panel {
        margin: 0 20px
    }

    .mt-commenttab-outer {
        margin: 0 20px
    }
}

@media(max-width: 568px) {
    .mt-new-dashboard .mt-recent-items-section .mt-searchbar input {
        min-width: 100%;
        width: 100%
    }

    .mt-new-dashboard .mt-recent-items-section .mt-searchbar + .mt-select-dropdown {
        min-width: 100%;
        margin: 15px 0 !important
    }

    .mt-recent-items-section .mt-calendar-filter.dropdown-menu.border-0.show {
        left: 0vw !important
    }

    .mt-new-dashboard .mt-recent-items-section .mt-searchbar {
        position: relative;
        margin-right: 0;
        width: 100%
    }

    .mt-new-project-list-header-section .mt-select-dropdown {
        width: 100%
    }
}

@media(min-width: 568px)and (max-width: 992px) {
    .mt-new-dashboard .mt-recent-items-section .mt-right-side-menu {
        flex-wrap: wrap;
        justify-content: start;
        align-items: center
    }

    .mt-new-dashboard .mt-recent-items-section .mt-project-list-btn {
        margin-top: 15px;
        width: fit-content
    }

    .mt-new-dashboard .mt-recent-items-section .mt-project-list-btn {
        margin: 0
    }
}

@media(max-width: 992px) {
    .mt-new-project-list-sction .mt-right-side-menu {
        display: flex;
        justify-content: start;
        gap: 0 15px
    }
}

@media(max-width: 768px) {
    button.mt-select-dropdown.mt-send-btn {
        max-width: 68px !important;
        min-width: fit-content;
        max-width: fit-content !important
    }
}

@media(max-width: 1200px) {
    .mt-new-project-list-sction .mt-project-list-btn {
        max-width: 100% !important;
        padding: 9px 30px !important;
        width: auto;
        margin: 0
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .mt-new-project-list-sction .mt-searchbar input {
        margin-left: 0
    }
}

@media(min-width: 768px) {
    .m3-activity-log-custom-sec {
        height: calc(100vh - 204px) !important
    }
}

@media(min-width: 1600px) {
    .m3-activity-log-custom-sec {
        height: calc(100vh - 213px) !important
    }
}

@media(min-width: 768px) {
    .mt-new-special-purchase .mt-activity-outer {
        height: calc(100vh - 373px) !important
    }

    .mt-filter-block .mt-dropdown-group {
        margin: 0 !important;
        padding-top: 0
    }
}

.m3-activity-log-custom-sec {
    background: #fff
}

@media(max-width: 350px) {
    .mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
        width: 100% !important;
        padding: 0;
        max-width: 100%
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        width: 100%;
        text-align: left;
        justify-content: space-between
    }

    .mt-select-dropdown .dropdown:has(.mt-icon-arrow-down) {
        width: 100%
    }

    button.mt-select-dropdown.mt-send-btn {
        min-width: 48%
    }

    .mt-new-project-list-sction .mt-project-list-btn {
        width: 100%
    }
}

@media(max-width: 568px) {
    .mt-siteplan .form-check {
        position: absolute !important;
        top: 0
    }
}

.mt-checklocation .flex-box label {
    font-weight: 600;
    color: #424547
}

.mt-checklocation .flex-box label {
    font-weight: 600;
    color: #424547
}

.mt-form-inputgroup.mt-new-form .mt-datepicker {
    margin-bottom: 0
}

@media(max-width: 568px) {
    .mt-add-new-page-header-section .mt-add-new-page-header h2 {
        font-size: 15px !important;
        font-weight: bold;
        text-transform: capitalize;
        margin: 0;
        line-height: 22px
    }
}

@media(max-width: 768px) {
    .mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
        min-width: 100% !important;
        padding: 0;
        max-width: fit-content
    }
}

@media(max-width: 568px) {
    section.mt-setup-block .mt-addcta {
        min-width: 100%;
        margin: 0;
        width: 100%;
        display: block
    }

    section.mt-setup-block .mt-addcta {
        min-width: fit-content;
        margin: 0 15px;
        max-width: 100%
    }

    .mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
        width: 100% !important;
        padding: 0;
        min-width: 100% !important;
        max-width: fit-content
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .mt-new-project-list-sction .mt-searchbar .mt-searchbtn {
        left: 6px
    }
}

@media(min-width: 768px) {
    .mt-activity-block {
        top: auto !important
    }
}

.mt-new-add-project-modal-popup .mt-setuparea-inner-rgt {
    max-height: 50vh;
    overflow: auto
}

.mt-new-add-project-modal-popup .modal-body {
    padding-top: 24px;
    overflow: hidden
}

.mt-rename-box .dropdown-body {
    padding: 43px 43px 60px 43px !important;
    margin: 0 !important
}

.mt-rename-box {
    padding: 0 !important
}

    .mt-rename-box p.text-start.mb-4 {
        margin-bottom: 5px !important;
        font-weight: 600;
        font-size: 16px
    }

.modal-body.group-dropdown-menu.shadow-none.pb-4.mt-rename-box {
    width: auto !important;
    max-width: 100% !important
}

    .modal-body.group-dropdown-menu.shadow-none.pb-4.mt-rename-box input.form-control {
        max-width: 504px !important
    }

.modal .mt-siteplan-action {
    max-height: 400px;
    overflow: hidden;
}

.mt-recent-items-section .mt-dashboard-tabs-section.mt-project-list-tabs .nav-link:after {
    background: #00cbfd !important
}

.mt-recent-items-section .mt-dashboard-tabs-section.mt-work-list-tabs .nav-link:after {
    background: #47697e !important
}

@media(min-width: 1600px) {
    .mt-activity-block {
        width: calc(55% - 80px)
    }
}

body:has(.mt-new-dashboard.show) .navbar {
    position: fixed;
    width: 100%
}

#notifications-backdrop {
    display: none;
    height: 100%;
    position: absolute;
    width: 100vw;
    background: #000;
    opacity: .5;
    z-index: 99 !important;
    position: fixed
}

body:has(.mt-new-dashboard.show) {
    position: fixed;
    overflow: hidden;
    height: 100vh
}

.mt-siteplan-content .mt-siteplan-layout {
    max-height: 821px
}

body.mt-siteplanpurchase-layout .mt-activity-block::before {
    background: #fff;
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: -1
}

@media(min-width: 1200px) {
    .mt-siteplanpurchase-layout .mt-special-purchase-card-left {
        width: 50%;
        margin: 0 0 0 0
    }

    .mt-siteplanpurchase-layout .mt-new-project-list-sction .mt-right-side-menu {
        display: none;
        flex-wrap: wrap;
        gap: 10px
    }
}

@media(min-width: 568px) {
    .mt-siteplanpurchase-layout .mt-new-project-list-sction .nav-link:after {
        bottom: -24px !important
    }
}

@media(min-width: 1200px) {
    .mt-arestup-listing li .mt-arestup-inner {
        flex-wrap: nowrap
    }
}

@media(max-width: 768px) {
    .mt-new-page-add .mt-addnewproject-outer {
        padding: 0
    }

    body.mt-siteplan-layout .mt-siteplan-content {
        width: 100% !important;
        padding: 0 !important
    }

    .mt-form-inputgroup.mt-new-form .col-md-6.col-xxl-6:has(.mt-datepicker) {
        margin-bottom: 30px
    }
}

.mt-new-project-list-sction .mt-table-wrap .table thead tr th .dt-column-title .mt-checkbox {
    display: block !important
}

@media(min-width: 568px)and (max-width: 768px) {
    .mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
        min-width: fit-content;
        padding: 0;
        max-width: fit-content
    }

    .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
        min-width: fit-content;
        padding: 0px 0px;
        align-items: start;
        max-width: fit-content
    }
}

@media(min-width: 568px)and (max-width: 768px)and (max-width: 768px) {
    .mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
        min-width: fit-content !important
    }
}

@media(max-width: 768px) {
    .mt-ctagroup {
        right: 0 !important
    }
}

.mt-special-purchase .mt-dashboard-tabs-section {
    margin: 12px 0 8px 0
}

.mt-special-purchase.mt-new-project-list-sction .nav-link:after {
    bottom: -21px !important
}

.mt-siteplan .mt-dropdown-group .mt-select-dropdown {
    padding: 0 14px 0 0
}

    .mt-siteplan .mt-dropdown-group .mt-select-dropdown:last-child {
        padding: 0
    }

@media(min-width: 1600px) {
    .mt-setup-tabs {
        padding: 32px 0 27px 0
    }

    .mt-new-site-setup-section .mt-setup-tabs a:before {
        bottom: -28px
    }

    .badge-section + .vr {
        margin: 0 14px
    }
}

.mt-new-dashboard .col-md-4 .mt-dropdown-group .mt-select-dropdown select {
    appearance: none
}

.mt-new-dashboard .col-md-4 .mt-dropdown-group .mt-select-dropdown:after {
    content: "b";
    font-size: 7px;
    font-family: "mapmnt";
    position: absolute;
    top: 2px;
    right: 10px;
    top: 12px
}

.mt-new-dashboard .col-md-4 .mt-dropdown-group .mt-select-dropdown {
    position: relative;
    padding-right: 15px
}

@media(min-width: 1600px) {
    .mt-new-dashboard .mt-recent-items-section i.mt-icon-filter-nt {
        font-size: 17px;
        padding-left: 2px;
        margin-right: 0px;
        color: #424547
    }

    .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
        min-width: 107px;
        padding: 0 0px
    }

    .mt-new-dashboard .mt-recent-items-section i.mt-icon-filter-nt {
        position: relative;
        top: 2px
    }

    .mt-right-side-menu button.btn.border-0.shadow-none i:before {
        font-weight: 100
    }

    .mt-new-dashboard .mt-right-side-menu .dropdown i.mt-icon-arrow-down {
        font-size: 7px;
        position: relative;
        top: 3px
    }

    .mt-recent-items-section .mt-dashboard-tabs-section .nav-link:after {
        bottom: -8px
    }
}

@media(min-width: 1367px)and (max-width: 1568px) {
    .mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
        justify-content: center
    }
}

.mt-new-special-purchase .mt-activity-tabs-panel {
    padding: 15px 0 7px 0
}

.mt-new-special-purchase .nav .nav-link.active:before {
    bottom: -7px
}

.mt-activity-block .nav .nav-link.active {
    font-weight: 700
}

.mt-new-project-list-header-section .form-check-label {
    color: #424547 !important;
    line-height: 28px;
    font-size: 15px
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
    appearance: none;
    padding-right: 15px
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown:after {
    content: "b";
    font-size: 7px;
    font-family: "mapmnt";
    position: absolute;
    top: 2px;
    right: 10px;
    top: 12px
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown {
    position: relative
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown {
    position: relative;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    border-radius: 7px;
    padding: 0;
    margin-right: 14px
}

    .mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown:last-child {
        margin-right: 0 !important
    }

.mt-table-wrap .table tr td i.mt-icon-flag-priority {
    margin-left: 16px
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
    appearance: none;
    padding-right: 15px;
    border: 0 !important
}

@media(min-width: 1600px) {
    .mt-recent-items-section .mt-dash-right-sidebar .mt-dashboard-tabs-section .nav-link:after {
        bottom: -6px
    }
}

@media(max-width: 1200px) {
    .mt-user-signout {
        display: flex;
        justify-content: start
    }

        .mt-user-signout i {
            color: #999 !important;
            width: fit-content;
            margin-right: 11px
        }
}

.mt-new-dashboard .mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
    justify-content: center
}

@media(min-width: 1600px) {
    .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
        min-width: auto;
        padding: 0 0px
    }
}

@media(min-width: 1600px) {
    .mt-recent-items-section .mt-dash-right-sidebar .mt-dashboard-tabs-section .nav-link:after {
        bottom: -5px
    }
}

@media(min-width: 1200px) {
    .display-zoom-options {
        right: 20px
    }
}

.mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
    z-index: 9 !important
}

@media(min-width: 1099px)and (max-width: 1299px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -5px !important
    }
}

@media(max-width: 768px) {
    .mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown {
        width: 50%
    }

        .mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
            margin-bottom: 0
        }

    .mt-new-project-list-header-section {
        margin-top: 60px
    }
}

@media(max-width: 400px) {
    .mt-new-project-list-header-section .mt-dropdown-group {
        display: block
    }

        .mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown {
            width: 100%;
            margin-bottom: 15px
        }

    .mt-new-project-list-header-section {
        margin-top: 60px
    }

    .mt-siteplan .form-check {
        position: absolute !important;
        top: -40px
    }

    .mt-new-project-list-sction .mt-select-dropdown {
        padding: 5px;
        font-size: 15px
    }

    .mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
        min-width: 0;
        padding: 0 10px;
        width: 100%
    }

    .mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
        padding: 10px !important;
        width: auto !important
    }

    .mt-new-project-list-sction .mt-project-list-btn {
        margin: auto;
        display: block;
        width: fit-content
    }
}

@media(max-width: 350px) {
    .mt-new-project-list-sction .mt-select-dropdown {
        width: 100%;
        text-align: left;
        justify-content: start
    }

    .mt-right-side-menu .dropdown button {
        margin-right: 0px;
        margin-left: 0;
        display: flex;
        justify-content: center;
        justify-content: space-between;
        font-size: 15px !important;
        align-items: center;
        width: 100%
    }

    .mt-new-project-list-sction .mt-project-list-btn {
        width: 100%
    }
}

@media(max-width: 567px) {
    .mt-new-special-purchase .mt-activity-outer {
        height: calc(100vh - 450px)
    }

    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -5px !important
    }
}

@media(min-width: 568px)and (max-width: 768px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -10px !important
    }
}

.mt-right-side-menu button.btn.border-0.shadow-none.show div:first-child {
    margin-right: 10px !important
}

.mt-right-side-menu .dropdown button {
    border: 0 !important;
    box-shadow: none
}

.dropdown.mt-print-btn ul {
    padding: 0;
    max-width: 228px;
    left: -15px !important;
    top: -2px !important;
    border: 1px solid #d9d9d9;
    z-index: 1
}

.mt-special-purchase i.mt-icon-plus {
    font-size: 12px;
    margin-right: 0
}

.mt-new-page-add .mt-special-purchase:hover {
    background: rgba(0,0,0,0);
    color: #00cbfd;
    border: 1px solid #00cbfd
}

#deleteConfirmationModal .modal-header .btn-close {
    margin: 0 21px 0 0 !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cecece'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

.mt-new-page-add .mt-fileupload-block {
    margin-bottom: 50px
}

@media(max-width: 768px) {
    .mt-siteplanpurchase-layout .container-fluid:has(.mt-purchaseitem-siteplan) {
        padding-right: 0 !important;
        width: 100%;
        padding-left: 0
    }
}

@media(max-width: 568px) {
    .mt-new-project-list-sction .mt-searchbar + .mt-select-dropdown {
        min-width: 100% !important;
        margin: 15px 0 !important;
        display: flex
    }

    .mt-calendar-filter.dropdown-menu.border-0.show {
        max-width: 282px;
        border-radius: 3px;
        left: -13px !important;
        min-width: 320px;
        padding: 0 !important
    }

    .mt-new-custom-date-picker input#datepicker {
        width: 81%
    }

    .mt-form-siteplan h5 {
        text-transform: uppercase;
        font-size: 14px;
        color: #071722;
        text-transform: uppercase;
        font-weight: 500
    }
}

#billingdetails-tab .mt-ctagroup {
    right: 0;
    position: relative;
    background: rgba(0,0,0,0);
    padding: 0
}

.mt-setup-block .tab-content {
    background-color: #fff;
    width: 100%;
    height: 100vh
}

.mt-change-plan-modal-popup .mt-card-input-element:checked + .mt-card-input {
    transition: all ease-in-out .2s;
    box-shadow: none !important
}

.mt-change-plan-modal-popup .mt-subscription-plan:has(input:checked) {
    border: solid 1px #0f78e2;
    color: #323232 !important;
    box-shadow: -4px 20px 25px 0px rgba(0,0,0,.1019607843) !important
}

th.fc-datagrid-cell .fc-datagrid-cell-main:after {
    content: "";
    width: 11.886px;
    height: 11.886px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11.886" height="11.886" viewBox="0 0 11.886 11.886"><g id="Group_115903" data-name="Group 115903" transform="translate(-388.5 -186.609)"><path id="Path_132326" data-name="Path 132326" d="M19.451,9.2V0H17.917V9.2H16l2.684,2.684L21.368,9.2Z" transform="translate(372.5 186.609)" fill="%23676767"/><path id="Path_132327" data-name="Path 132327" d="M224,0h6.9V1.534H224Z" transform="translate(169.484 186.609)" fill="%23676767"/><path id="Path_132328" data-name="Path 132328" d="M224,96h5.368v1.534H224Z" transform="translate(169.484 92.91)" fill="%23676767"/><path id="Path_132329" data-name="Path 132329" d="M224,192h3.834v1.534H224Z" transform="translate(169.484 -0.789)" fill="%23676767"/><path id="Path_132330" data-name="Path 132330" d="M224,288h2.3v1.534H224Z" transform="translate(169.484 -94.488)" fill="%23676767"/></g></svg>');
    position: relative;
    left: 10px;
    top: 1px
}

th.fc-datagrid-cell .fc-datagrid-cell-main {
    position: relative;
    align-items: center
}

tbody th .fc-datagrid-cell-frame .fc-datagrid-cell-cushion.fc-scrollgrid-sync-inner:has(.fc-datagrid-expander) span:after {
    opacity: 0;
    display: none
}

tr th .fc-datagrid-cell-cushion .fc-datagrid-cell-main {
    justify-content: start !important
}

tbody th .fc-datagrid-cell-frame .fc-datagrid-cell-cushion.fc-scrollgrid-sync-inner:has(.fc-datagrid-expander) span.fc-datagrid-cell-main {
    justify-content: space-between;
    width: 100%
}

th.fc-datagrid-cell:first-child .fc-datagrid-cell-main:after {
    display: none
}

@media(min-width: 1600px) {
    .mt-dash-right-sidebar .mt-dashboard-tabs-section .nav-link:after {
        content: "";
        left: 0;
        background: #00cbfd !important;
        width: 0;
        height: 2px;
        transition: all .5s;
        position: absolute;
        bottom: -5px
    }
}

.mt-checkbox-group input[type=checkbox]:checked + label i {
    color: #fff !important
}

.date-picker-format.form-control {
    border: 0
}

.gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group.mb-3 {
    border: 1px solid #b0b0b0;
    border-radius: 7px
}

.mt-userinfo-form.mt-new-info-form .img-thumbnail {
    max-height: 250px
}

.mt-billing-tabs .mt-calendar-filter-content input.form-control, .mt-billing-tabs .mt-calendar-filter-content select {
    margin-bottom: 0
}

@media(min-width: 992px) {
    .mt-calendar-filter.dropdown-menu:has(.mt-calendar-filter-content).border-0.show {
        width: 282px;
        border-radius: 3px;
        transform: none !important;
        top: 40px !important;
        position: absolute;
        max-width: 100%;
        left: auto !important;
        right: -13px !important
    }
}

.mt-modalsite:has(.mt-upgrade-plan-modal) .btn-close {
    margin-right: 40px
}

.mt-siteplanpurchase-layout.mt-custom-popup .mt-purchaseitem-siteplan {
    z-index: 9999 !important
}

@media(min-width: 1599px) {
    .table-responsive.col-md-6.col-xl-4 table {
        max-width: max-content
    }
}

.billing-badge-section {
    padding: 9px 9px;
    min-width: 84px;
    height: fit-content;
    text-align: center
}

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

.billing-badge-section:has(p.mb-0.expired) {
    background: #fabfc5
}

@media(min-width: 1200px) {
    .mt-new-project-list-sction .mt-searchbar {
        position: relative;
        margin-right: 15px !important
    }
}

.gj-datepicker input {
    border: 0 !important
}

.gj-datepicker button {
    border: 0 !important
}

.mt-table-wrap .table tr td i.mt-icon-flag-priority {
    margin-left: 16px;
    top: 2px;
    position: relative
}

body.mt-siteplanpurchase-layout .mt-activity-block::before {
    top: -2px
}

@media(max-width: 1390px) {
    body.mt-siteplanpurchase-layout .mt-activity-block::before {
        top: 0 !important
    }

    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
        top: -10px !important
    }
}

@media(min-width: 1420px)and (max-width: 1600px) {
    body.mt-siteplanpurchase-layout .mt-activity-block::before {
        top: -11px
    }

    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
        top: -9px !important
    }
}

@media(min-width: 1380px)and (max-width: 1419px) {
    body.mt-siteplanpurchase-layout .mt-activity-block::before {
        top: -2px
    }
}

.mt-calendar-filter-content .mt-filter-body .mt-35 {
    margin-top: 18px
}

.mt-calendar-filter.dropdown-menu:has(.mt-calendar-filter-content).border-0.show .dropdown-header {
    margin-bottom: 0 !important
}

@media(min-width: 768px) {
    .mt-email-modal-popup {
        min-width: 647px !important
    }
}

.mt-email-modal-popup .mt-send-popup-modal-buttons {
    margin: 5px 10px 0 0
}

.mt-email-modal-popup .mt-pdf-reports {
    width: 49%
}

@media(max-width: 768px) {
    .mt-email-modal-popup .mt-pdf-reports {
        width: 100%
    }
}

.mt-email-modal-popup .mt-heading-activity.mt-autoscroll-section input#mainEmailInput {
    max-width: 595px
}

.mt-email-modal-popup .mt-send-popup-modal-buttons {
    margin: 5px 11px 0 0;
    padding: 8px 22px;
    font-size: 15px;
    line-height: 17px;
    align-items: center
}

.mt-email-modal-popup h2 {
    margin-bottom: 5px !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1f2d3e;
    opacity: .9
}

.mt-email-modal-popup div#mt-addsite-modal-send .mt-modalsite .btn-close {
    opacity: 1
}

.mt-email-modal-popup .email-group .btn-close {
    width: 14px;
    height: 14px;
    right: 9px !important;
    opacity: .9
}

@media(min-width: 1200px) {
    .mt-reminder-modal .modal-content.p-0, #mt-email-notification-modal .modal-content.p-0, #mt-addsite-modal-send .modal-content.p-0 {
        min-width: 680px
    }
}

@media(max-width: 767px) {
    .mt-new-special-purchase .mt-activity-tabs-panel .nav {
        width: 100%;
        margin-bottom: 16px
    }

    .dropdown i.mt-icon-arrow-down {
        font-size: 8px;
        margin-right: 6px
    }
}

@media(max-width: 400px) {
    .mt-new-project-list-sction .mt-project-list-btn {
        margin: 0 auto;
        display: block;
        width: fit-content
    }
}

@media(min-width: 1384px)and (max-width: 1404px) {
    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
        top: 9px !important
    }
}

.mt-right-side-menu .mt-project-list-btn i.mt-icon-plus {
    font-size: 10px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.mt-right-side-menu .mt-project-list-btn {
    max-width: 100% !important;
    padding: 9px 30px !important;
    display: flex;
    align-items: center
}

@media(min-width: 1467px) {
    .mt-right-side-menu .mt-project-list-btn {
        max-width: 100% !important;
        padding: 9px 60px !important;
        display: flex;
        align-items: center
    }
}

.mt-calendar-filter .mt-calendar-filter-content {
    padding: 26px 18px 0px 18px;
    overflow: auto;
    max-height: calc(60vh - 220px)
}

.group-dropdown-menu .dropdown-body-second-level input.form-control {
    max-width: 491px !important;
    height: 28px;
    border-color: #d9d9d9;
    padding: 0 12px
}

.dropdown-body.dropdown-body-second-level .btn-sm-color {
    margin-left: 10px !important;
    font-size: 6px
}

.group-dropdown-menu .dropdown-body-second-level .color-picker {
    margin: 0 0px 0 10px
}

.mt-new-project-list-sction .mt-right-side-menu .btn-sm-color .mt-delete i.mt-icon-close {
    font-size: 11px;
    opacity: 1;
    margin-right: 0;
    font-weight: 800;
    text-shadow: none
}

.group-dropdown-menu .dropdown-body-second-level .color-picker i {
    font-size: 10px !important
}

.mt-new-project-list-sction .mt-right-side-menu i {
    top: -1px
}

button.mt-project-list-btn {
    font-weight: 300
}

section.mt-filter-block.bg-transparent.mt-new-project-list-header-section .mt-siteplan .form-check.form-switch {
    margin-right: 20px
}

.tab-content .mt-right-side-menu i {
    top: 5px
}

@media(min-width: 1548px) {
    section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section table.table.mt-payment-table th:first-child {
        min-width: 15.3vw !important;
        opacity: 1
    }
}

.mt-dash-right-sidebar .mt-new-notification li:after {
    content: "" !important;
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    display: block !important;
    margin-top: 23.6px;
    width: 118% !important;
    position: relative !important;
    top: 26px !important;
    margin-left: 0;
    left: -11px !important
}

.mt-dash-right-sidebar .mt-brdcrumb li:after {
    display: none !important
}

.mt-dash-right-sidebar .mt-nt-panel-dashboard ul.mt-nt-notification-list li {
    background-color: #cce8fa;
    border-radius: 6px;
    padding: 14px 20px 12px 12px;
    margin: 0 0 30px 0;
    position: relative
}

.mt-dash-right-sidebar .mt-dash-notification-section .tab-content ul .mt-brdcrumb li::after {
    display: none !important
}

.mt-nt-userdetails .mt-brdcrumb li::before {
    top: -1px
}

.mt-email-modal-popup .mt-send-popup-modal-buttons:last-child {
    margin: 0
}

span.fc-datagrid-cell-main span {
    width: fit-content;
    margin-left: auto
}

@media(max-width: 1090px) {
    .mt-special-purchase .mt-dashboard-tabs-section {
        order: 2
    }

    .mt-recent-items-section .tab-content {
        order: 3
    }

    .mt-new-project-list-sction .mt-right-side-menu {
        order: 1
    }

    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: 15px;
        order: 3
    }

    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: -21px;
        order: 3
    }
}

@media(min-width: 768px)and (max-width: 1340px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -5px !important
    }
}

@media(min-width: 568px)and (max-width: 768px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -7px !important
    }
}

@media(max-width: 568px) {
    .mt-new-project-list-sction {
        margin-top: 20px;
        padding: 20px 0px
    }
}

.mt-new-dashboard .mt-recent-items-section .mt-project-list-btn {
    justify-content: center
}

div#mt-addsite-modal-send .mt-modalsite .btn-close {
    width: 22px;
    opacity: 1
}

@media(min-width: 1200px)and (max-width: 1400px) {
    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
        top: 8px !important
    }
}

.mt-email-modal-popup .mt-send-popup-modal-buttons {
    margin: 5px 8px 0 0;
    padding: 8px 22px;
    font-size: 15px;
    line-height: 17px;
    align-items: center
}

.mt-email-modal-popup .mt-heading-activity.mt-autoscroll-section input#mainEmailInput {
    max-width: 607px
}

.mt-email-modal-popup .mt-send-popup-modal-buttons:not(.mt-pdf-reports) {
    padding: 8px 23px;
    margin-right: 8px !important
}

@media(min-width: 768px)and (max-width: 1299px) {
    .mt-email-modal-popup .mt-send-popup-modal-buttons:not(.mt-pdf-reports) {
        margin-right: 5px !important
    }
}

@media(max-width: 768px) {
    .mt-email-modal-popup .mt-send-popup-modal-buttons:not(.mt-pdf-reports) {
        margin: 6px !important
    }
}

@media(max-width: 768px) {
    .mt-email-modal-popup .mt-send-popup-modal-buttons {
        margin: 5px 8px 0 0;
        padding: 8px 23px;
        font-size: 15px;
        line-height: 17px;
        align-items: center;
        width: fit-content;
        margin: 15px 15px 15px 0
    }
}

.mt-calendar-filter-content .mt-filter-option.mt-35:first-child {
    margin-top: 0
}

@media(min-width: 1360px)and (max-width: 1400px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -20px !important
    }
}

@media(min-width: 1598px)and (max-width: 1636px) {
    .mt-new-project-list-sction .nav-tabs .nav-link, .mt-new-project-list-sction .nav-tabs .nav-link .active {
        margin-right: 20px !important
    }
}

@media(min-width: 1306px)and (max-width: 1354px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -5px !important
    }
}

.mt-title:has(.mt-logo-meridian) {
    overflow: hidden;
    max-height: 88px;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%
}

.mt-title .mt-logo-meridian {
    padding-right: 42px;
    margin-right: 42px;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px !important;
    height: 100%;
    display: flex;
    align-items: center
}

#table_data i.mt-icon-drag.ui-sortable-handle {
    position: relative;
    top: 3px
}

#table_data .mt-checkbox .form-check-input[type=checkbox] {
    width: 18px;
    height: 18px;
    border: solid 1px #969696;
    border-radius: 3px !important;
    margin-top: 0
}

@media(min-width: 1200px) {
    body.mt-siteplanpurchase-layout .mt-recent-items-section {
        margin-right: 20px
    }
}

.mt-title > .mt-logo-meridian > img {
    max-height: 75px !important
}

body:has(.mt-visible-popup) .custom-backdrop {
    display: block !important
}

body.mt-siteplanpurchase-layout:has(.mt-visible-popup) .custom-backdrop {
    display: none !important
}

.mt-nt-userdetails .mt-brdcrumb li::before {
    top: 1px;
    right: -2px
}

@media(min-width: 1200px)and (max-width: 1599px) {
    .mt-new-dashboard .mt-card-box .circle {
        bottom: 0;
        position: relative
    }
}

body.mt-sidebar-popup-opened .mt-nt-panel {
    z-index: 9999
}

.mt-email-modal-popup .mt-send-popup-modal-buttons:last-child {
    margin-right: 0 !important
}

div#mt-addsite-modal-send .mt-modalsite .btn-close {
    width: 20px;
    opacity: 1;
    height: 20px
}

.modal {
    z-index: 99999
}

@media(min-width: 992px) {
    body.mt-siteplanpurchase-layout.mt-custom-popup .mt-special-purchase-card-left:before {
        left: -20% !important;
        top: 0 !important
    }
}

body.mt-siteplanpurchase-layout .mt-activity-block::before {
    top: -21px
}

@media(min-width: 1420px)and (max-width: 1600px) {
    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
        top: 0px !important
    }
}

@media(min-width: 1200px)and (max-width: 1400px) {
    .mt-siteplanpurchase-layout .mt-purchaseitem-siteplan {
        top: 0px !important
    }
}

@media(max-width: 1390px) {
    body.mt-siteplanpurchase-layout .mt-activity-block::before {
        top: -27px !important
    }
}

input[type=color]::-webkit-color-swatch {
    border: 1px solid #ccc !important;
    border-radius: 8px
}

.mt-ctaborder:hover, .mt-ctaborder:focus {
    background-color: hsla(0,0%,100%,.1);
    transition: all ease-in-out .3s
}

    .mt-ctaborder:hover i, .mt-ctaborder:focus i {
        margin-left: 16px !important;
        transition: all ease-in-out .3s
    }

.mt-table-wrap .table tr td:first-child:has(.custom-empty-message) {
    border-radius: 7px
}

.mt-invite-user-modal .mt-formblock label {
    top: -9px
}

@media(min-width: 1299px) {
    .mt-modalsite.show {
        overflow: hidden
    }
}

li.select2-search.select2-search--inline input {
    width: auto !important
}

.mt-cstm-custom-date-picker {
    width: 100% !important;
    border: 1px solid #aaa !important
}

.accordion button.btn.dropdown-toggle.mt-view-more-btn.showOption {
    z-index: 9
}

@media(min-width: 992px)and (max-width: 1340px) {
    .mt-calendar-filter.dropdown-menu:has(.mt-calendar-filter-content).border-0.show {
        width: 282px;
        border-radius: 3px;
        transform: none !important;
        top: 40px !important;
        position: absolute;
        max-width: 100%;
        right: auto !important;
        left: 0 !important
    }
}

@media(max-width: 1358px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -16px !important
    }
}

.mt-rgt-side-notification-section .card-body {
    width: 525px !important;
    border-radius: 0 !important;
    border: none !important;
    max-width: 100%;
    padding: 20px !important;
    overflow: auto;
    height: auto
}

.mt-rgt-side-notification-section {
    height: calc(100vh - 91px);
    background: #fff
}

    .mt-rgt-side-notification-section .tab-content:has(.mt-card-no-notification) {
        width: 100%;
        justify-content: center;
        height: auto;
        overflow: auto;
        height: 80vh
    }

@media only screen and (max-width: 1400px) {
    .mt-card-overview.mt-white .mt-card-ov-content {
        min-height: 490px;
        overflow-y: auto;
        overflow-x: hidden
    }
}

.products-listing-container .filter-main-card .p-card {
    height: max-content;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    border: 0;
    border-top: 0 !important
}

.product-cards-container .list-container .button-container button {
    margin: 0 5px
}

.products-listing-container .p-card-body {
    height: 100%;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    border-radius: 0;
    padding: 15px;
    border-top: 1px solid #ccc
}

@media(min-width: 992px)and (max-width: 1200px) {
    .mt-new-page-add .mt-special-purchase-area .mt-checklocation {
        padding-left: 0;
        padding-right: 20px
    }
}

.mt-username-mid {
    min-width: 26px;
    min-height: 26px
}

@media(max-width: 1199px) {
    .mt-new-notification .active-notification-icon {
        width: 8px;
        height: 8px;
        margin-bottom: 7px;
        background: #0f78e2;
        margin-left: auto;
        border-radius: 50px;
        position: absolute;
        right: 15px
    }
}

.mt-new-dashboard .col-md-4 .mt-dropdown-group .mt-select-dropdown:after {
    cursor: pointer;
    pointer-events: none
}

.mt-table-wrap .table tr td i.mt-icon-flag-priority {
    margin-left: 0
}

@media(max-width: 1199px) {
    .mt-notification-sidebar-with-tabs .offcanvas {
        margin-top: 70px
    }
}

@media(min-width: 765px)and (max-width: 769px) {
    .mt-new-special-purchase .mt-activity-tabs-panel .nav {
        margin-bottom: 30px
    }
}

@media(max-width: 768px) {
    .mt-new-special-purchase .mt-activity-tabs-panel .mt-filter-rgt {
        margin-left: 0;
        margin-bottom: 10px
    }
}

.mt-notification2 .mt-notification-inner {
    position: relative;
    top: 12px;
    right: 7px
}

@media(min-width: 992px)and (max-width: 1999px) {
    .mt-right-side-menu .dropdown button {
        min-width: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px
    }

    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -17px !important
    }
}

.mt-table-flag {
    padding: 0 !important;
    text-align: center;
    margin: auto;
    display: block
}

.mt-table-flag {
    padding-left: 10px !important;
    text-align: center
}

.mt-login .mt-login-rgt .mt-login-inner {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1
}

.mt-login-rgt-inner form {
    max-width: 100%;
    margin: 0 auto;
    width: 100%
}

.notification-dot {
    position: absolute;
    background-color: red;
    color: #fff !important;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 10px;
    top: -10px;
    right: auto;
    z-index: 10;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    left: -11px
}

.mt-login .mt-login-rgt .mt-login-inner {
    max-width: 590px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 20px
}

.mt-login-rgt-inner form > div {
    padding: 15px 15px 0 15px;
    margin-left: -15px
}

.mt-login-rgt-inner form > div {
    padding: 15px 15px 0 15px;
    margin-left: -15px;
    margin-top: 0px
}

.mt-nt-panel .card-body {
    overflow: unset
}

.tab-content.mt-nt-notification {
    height: auto;
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding-right: 10px
}

.mt-nt-panel .card-body {
    height: 100%;
    overflow: unset
}

.mt-nt-panel {
    position: absolute;
    right: 0;
    top: 91px;
    background: #fff;
    z-index: 99;
    height: 100vh
}

@media(max-width: 992px) {
    .mt-nt-panel {
        top: 75px
    }
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    display: none
}

.mt-privacy-policy-modal-content .modal-title {
    font-size: 16px;
    font-weight: 500;
    color: #70737c;
    text-align: center;
    width: 100%;
    line-height: 25px
}

.mt-privacy-policy-modal-content h2 {
    font-size: 31px;
    line-height: 31px;
    font-weight: 600;
    color: #3e3e3e;
    margin: 0 0 15px 0
}

.mt-privacy-policy-modal-content p {
    font-size: 16px;
    line-height: 30px;
    color: #5c5c5c;
    font-weight: 400;
    margin-bottom: 25px
}

.mt-privacy-policy-modal-content .nav-tabs {
    margin-top: 31px
}

.mt-privacy-policy-modal-content .nav-tabs {
    margin: 30px 0;
    border: 0
}

.mt-privacy-policy-modal-content .nav-link.active {
    border: 0;
    position: relative;
    font-weight: bold
}

.mt-privacy-policy-modal-content .nav-link:after {
    content: "";
    width: 0;
    height: 5px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 2s ease;
    bottom: -15px
}

.mt-privacy-policy-modal-content .nav-link.active:after {
    width: 100%
}

.mt-privacy-policy-modal-content .nav-tabs .nav-link:hover, .mt-privacy-policy-modal-content .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--sd-nav-tabs-link-hover-border-color);
    border: 0
}

.mt-privacy-policy-modal-content .nav-link:after {
    content: "";
    width: 0;
    height: 3px;
    background: #3d3d3d;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .2s ease;
    bottom: -12px
}

.mt-privacy-policy-modal-content .nav-link {
    padding: 0;
    margin-right: 34px
}

    .mt-privacy-policy-modal-content .nav-link.active {
        border: 0;
        position: relative;
        font-weight: bold;
        color: #3d3d3d
    }

.mt-privacy-policy-modal-content .nav-link {
    padding: 0;
    margin-right: 34px;
    font-size: 16px;
    color: #3d3d3d
}

.mt-privacy-policy-modal-content .tab-pane p {
    margin-bottom: 20px
}

.mt-privacy-policy-modal-content h3 {
    color: #5c6260;
    font-size: 25px;
    line-height: 26px
}

.mt-privacy-policy-modal-content .tab-pane {
    max-height: 474px;
    overflow: auto
}

.mt-privacy-policy-modal-content button.mt-project-list-btn {
    padding: 13px 66px;
    border: 0;
    background: #0f78e2;
    color: #fff;
    border-radius: 6px
}

.mt-privacy-policy-modal-content .modal-footer p {
    font-size: 16px;
    line-height: 30px;
    color: #424547;
    font-weight: 600;
    margin-bottom: 0px
}

.mt-privacy-policy-modal-content .modal-footer {
    padding: 21px 37px !important;
    border-top: 0
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: none
}

.mt-privacy-policy-modal-content .nav-tabs .nav-link, .mt-privacy-policy-modal-content .nav-tabs .nav-link {
    border: 0
}

.mt-privacy-policy-modal-content .modal-footer {
    padding: 21px 20px !important;
    border-top: 0;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .mt-privacy-policy-modal-content .modal-footer p {
        margin-bottom: 10px
    }
}

.mt-privacy-policy-modal-content .mt-checkbox .form-check-input[type=checkbox] {
    width: 24px;
    height: 25px;
    border: solid 1px #969696;
    border-radius: 3px !important
}

.mt-card-content-popup h2 {
    font-size: 26px
}

.mt-card-content-popup {
    padding: 20px 0 0 0
}

    .mt-card-content-popup h2 {
        font-size: 26px;
        color: #3e3e3e;
        font-weight: 500
    }

    .mt-card-content-popup p {
        line-height: 23px;
        font-size: 16px;
        max-width: 537px;
        margin-bottom: 0
    }

.mt-privacy-policy-modal-content .nav-link.active:after {
    width: 85%
}

.mt-card-content-popup .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 26px 27px
}

.mt-wellcome-popup .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 11px;
    height: 11px;
    background-color: #c7c7c7;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50% !important;
    opacity: 1
}

.mt-wellcome-popup .carousel-indicators button.active {
    background-color: #006fe6 !important
}

.mt-wellcome-popup .carousel-indicators {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0
}

.mt-wellcome-popup button.mt-slider-next-btn {
    background: #0678e2;
    border: 0;
    outline: 0;
    color: #fff;
    border-radius: 7px;
    padding: 10px 39px;
    font-size: 15px;
    line-height: 15px
}

.mt-wellcome-popup button.mt-skip-btn {
    background: rgba(0,0,0,0);
    border: 0;
    outline: 0;
    color: #7c7c7c;
    border-radius: 7px;
    padding: 0;
    font-size: 15px;
    line-height: 13px;
    margin-right: 15px
}

.mt-wellcome-popup .modal-body {
    border: 0
}

.mt-privacy-policy-modal-content {
    margin-top: 50px
}

    .mt-privacy-policy-modal-content p.mb-0.font-semibold {
        font-weight: 600;
        color: #3e3e3e
    }

    .mt-privacy-policy-modal-content .nav-tabs {
        margin: 15px 0 30px 0;
        border: 0
    }

@media(min-width: 1200px) {
    .mt-privacy-policy-modal-content .modal-dialog.modal-md.modal-dialog-centered.mt-modal-xl.mt-modalsite {
        min-width: 1100px
    }
}

.mt-privacy-policy-modal-content .tab-pane {
    --sb-track-color: #f8f8f8;
    --sb-thumb-color: #0f78e2;
    --sb-size: 11px
}

    .mt-privacy-policy-modal-content .tab-pane::-webkit-scrollbar {
        width: var(--sb-size)
    }

    .mt-privacy-policy-modal-content .tab-pane::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 10px
    }

    .mt-privacy-policy-modal-content .tab-pane::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 10px
    }

@supports not selector(::-webkit-scrollbar) {
    .mt-privacy-policy-modal-content .tab-pane {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color)
    }
}

.mt-privacy-policy-modal-content .mt-checkbox .form-check-input[type=checkbox]:checked {
    background-color: #0f78e2;
    box-shadow: none;
    border-color: rgba(0,0,0,0)
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px
}

.mt-wellcome-popup .modal-footer {
    border-top: 0
}

.mt-wellcome-popup .modal-body {
    border: 0;
    padding: 28px
}

.mt-wellcome-popup .modal-footer {
    border-top: 0;
    padding-left: 0;
    padding-right: 0
}

.mt-wellcome-popup .modal-footer {
    border-top: 0;
    padding-left: 0;
    padding-right: 0
}

.mt-wellcome-popup .modal-content .btn-close {
    position: absolute;
    right: 7px;
    top: 10px;
    color: #cecece;
    opacity: .2;
    font-size: 11px;
    z-index: 999
}

@media(min-width: 768px) {
    .mt-wellcome-popup .modal-content {
        min-width: 600px
    }
}

.mt-wellcome-popup .modal-content {
    border: 0;
    box-shadow: none
}

.mt-wellcome-popup .modal-body {
    border: 0;
    padding: 28px 28px 0px 28px
}

.mt-wellcome-popup .modal-footer {
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 34px;
    justify-content: end
}

.mt-no-table-user-setup h5 {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #3e3e3e;
    font-weight: 600
}

.mt-no-table-user-setup p {
    font-size: 14px;
    text-align: center;
    width: 589px;
    margin: auto;
    margin-top: 11px
}

.mt-no-table-user-setup button.mt-add-group-button.mx-auto {
    background: #0f78e2;
    border: 0;
    padding: 9px 60px;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    margin: 30px auto 0;
    font-size: 15px;
    display: block
}

.mt-no-table-user-setup {
    width: fit-content;
    margin: auto
}

    .mt-no-table-user-setup button.mt-add-group-button.mx-auto i {
        font-size: 10px
    }

.mt-watch-video .mt-card-content-popup h2 {
    font-size: 32px;
    color: #000;
    font-weight: 600;
    text-align: center
}

.mt-watch-video .mt-card-content-popup p {
    text-align: center;
    margin-bottom: 23px;
    font-size: 15px;
    max-width: 525px
}

.mt-watch-video-btn {
    font-size: 12px;
    font-weight: 600;
    padding: 9px 32px 8px 33px;
    text-align: center;
    margin: auto;
    display: block;
    background: rgba(0,0,0,0);
    border: 1px solid #3e3e3e;
    border-radius: 7px;
    line-height: 19px;
    color: #323232
}

.mt-wellcome-popup .modal-footer {
    border-top: 0px solid #ccc;
    padding-left: 0;
    padding-right: 0;
    padding-top: 19px;
    text-align: center;
    justify-content: end
}

.mt-watch-video .modal-footer {
    justify-content: center;
    border-top: 1px solid #ccc;
    padding-top: 12px;
    font-size: 16px;
    line-height: 36px;
    color: #707070
}

.mt-how-to-setup-a-team-cta {
    background: rgba(0,0,0,0);
    border: 0;
    box-shadow: none;
    color: #0f78e2;
    font-weight: 600;
    margin-left: 32px
}

    .mt-how-to-setup-a-team-cta:hover, .mt-how-to-setup-a-team-cta:active {
        background: rgba(0,0,0,0);
        border: 0;
        box-shadow: none;
        color: #0f78e2;
        font-weight: 600;
        margin-left: 32px
    }

.mt-watch-video-btn svg {
    margin-right: 7px
}

.mt-new-project-list-sction .hr-tabs-lines {
    height: 1px;
    width: 100%;
    margin-top: 0px;
    background: #d9d9d9
}

.mt-new-reminder-popup button.mt-btn-mark-complete.btn {
    color: #07a001;
    font-size: 12px;
    border: 0;
    box-shadow: none;
    margin-left: auto;
    display: block;
    padding: 0;
    margin: 0
}

    .mt-new-reminder-popup button.mt-btn-mark-complete.btn i {
        font-size: 8px;
        margin-right: 6px
    }

    .mt-new-reminder-popup button.mt-btn-mark-complete.btn .mt-reminder-button-section {
        margin: 13.6px 0
    }

        .mt-new-reminder-popup button.mt-btn-mark-complete.btn .mt-reminder-button-section button {
            margin-top: 0
        }

    .mt-new-reminder-popup button.mt-btn-mark-complete.btn .mt-reminder-button-section {
        margin: 13.6px 0
    }

    .mt-new-reminder-popup button.mt-btn-mark-complete.btn button.mt-btn-cancel.mt-btn-orange.btn {
        color: #424547 !important;
        border: 1px solid #e5642c !important
    }

        .mt-new-reminder-popup button.mt-btn-mark-complete.btn button.mt-btn-cancel.mt-btn-orange.btn i {
            color: #e5642c !important
        }

.mt-new-reminder-popup button.mt-btn-orange.btn {
    border: 1px solid #e5642c;
    padding: 7px 19px;
    color: #424547 !important;
    font-weight: 600
}

    .mt-new-reminder-popup button.mt-btn-orange.btn i {
        color: #e5642c
    }

button.mt-btn-Progressing.btn {
    border: 1px solid #d9d9d9;
    box-shadow: none;
    color: #424547
}

.mt-reminder-button-section {
    margin-bottom: 13.6px
}

.mt-new-reminder-popup .mt-reminder-note {
    background: #f2f2f2;
    padding: 10px 12px;
    border-radius: 6px;
    width: 536px
}

.mt-new-dashboard .mt-recent-items-section .mt-recent-item h2 {
    font-size: 22px !important
}

ul.mt-bredcrumb-listing li:after {
    content: ""
}

ul.mt-bredcrumb-listing li:after {
    content: "G" !important;
    display: flex !important;
    position: relative !important
}

.mt-bredcrumb-listing li {
    display: flex
}

ul.mt-bredcrumb-listing li:last-child:after {
    opacity: 0 !important
}

.mt-new-reminder-popup .mt-reminder-note {
    margin-bottom: 11px
}

.mt-new-reminder-popup button.btn.dropdown-toggle.me-2 {
    box-shadow: none
}

.mt-new-reminder-popup .dropdown-toggle::after {
    display: none
}

.mt-new-reminder-popup ul.dropdown-menu {
    padding: 0;
    list-style: none;
    margin: 0;
    display: none;
    margin-top: 7px;
    right: 0
}

.mt-new-reminder-popup .mt-dash-notification-section .tab-content ul.dropdown-menu.show {
    display: block
}

.mt-new-reminder-popup button.btn.dropdown-toggle.me-2 {
    box-shadow: none;
    border: 0
}

.mt-new-reminder-popup .dropdown-menu.show {
    display: block !important
}

.mt-new-reminder-popup button.btn.dropdown-toggle.box-shadow-none {
    box-shadow: none
}

.mt-new-reminder-popup button.btn.dropdown-toggle.box-shadow-none {
    box-shadow: none;
    padding: 0;
    margin-left: 5px;
    border: 0
}

.mt-new-reminder-popup .btn:first-child:active {
    color: var(--sd-btn-active-color);
    background-color: var(--sd-btn-active-bg);
    border-color: rgba(0,0,0,0) !important;
    box-shadow: none !important
}

.mt-new-reminder-popup .toast.show.bg-white.mt-bb-line.pt-1 {
    border: 0 !important;
    margin: 0;
    padding: 0 !important
}

.mt-new-reminder-popup .mt-reminder-not-section p {
    font-size: 12px !important
}

.mt-new-reminder-popup .mt-note-reminder {
    color: #707070 !important
}

.mt-toast-dashboard hr {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin: 8px 0
}

.mt-toast-dashboard .mt-notification1 {
    min-width: 24px;
    min-height: 24px;
    background-color: #43b2e3;
    border-radius: 12px;
    font-size: 12px;
    color: #fff !important;
    position: unset;
    right: 0px !important;
    text-align: center;
    line-height: 24px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px
}

.mt-toast-dashboard .mt-notification2 {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0, 0%)
}

    .mt-toast-dashboard .mt-notification2 .mt-notification-inner {
        background-color: #fff;
        width: 24px;
        height: 24px;
        border: solid 1px #5bb14a;
        position: unset;
        line-height: 20px;
        display: block;
        border-radius: 50%;
        text-align: center;
        right: 0 !important
    }

        .mt-toast-dashboard .mt-notification2 .mt-notification-inner abbr {
            position: relative;
            z-index: 1;
            color: #fff;
            font-size: 12px;
            display: block;
            line-height: 24px
        }

        .mt-toast-dashboard .mt-notification2 .mt-notification-inner:before {
            width: 22px;
            height: 22px;
            background-color: #fff;
            border: solid 1px #5bb14a;
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 1px;
            top: 1px
        }

        .mt-toast-dashboard .mt-notification2 .mt-notification-inner:after {
            width: 18px;
            height: 18px;
            background-color: #5bb14a;
            border: solid 1px #fff;
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 3px;
            top: 3px
        }

        .mt-toast-dashboard .mt-notification2 .mt-notification-inner span {
            color: #fff;
            position: relative;
            z-index: 1;
            line-height: 24px !important;
            display: block
        }

.mt-toast-dashboard .notification-dot {
    position: relative;
    background-color: red;
    color: #fff !important;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 50px;
    top: 0;
    right: 0;
    z-index: 10;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0
}

.mt-toast-dashboard .g-6 {
    gap: 6px
}

.mt-custom-tooltip {
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 16px;
    max-width: 399px;
    border-radius: 3px;
    position: absolute;
    transform: none;
    right: 0;
    z-index: 9999;
    transition: all 1s ease;
    display: none;
    transform: translate(87%, 64%)
}

@media(min-width: 568px)and (max-width: 992px) {
    .mt-custom-tooltip {
        transform: translate(-10%, 53px)
    }
}

@media(max-width: 567px) {
    .mt-custom-tooltip {
        transform: translate(-4%, 53px)
    }
}

.mt-custom-tooltip p {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 24px !important
}

.mt-custom-tooltip h3 {
    color: #fff
}

.mt-custom-tooltip hr {
    margin: 9.2px 0;
    color: inherit;
    border: 0;
    border-top: var(--sd-border-width) solid;
    opacity: 1;
    height: 2px
}

.mt-card-box:has(.icon:hover) .mt-custom-tooltip {
    display: block !important
}

.mt-card-box .icon:hover {
    cursor: pointer
}

.mt-new-work-list-popup .icon {
    background: #47697e;
    width: fit-content;
    padding: 15px;
    color: #fff;
    border-radius: 5px;
    width: 62px;
    height: 60px;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: auto
}

.mt-new-work-list-popup h2 {
    font-size: 32px;
    text-align: center;
    color: #3e3e3e;
    line-height: 46px
}

.mt-new-work-list-popup p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #3e3e3e;
    margin: 0
}

.mt-modalsite.mt-new-work-list-popup .modal-title {
    font-size: 16px;
    font-weight: 500;
    color: #70737c;
    text-align: center;
    width: 100%
}

.icon.mt-special-purchase-icon {
    background: #fe9d21
}

.mt-new-project-list-icon {
    background: #00cbfd
}

.mt-email-notification-frequency {
    gap: 0 50px
}

.mt-email-notification-Categories h6 {
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    color: #071722
}

.mt-setup-requirement-tab-section {
    background: #fe9d21;
    border-radius: 10px;
    padding: 20px 20px;
    color: #fff;
    margin: 25px 0 21px 0;
    display: flex;
    align-items: center;
    margin: 0 0 25px 0
}

    .mt-setup-requirement-tab-section svg {
        margin-right: 14px
    }

    .mt-setup-requirement-tab-section p {
        margin: 0;
        font-size: 14px;
        line-height: 24px
    }

        .mt-setup-requirement-tab-section p span {
            font-weight: bold;
            color: #fe9d21
        }

    .mt-setup-requirement-tab-section h2 {
        font-size: 16px;
        font-weight: bold;
        line-height: 21px;
        color: #fff
    }

.mt-setup-content-tab-requirement p span {
    color: #fe9d21;
    font-weight: bold
}

.mt-setup-content-tab-requirement svg {
    margin-right: 11px
}

.mt-setup-content-tab-requirement p {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

.mt-setup-content-tab-requirement svg {
    margin-right: 11px;
    height: 24px;
    width: 24px
}

.mt-setup-content-tab-requirement svg {
    margin-right: 14px
}

.mt-setup-content-tab-requirement {
    margin: 15px 0
}

    .mt-setup-content-tab-requirement svg {
        margin-right: 14px;
        min-width: 20px;
        height: 20px
    }

.mt-area-setup-tabs .nav-link {
    color: #424547;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 13px;
    background: rgba(0,0,0,0)
}

    .mt-area-setup-tabs .nav-link.active {
        background: rgba(0,0,0,0);
        font-weight: bold !important
    }

    .mt-area-setup-tabs .nav-link:after {
        content: "";
        width: 0;
        background: #fe9d21;
        height: 2px;
        position: absolute;
        left: 0;
        top: auto;
        bottom: 0 !important
    }

    .mt-area-setup-tabs .nav-link.active:after {
        width: 100%
    }

.mt-area-setup-tabs .nav-link {
    color: #424547 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    margin-bottom: 13px !important;
    background: rgba(0,0,0,0);
    padding: 0 !important;
    margin-right: 0 !important
}

.mt-area-setup-tabs .nav-link {
    color: #424547 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    margin-bottom: 13px !important;
    background: rgba(0,0,0,0);
    padding: 0 !important;
    margin-right: 0 !important
}

.mt-area-setup-tabs li.nav-item {
    position: relative;
    margin-right: 37px
}

.mt-area-setup-tabs .nav-tabs {
    margin-bottom: 25px
}

.mt-new-site-setup-section .mt-addcta {
    height: fit-content;
    max-width: 100%
}

.mt-area-setup-tabs .nav-link {
    color: #424547 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    margin-bottom: 13px !important;
    background: rgba(0,0,0,0);
    padding: 0 !important;
    margin-right: 0 !important
}

.mt-area-setup-tabs li.nav-item {
    position: relative;
    margin-right: 37px
}

section.mt-setup-block .mt-addcta {
    min-width: 232px;
    padding: 9px 18px;
    width: fit-content
}

.mt-new-frabic-priview h2 {
    font-size: 14px;
    color: #071722;
    line-height: 20px;
    text-transform: uppercase
}

.mt-new-frabic-priview h3 {
    color: #3e3e3e;
    font-size: 16px;
    line-height: 19px
}

.mt-new-frabic-priview p {
    font-size: 12px;
    color: #424547
}

    .mt-new-frabic-priview p span {
        color: #4da6fc
    }

.mt-new-frabic-priview .mt-preview-header {
    padding: 15px 12.5px 11px 20px;
    border-bottom: 1px solid #ebebeb
}

.mt-new-frabic-priview img {
    width: 100%
}

.mt-new-frabic-priview {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 3px 6px rgba(0,0,0,.0862745098)
}

.mt-preview-content {
    padding: 12px 4px 5px 4px
}

@media(min-width: 992px) {
    .mt-new-frabic-priview {
        width: 100%;
        min-width: 600px
    }
}

.mt-new-frabic-priview {
    position: absolute;
    z-index: 99
}

.mt-pophover-btn:hover .mt-custom-tooltip {
    display: block;
    width: 399px
}

.mt-pophover-btn .mt-custom-tooltip {
    width: 399px
}

.mt-pophover-btn {
    position: relative
}

    .mt-pophover-btn:hover .mt-custom-tooltip {
        display: block;
        width: 399px;
        transform: translate(0%, 11%);
        text-align: left;
        margin-bottom: 0
    }

        .mt-pophover-btn:hover .mt-custom-tooltip p {
            margin-bottom: 0
        }

.mt-location-btn .mt-custom-tooltip {
    left: 0;
    right: auto
}

.amount-due-class .mt-content {
    border-radius: 5px;
    color: #3e3e3e;
    border: 1px solid #3e3e3e;
    padding: 9.5px 24px 9.5px 26px;
    font-size: 14px;
    width: fit-content;
    margin: auto;
    display: block
}

.mt-special-purchase-button i {
    font-size: 10px
}

.mt-select-component-type .mt-card-box {
    border-radius: 7px;
    border: 1px solid #3e3e3e;
    padding: 34px 22px 25px;
    text-align: center;
    margin: auto;
    background: rgba(0,0,0,0);
    height: 100%
}

    .mt-select-component-type .mt-card-box h5 {
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        margin-bottom: 15px
    }

    .mt-select-component-type .mt-card-box p {
        color: #525755;
        font-size: 16px;
        line-height: 24px;
        max-width: 309px;
        text-align: center;
        margin: auto;
        display: block
    }

    .mt-select-component-type .mt-card-box .mt-modalsite .modal-title {
        font-size: 16px;
        font-weight: 500;
        color: #70737c;
        text-align: center;
        width: 100%;
        line-height: 25px
    }

@media(min-width: 992px) {
    .mt-select-component-type .modal-dialog.modal-sm.modal-dialog-centered.mt-modal-sm.mt-modalsite {
        min-width: 799px
    }
}

.mt-select-component-type h2 {
    font-size: 25px !important;
    line-height: 30px !important;
    font-weight: 600;
    color: #3e3e3e;
    margin-bottom: 8.9px;
    text-align: center
}

.mt-select-component-type h3 {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #525557;
    text-align: center;
    margin-bottom: 32px !important
}

.mt-select-component-type .mt-card-box img {
    margin-bottom: 17.5px;
    width: 55px
}

.mt-select-component-type .mt-modalsite .modal-body {
    padding: 30px 34px 46px
}

.mt-select-component-type .modal-header {
    padding-top: 25px;
    padding-bottom: 23px
}

.mt-select-component-type .mt-select-component-type h1 {
    font-size: 16px !important;
    line-height: 24px !important
}

.mt-select-component-type .mt-modalsite .btn-close {
    height: 25px;
    width: 16px
}

.mt-hr-line {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin-top: 9px
}

.mt-new-enter-product .mt-form-group, .mt-new-enter-product .mt-form-inputgroup {
    margin-top: 25px
}

.mt-email-notification-Categories {
    margin-top: 25px
}

.mt-add-site-note p {
    margin: 24px 0 17px 0;
    color: #676767;
    font-size: 14px;
    line-height: 20px
}

    .mt-add-site-note p b {
        color: #071722
    }

.mt-vr-line-site-first {
    width: 100%;
    height: 1px;
    background: #ccc
}

.mt-vr-line-site-second {
    height: 1px;
    width: 100%;
    background: #ccc
}

.mt-add-site-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px
}

    .mt-add-site-checkboxes .mt-checkbox-check {
        min-width: 146px
    }

.mt-email-notification-frequency {
    gap: 0 40px
}

.d-flex.flex-wrap.mt-email-notification-frequency .mt-checkbox-check {
    min-width: 146px
}

.mt-sumery-select .mt-checkbox-check .form-check-input:checked + label:after {
    color: #029efc;
    background: #029efc;
    color: #fff !important
}

.mt-showhide span {
    color: #071722;
    margin-right: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.mt-wellcome-popup.mt-watch-video .modal-body {
    border: 0;
    padding: 48px 43px 0px 43px
}

.mt-wellcome-popup.mt-watch-video .modal-content .btn-close {
    position: absolute;
    right: 7px;
    top: 10px;
    color: #cecece;
    opacity: .2;
    font-size: 17px;
    z-index: 999
}

.mt-custom-tooltip p {
    width: 100% !important
}

.mt-weeek-cards:nth-child(1) {
    padding-right: 42px;
    border-right: 1px solid #d9d9d9
}

.mt-weeek-cards:nth-child(2) {
    padding-right: 39px;
    padding-left: 43px;
    border-right: 1px solid #d9d9d9
}

.mt-weeek-cards:nth-child(3) {
    padding-left: 38px
}

.mt-weeek-cards h3 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    color: #3e3e3e;
    text-align: center;
    margin: 0
}

.mt-weeek-cards h2 {
    font-size: 14px;
    line-height: 14px;
    color: #676767;
    text-align: center
}

.mt-hr-line-card {
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin: 26px 0
}

p.see-more-btn, .more-text {
    font-size: 15px !important;
    line-height: 25px !important;
    color: #757575 !important
}

.see-more-btn {
    background: rgba(0,0,0,0);
    border: 0;
    color: #0fb1fd;
    padding: 0;
    margin: 0;
    font-weight: bold
}

    .see-more-btn .more-content {
        display: none
    }

.mt-new-dashboard .mt-card-box p span {
    color: #707070
}

.mt-new-dashboard .mt-card-box .icon + svg {
    margin-left: 14.8px
}

.mt-weeek-cards h2 {
    font-size: 14px;
    line-height: 14px;
    color: #676767;
    text-align: center;
    margin: 0;
    font-weight: 400
}

.mt-recent-items-section h2.mt-notification-title span {
    font-size: 22px;
    line-height: 35px;
    font-weight: 600;
    border: 0px solid #323232;
    color: #3e3e3e !important;
    margin: 0;
    padding: 0
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
    box-shadow: none !important
}

td.amount-due-class + td div span {
    gap: 10px;
    display: flex;
    margin: 5px;
    white-space: nowrap
}

@media(min-width: 1600px) {
    .badge-section + .vr {
        margin: 0 5px
    }
}

button.btn.btn-primary.mt-how-to-setup-a-team-cta {
    margin-right: 18px
}

    button.btn.btn-primary.mt-how-to-setup-a-team-cta svg {
        width: 17px;
        height: 17px;
        margin-right: 3px;
        top: -2px;
        position: relative
    }

button.btn.btn-primary.mt-how-to-setup-a-team-cta {
    margin-right: 18px;
    color: #0f78e2;
    font-size: 14px
}

    button.btn.btn-primary.mt-how-to-setup-a-team-cta:active {
        color: #0f78e2 !important
    }

.mt-new-project-list-sction .mt-area-setup-tabs .nav-tabs .nav-link, .mt-new-project-list-sction .mt-area-setup-tabs .nav-tabs .nav-link .active {
    margin-right: 0 !important
}

.mt-new-notification-cards {
    background: #f2f2f2;
    border-radius: 7px;
    padding: 9px 15px 10px 12px;
    margin: 14px 0 15px 0
}

    .mt-new-notification-cards p {
        margin-bottom: 14px !important
    }

        .mt-new-notification-cards p:last-child {
            margin-bottom: 0 !important
        }

.mt-new-reminder-popup .toast.show.bg-white.mt-bb-line.pt-1 {
    margin-bottom: 40px !important
}

.mt-new-reminder-popup button.btn-close {
    position: absolute;
    color: #787878 !important;
    font-size: 9px !important;
    right: 7px !important;
    top: -19px !important;
    width: 8px;
    --sd-btn-close-color: #000;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23787878'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    height: 7px !important;
    background-repeat: no-repeat !important
}

body:has(.mt-wellcome-popup.show) .modal-backdrop.fade.show, body:has(.mt-invite-user-modal .show) .modal-backdrop.fade.show, body:has(.mt-what-is-lisitng.show) .modal-backdrop.fade.show {
    z-index: 9999
}

.mt-new-work-list-popup .icon {
    margin-bottom: 10px
}

@media(max-width: 992px) {
    .mt-formblock .mt-contact-lable {
        z-index: 999;
        position: absolute;
        background: #fff
    }
}

td .mt-assign-people-listing .mt-notification2 {
    position: absolute !important;
    margin-left: auto;
    display: block;
    top: auto;
    bottom: 0;
    right: -4px !important
}

.btn.dropdown-toggle i.mt-icon-copy.me-0 {
    margin-right: 10px !important
}

@media(max-width: 600px) {
    .mt-siteplan {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap !important
    }

    .form-check.form-switch + .mt-dropdown-group {
        margin-bottom: 0px !important
    }

    .mt-siteplan .form-check {
        position: unset !important;
        top: 0;
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        left: 15px
    }

    .mt-new-project-list-header-section {
        margin-top: 0;
        padding-bottom: 0
    }

        .mt-new-project-list-header-section .form-check-label {
            color: #424547 !important;
            line-height: 21px;
            font-size: 15px;
            width: 100%;
            display: inline;
            flex-wrap: nowrap;
            gap: 5px
        }

        .mt-new-project-list-header-section .form-check-input {
            filter: brightness(90%);
            float: none;
            margin: 0;
            margin-left: 12px;
            margin-bottom: 10px
        }

    .mt-new-project-list-sction {
        margin-top: 0;
        padding: 0px 0px
    }

    .mt-new-project-list-header-section .mt-siteplan {
        margin-top: 0;
        margin-bottom: 0px !important;
        position: unset
    }

    .mt-right-side-menu .mt-project-list-btn {
        max-width: 100% !important;
        padding: 9px 30px !important;
        display: flex;
        align-items: center;
        width: 100%;
        margin: auto;
        text-align: center;
        justify-content: center
    }

    .mt-filter-block {
        background-color: #424547;
        padding: 20px 0;
        min-height: 80px;
        max-height: unset
    }

    button.btn.btn-primary.mt-how-to-setup-a-team-cta {
        margin-right: 18px;
        color: #0f78e2;
        font-size: 14px;
        margin: 0
    }

    .mt-special-purchase .mt-dashboard-tabs-section {
        margin: 12px 0 0px 0
    }

    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -7px !important
    }
}

@media(max-width: 1358px) {
    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: 0;
        order: 0
    }
}

@media(min-width: 768px)and (max-width: 1358px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -8px !important
    }
}

.mt-new-project-list-sction .hr-tabs-lines {
    margin-top: 0;
    order: 2
}

@media(min-width: 1090px) {
    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: 0;
        order: 0 !important
    }
}

@media(min-width: 768px)and (max-width: 1358px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -17px !important
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .mt-new-project-list-sction .mt-select-dropdown {
        width: fit-content
    }
}

@media(min-width: 768px)and (max-width: 1099px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -20px !important
    }
}

@media(min-width: 568px)and (max-width: 1099px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -16px !important
    }
}

@media(max-width: 567px) {
    .mt-special-purchase.mt-new-project-list-sction .nav-link:after {
        bottom: -7px !important
    }
}

@media(max-width: 600px) {
    .mt-filter-block {
        background-color: #424547;
        padding: 20px 0 0;
        min-height: 80px;
        max-height: unset
    }
}

.mt-select-dropdown:has(.show) button, .mt-select-dropdown:has(.show) button > i, .mt-select-dropdown:has(.show) button .mt-icon-filter-nt {
    color: #028be6 !important;
    border-color: #028be6
}

.mt-select-dropdown.filter.mt-filter button > .mt-icon-close {
    font-size: 10px;
    background: #028be6;
    min-width: 14px;
    min-height: 14px;
    color: #fff !important;
    align-items: center;
    border-radius: 50px;
    font-size: 4px;
    line-height: 14px;
    margin: 0;
    justify-content: center
}

.mt-select-dropdown.filter.mt-filter:has(.mt-new-main-filter) {
    width: fit-content !important;
    padding: 0;
    max-width: fit-content;
    display: flex
}

.mt-right-side-menu .mt-select-dropdown:has(.mt-calendar-filter) .dropdown button {
    min-width: 0;
    padding: 0px 0px;
    align-items: start;
    display: flex
}

.mt-close-button-filter:has(.mt-icon-close) {
    align-items: center !important
}

.mt-select-dropdown.filter.mt-filter button > .mt-icon-close:before {
    width: auto !important
}

@media(min-width: 1090px)and (max-width: 1340px) {
    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: 0;
        order: 3 !important
    }
}

@media(min-width: 1467px)and (max-width: 1700px) {
    .mt-right-side-menu .mt-project-list-btn {
        padding: 9px 40px !important
    }
}

@media(min-width: 768px)and (max-width: 1358px) {
    .mt-new-project-list-sction .hr-tabs-lines {
        margin-top: -20px;
        order: 3
    }
}

@media(min-width: 992px)and (max-width: 1400px) {
    .mt-calendar-filter.dropdown-menu:has(.mt-calendar-filter-content).border-0.show {
        right: auto !important
    }
}

@media(max-width: 1400px) {
    .mt-activity-outer .mt-new-special-purchase span.mt-priority-view {
        padding: 5px !important
    }

    .mt-activity-outer .mt-new-special-purchase .mt-status-processing {
        padding: 5px !important
    }

    body:not(.mt-siteplan-layout) .mt-location-hover-listing .mt-custom-tooltip {
        transform: translate(-10vw, 11%)
    }

    .mt-special-purchase-row .mt-form-inputgroup .mt-checklocation + .mt-checklocation.mt-location-hover-listing {
        padding-left: 20px !important
    }

    .mt-checklocation.mt-space-hoverable-card .mt-custom-tooltip {
        transform: translate(28vw, 11%) !important
    }

    section.mt-setup-block.bg-transparent.mt-new-project-list-sction.mt-new-site-setup-section .select2-container--default .select2-results > .select2-results__options {
        max-height: 200px;
        overflow-y: auto
    }
}

@media(min-width: 768px) {
    .mt-nt-panel.collapse-horizontal.collapse.show.mt-rgt-side-notification-section .collapse-horizontal {
        min-width: 525px
    }
}

.offcanvas .mt-reminder-button-section button {
    transition: none !important
}

.mt-watch-video-btn {
    text-decoration: none;
    width: fit-content
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown:after {
    cursor: pointer;
    pointer-events: none
}

.mt-new-project-list-header-section .mt-dropdown-group .mt-select-dropdown select {
    cursor: pointer
}

@media(min-width: 1300px)and (max-width: 1600px) {
    .mt-privacy-policy-modal-content .tab-pane {
        max-height: 230px;
        overflow: auto
    }
}

@media(min-width: 768px)and (max-width: 1299px) {
    .mt-privacy-policy-modal-content .tab-pane {
        max-height: 200px;
        overflow: auto
    }
}

.mt-invite-user-modal.mt-privacy-policy-modal-content .tab-content {
    background-color: #fff;
    width: 100%;
    max-height: 500px;
    overflow: auto
}

@media(max-width: 1599px) {
    .mt-privacy-policy-modal-content .tab-pane {
        max-height: 250px
    }
}

@media(max-width: 1400px) {
    .mt-weeek-cards h2 {
        font-size: 12px;
        line-height: 16px
    }
}

.mt-card-back.mt-new-card-for-chart span {
    color: #424547 !important;
    opacity: 1
}

.mt-card-back.mt-new-card-for-chart .mt-backcard {
    border: 0 !important;
    padding: 0;
    margin: 0;
    width: 0;
    font-size: 11px !important;
    color: #cecece !important
}

.mt-card-overview .mt-card-back.mt-new-card-for-chart .mt-card-st-body .mt-card-st-content {
    max-height: 196px;
    min-height: 196px !important;
    overflow: auto;
    padding-right: 10px
}

.mt-new-card-for-chart i.mt-icon-back-arrow {
    transform: rotate(179deg);
    display: inline-block
}

.mt-card-back.mt-new-card-for-chart .mt-backcard:has(i.mt-icon-back-arrow) {
    font-size: 14px !important;
    text-decoration: none
}

.mt-card-back.mt-new-card-for-chart .mt-chart-clear-btn {
    color: #424547;
    text-decoration: none;
    padding: 0 15px
}

.mt-card-overview .mt-card-back.mt-new-card-for-chart .mt-card-st-footer .mt-apply {
    background-color: rgba(0,0,0,0);
    border-radius: 7px;
    color: #0f78e2;
    border: none;
    padding: 7px 10px;
    font-size: 14px
}

.mt-card-overview .mt-card-back.mt-new-card-for-chart .mt-card-st-body {
    padding: 11px 7px 11px 17px;
    height: calc(100% - 90px)
}

.mt-card-overview .mt-card-back.mt-new-card-for-chart .mt-card-st-footer {
    border-top: solid 1px #ebebeb
}

.mt-card-overview .mt-card-back.mt-new-card-for-chart .mt-card-st-header {
    padding: 10px 17px;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #ebebeb;
    align-items: center
}

.mt-card-overview + .mt-card-overview .mt-card-back .mt-card-st-body {
    padding: 11px 7px 11px 17px;
    height: calc(100% - 100px)
}

.mt-new-dashboard .col-md-4:nth-of-type(3) .mt-new-card-for-chart > span, .mt-new-dashboard .col-lg-4:nth-of-type(3) .mt-new-card-for-chart > span {
    color: #fe9d21
}

.mt-new-dashboard .col-md-4:nth-of-type(3) .icon i, .mt-new-dashboard .col-lg-4:nth-of-type(3) .icon i {
    color: #fe9d21
}

.mt-new-dashboard .col-md-4:nth-of-type(2) .icon i, .mt-new-dashboard .col-lg-4:nth-of-type(2) .icon i {
    color: #47697e
}

@media(min-width: 992px)and (max-width: 1400px) {
    .mt-calendar-filter.dropdown-menu:has(.mt-calendar-filter-content).border-0.show {
        right: 0 !important
    }
}

@media(max-width: 1400px) {
    .amount-due-class .mt-content {
        border-radius: 5px;
        color: #3e3e3e;
        border: 1px solid #3e3e3e;
        padding: 9.5px 9.5px 9.5px 9.5px;
        font-size: 14px;
        width: fit-content;
        margin: auto;
        display: block
    }
}

.mt-markcomplete .btn.active {
    border-color: #00af38 !important;
    background-color: #00af38 !important;
    color: #fff
}

.mt-preview-content {
    display: flex;
    justify-content: center;
    padding: 5px 20px
}

.mt-select-dropdown:has(.show) button.mt-add-group-button.mx-auto {
    color: #fff !important
}

@media(min-width: 1200px) {
    .mt-card-overview.mt-white {
        min-height: 475px
    }
}

@media(min-width: 1200px) {
    .mt-card-overview.mt-white {
        min-height: 475px
    }
}

.mt-new-notification-card ul.mt-brdcrumb {
    display: flex;
    align-items: center
}

.mt-nt-read .mt-nt-userdetails .mt-brdcrumb li::before {
    top: 3px
}

.mt-nt-userdetails .mt-brdcrumb li::before {
    top: 3px
}

.mt-tab-heading .mt-markbutton.mt-activated-mark-complete-btn.active {
    border-color: #00af38 !important;
    background-color: #00af38 !important;
    color: #fff
}

.mt-new-form .form-group.mt-dropmenu span.selection li.select2-selection__choice:has(span.select2-selection__choice__remove) {
    display: flex;
    flex-direction: row-reverse;
    padding: 0 15px;
    height: fit-content;
    max-height: 30px;
    display: flex;
    align-items: center;
    background: #aaa !important;
    color: #fff
}

.mt-new-form .form-group.mt-dropmenu .select2-selection__rendered {
    margin: 15px 0
}

.mt-new-form .form-group.mt-dropmenu span.selection .select2-selection__choice__remove {
    cursor: pointer;
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 300
}

.mt-new-form .form-group.mt-dropmenu span.selection input {
    Display: none
}

.mt-new-form .form-group.mt-dropmenu span.selection:has(.mt-new-cr-card-changes) {
    display: flex;
    flex-direction: row-reverse;
    width: auto;
    justify-content: space-around;
    min-width: fit-content;
    padding: 5px !important;
    align-items: center
}

.select2-selection__choice:has(.mt-new-cr-card-changes) {
    display: flex !important;
    flex-direction: row-reverse !important;
    width: auto !important;
    justify-content: space-around !important;
    min-width: fit-content !important;
    padding: 5px !important;
    align-items: center !important
}

    .select2-selection__choice:has(.mt-new-cr-card-changes) .select2-selection__choice__remove {
        position: relative;
        margin-left: 10px
    }

ul:has(.mt-new-cr-card-changes) input {
    display: none !important
}

.select2-dropdown:has(.flag-icon).select2-dropdown {
    min-width: unset !important;
    width: 300px !important
}

.mt-invite-user-modal li.select2-selection__choice {
    border-radius: 3px !important
}

.mt-invite-user-modal .mt-multiselect-checklist .select2-selection__rendered {
    padding-top: 4px
}

.mt-invite-user-modal .mt-multiselect-checklist .select2-selection__choice .select2-selection__choice__remove {
    font-size: 21px !important;
    font-weight: 100
}

/*.mt-invite-user-modal .select2-search.select2-search--inline input {
    display: none
}
*/
.mt-addnewSpecialPurchasepopup .mt-form-inputgroup.mt-new-form .mt-dropmenu label {
    z-index: 9999999
}

.tab-pane.fade.show.active .mt-formblock label {
    z-index: 9 !important
}


.mt-card-overview  .mt-card-box svg {
    cursor: pointer;
}

.mt-form-inputgroup.mt-new-form span.select2-selection.select2-selection--multiple {
    min-height: 48px;  display: flex;  align-items: center;
}

.mt-card-overview .mt-card-box svg {
    cursor: pointer;
}




.mt-reminder-button-section button.mt-btn-cancel.btn {
    display: flex;
}

    .mt-reminder-button-section button.mt-btn-cancel.btn i {
        width: 12px;
        height: 12px;
        font-size: 12px;
        color: #e20f0f;
    }

        .mt-reminder-button-section button.mt-btn-cancel.btn i:before {
/*            font-size: 12px;*/
            box-shadow: none;
            text-shadow: none;
        }

.mt-reminder-button-section {
    display: flex;
}

    .mt-reminder-button-section button.mt-btn-cancel.btn:hover i {
        color: #fff;
    }

    .mt-reminder-button-section button.mt-btn-cancel.btn i:hover {
        background: transparent
    }

    .mt-reminder-button-section button.mt-btn-cancel.btn i:before {
/*        font-size: 9px;*/
        box-shadow: none;
        text-shadow: none;
     
    }



    .mt-reminder-button-section button.mt-btn-cancel.btn {
        display: flex;
    }

        .mt-reminder-button-section button.mt-btn-cancel.btn i {
            width: 12px ;
            height: 12px ;
            font-size: 12px ;
            color: #e20f0f;
        }

            .mt-reminder-button-section button.mt-btn-cancel.btn i:before {
/*                font-size: 12px ;*/
                box-shadow: none;
                text-shadow: none;
            }

.mt-reminder-button-section {
    display: flex;
}

    .mt-reminder-button-section button.mt-btn-cancel.btn:hover i {
        color: #fff;
    }

    .mt-reminder-button-section button.mt-btn-cancel.btn i:hover {
        background: transparent
    }

    .mt-reminder-button-section button.mt-btn-cancel.btn i:before {
/*        font-size: 9px;*/
        box-shadow: none;
        text-shadow: none; 
    }

.mt-nt-header .mt-nt-action i.mt-icon-close:before {
/*    font-size: 11px!important;*/
    text-shadow: none;
}

@media (min-width: 761px) and (max-width:800px) {
    .mt-email-modal-popup .mt-send-popup-modal-buttons:not(.mt-pdf-reports) {
        margin: 0px !important;
    }

    .mt-new-notification .active-notification-icon {
        width: 8px;
        height: 8px;
        margin-bottom: 3px;
        background: #0f78e2;
        margin-left: auto;
        border-radius: 50px;
        position: absolute;
        right: 5px;
        top: 17px;
    }
}