.domain-notes ul {
    display: block !important;
}

.domain-notes ul li {
    white-space: initial;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: var(--theme-deafult);
    color: #fff !important;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #f4f4f4;
    border-radius: 0.25rem;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid var(--theme-deafult);
    color: #2c323f !important;
    background: transparent !important;
}

.form-control {
    font-size: 14px !important;
    margin-top: 0 !important;
}

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

.form-control.error {
    border-color: red;
}

.form-control:focus {
    box-shadow: none;
}

.theme-card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* new added */

div.dataTables_wrapper div.dataTables_processing {
    background: none;
    z-index: 1;
}

.swal2-icon.swal2-warning {
    color: #f27474 !important;
    border-color: #f27474 !important;
}

.text-theme {
    color: var(--theme-deafult) !important;
}

.dataTable th {
    white-space: pre;
    /* text-transform: uppercase; */
}

.dataTable td {
    vertical-align: middle;
}

.dataTable td::first-letter {
    text-transform: capitalize;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role='row']>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role='row']>th:first-child:before {
    top: 50%;
    transform: translateY(-50%);
    line-height: 16px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: var(--theme-deafult);
    color: #fff !important;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate {
    margin-left: 15px !important;
    border: 1px solid #f4f4f4;
    border-radius: 0.25rem;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid var(--theme-deafult);
    color: #2c323f !important;
    background: transparent !important;
}

.btn {
    padding: 0.375rem 0.75rem;
}

.theme-card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-cancel {
    background-color: #aaa;
    color: #fff;
}

.btn-cancel:hover {
    color: #fff;
}

.starter-main .card-body ul {
    margin-bottom: 0;
}

.popover.clockpicker-popover {
    z-index: 9999;
}

.clockpicker input {
    cursor: pointer;
}

.clockpicker .input-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none;
}

.modal-open {
    overflow: hidden;
}

.select2 .selection .select2-selection {
    border-color: #efefef !important;
    background-color: #f6f7f9;
    text-transform: initial;
}
.dark-only .select2 .selection .select2-selection {
    border-color: #efefef !important;
    background-color: #1d1e26;
    text-transform: initial;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    text-transform: initial;
}

.action i {
    margin: 0 !important;
}

.action li {
    margin: 0 !important;
    margin-left: 5px !important;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ededed !important;
    border: 1px solid rgb(155 155 155 / 40%) !important;
}

.action li a {
    display: flex !important;
}

.nav-tabs .nav-link.active {
    border-bottom: 2px solid #f27f0c !important;
}

.nav-tabs .nav-link {
    border-bottom: 2px solid transparent !important;
    font-weight: 500 !important;
}

.profile-avtar {
    min-width: 60px;
    min-height: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin-right: 15px;
    background: #fff;
    border: 1px solid #e0dcdc;
}

.profile-avtar span {
    display: block;
    color: #fff;
    font-size: 20px;
}

.profile-avtar img {
    background: fixed;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* padding: 10px;    */
}

.login-avtar {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 25%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0dcdc;
}

.login-avtar img {
    background: fixed;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.badge {
    display: inline;
}

.error {
    color: red;
    margin: 5px 0 0 0;
    font-size: 14px;
    display: block !important;
    width: 100%;
}

.profile-block {
    padding: 30px;
    border-radius: 1rem;
}

@media (max-width: 1199px) {
    .profile-block {
        padding: 15px;
    }
}

.app-card {
    background-color: #f9f9f9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #e4e4e4;
    height: 100%;
}

.app-card .icon {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-right: 10px;
    min-width: 35px;
    height: 35px;
    background-color: #f27f0c;
}

.app-card .icon i {
    color: #fff;
}

.app-card .content {
    width: 100%;
}

.app-card .content h5 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
}

.app-card .content h6 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    color: #000;
    word-break: break-word;
}

.theme-icon {
    color: #f27f0c;
    font-size: 24px;
}

.project-box .text-color {
    color: #f27f0c;
    font-weight: 500;
    opacity: 1 !important;
}

@media (max-width: 1699px) {
    .app-card .content h6 {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .main-details {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .card-body {
        padding: 15px;
    }
}

@media (max-width: 575px) {
    .app-card .content h5 {
        font-size: 13px;
    }

    .app-card .content h6 {
        font-size: 15px;
    }

    .project-box {
        padding: 20px 15px;
    }
}

.profile-block .nav-primary .nav-link {
    padding: 10px 15px;
    color: #000;
    margin: 5px 0;
    transition: 0.3s all;
}

.profile-block .nav-primary .nav-link:hover {
    background: #f9f9f9;
}

.profile-block .nav-primary .nav-link.active:hover {
    background: #f27f0c;
}

.card.widget-1 {
    background-image: none;
}

.widget-1 .widget-round.one {
    border-color: #0cc1ee;
}

.widget-1 .widget-round.two {
    border-color: #ffaa05;
}

.widget-1 .widget-round.three {
    border-color: var(--theme-deafult);
}

.widget-1 .widget-round.four {
    border-color: #54ba4a;
}

.widget-1 .widget-round.five {
    border-color: #ff3364;
}

.widget-1 .widget-round.six {
    border-color: #f27f0c;
}

.one .svg-fill {
    fill: #0cc1ee;
}

.two .svg-fill {
    fill: #ffaa05;
}

.three .svg-fill {
    fill: var(--theme-deafult);
}

.four .svg-fill {
    fill: #54ba4a;
}

.five .svg-fill {
    fill: #ff3364;
}

.six .svg-fill {
    fill: #f27f0c;
}

.greeting-user .whatsnew-btn {
    height: 35px;
}

.profile-media .icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #898989;
}

.profile-media .icon i {
    color: #fff;
}

@media (max-width: 640px) {
    .dataTables_filter {
        padding-bottom: 40px;
    }

    .dataTables_length {
        padding-bottom: 40px;
    }
}

.card.profile-box {
    height: calc(100% - 30px);
}

.swal2-actions button:focus {
    box-shadow: none !important;
}

.swal2-actions button {
    padding: 8px 30px !important;
}

@media (max-width: 575px) {
    /* .swal2-icon {
        width: 60px !important;
        height: 60px !important;
    } */

    .swal2-title {
        font-size: 24px !important;
    }

    .swal2-html-container {
        font-size: 16px !important;
    }
}

.action {
    padding: 0 !important;
    justify-content: center;
}

.action li {
    border: 0;
}

.feature {
    background: #ebeeff !important;
    border: 1px solid rgba(48, 79, 253, 0.4) !important;
}

.edit {
    background: #e4ffec !important;
    border: 1px solid rgba(16, 130, 81, 0.4) !important;
}

.delete {
    background: #ffebeb !important;
    border: 1px solid rgba(253, 48, 48, 0.4) !important;
}

.view {
    background: #f6eaff !important;
    border: 1px solid rgba(163, 48, 253, 0.4) !important;
}

.feature i {
    color: #304ffd !important;
}

.edit i {
    color: #108251 !important;
}

.delete i {
    color: #fd3030 !important;
}

.view i {
    color: #a330fd !important;
}

.theme-switch {
    display: flex;
}

.small-widget .card-body {
    padding: 35px 15px;
}

.appointment .customer-table {
    height: unset !important;
}

.appointment .customer-table.table-responsive {
    overflow: unset;
}

.appointment .card .card-body {
    padding: 30px 20px;
}

.no-wrap {
    white-space: nowrap;
}

.simplebar-content-wrapper {
    padding-bottom: 60px;
}

.logout {
    position: fixed !important;
    bottom: 0;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 40px;
    left: unset;
}

.small-tag {
    min-height: 24px;
    min-width: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.large-tag {
    min-height: 24px;
    min-width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.medium-tag {
    min-height: 24px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.dataTables_info {
    white-space: break-spaces !important;
}

.select2-hidden-accessible+.error {
    position: absolute;
    bottom: -5px;
    z-index: 9;
    left: 12px;
}

@media screen and (max-width: 575px) {
    /* #managecityForm .select2-hidden-accessible + .error, */

    .page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img {
        width: 100% !important;
    }
}

@media screen and (min-width: 576px) {}

@media screen and (max-width: 991px) {}

@media screen and (min-width: 992px) {}

.custom-select-box {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-box .select2-hidden-accessible+.error {
    top: calc(100% - 20px) !important;
    left: 0 !important;
}

.select2-hidden-accessible+.error+.select2 {
    margin-bottom: 20px;
}

table.dataTable.table td {
    min-width: 20px;
}

table.dataTable.table td,
table.dataTable.table th {
    /* word-break: break-all; */
    font-weight: normal;
}
table{
    box-sizing: border-box !important;
}
table > thead,
.table > thead {
    background: var(--theme-deafult);
}
.table > thead th,.table > thead td,
table > thead th,table > thead td{
    color: #fff;
}

@media (max-width: 480px) {
    .permission-listing-table {
        table-layout: fixed !important;
    }
}

input,
textarea {
    transition: 0.3s all;
    color: #212529;
}

.select2-hidden-accessible.error+.error+.select2 .selection .select2-selection {
    border-color: #d3d3d3 !important;
}

.form-control.error {
    border-color: #d3d3d3 !important;
}

.form-select option:hover,
.form-select option:checked,
.form-select option:focus {
    background-color: #f27f0c !important;
    color: #fff;
    /* jinali */
}

input:focus,
textarea:focus {
    /* border-color: var(--input-border) !important; */
    outline: none !important;
    /* color: #212529 !important; */
}

.cke_textarea_inline.cke_focus {
    outline: none !important;
    border: 1px solid #d3d3d3 !important;
}

input,
textarea,
select {
    &:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.12) inset !important;
        -webkit-text-fill-color: #212529 !important;
        transition: background-color 5000s ease-in-out 0s;
    }
}

th.sorting_asc,
th.sorting_desc,
th.sorting {
    padding-right: 35px !important;
}

@media (max-width: 991px) {
    .permissions-check-listing {
        /* justify-content: space-between; */
        flex-wrap: wrap;
    }

    .permissions-check-listing label {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 575px) {
    .permissions-check-listing label {
        min-width: 47%;
        margin-bottom: 5px !important;
    }
}

.permissions-check-listing label {
    display: flex !important;
    align-items: flex-start;
}

@media only screen and (max-width: 360px) {
    .modal-footer button {
        margin-bottom: 10px !important;
    }
}

.cke_textarea_inline {
    min-height: 80px;
    max-height: 200px;
    overflow: auto;
}

@media only screen and (max-width: 767px) {
    .cke_textarea_inline {
        max-height: 120px;
    }
}

.sidebar-wrapper .logo-wrapper {
    padding: 0 24px !important;
    min-height: 84px;
    display: flex;
    align-items: center;
    position: relative;
}

.sidebar-wrapper .logo-wrapper a {
    display: block;
    max-width: 180px;
}

.response li a {
    border-radius: 4px;
    padding: 6px;
}

.response li a i {
    color: #fff;
}

.app-password {
    position: relative;
}

.app-password input {
    padding-right: 30px;
}

.app-password input+.show-password-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.icon-state.status .switch-state:after {
    left: 9px;
    top: 9px;
}

.swal2-popup .swal2-icon.swal2-info.custom-swal2-info-icon {
    color: #6a7279 !important;
    border-color: #6a7279 !important;
    width: 4.5em;
    height: 4.5em;
}

.pills ul li {
    margin-bottom: 8px;
    border-radius:0;
    background: transparent;
    transition: 0.4s all ease;
}

.pills ul {
    list-style: none;
    list-style-type: none !important;
}

.pills ul li:last-child {
    margin-bottom: 0px;
}

.pills ul li a {
    color: var(--theme-secondary) !important;
    background: #ffffff14;
    display: block;
    padding: 15px 20px;
}

.pills ul li.active {
    background: var(--theme-deafult);
    color: var(--theme-secondary) !important;
    transition: 0.4s all ease;
}

.pills ul li.active a {
    color: var(--white) !important;
}

.setting-points {
    position: sticky;
    top: 100px;
    z-index: 1;
}

@media (max-width: 1399px) {
    .setting-points {
        overflow: hidden;
    }
}

.setting-points .card-body {
    max-height: 600px;
    overflow: auto;
}

@media (max-width: 1800px) {
    .setting-points {
        max-height: 580px;
    }
}

@media screen and (max-width: 1399px) {
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
        width: 320px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        margin-left: 240px;
    }
}

@media screen and (max-width: 575px) {
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
        width: 95%;
    }
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 140px);
}

@media screen and (max-width: 1399px) {
    .starter-main .card-body ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
    }
    .starter-main .card-body .dataTables_wrapper ul{
        justify-content: start;
    }
}

@media screen and (max-width: 375px) {
    .pills ul li a {
        padding: 12px 15px;
    }
}

/* width */
::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--theme-deafult);
}

.lccp-el-wrap {
    width: 100%;
    z-index: 1;
}

/* .template-selection{
    display: flex;
    align-items: center;
    justify-content: space-between;
  } */

/* .temp .card{
    margin-right: 15px;
    min-width: 300px;
  }

  .template-selection .card-header{
    line-height: 0;
    padding: 0;
  }
  .template-selection .card-header img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .template-selection  .card .card-body p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  } */

.templateSwiper {
    margin-bottom: 25px;
}

.templateSwiper .swiper-slide .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.templateSwiper .swiper-slide .image {
    width: 100%;
    height: 200px;
}

.templateSwiper .swiper-slide .image .butn {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 0;
}

.templateSwiper .swiper-slide .desc {
    padding: 30px 15px;
}

.templateSwiper .swiper-slide .desc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.templateSwiper .swiper-slide .desc h6,
.templateSwiper .swiper-slide .desc p {
    color: var(--body-font-color);
}

.templateSwiper .swiper-slide .desc h6 {
    font-size: 20px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.templateSwiper .swiper-slide .desc p {
    font-size: 15px;
    line-height: 1.3;
    opacity: 0.5;
}

.templateSwiper .swiper-slide {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border: 3px solid var(--theme-deafult);
    border-color: transparent;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.templateSwiper .swiper-slide .radio-card{
    width: 100%;
}

.templateSwiper .swiper-slide.active-template {
    border-color: #108251;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.templateSwiper .swiper-slide .desc {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -150px;
    background: var(--chart-border);
    transition: 0.4s all ease;
}

.templateSwiper .swiper-slide:hover .desc {
    bottom: 0;
    transition: 0.4s all ease;
}

.templateSwiper .swiper-slide .image {
    position: relative;
    overflow: hidden;
}

.templateSwiper .swiper-slide .image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--theme-deafult);
    opacity: 0;
    transition: 0.4s all ease;
}

.templateSwiper .swiper-slide:hover .image:after {
    opacity: 0.4;
    transition: 0.4s all ease;
}

.desc .butn input[type='radio']:checked+.swiper-slide {
    border: block !important;
}

.radio label::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: ' ';
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #898989;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type='radio'] {
    opacity: 0;
}

.radio input[type='radio']:focus+label::before {
    outline-offset: -2px;
}

.radio input[type='radio']:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type='radio']:disabled+label {
    opacity: 0.65;
}

.radio input[type='radio']:disabled+label::before {
    cursor: not-allowed;
}

.butn .form-check-input {
    background-color: var(--theme-deafult);
    width: 20px;
    height: 20px;
}

.butn .form-check-input:checked {
    background-color: var(--theme-deafult);
}

.desc {
    position: relative;
}

.butn {
    position: absolute;
    right: 10px;
    top: 30px;
    line-height: 0;
}

.butn .form-check-input {
    margin: 0;
}

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



/* HD- RADIO THEME SELECT START*/
.templateSwiper .swiper-slide.active-template {
    border-color: transparent;
}

label.radio-card {
    cursor: pointer;
    padding: 5px;
    margin-bottom: 0;
}

label.radio-card .card-content-wrapper {
    background: #f7f7f7;
    border-radius: 5px;
    padding: 15px;
    display: grid;
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    border: 2px dashed #a09c9c;
    transition: 200ms linear;
}

label.radio-card input {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

label.radio-card .check-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 2px #e3e3e3;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;
    margin-bottom: 5px;
}

label.radio-card .check-icon:before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center center;
    transform: scale(1.6);
    transition: 200ms linear;
    opacity: 0;
}

label.radio-card input[type='radio'] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

label.radio-card input[type='radio']:checked+.card-content-wrapper {
    border: 2px solid var(--theme-deafult);
}

label.radio-card input[type='radio']:checked+.card-content-wrapper .check-icon {
    background: var(--theme-deafult);
    border-color: var(--theme-deafult);
    transform: scale(1.2);
}

label.radio-card input[type='radio']:checked+.card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
}

label.radio-card input[type='radio']:focus+.card-content-wrapper .check-icon {
    /* box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2); */
    border-color: var(--theme-deafult);
}

.boxCenter {
    height: 200px;
    overflow: hidden;
    margin-bottom: 12px;
}

label.radio-card .card-content img {
    margin-bottom: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

label.radio-card .card-content h4 {
    font-size: 16px;
    letter-spacing: -0.24px;
    text-align: center;
    color: var(--body-font-color);
    margin-bottom: 10px;
}

label.radio-card .card-content h5 {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: var(--body-font-color);
}

/* HD- RADIO THEME SELECT END*/

/* COMMON MODAL CSS START HERE */
/* ----NP ---*/
.modal-header .btn-close {
    background: var(--theme-deafult);
    font-size: 20px;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 8px;
    transition: 0.4s all ease;
}

.modal-header .btn-close:hover {
    transition: 0.4s all ease;
}

#fakeUserProfileModal .modal-content .theme-form .modal-body {
    height: 650px;
    overflow: auto;
}

.modal.profile-modal .modal-content .modal-body {
    max-height: 650px;
    overflow: auto;
}

::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: var(--theme-deafult);
}

.choose-img {
    width: 100px;
    height: 100px;
}

.choose-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.edit {
    background: #ededed !important;
    border: 1px solid rgb(155 155 155 / 40%) !important;
}

.passion {
    background: #ffe9f2 !important;
    border: 1px solid rgb(230 134 235 / 40%) !important;
}

.passion .view-passion i {
    color: #e686eb66;
}

.media-icon-dt {
    background: #e0e1ff !important;
    border: 1px solid rgb(62 48 253 / 40%) !important;
}

.settings .card-header {
    border-bottom: 1px solid #dadada;
    border-left: 2px solid var(--theme-deafult);
}

.bg-section {
    height: 310px;
    width: 100%;
    overflow: hidden;
}

.bg-section img,
.bg-section video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

@media (max-width: 1600px) {
    .bg-section {
        height: 250px;
    }
}

@media (max-width: 1399px) {
    .bg-section {
        height: 220px;
    }
}

@media (max-width: 1199px) {
    .bg-section {
        height: 200px;
    }
}

@media (max-width: 991px) {
    .bg-section {
        height: 180px;
    }
}

.bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.files {
    background: var(--theme-deafult);
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    max-width: 180px;
    text-align: center;
    font-weight: 500;
    position: relative;
}

.files p {
    font-size: 16px !important;
    line-height: 1.2;
    color: #fff;
    opacity: 1;
}

@media (max-width: 575px) {
    .files {
        padding: 10px;
    }

    .files p {
        font-size: 14px !important;
        line-height: 1.2;
        color: #fff;
    }
}

@media (max-width: 480px) {
    .files p {
        font-size: 12px !important;
    }
}

/* .files input[type="file"]{
    display: none;
} */

.file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100% !important;
    border: none;
    padding: 0 !important;
    margin: 0;
    cursor: pointer;
}

.logo-landing .logo {
    width: 100% !important;
    max-width: 180px !important;
    max-height: 45px !important;
    height: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
}

.logo-landing .logo img {
    width: 100%;
    height: 45px;
    object-fit: contain;
    display: block;
    margin-left: 0;
    margin-right: auto;
}

.logo-img {
    width: 250px;
    height: 100px;
}

.favicon-img {
    width: 100px;
    height: 100px;
}

.back-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.submit-form-btn {
    /* padding: 14px 50px; */
    padding: 10px 50px;
    width: 200px;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

@media (max-width: 575px) {
    .submit-form-btn {
        padding: 12px 30px;
        width: 180px;
        font-size: 15px;
    }
}

@media (max-width: 375px) {
    .submit-form-btn {
        padding: 12px 20px;
        width: 150px;
    }
}

.form-label {
    font-size: 15px;
    font-weight: 500;
    color: var(--body-font-color);
    line-height: 28px;
}

@media screen and (max-width: 1600px) {
    .logo-img {
        width: 180px;
    }
}

@media screen and (max-width: 767px) {
    .form-label {
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {
    .logo-img {
        width: 100%;
    }

    .templateSwiper .swiper-slide .desc h6 {
        font-size: 18px;
    }

    .templateSwiper .swiper-slide .desc {
        padding: 20px 15px;
    }
}

@media screen and (max-width: 375px) {
    .form-label {
        font-size: 12px;
    }

    .templateSwiper .swiper-slide .desc h6 {
        font-size: 16px;
    }
}

/* COMMON MODAL CSS END'S HERE */

.add-btn {
    padding: 12px 20px;
    width: fit-content;
}
@media screen and (max-width:767px) {
    .add-btn {
        padding: 8px 12px;
        font-size: 14px;
        min-width: 90px;
    }
}

/* CHAT OPERATOR CSS START HERE */
.lh-0 {
    line-height: 0;
}

.user-dash {
    margin: 30px;
}

.our-activities {
    border-bottom: 1px solid rgba(45, 31, 59, 0.08);
    padding-bottom: 30px;
}

.user-dash .user-activities {
    display: flex;
    align-items: center;
}

.user-dash .user-activities .activities {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.user-dash .user-activities .activities .icon {
    width: 85px;
    height: 85px;
    min-width: 85px;
    min-height: 85px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background: linear-gradient(180deg,
            #5c68ff0f 0%,
            rgba(92, 104, 255, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.user-dash .user-activities .activities:first-child .icon .iconsax svg path {
    fill: #5c68ff;
}

.user-dash .user-activities .activities:last-child .icon .iconsax svg path {
    fill: #37cd56;
}

.user-dash .user-activities .activities .dlts h6 {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}

.user-dash .user-activities .activities .dlts span {
    color: var(--label-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.user-tours {
    padding-left: 50px;
}

.title {
    color: var(--text-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.user-tours h6 {
    margin-bottom: 18px;
}

.user-tours .watch-video {
    display: flex;
    align-items: center;
}

.user-tours .watch-video .video-btn {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background: var(--theme-deafult);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}

.user-tours .watch-video span {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.user-tours .watch-video .video-btn .iconsax svg path {
    stroke: var(--white);
}

.msg {
    padding: 0 10px;
    position: relative;
}

.msg:before,
.msg:after {
    content: '';
    position: absolute;
    height: 350%;
    width: 1px;
    background: rgba(45, 31, 59, 0.08);
    bottom: -40px;
}

.msg:before {
    left: 0;
}

.msg:after {
    right: 0;
}

.main-title {
    color: var(--text-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    text-transform: capitalize;
}

.conversation {
    padding: 200px 0;
}

.conversation svg {
    margin-bottom: 18px;
    height: auto;
    width: 200px;
}

.conversation svg path,
.conversation svg ellipse {
    fill: var(--theme-deafult);
}

.conversation .content h6 {
    color: rgba(45, 31, 59, 0.54);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 40px;
}

.conversation .content .common-btn {
    width: 400px;
}

.common-btn {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    line-height: 1.3;
    padding: 16px 60px;
    background: var(--theme-deafult);
    border: 1px solid var(--theme-deafult);
    box-shadow: 0px 1px 3px 0px var(--theme-deafult);
    display: block;
    border-radius: 12px;
    width: max-content;
    text-transform: capitalize;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.common-btn:hover {
    color: var(--theme-deafult);
    background: transparent;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-card {
    height: 100% !important;
}

/* .page-body{
    min-height: unset !important;
} */

.common-card {
    padding: 20px;
}

.user-card h2 {
    margin-bottom: 20px;
    font-size: 20px;
}

.select-option .nice-select {
    width: 100%;
    float: unset;
    border-radius: 12px;
    border: 1px solid #e0dee2;
    background: var(--select-box);
    margin-bottom: 20px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-right: 0;
    padding: 6px 20px;
}

.select-option .nice-select:after {
    height: 8px;
    width: 8px;
    top: 50%;
    margin-top: 0;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    right: 22px;
    opacity: 0.6;
    border-color: var(--text-color);
}

.select-option .nice-select span {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.nice-select .option {
    color: #000;
}

.select-option .nice-select:focus {
    border: 1px solid var(--theme-deafult);
}

.select-option .nice-select .list {
    width: 100%;
    height: 120px;
    overflow-y: auto;
}

.select-option {
    margin-bottom: 10px;
}

.transp-btn {
    background: transparent;
    color: var(--theme-deafult);
}

.transp-btn:hover {
    background: var(--theme-deafult);
    color: #fff;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-msgs .main-title {
    padding: 28px;
}

.user-msgs {
    overflow: hidden;
}

.user-table {
    overflow: auto;
}

.user-msgs {
    height: calc(100vh - 250px) !important;
}
.user-msgs .table {
    width: 100%;
    /* display: block; */
    /* height: 550px; */
}
.user-msgs .statistics-table{
    overflow: auto;
    height: 100%;
}

.user-msgs .table thead tr {
    background: var(--heading-line);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
}
.dark-only .user-msgs .table thead tr {
    background: #1e1f27;
}

.user-msgs .table thead tr th {
    padding: 20px 30px;
    color: #817989;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    border-bottom: none;
    text-align: center;
    white-space: pre;
}

.user-msgs .table thead tr th:first-child,
.user-msgs .table tbody tr td:first-child {
    /* min-width: 250px; */
}

.user-msgs .table thead tr th:first-child,
.user-msgs .table tbody tr td:first-child {
    text-align: left;
}

/* .table tbody{
    height: 550px;
    overflow-y: auto;
    display: block;
} */

.user-msgs .table tbody tr td {
    padding: 20px 30px;
    text-align: center;
    color: rgba(45, 31, 59, 0.75);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    border-bottom: none;
    vertical-align: middle;
    white-space: pre;
}

.user-msgs .table tbody tr {
    position: relative;
}

.user-msgs .table tbody tr:after {
    content: '';
    position: absolute;
    width: calc(100% - 4%);
    height: 1px;
    background: rgba(45, 31, 59, 0.12);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.user-msgs .table tbody tr:last-child::after {
    display: none;
}

.statistics-btn a:first-child {
    margin-bottom: 12px;
}

.user-chat .user-card {
    padding: 20px;
    justify-content: space-between;
    margin: 0;
}

.user-chat .user-card .user-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

/* .user-chat .user-card .user-info.display-view{
    display: flex;
} */
.user-chat .user-card .user-info.mobile-view {
    display: none;
}

.user-chat .user-card .user-info .u-dtls {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.user-chat .user-card .user-info .u-dtls .dtls h6 {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 4px;
}

.user-chat .user-card .user-info .u-dtls .dtls span {
    color: #6c6376;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.user-chat .user-card .user-info .u-img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin-right: 14px;
    position: relative;
}

.user-chat .user-card .user-info .u-img img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    border-radius: 100%;
    overflow: hidden;
}

.user-card .position .profile-dtls-close-btn {
    display: none;
}

.dark-only .user-chat .user-card .user-info .u-img.info img {
    filter: invert(0.4);
}

.user-passions {
    display: flex;
    align-items: center;
    overflow-x: auto;
    margin-bottom: 30px;
    position: relative;
}

.user-passions li {
    color: #817989;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    border-radius: 4px;
    background: #f5f5f7;
    padding: 4px 12px;
    width: fit-content;
    margin-right: 5px;
    margin-bottom: 6px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.user-passions li:last-child {
    margin-right: 0;
}

.user-passions li:first-child {
    color: #37cd56;
    background: rgba(55, 205, 86, 0.16);
}

.user-info-tabs .nav-tabs {
    border: none;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    display: flex !important;
}

.user-info-tabs .nav-tabs li {
    width: 50%;
    position: relative;
}

.user-info-tabs .nav-tabs li .info-button {
    border: none;
    background: transparent;
    padding: 12px;
    width: 100%;
    position: relative;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.user-info-tabs .nav-tabs li .info-button::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: var(--theme-deafult);
    bottom: -1px;
    left: 0;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-info-tabs .nav-tabs li .info-button.active::after {
    width: 100%;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-info-tabs .tab-content .tab-pane .info {
    margin-bottom: 14px;
}

.user-info-tabs .tab-content .tab-pane .info:last-child {
    margin-bottom: 0;
}

.user-info-tabs .tab-content .tab-pane .info h6 {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 5px;
}

.user-info-tabs .tab-content .tab-pane {
    margin-bottom: 40px;
    height: 150px;
    overflow-y: auto;
}

.user-info-tabs .tab-content .tab-pane .info span {
    color: #817989;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}

span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    text-transform: capitalize;
}

.user-card .user-gallery {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: flex-start; */
    overflow: hidden;
}

.user-card .user-gallery .user-imgs {
    width: 92px;
    height: 92px;
    min-height: 92px;
    min-width: 92px;
    border-radius: 8px;
    overflow: hidden;
}

.user-card .user-gallery .user-imgs span {
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-card .user-gallery .user-imgs span:hover {
    color: var(--theme-deafult);
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-card .user-gallery .user-imgs:last-child {
    background: #f4f5f7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    overflow: hidden;
}

.user-card .user-gallery .user-imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.user-card .user-conversation {
    padding: 20px 0 30px 0;
    height: 450px;
    overflow-y: auto;
}

.user-card .user-conversation p {
    border-radius: 12px;
    background: var(--chat-color);
}

.user-card .user-conversation span {
    display: block;
    margin-left: auto;
}

.user-card .user-conversation span:last-child,
.user-card .user-conversation p:last-child {
    /* margin-bottom: 0; */
}

.user-card .user-conversation p,
.user-card .user-conversation span {
    margin-bottom: 40px;
    padding: 14px 18px;
    width: fit-content;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.chat-footer {
    display: flex;
    align-items: center;
}

.chat-footer .attach-file {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    background: rgba(248, 248, 248, 1);
    border: 1px solid transparent;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.chat-footer .attach-file svg path {
    stroke: var(--theme-deafult);
}

.chat-footer .attach-file:hover {
    border: 1px solid var(--theme-deafult);
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.chat-footer .attach-file:hover .iconsax svg path {
    stroke: var(--theme-deafult);
}

.chat-footer .attach-file:hover .iconsax svg {
    opacity: 1;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.chat-footer .attach-file .iconsax svg {
    opacity: 0.25;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.chat-footer .type-msg {
    width: 100%;
    margin-left: 18px;
    position: relative;
}

/* .chat-footer .type-msg .user-input {
    padding: 15px 100px 15px 26px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.2;
    background: rgba(248, 248, 248, 1);
    width: 100%;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
} */
.chat-footer .type-msg .user-input {
    padding: 13px 100px 10px 20px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.5;
    background: rgba(248, 248, 248, 1);
    width: 100%;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    min-height: 50px;
    /* height: 50px; */
    resize: none;
    overflow-y: auto;
    max-height: 100px;
}

.chat-footer .type-msg .user-input::placeholder {
    font-size: 16px;
    line-height: 1.2;
    color: rgba(45, 31, 59, 0.5);
}
.dark-only .chat-footer .type-msg .user-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.chat-footer .type-msg .user-input:focus {
    border: 1px solid var(--theme-deafult) !important;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.chat-footer .type-msg .user-input::placeholder {
    font-size: 16px;
}

.chat-footer .type-msg .message {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.chat-footer .type-msg .message .emoji {
    margin-right: 18px;
    cursor: pointer;
    display: block;
    line-height: 0;
}

.chat-footer .type-msg .message .emoji svg {
    opacity: 0.25;
}

.chat-footer .type-msg .message .send {
    display: block;
    line-height: 0;
}

.chat-footer .type-msg .message .send svg path {
    stroke: var(--theme-deafult);
}

.chat-card {
    overflow: hidden;
    position: relative;
}

.user-live-dtls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.user-live-dtls .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0.6;
    margin-bottom: 4px;
    margin-right: 4px;
}

.user-live-dtls .content:last-child {
    /* margin-bottom: 0; */
}

.user-live-dtls .content i svg {
    width: 18px;
    height: auto;
}

.user-live-dtls .content p {
    color: var(--text-color);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    text-transform: lowercase;
    margin-left: 5px;
}

.user-img-collection {
    /* position: absolute; */
    background: #fff;
    z-index: 1;
    bottom: 76px;
    width: 100%;
    height: 110px;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    opacity: 0;
    padding: 0 10px;
    left: 0;
    box-shadow: 0px -3px 6px #0000000a;
    display: none;
    margin-bottom: 5px;
}
.dark-only .user-img-collection {
    background: #1d1e26;
    /* display: flex; */
    /* align-items: center; */
}

.active-gallery {
    opacity: 1;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-img-collection .gallery {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
}

.user-img-collection .gallery .imgs {
    width: 90px;
    height: 90px;
    min-height: 90px;
    min-width: 90px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.user-img-collection .gallery .imgs:last-child {
    margin-right: 0;
}

.user-img-collection .gallery .imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.online-icon {
    width: 10px;
    height: 10px;
    background: #28c76f;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 2px solid #fff;
    position: absolute;
    right: 2px;
    bottom: 2px;
    filter: drop-shadow(0px 0px 9px #28c76f);
}

.user-card h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 10px;
}

/* DEFAULT MODAL CSS HERE */
.default-modals .modal-content {
    border: none;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    padding: 50px 40px;
}

.default-modals .modal-dialog {
    max-width: 650px;
}

.default-modals .modal-content .modal-header {
    padding: 0;
    justify-content: center;
    border: none;
    margin-bottom: 26px;
}

.default-modals .modal-content .modal-header svg {
    max-width: 80px;
}

.default-modals .modal-content .modal-header svg path,
.default-modals .modal-content .modal-header svg ellipse {
    fill: var(--theme-deafult);
}

.default-modals .modal-content .modal-header svg circle {
    fill: #fff;
}

.default-modals .modal-content .modal-body {
    padding: 0;
    text-align: center;
}

.default-modals .modal-content .modal-body h5 {
    color: var(--text-color);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.default-modals .modal-content .modal-body p {
    color: #817989;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0.6;
}

.default-modals .modal-content .modal-body .num-box {
    border-radius: 16px;
    background: #fafafa;
    padding: 35px;
}

.default-modals .modal-content .modal-body .num-box span {
    color: var(--text-color);
    font-size: 62px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
}

.default-modals .modal-content .modal-body .num-box.error-note {
    background: rgba(255, 0, 0, 0.09);
}

.default-modals .modal-content .modal-body .num-box.error-note p {
    color: #f00;
    opacity: 1;
    margin-bottom: 0;
}

.default-modals .modal-content .modal-body .modal-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.default-modals .modal-content .modal-body .modal-btns .common-btn {
    margin: 0 5px;
    padding: 14px;
}

.default-modals .modal-content .modal-body .modal-btns .common-btn:first-child {
    margin-left: 0;
}

.default-modals .modal-content .modal-body .modal-btns .common-btn:last-child {
    margin-right: 0;
}

textarea {
    resize: none;
}

.user-input {
    border-radius: 12px;
    border: 1px solid #e0dee2;
    background: #dadada14;
    padding: 14px;
    font-size: 16px;
    line-height: 1.3;
    color: var(--text-color);
    width: 100%;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-input:focus {
    border: 1px solid var(--theme-deafult);
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.user-input::placeholder {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    opacity: 0.7;
}
.default-modals .modal-content .modal-body form .select-option {
    margin-bottom: 12px;
}

.default-modals .modal-content .modal-body form .select-option .nice-select {
    margin-bottom: 0;
}

.default-modals .modal-content .modal-body form textarea {
    margin-bottom: 20px;
    height: 120px;
}

.default-modals .modal-content .modal-body form .modal-btns {
    justify-content: center;
}

.default-modals .modal-content .modal-body form .modal-btns .common-btn {
    width: calc(100px + 80px);
}

/* MEDIA QUERIES CSS START HERE */
@media screen and (max-width: 1500px) {
    .user-card .user-gallery .user-imgs {
        width: 90px;
        height: 90px;
        min-width: 90px;
        min-height: 90px;
    }

    .user-card .user-conversation {
        /* height: 90%; */
        overflow: auto;
    }

    .user-info-tabs .tab-content .tab-pane {
        height: 200px;
        margin-bottom: 40px;
    }

    .user-passions {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1399px) {
    .default-modals .modal-content .modal-body h5 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .default-modals .modal-content {
        padding: 40px;
    }

    .default-modals .modal-content .modal-body .num-box span {
        font-size: 52px;
    }

    .default-modals .modal-content .modal-body .num-box {
        padding: 30px;
    }

    .user-chat .user-card .user-info .u-img {
        width: 45px;
        height: 45px;
        min-height: 45px;
        min-width: 45px;
        margin-right: 10px;
    }

    .user-chat .user-card .user-info .u-dtls .dtls h6 {
        font-size: 16px;
        margin: 0;
    }

    .chat-footer .attach-file {
        padding: 12px;
    }

    .user-dash .user-activities .activities .icon {
        width: 80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
    }

    .user-dash .user-activities .activities:first-child {
        margin-bottom: 10px;
    }

    .msg:before,
    .msg:after {
        height: 500%;
        bottom: -60px;
    }

    .user-tours {
        padding-left: 30px;
    }

    .conversation {
        padding: 150px 0;
    }

    .conversation .content h6 {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .conversation svg {
        width: calc(100px + 60px);
    }

    .user-msgs .table {
        width: 100%;
        /* display: block; */
        /* height: 500px; */
    }

    .user-card .common-btn {
        padding: 14px 40px;
    }

    .user-msgs .table tbody tr td,
    .user-msgs .table thead tr th {
        padding: 20px 25px;
    }

    .user-msgs .main-title {
        padding: 25px;
    }

    .common-card {
        padding: 20px 15px;
    }

    .user-msgs .table thead tr th:first-child,
    .user-msgs .table tbody tr td:first-child {
        /* min-width: 200px; */
    }

    .user-chat .user-card {
        padding: 20px 15px;
    }

    .user-info-tabs .nav-tabs li .info-button {
        font-size: 15px;
    }

    .user-passions {
        margin-bottom: 20px;
    }

    .user-card .user-conversation p,
    .user-card .user-conversation span {
        font-size: 13px;
        padding: 12px 15px;
    }

    .user-card .user-conversation p,
    .user-card .user-conversation span {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .default-modals .modal-content .modal-header svg {
        max-width: 70px;
    }

    .default-modals .modal-content .modal-body .num-box span {
        font-size: 45px;
    }

    .default-modals .modal-content .modal-header {
        margin-bottom: 22px;
    }

    .default-modals .modal-content .modal-body p {
        font-size: 15px;
    }

    .default-modals .modal-dialog {
        max-width: 600px;
    }

    .default-modals .modal-content .modal-body h5 {
        font-size: 20px;
    }

    .default-modals .modal-content .modal-header {
        margin-bottom: 20px;
    }

    .user-card .user-gallery .user-imgs span {
        font-size: 12px;
    }

    .chat-footer .type-msg {
        margin-left: 15px;
    }

    .user-msgs .table thead tr th:first-child,
    .user-msgs .table tbody tr td:first-child {
        /* min-width: 180px; */
    }

    .user-tours .watch-video .video-btn {
        width: 48px;
        height: 48px;
        min-height: 48px;
        min-width: 48px;
    }

    .user-tours {
        padding-left: 10px;
    }

    .main-title {
        font-size: 22px;
    }

    .user-dash .user-activities .activities .icon {
        width: 70px;
        height: 70px;
        min-height: 70px;
        min-width: 70px;
    }

    .user-dash .user-activities .activities .dlts h6 {
        font-size: 17px;
    }

    .user-dash .user-activities .activities .dlts span {
        font-size: 13px;
    }

    .conversation .content .common-btn {
        width: 350px;
    }

    .common-btn {
        padding: 15px 50px;
        font-size: 15px;
    }

    .conversation {
        padding: 120px 0;
    }

    .user-tours {
        padding: 0;
    }

    .conversation svg {
        width: calc(100px + 60px);
    }

    .user-card h2 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .select-option .nice-select {
        height: 48px;
    }

    .select-option .nice-select span {
        font-size: 15px;
    }

    .user-msgs .table tbody tr td,
    .user-msgs .table thead tr th {
        font-size: 15px;
        padding: 18px 20px;
    }

    .chat-footer .attach-file {
        width: 45px;
        height: 45px;
        min-width: 45px;
        min-height: 45px;
    }

    .default-modals .modal-content .modal-body .num-box span {
        font-size: 40px;
    }

    .default-modals .modal-content .modal-body .num-box {
        padding: 25px;
    }

    .default-modals .modal-content .modal-body h5 {
        margin-bottom: 12px;
    }

    .default-modals .modal-dialog {
        max-width: 550px;
    }

    .user-dash .user-activities .activities:first-child {
        margin-bottom: 0;
    }

    .user-dash .user-activities .activities:last-child {
        margin-right: 0;
    }

    .user-dash .user-activities .activities {
        margin-right: 20px;
    }

    .user-live-dtls .content p {
        font-size: 9px;
    }

    .user-chat .user-card {
        padding: 15px;
    }

    .msg:before,
    .msg:after {
        display: none;
    }

    .msg {
        padding: 0 0 30px 0;
        border-bottom: 1px solid rgba(45, 31, 59, 0.08);
        margin-bottom: 30px;
    }

    .user-dash .user-activities {
        border-right: 1px solid rgba(45, 31, 59, 0.08);
        margin-right: -20px;
    }

    .conversation svg {
        width: calc(100px + 40px);
    }

    .conversation .content h6 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .common-btn {
        padding: 14px 50px;
    }

    .conversation .content .common-btn {
        width: 350px;
    }

    .footer {
        margin: 0 !important;
    }

    .conversation {
        padding: 80px 0;
    }

    .user-dash .user-activities .activities .icon {
        width: 60px;
        height: 60px;
        min-height: 60px;
        min-width: 60px;
    }

    .select-option .options {
        display: flex;
        align-items: center;
    }

    .statistics-btn {
        display: flex;
        align-items: center;
    }

    .statistics-btn a:first-child {
        margin-bottom: 0px;
    }

    .statistics-btn a {
        margin: 0 5px;
    }

    .user-msgs .table tbody tr td,
    .user-msgs .table thead tr th {
        padding: 16px 18px;
    }

    .user-msgs .table {
        /* height: 480px; */
    }

    .user-msgs .main-title {
        padding: 22px;
    }

    .user-passions {
        margin-bottom: 10px;
    }

    .user-info-tabs .nav-tabs li .info-button {
        font-size: 14px;
    }

    .user-card .user-gallery .user-imgs {
        width: 80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
    }

    /* User card resposnive */
    .user-chat .user-card .user-info .u-img {
        margin-right: 0;
    }

    .user-chat .user-card {
        padding: 15px;
    }

    .user-one,
    .user-two,
    .info-user {
        /* width: 100px; */
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: space-between !important;
        padding: 8px 10px 8px 10px !important;
        flex-direction: row;
        border-radius: 0;
        box-shadow: none;
        border-radius: 8px;
        /* border-right: 1px solid #53535326; */
    }

    .user-card h6 {
        margin-bottom: 0;
        font-size: 14px;
    }

    .user-chat .card {
        margin-bottom: 0 !important;
    }

    /* .user-chat .user-card .user-info.display-view{
        display: none;
    } */
    .user-chat .user-card .user-info.mobile-view {
        display: flex;
    }

    .user-chat .user-card .user-info .u-img {
        width: 35px;
        height: 35px;
        min-width: 35px;
        min-height: 35px;
    }

    .user-chat .chat-card {
        height: calc(100vh - 214px) !important;
    }

    .user-chat .user-card .user-info {
        justify-content: center;
    }

    .user-chat .user-card .user-info .u-dtls {
        display: none;
    }

    .user-info-tabs .tab-content .tab-pane .info,
    .user-chat .user-card .user-info .u-dtls .dtls {
        text-align: left;
    }

    .user-card .position .boxes .user-info .u-img {
        margin-right: 10px;
    }

    .overlay {
        position: relative;
        overflow: hidden;
    }

    .overlay:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1000vh;
        background: rgba(0, 0, 0, 0.5607843137);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        top: 0;
        left: 0;
        z-index: 9;
    }

    .user-card .position .profile-dtls-close-btn {
        display: flex;
        width: 25px;
        height: 25px;
        min-width: 25px;
        min-height: 25px;
        border-radius: 100%;
        background: var(--theme-deafult);
        color: #fff;
        font-size: 15px;
        line-height: 1.1;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        position: absolute;
        top: 10px;
    }

    .user-card .position.one-person-dtls .profile-dtls-close-btn {
        right: 10px;
    }

    .user-card .position.two-person-dtls .profile-dtls-close-btn {
        left: 10px;
    }

    .user-card {
        height: auto !important;
    }

    .user-exit-chat-setting {
        height: 100% !important;
        justify-content: center !important;
    }

    .exit-chat {
        font-size: 13px;
    }

    .user-chat .user-card .user-info {
        margin-bottom: 0;
    }

    .user-card .position {
        width: 65%;
        background: #fff;
        position: fixed;
        z-index: 99;
        height: 100%;
        top: 50%;
        transform: translateY(-50%);
        padding: 50px 20px 20px;
        display: flex;
        /* justify-content: space-between; */
        flex-direction: column;
        transition: 0.4s all ease;
        -webkit-transition: 0.4s all ease;
        -moz-transition: 0.4s all ease;
        -ms-transition: 0.4s all ease;
        -o-transition: 0.4s all ease;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .dark-only .user-card .position {
        background: #262932;
    }

    .user-card .user-gallery {
        /* height: 160px; */
        /* overflow-x: auto; */
    }

    .one-person-dtls {
        left: -120%;
    }

    .two-person-dtls {
        right: -120%;
    }

    .active-one-user-dtls {
        left: 0 !important;
        transition: 0.4s all ease;
        -webkit-transition: 0.4s all ease;
        -moz-transition: 0.4s all ease;
        -ms-transition: 0.4s all ease;
        -o-transition: 0.4s all ease;
    }

    .active-two-user-dtls {
        right: 0 !important;
        transition: 0.4s all ease;
        -webkit-transition: 0.4s all ease;
        -moz-transition: 0.4s all ease;
        -ms-transition: 0.4s all ease;
        -o-transition: 0.4s all ease;
    }

    .user-card .position .boxes {
        /* overflow-y: auto; */
    }

    .user-card .position .boxes .user-info-tabs .tab-content .tab-pane {
        height: 100%;
    }

    .user-card .position .boxes .user-info {
        position: sticky;
        top: -1px;
        left: 0;
        /* background: #fff; */
        z-index: 9;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .user-dash .user-activities {
        display: block;
    }

    .user-dash .user-activities .activities {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .default-modals .modal-dialog {
        max-width: 500px;
    }

    .default-modals .modal-content .modal-body p {
        font-size: 14px;
    }

    .default-modals .modal-content .modal-header svg {
        max-width: 65px;
    }

    .default-modals .modal-content .modal-header {
        margin-bottom: 15px;
    }

    .default-modals .modal-content .modal-body .num-box span {
        font-size: 36px;
    }

    .default-modals .modal-content .modal-body h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .default-modals .modal-content {
        padding: 30px;
    }

    .user-chat .user-card {
        cursor: pointer;
    }

    .user-chat .user-card .user-info .u-img {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    .exit-chat {
        font-size: 25px;
    }

    .exit-chat i {
        margin-right: 0;
    }

    .title {
        font-size: 18px;
    }

    .user-tours h6 {
        margin-bottom: 15px;
    }

    .user-tours .watch-video .video-btn {
        width: 45px;
        height: 45px;
        min-height: 45px;
        min-width: 45px;
    }

    .main-title {
        font-size: 20px;
    }

    .msg {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .our-activities {
        padding-bottom: 20px;
    }

    .conversation {
        padding: 50px 0;
    }

    .conversation svg {
        width: calc(100px + 20px);
        margin-bottom: 15px;
    }

    .conversation .content .common-btn {
        width: 300px;
    }

    .conversation .content h6 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .common-btn {
        padding: 12px 40px;
        font-size: 15px;
    }

    .user-dash {
        margin: 30px 20px;
    }

    .user-chat .user-card .user-info .u-dtls .dtls h6 {
        font-size: 15px;
    }

    .user-chat .user-card .user-info .u-dtls .dtls span {
        font-size: 12px;
    }

    .user-card .user-gallery .user-imgs {
        width: 70px;
        height: 70px;
        min-width: 70px;
        min-height: 70px;
    }

    .user-info-tabs .tab-content .tab-pane {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .user-dash .user-activities .activities:first-child {
        margin-bottom: 8px;
    }

    .user-dash .user-activities {
        margin: 0 -10px 0 0;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .chat-footer .attach-file {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
    }

    .user-input::placeholder {
        font-size: 15px;
    }

    .default-modals .modal-dialog {
        max-width: unset;
    }

    .user-tours h6 {
        margin-bottom: 10px;
    }

    .user-card .user-conversation p,
    .user-card .user-conversation span {
        margin-bottom: 20px;
    }

    .chat-footer .type-msg .message .emoji {
        margin-right: 15px;
    }

    .user-passions {
        margin-right: 8px;
    }

    /* .user-chat .user-card .user-info .u-img {
        margin-right: 0;
    }

    .user-chat .user-card {
        padding: 15px;
    }

    .user-one,
    .user-two {
        /* width: 100px; */
    /* text-align: center;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 10px 8px 10px !important;
        flex-direction: row;
        border-radius: 0;
        box-shadow: none;
        border-right: 1px solid #53535326;
    }

    .user-card h6 {
        margin-bottom: 0;
    }

    .user-chat .card {
        margin-bottom: 0 !important;
    }

    .user-chat .user-card .user-info .u-img {
        width: 35px;
        height: 35px;
        min-width: 35px;
        min-height: 35px;
    }

    .user-chat .chat-card {
        height: calc(100vh - 214px) !important;
    }

    .user-chat .user-card .user-info {
        justify-content: center;
    }

    .user-info-tabs .tab-content .tab-pane .info,
    .user-chat .user-card .user-info .u-dtls .dtls {
        text-align: left;
    }

    .user-card .position .boxes .user-info .u-img {
        margin-right: 10px;
    }

    .overlay {
        position: relative;
        overflow: hidden;
    }

    .overlay:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1000vh;
        background: rgba(0, 0, 0, .5607843137);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        top: 0;
        left: 0;
        z-index: 9;
    }

    .user-card .position .profile-dtls-close-btn {
        width: 25px;
        height: 25px;
        min-width: 25px;
        min-height: 25px;
        border-radius: 100%;
        background: var(--theme-deafult);
        color: #fff;
        font-size: 15px;
        line-height: 1.1;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        position: absolute;
        top: 10px;
    }

    .user-card .position.one-person-dtls .profile-dtls-close-btn {
        right: 10px;
    }

    .user-card .position.two-person-dtls .profile-dtls-close-btn {
        left: 10px;
    }

    .user-card {
        height: auto !important;
    }

    .user-chat .user-card .user-info {
        margin-bottom: 0;
    }

    .user-card .position {
        width: 65%;
        background: #fff;
        position: fixed;
        z-index: 99;
        height: 100%;
        top: 50%;
        transform: translateY(-50%);
        padding: 100px 20px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        transition: .4s all ease;
        -webkit-transition: .4s all ease;
        -moz-transition: .4s all ease;
        -ms-transition: .4s all ease;
        -o-transition: .4s all ease;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .user-card .user-gallery {
        height: 160px;
        overflow-x: auto;
    }

    .one-person-dtls {
        left: -600px;
    }

    .two-person-dtls {
        right: -600px;
    }

    .active-one-user-dtls {
        left: 0 !important;
        transition: .4s all ease;
        -webkit-transition: .4s all ease;
        -moz-transition: .4s all ease;
        -ms-transition: .4s all ease;
        -o-transition: .4s all ease;
    }

    .active-two-user-dtls {
        right: 0 !important;
        transition: .4s all ease;
        -webkit-transition: .4s all ease;
        -moz-transition: .4s all ease;
        -ms-transition: .4s all ease;
        -o-transition: .4s all ease;
    }

    .user-card .position .boxes {
        overflow-y: auto;
    }

    .user-card .position .boxes .user-info-tabs .tab-content .tab-pane {
        height: 100%;
    }

    .user-card .position .boxes .user-info {
        position: sticky;
        top: -1px;
        left: 0;
        background: #fff;
        z-index: 9;
    } */

    .chat-footer .type-msg .user-input::placeholder {
        font-size: 14px;
    }

    .user-dash .user-activities .activities:last-child {
        margin-right: 0;
    }

    .user-dash .user-activities {
        justify-content: center;
    }

    .user-dash .user-activities {
        border: none;
        margin-bottom: 30px;
    }

    .user-tours {
        display: inline-block;
    }

    .user-dash .user-activities .activities .icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
    }

    .user-dash .user-activities .activities .dlts h6 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .user-dash .user-activities .activities .dlts span {
        font-size: 12px;
    }

    .user-dash .user-activities .activities:first-child {
        margin-bottom: 0;
    }

    .conversation {
        padding: 40px 0;
    }

    .conversation svg {
        width: 100px;
        margin-bottom: 10px;
    }

    .conversation .content h6 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .user-dash .user-activities .activities {
        margin-right: 30px;
    }

    .user-msgs .main-title {
        padding: 22px 18px;
    }

    .user-card .common-btn {
        padding: 13px 20px;
    }

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

    .select-option .nice-select {
        height: 45px;
        margin-bottom: 15px;
    }

    .select-option {
        margin-bottom: 5px;
    }

    .select-option .nice-select span {
        font-size: 14px;
    }

    .user-msgs .table {
        /* height: 400px; */
    }
}

@media screen and (max-width: 480px) {
    .user-card .user-gallery .user-imgs {
        width: 60px;
        height: 60px;
        min-height: 60px;
        min-width: 60px;
    }

    .user-card .position {
        padding: 80px 20px 20px;
    }

    .chat-footer .type-msg .message .emoji i svg,
    .chat-footer .type-msg .message .send i svg {
        width: 18px;
    }

    .chat-footer .type-msg .message .emoji {
        margin-right: 10px;
    }
}

@media screen and (max-width: 420px) {
    .user-input::placeholder {
        font-size: 14px;
    }

    .default-modals .modal-content {
        padding: 30px 20px;
    }

    .default-modals .modal-content .modal-body p {
        font-size: 13px;
    }

    .default-modals .modal-content .modal-body h5 {
        font-size: 16px;
    }

    .default-modals .modal-content .modal-body .modal-btns .common-btn {
        padding: 12px 10px;
        font-size: 13px;
    }

    .default-modals .modal-content .modal-body form .select-option .nice-select {
        padding: 6px 15px;
    }

    .default-modals .modal-content .modal-body form .select-option .nice-select:after {
        right: 18px;
    }

    .default-modals .modal-content .modal-body form textarea {
        height: 100px;
    }

    .default-modals .modal-content .modal-body .num-box span {
        font-size: 32px;
    }

    .default-modals .modal-content .modal-header svg {
        max-width: 60px;
    }

    .default-modals .modal-content .modal-body .num-box {
        padding: 20px;
    }

    .chat-info-card {
        display: block;
        text-align: center;
    }

    .user-live-dtls {
        display: inline-block;
    }

    .user-live-dtls .content {
        justify-content: unset;
    }

    .user-live-dtls .content p {
        text-align: left;
    }

    .user-card .position {
        padding: 60px 20px 20px;
    }

    .user-card h6 {
        font-size: 15px;
    }

    .user-card .position {
        width: 75%;
    }

    .conversation .content .common-btn {
        width: 100%;
    }

    .title {
        font-size: 16px;
    }

    .user-tours h6 {
        margin-bottom: 5px;
    }

    .user-tours .watch-video span {
        font-size: 14px;
    }

    .user-tours .watch-video .video-btn {
        width: 40px;
        height: 40px;
        min-height: 40px;
        min-width: 40px;
    }

    .user-dash .user-activities .activities {
        margin-right: 20px;
    }

    .user-dash {
        margin: 20px;
    }

    .user-msgs .table thead tr th:first-child,
    .user-msgs .table tbody tr td:first-child {
        /* min-width: 150px; */
    }

    .statistics-btn {
        display: block;
        margin: 0;
    }

    .statistics-btn a:first-child {
        margin-bottom: 10px;
    }

    .select-option .options {
        display: block;
    }

    .user-msgs .table tbody tr td,
    .user-msgs .table thead tr th {
        padding: 15px;
        font-size: 14px;
    }
}

@media screen and (max-width: 400px) {
    .user-card .position {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .chat-footer .attach-file {
        width: 38px;
        height: 38px;
        min-width: 38px;
        min-height: 38px;
    }

    .default-modals .modal-content .modal-body .modal-btns {
        display: block;
    }

    .default-modals .modal-content .modal-body .modal-btns.form-btn {
        display: flex;
    }

    .default-modals .modal-content .modal-body .modal-btns.form-btn .common-btn {
        margin: 0 6px;
    }

    .default-modals .modal-content .modal-body .modal-btns.form-btn .common-btn:first-child {
        margin-left: 0;
    }

    .default-modals .modal-content .modal-body .modal-btns.form-btn .common-btn:last-child {
        margin-right: 0;
    }

    .default-modals .modal-content .modal-body .modal-btns .common-btn {
        margin: 0 0 8px 0;
    }

    .default-modals .modal-content .modal-body .modal-btns .common-btn:last-child {
        margin: 0;
    }

    .default-modals .modal-content {
        padding: 25px 15px;
    }

    .default-modals .modal-content .modal-body p {
        font-size: 12px;
    }

    .user-card .user-conversation p,
    .user-card .user-conversation span {
        margin-bottom: 10px;
    }

    .user-card .position {
        padding: 40px 15px;
    }

    .user-card .user-conversation {
        padding: 20px 0;
    }

    .default-modals .modal-content .modal-body .num-box span {
        font-size: 28px;
    }

    .default-modals .modal-content .modal-body .num-box {
        padding: 15px;
    }

    .user-card .user-conversation p,
    .user-card .user-conversation span {
        font-size: 12px;
        padding: 12px;
    }

    .user-card h6 {
        font-size: 13px;
    }

    .user-card .user-gallery .user-imgs {
        width: 62px;
        height: 62px;
        min-width: 62px;
        min-height: 62px;
    }

    .chat-footer .type-msg .user-input {
        padding: 10px 80px 10px 20px;
    }

    .chat-footer .type-msg {
        margin-left: 5px;
    }

    .chat-footer .attach-file {
        padding: 5px;
    }

    .conversation .content h6 {
        font-size: 16px;
    }

    .main-title {
        font-size: 18px;
    }

    .msg {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .user-msgs table thead tr th:first-child,
    .user-msgs .table tbody tr td:first-child {
        min-width: 120px;
    }

    .user-msgs .table {
        /* height: 350px; */
    }
}

@media screen and (max-width: 360px) {
    .user-card .user-gallery .user-imgs {
        width: 70px;
        height: 70px;
        min-width: 70px;
        min-height: 70px;
    }
}

/* MEDIA QUERIES CSS END'S HERE */

/* CHAT OPERATOR CSS END'S HERE */

/* HD */
.h-62 {
    width: 100%;
    max-height: 62px;
    object-fit: contain;
}

#feviconPrev {
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.cursor-pointer {
    cursor: pointer;
}

.border-left {
    border-right: 1px solid #cbcbce;
}

body.dark-only .border-left {
    border-right: 1px solid var(--body-font-color);
}

body.dark-only label.radio-card .card-content-wrapper {
    background: #262932;
}

body.dark-only .filter-invert {
    filter: invert(1);
}

.card-content-wrapper.fixer {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-content-wrapper.fixer-large {
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.card-content-wrapper.fixer-large img,
.card-content-wrapper.fixer-large video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

/* HD */

/* Card order css */
@media (min-width: 1200px) {
    .order-xl-6 {
        order: 6 !important;
    }

    .order-xl-7 {
        order: 7 !important;
    }

    .order-xl-8 {
        order: 8 !important;
    }

    .order-xl-9 {
        order: 9 !important;
    }
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

/* 26 - HD CHANGES */
.chat_hd_wrapper .user-passions::-webkit-scrollbar ,
.chat_hd_wrapper .user-passions::-webkit-scrollbar-track ,
.chat_hd_wrapper .user-passions::-webkit-scrollbar-thumb{
    cursor: pointer;
}
.chat_hd_wrapper .user-passions {
    margin-bottom: 10px;
}

.chat_hd_wrapper .user-chat .user-card .user-info .u-dtls .dtls h6 {
    font-size: 14px;
    font-weight: 600;
}

.chat_hd_wrapper .user-chat .user-card .user-info .u-dtls .dtls span {
    font-size: 12px;
    line-height: 14px;
}

.chat_hd_wrapper .user-chat .user-card .user-info .u-img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    margin-right: 8px;
    background: #efefef;
}

.chat_hd_wrapper .user-info-tabs .nav-tabs li .info-button {
    padding: 8px;
    font-size: 14px;
    line-height: 1.3;
}

.chat_hd_wrapper .user-card .user-gallery .user-imgs {
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
}

.chat_hd_wrapper .user-info-tabs .tab-content .tab-pane {
    margin-bottom: 0;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    display: none;
}

.chat_hd_wrapper .user-info-tabs .tab-content .tab-pane.active {
    display: inline-block;
}

.chat_hd_wrapper .user-info-tabs .tab-content {
    max-height: calc(100% - 153px);
    overflow: auto;
    margin-bottom: 15px;
    height: 100%;
    overflow-y: auto;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    /* display: flex; */
    /* flex-wrap: wrap; */
    width: 100%;
}

.chat_hd_wrapper .user-info-tabs .tab-content .tab-pane .info {
    margin-bottom: 10px;
    width: calc(50% - 2px);
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
}

.chat_hd_wrapper .user-card .user-gallery .user-imgs span {
    font-size: 12px;
    line-height: 1.2;
}

.chat_hd_wrapper .user-info-tabs .nav-tabs {
    margin-bottom: 13px;
}

.chat_hd_wrapper .chat-body {
    height: 100%;
}

.chat_hd_wrapper .two-person-dtls,
.chat_hd_wrapper .one-person-dtls {
    height: calc(100vh - 370px);
}

.chat_hd_wrapper .chatBody {
    height: calc(100vh - 286px) !important;
}

.chat_hd_wrapper .user-img-collection {
    /* bottom: 78px; */
    height: 110px;
    padding: 10px;
    left: 0;
    overflow: auto;
}

.active-gallery {
    display: block !important;
}

.chat_hd_wrapper .user-img-collection .gallery .imgs {
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
}

.chat_hd_wrapper .user-img-collection .gallery .imgs.active:before {
    content: "";
    transform: rotate(45deg);
    height: 25px;
    width: 11px;
    margin-left: 50%;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    top: 10px;
}

.chat_hd_wrapper .user-img-collection .gallery .imgs.active:after {
    content: "";
    background: var(--theme-deafult);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.65;
}

.chat_hd_wrapper .user-live-dtls {
    background: #fff;
    padding: 7px 8px 4px;
    border-radius: 8px;
    margin-bottom: 6px;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}

body.dark-only .chat_hd_wrapper .user-live-dtls {
    background-color: #262932;
    box-shadow: 1px 1px 2px 1px rgba(29, 28, 28, 0.08);
}

body.dark-only .chat_hd_wrapper .user-live-dtls .content {
    opacity: 0.8;
}

.chat_hd_wrapper .chat-body .chatings .chats-conversation .send-msg,
.chat_hd_wrapper .chat-body .chatings .chats-conversation .receive-msg {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    margin-bottom: 5px;
    max-width: 75%;
    width: max-content;
    position: relative;
}

.chat_hd_wrapper .chat-body .chatings .chats-conversation .send-msg {
    background: var(--sender-color);
    margin-left: auto;
    margin-right: 12px;
}

/* .sended-img {
    margin-bottom: 5px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 150px;
    height: 160px;
}
.sended-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.send-msg .sended-img {
    margin-left: auto;
} */

.receive-msg img,
.send-msg img {
    width: 220px;
    display: block;
    border-radius: 6px;
    margin-bottom: 6px;
}

.send-msg img {
    margin-left: auto;
}


.chat_hd_wrapper .chat-body .chatings .chats-conversation .receive-msg {
    background: var(--receiver-color);
    margin-right: 20px;
}

.chat_hd_wrapper .chat-body .chatings .date {
    margin: 14px 0;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: var(--vz-edit-title);
}

.chat_hd_wrapper button.plus-icon {
    position: absolute;
    right: 9px;
    top: 7px;
    border: 1px solid #ddd;
    background: #ddd;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
}

@media screen and (max-width:1599px) {
    .chat_hd_wrapper .chatBody {
        height: calc(100vh - 310px) !important;
    }
}

@media screen and (max-width:1199px) {

    .chat_hd_wrapper .two-person-dtls,
    .chat_hd_wrapper .one-person-dtls {
        height: 100%;
    }

    .chat_hd_wrapper .display-view .u-img,
    .info-user .u-img {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        margin-right: 0 !important;
    }

    .mobile-info {
        display: none;
    }

    .chat_hd_wrapper .chatBody {
        height: calc(100vh - 302px) !important;
    }

    .chat_hd_wrapper .user-info-tabs .tab-content {
        height: calc(100vh - 290px);
    }

    .chat_hd_wrapper .user-info-tabs .tab-content .tab-pane {
        margin-bottom: 0;
        display: none;
    }

    .chat_hd_wrapper .user-info-tabs .tab-content .tab-pane.active {
        display: block;
    }

    .chat_hd_wrapper .user-info-tabs .tab-content .tab-pane .info {
        margin-bottom: 10px;
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .chat_hd_wrapper .chatBody {
        height: calc(100vh - 208px) !important;
    }
}

@media screen and (max-width:575px) {

    .user-one,
    .user-two,
    .info-user {
        padding: 8px !important;
    }

    .chat_hd_wrapper .display-view .u-img,
    .info-user .u-img {
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        min-height: 25px !important;
        margin-right: 0 !important;
    }
}



/* lightbox */
.lightboxOverlay {
    background-color: #FFF !important;
    opacity: 0.2 !important;
}
.lb-loader,
.lightbox {
    text-align: center;
    line-height: 0
}

.lb-dataContainer:after,
.lb-outerContainer:after {
    content: "";
    clear: both
}

html.lb-disable-scrolling {
    overflow: hidden;
    position: fixed;
    height: 100vh;
    width: 100vw
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff
}

.lb-loader,
.lb-nav {
    position: absolute;
    left: 0
}

.lb-outerContainer:after {
    display: table
}

.lb-loader {
    top: 43%;
    height: 25%;
    width: 100%
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(https://i.imgur.com/JTKVZma.gifv) no-repeat
}

.lb-nav {
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(https://i.imgur.com/slZtGA7.png) left 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(https://i.imgur.com/GhmehLP.png) right 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    display: table
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-caption a {
    color: #4ae
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(https://i.imgur.com/lc1tXrH.png) top right no-repeat;
    text-align: right;
    outline: 0;
    filter: alpha(Opacity=70);
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-data .lb-number {
    display: none;
}

.lb-data .lb-details {
    display: none !important;
}

.lightbox {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 10000;
    font-weight: 400;
    background: #000000cf;
    top: 0 !important;
    left: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lb-dataContainer {
    position: absolute;
    top: 20px;
    right: 20px;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    width: 50%;
    display: block !important;
    opacity: 1 !important;
    background-size: 40px;
}
.user-gallery .swiper-slide{
    width: 50px !important;
    height: 50px !important;
}
/* //- lightbox */


.thumbSize {
    width: 50px;
    height: 50px;
    background: #dee2e6;
    border: 1px solid var(--theme-deafult);
}
.thumbSize img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.backbtn_tenant {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    margin-right: 6px;
    border: 1px solid #2f2f3b;
    transition: border 0.5s ease;
}
.backbtn_tenant span {
    color: #2f2f3b;
    transition: color 0.5s ease;
    font-size: 18px;
}
.dark-only .backbtn_tenant {
    border: 1px solid rgba(255, 255, 255, 0.6);
}
.dark-only .backbtn_tenant span {
    color: rgba(255, 255, 255, 0.6);
}
.backbtn_tenant:hover{
    border: 1px solid var(--theme-deafult);
}
.backbtn_tenant:hover span{
    color: var(--theme-deafult);
}



.modal-body{
    max-height: calc(100vh - 190px) !important;
    overflow-y: auto !important;
    overflow-x: hidden;
}

@media screen and (max-width:575px) {
    .modal-body{
        max-height: calc(100vh - 150px) !important;
    }
}

#lccp_modes_wrap span, .pccp_circle_f_wrap span {
    color: #2f2f3b;
}