@media screen and (min-width:1920px) {
    .side-nav-ul {
        max-height: 67vh;
    }
}

@media screen and (max-width:1920px) {
    i.fa-solid.fa-rotate-right {
        line-height: 32px;
    }

    .inner-login-box {
        width: 468px;
        height: 702px;
    }

    .grid-img {
        padding-top: 42px;
    }

    .gen-call {
        padding: 13px;
    }

    .checkboxes {
        width: 100%;
    }

    .req-saved .thumb-img {
        margin-top: 0px !important;
    }

    .res-tm input {
        background: transparent;
    }

    .send-cmnt-div {
        width: 109px;
    }

    .msg-tgl-btn {
        display: none;
    }

    .sidebar .brand-section {
        overflow: hidden;
    }

    .sidebar-2 .brand-section {
        overflow: visible;
    }

    .sidebar-2 button {
        display: block;
    }

    .sidebar-2 .side-toggle-btn {
        position: absolute;
        top: 78px;
        background: #fff;
        border-radius: 19%;
        left: 20px;
        box-shadow: 0px 0px 1px 1px #b7b7b7;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .sidebar-2 .icon-1 {
        display: none !important;
    }

    .sidebar-2 .icon-2 {
        display: block !important;
    }

    .sidebar-2 .side-toggle-btn svg {
        color: #11154a;
        height: 22px !important;
        width: 33px !important;
    }

    .sidebar-2 .side-nav-ul {
        margin-top: 20px !important;
    }

    .features-sec {
        z-index: 19 !important;
        transition: all .3s ease-in-out;
    }

    tr.mem-tr-2.due-input input#TD-DueDateTime {
        margin-right: -16px;
        text-align: end;
    }

    span#Team_1, span#Team_2, span#Team_3, span#Team_3, span#Team_4, span#Team_5 {
        font-size: 9px;
    }

    .side-nav-ul {
        height: 479px;
    }

    .adduser-details.view-details .detail-input input {
        /* height: auto !important; */
        min-height: 40px !important;
    }

    .tab-content .saveuser-btn {
        padding: 8px 25px;
    }

    .adduser-details.view-details .detail-input input.cuin {
        height: auto !important;
    }
}

@media screen and (max-width:1880px) {
    span#Team_2 {
        font-size: 10px;
    }

    span#Team_3 {
        font-size: 10px;
    }

    span#User_3 {
        font-size: 10px;
    }

    .grid-img {
        padding: 0;
    }

    .com-details {
        height: 100%;
    }

    .res-btn {
        max-width: 207px;
        min-width: 70%;
    }

    .features-sec {
        width: 297px !important;
    }

    .assign-tgl-btn {
        display: block;
    }

    .ticket-details-sec {
        width: 100%;
    }

    .ast-3 {
        padding: 12px 11px;
        height: 91.7vh;
        white-space: nowrap;
    }

    .response-tgl-btn {
        display: block;
    }

    .emojionearea .emojionearea-picker {
        right: 260px !important;
    }

    .eng-res-tgl {
        right: -101px !important;
    }

    .com-details {
        width: 29% !important;
    }

    .cht-det-div {
        width: calc(100% - 290px);
    }

    .tickets-body-com {
        overflow: hidden;
        height: 76.7vh;
    }

    .channel-div {
        max-height: 237px;
        overflow: hidden;
        overflow-y: auto;
    }

    .main {
        height: calc(100vh - 56px);
        width: 100%;
        display: flex;
    }

    .search-ticket-com {
        height: 48px;
        padding: 11px 7px;
        border: 2px solid #e2e2e2;
        border-radius: 9px;
        width: 59%;
    }

    .show-filter {
        display: block;
        left: -191px;
        top: -5px;
    }

    .filter-select {
        box-shadow: 0px 0px 9px 0px #7575753d;
        border: 2px solid #e2e2e2;
        background: #fff;
        padding: 3px;
        outline: none;
        font-size: 15px;
        width: 176px;
        height: 48px;
        border-radius: 9px;
    }

    .search-ticket-com input {
        width: 71%;
        outline: none;
        border: none;
        font-size: 14px;
    }

    .file-div {
        padding: 0px 20px 10px 20px;
        overflow: hidden;
        overflow-y: auto;
        max-height: 200px;
        height: 100px;
    }

    .features-sec .direct-msg-sec .accs .acc-div.direct-div {
        height: calc(45dvh - 121px);
    }

    .com-details .file-div {
        height: 77px;
    }

    .details-sec-box {
        height: 500px;
        max-height: 800px;
        overflow: hidden;
    }

    h5.req-ticket.text-center.fw-bold {
        padding-bottom: 10px;
        font-size: 20px;
    }

    .department-text {
        padding-top: 43px;
    }

    .assets-box textarea {
        border-radius: 7px;
    }

    #msform .action-button {
        font-size: 14px;
        padding: 8px;
        width: auto;
    }
}

/*update ak-v2 for team  communicatioin*/
@media screen and (max-width:1880px) and (max-height:1050px) {
    .main {
        height: calc(100vh - 84px);
    }
}
/*update ak-v2*/

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

    .inner-login-box {
        height: 702px;
    }

    .user-mng-btn {
        width: 340PX;
    }

    .features-sec {
        /*width: 245px !important;*/
        width: 30% !important;
        overflow: auto;
    }

    .tickets-sec {
        width: 350px;
    }

    .filter-ticket-btns {
        width: 100%;
        /* margin-top: 10px;*/ /*update ak*/
    }

    .funnel-btn, .sort-btn {
        width: 46%;
    }

    .search-ticket {
        max-width: 300px;
        width: 100%;
    }

    .direct-div {
        max-height: 266px;
        overflow: hidden;
        overflow-y: auto;
    }

    .com-details {
        width: 27% !important;
    }

    .sidebar {
        /* width: 60px;*/
        overflow: hidden;
        transition: .25s !important;
    }

        .sidebar .brand-section {
            height: 72px;
            padding: 0px 7px;
        }

    /*.sidebar .brand-section img {
                width: 44px;
            }*/

    /*.sidebar span {
            display: none;
        }*/

    .sidebar-2 .brand-section {
        height: 72px;
        padding: 10px 19px;
        width: 100% !important;
    }


    /*.sidebar-2 {
        transition: .35s !important;
        width: 244px;
        position: fixed;
        left: 0;
        top: 0;
        background-color: #fff;
        z-index: 999;
        border-right: 1px solid lightgray;
    }*/

    .com-details-2 {
        transform: translate(0%) !important;
        position: fixed !important;
        right: 0 !important;
        width: 300px !important;
        z-index: 999;
        top: 0px;
    }

    .sidebar-2 .icon-1 {
        display: block !important;
    }

    .sidebar-2 .icon-2 {
        display: none !important;
    }

    .sidebar-2 span {
        display: inline !important;
    }

    /*.icon-1 {
        display: none;
    }*/

    /*.icon-2 {
        display: inline-block !important;
    }*/

    .sidebar-2 .side-toggle-btn button {
        display: block !important;
    }

    .sidebar-2 .side-toggle-btn {
        position: static !important;
        box-shadow: none !important;
        width: 53px !important;
        height: 32px !important;
    }

        .sidebar-2 .side-toggle-btn svg {
            color: #11154a;
            height: 30px !important;
            width: 33px !important;
        }

    /*.sidebar .side-toggle-btn {
        position: absolute;
        top: 73px;
        background: #fff;
        border-radius: 19%;
        left: 16px;
        box-shadow: 0px 0px 1px 1px #b7b7b7;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }*/

    .sidebar .side-toggle-btn button {
        padding: 0px;
        outline: none;
        border: none;
        background: transparent;
        width: 20px;
        height: 20px;
    }

    .sidebar .side-toggle-btn svg {
        color: #11154a;
        height: 20px;
        width: 22px;
    }

    .sidebar-2 .side-nav-ul {
        margin-top: 7px !important;
    }

    /*.sidebar .side-nav-ul {
        margin-top: 37px;
    }*/

    .search-ticket-com {
        width: 100%;
    }

    .sidebar .brand-section {
        overflow: visible;
    }

    .tickets-body-com {
        overflow: hidden;
        height: 68.7vh;
    }

    .search-ticket-com input {
        width: 83%;
    }

    .ticket-detail-assign-sec {
        width: calc(100% - 350px);
    }

    .show-filter {
        display: block;
        left: -2px;
        top: -58px;
    }

    .filter-select {
        /*width: 321px;*/
        width: 100%; /*update ak*/
    }

    .searchInput input {
        height: 32px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 13px 0 20px;
        font-size: 15px;
    }

    .searchInput .icon {
        position: absolute;
        right: 3px;
        top: -10px;
        height: 37px;
        width: 32px;
        text-align: center;
        line-height: 55px;
        font-size: 20px;
        color: #644bff;
        cursor: pointer;
    }

    .threads-ul {
        padding: 0px 21px;
        line-height: 33px;
        border-bottom: 1px solid #efefef;
    }

    .user-mng-title h5 {
        font-size: 16px;
    }

    .searchInput .icon {
        font-size: 16px;
    }

    .create-btn {
        padding: 4px 19px;
        font-size: 16px;
    }

    .header {
        width: 100%;
        border-bottom: none;
        height: 55px;
        position: sticky;
        top: 0;
        z-index: 111;
        background: white;
    }

    .avatar {
        width: 2rem;
        height: 2.6rem;
    }

    .threads-ul li {
        cursor: pointer;
        height: 32px;
    }

        .threads-ul li .icon-thread {
            display: inline-block;
            width: 23px;
        }

    .accordion-button-channnel, .accordion-button-message {
        padding: 10px 22px;
        font-size: 12px;
    }

    .side-nav-ul {
        padding-top: 0px;
    }

    .main {
        height: calc(100dvh - 75px);
        width: 100%;
        display: flex;
    }

    /* .chat-wrapper {
        height: calc(100% - 259px);
    }*/
    .chat-wrapper {
        height: calc(100% - 283px);
    }

    .gen-sz {
        font-size: 16px;
    }

    .gen-call {
        padding: 0 12px;
        padding-top: 6px;
    }

    .gen-mem ul li:last-child {
        font-size: 12px;
    }

    .direct-profile img {
        width: 28px;
        height: 28px;
        object-fit: cover;
        border-radius: 50%;
    }

    .your-box-inner {
        font-size: 10px;
        margin-left: 47px;
        margin-bottom: 10px;
        background: #11154A;
        padding: 2px;
        color: white !important;
        border-radius: 12px 0px 12px 12px;
    }

    .msg-box-inner {
        margin-top: 5px;
        margin-left: 47px;
        margin-bottom: 10px;
        background: #f1f1f1;
        padding: 2px 11px;
        display: inline-block;
        border-radius: 0px 12px 12px 12px;
        max-width: 80%;
        font-size: 10px;
    }

    .phn-btn {
        padding: 6px 14px;
        font-size: 12px;
    }

    .file-div {
        padding: 0px 20px 10px 20px;
        overflow: hidden;
        overflow-y: auto;
        max-height: 179px;
    }

    .details-act button {
        padding: 10px;
    }

    ul.list-unstyled li a {
        color: #7f7f7f;
        width: 100% !important;
        display: contents;
    }

    .ticket-btn-box {
        height: 55px;
    }
    .data-main {
        /* height: 100vh; */
        width: 84%;
    }
}


@media (min-width:1400px) and (max-width:1480px) {
    .l1-day {
        font-size: 13px;
    }

    .day-ln {
        color: #000;
        font-size: 19px;
    }
}

/* X-Large devices (large desktops, less than 1400px) */
@media screen and (max-width: 1399.98px) {
    .grid-img {
        padding-top: 2px;
    }

    .your-box-inner p span {
        font-size: 10px;
    }

    .user-mng-btn {
        width: 345px;
    }

    div.dataTables_wrapper {
        margin-top: 15px;
    }

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        max-height: 456px !important;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        margin-bottom: 0px;
        margin-top: 21px;
    }

    .msg-off-box {
        display: flex;
    }

    .ticket-btn-box {
        justify-content: space-between;
        height: 56px;
        /* height:96px;*/
    }

    .tickets-sec {
        position: absolute;
        background: #fff;
        left: -200%;
        top: 0;
        z-index: 999;
        transition: all .3s linear;
    }

    .ticket-detail-assign-sec {
        width: 100%;
    }

    .tckt-tgl-btn {
        display: block;
    }

    .tickets-off {
        width: 445px;
    }

    .chat-section-main-2 {
        height: calc(100% - 323px);
    }

    .tickets-body {
        height: 91.8vh;
        overflow-y: scroll;
    }

    .assign-tgl {
        position: fixed;
        right: -100px;
        top: 50%;
        z-index: 192;
        transform: rotate(270deg);
    }

    .assign-tgl-btn {
        padding: 3px 58px;
        font-size: 16px;
    }

    .response-offcnvs {
        width: 300px;
    }

    .kpi-card {
        max-width: 100% !important;
        margin-bottom: 20px;
    }

    .social-chart {
        margin-bottom: 20px;
    }

    .kpi-charts-main {
        padding: 0px 19px;
    }

    .change-pas-border {
        padding-top: 20px;
        border-left: none;
    }

    .change-pas-border {
        margin-top: 20px;
        height: 60vh;
    }

    #tickets-close {
        display: block;
    }

    .head-col {
        margin-top: 20px;
    }

    .eng-res-tgl {
        right: -82px !important;
    }

    .chat-section-main-2 {
        height: calc(100% - 411px);
    }

    .grid-img {
        display: none;
    }

    .inner-login-box {
        max-height: 462px;
    }

    .login-details input {
        padding: 10px 35px;
        font-size: 12px;
    }

    .user-icon {
        left: 5.5%;
        top: 35px !important;
    }

    .login-greet h3 {
        font-size: 20px;
    }

    .passwordmain i {
        position: absolute;
        right: 22px;
        top: 33px;
        width: 20px;
    }

    .login-greet {
        margin-top: 0.5rem !important;
    }

    .login-btn {
        padding: 6px;
        font-size: 18px;
    }

    .login-logo img {
        width: 66px;
    }

    .detail-input {
        margin-top: 0.3rem !important;
    }

    .button-section {
        margin-top: .5rem !important;
    }

    .user-mng-btn {
        max-width: 345px !important;
        min-width: 185px !important;
        width: auto !important;
    }

    .profile-icon {
        margin-right: 23px;
    }

    .side-box {
        min-height: 87vh;
    }

    .logo img {
        width: 40px;
    }

    .logo h3 {
        font-size: 18px;
    }

    .side-toggle-btn svg {
        width: 27px;
    }

    .side-nav-ul {
        padding-top: 4px;
        max-height: 390px;
    }

        .side-nav-ul li {
            padding: 6px 20px;
            font-size: 12px;
        }

    .logout-ul li {
        padding: 4px 0px;
        font-size: 12px;
    }

    .active-nav::before {
        border-left: 5px solid #11154A;
        height: 33px;
    }

    .user-mng-title h5 {
        font-size: 16px;
    }

    .msg-tgl-btn {
        padding: 3px;
        border-radius: 5px;
    }

    .header {
        height: auto !important;
        border: none;
        padding: 0 8px;
    }

    .create-btn {
        padding: 4px 19px;
        min-width: 167px;
    }

    .details-close-btn-2 {
        background: white;
        border-radius: 50%;
        left: -16px;
        top: 1px;
    }

    .chat-box-input {
        /*height: 150px;*/
    }

    .msg-box-inner p {
        color: #000;
        font-size: 12px;
    }

    .chat-tools {
        height: 127px;
    }

    .ql-container {
        font-size: 12px;
        height: 110px;
        max-height: 125px;
    }

    /*.chat-wrapper {
        height: calc(100% - 216px);
    }*/
    .chat-wrapper {
        height: calc(100% - 254px);
    }

    .chat-com {
        width: 85% !important;
    }

    .com-details {
        width: 42% !important;
    }

    .details-sec-box {
        height: 500px;
        max-height: 800px;
        overflow: hidden;
        overflow-y: auto;
    }

    .tickets-body-com {
        overflow: hidden;
        min-height: 52vh;
        max-height: 66.7vh;
    }

    .threads-ul {
        padding: 6px 21px;
        line-height: 26px;
        border-bottom: 1px solid #efefef;
    }

    .accordion-button-channnel, .accordion-button-message {
        padding: 8px 22px;
    }

    .channel-ul {
        padding: 0px 17px;
        line-height: 25px;
    }

    .direct-div {
        max-height: 214px;
        overflow: hidden;
        overflow-y: auto;
    }

    .show-filter {
        display: block;
        left: 0;
        top: -58px;
    }

    .filter-select {
        width: 309px;
        height: 48px;
        min-width: 150px;
    }

    .threads-ul li span {
        font-size: 12px;
    }

    .icon-thread svg {
        width: 18px;
    }

    .channel-ul li span {
        font-size: 12px;
    }

    .notifiy {
        top: 4px;
    }

    .msg-ul li span {
        font-size: 12px;
    }

    .direct-profile img {
        width: 24px;
        height: 24px;
    }

    .msg-ul {
        padding: 0px 17px;
        line-height: 33px;
    }

    .side-nav-ul i svg {
        width: 18px;
    }

    .logout-ul {
        padding: 0px 19px;
    }

        .logout-ul i svg {
            width: 18px;
        }

    .msg-off-box span {
        font-size: 16px;
    }

    .chat-box {
        height: 100%;
    }

    .gen-call {
        height: 57px;
        padding: 0px 13px;
    }

    .searchInput input {
        height: 32px;
        font-size: 12px;
        border-radius: 9px;
    }

    .icon i {
        font-size: 17px;
    }

    .gen-mem ul li span {
        font-size: 14px;
    }

    .online-dot {
        position: absolute;
        left: 116px;
    }

    .searchInput .icon {
        top: -11px;
    }

    .ticket-ul p.m-0.fw-bold.d-inline-block {
        font-size: 14px;
    }

    .accordion-button-today span {
        font-size: 10px;
    }

    .today-btn-acc {
        width: 120px;
        padding: 4px 0px;
    }

    .today-btn-acc {
        top: -45px;
        height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .accordion-button-today {
        width: 101px;
    }

    .search-ticket-com {
        height: 38px;
        padding: 5px 7px;
    }

    .filter-ticket-btns .filter-select {
        width: 100%;
        padding: 6px;
    }

    .funnel-btn, .sort-btn {
        height: 31px;
        border-radius: 5px;
    }

    .outer-search-sec-com {
        padding: 7px 12px;
    }

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

    .vdeo-btn {
        margin-left: 8px;
        padding: 3px 6px;
    }

    .phn-btn {
        padding: 5px 10px;
    }

    .mem-ul li span {
        font-size: 12px;
    }

    .mem-ul {
        padding: 0px 6px;
        line-height: 34px;
    }
    /*direct  message online icon*/
    .online-msg {
        /*right: 8px;
        width: 7px;
        bottom: 6px;*/
    }
    /*direct  message online icon*/

    .online-mem {
        right: 16px;
        width: 7px;
        bottom: 6px;
    }

    .file-box {
        padding: 6px;
    }

    .accordion-button-channnel, .accordion-button-message, .des-button {
        font-size: 12px;
    }

    .main {
        height: calc(100vh - 127px);
    }

    .max {
        width: 35px;
        height: 35px;
        position: absolute;
        transform: translate(-51%, -98%);
        padding: 5px;
    }

        .max svg {
            height: 30px;
            width: 30px;
            padding: 5px;
        }

    #progressbar li:before {
        width: 33px;
        height: 33px;
        line-height: 33px;
        display: block;
        font-size: 18px;
    }

    .main-submit-div {
        padding: 0px;
    }

    .text-saved {
        font-size: 24px;
    }

    .saved-btns.d-flex.justify-content-center.align-items-center.mt-5 {
        margin-top: 1rem !important;
    }

    .ftr-save {
        color: #7A7878;
        font-size: 12px;
        margin-top: 20px;
    }

    i.fa-solid.fa-rotate-right {
        line-height: 26px;
    }
}


@media(min-width:1920px) {
    .main {
        height: calc(100vh - 75px);
    }

    .sidebar-2.sidebar .side-toggle-btn {
        position: absolute;
        top: 65px;
        background: #fff;
        border-radius: 19%;
        left: 16px;
        box-shadow: 0px 0px 1px 1px #b7b7b7;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .sidebar-2.sidebar .side-toggle-btn button {
        padding: 0px;
        outline: none;
        border: none;
        background: transparent;
        width: 20px;
        height: 20px;
        display: block;
    }

    .sidebar .side-toggle-btn svg {
        color: #11154a;
        height: 20px !important;
        width: 22px !important;
    }

    .sidebar-2 .icon-2 {
        display: block !important;
    }

    .sidebar-2 .icon-1 {
        display: none !important;
    }

    .social-chart {
        height: calc(100% - 30px);
        min-height: 300px;
        max-height: 500px;
    }
}

@media (max-width:1440px) and (max-height:960px) {
    .main {
        height: calc(100dvh - 121px);
    }

    .details-sec-box {
        height: 672px;
        max-height: 800px;
        overflow: auto;
    }

    span#Team_1 {
        font-size: 10px;
    }

    span#Team_2 {
        font-size: 10px;
    }

    .notifiy {
        width: 24px;
        height: 24px;
    }
}

@media only screen and (min-width:1200px) and (max-height:850px) {
    .main {
        height: calc(100dvh - 10dvh);
    }

    .details-sec-box {
        height: 634px;
        max-height: 812px;
    }
}

@media screen and (max-width: 1399.98px) {
    .details-sec-box {
        height: 500px;
        max-height: 800px;
        overflow: hidden;
        overflow-y: auto;
    }

    .com-details .file-div {
        height: 100px !important;
        overflow: auto;
    }

    .details-sec-box {
        height: 595px;
        max-height: 800px;
    }

}

@media(max-width:1366px) {
    .headbar-icons.ps-xxl-4.ps-xl-4.ps-lg-3.ps-md-3.ps-2 {
        padding-left: 1rem !important;
    }

        .headbar-icons.ps-xxl-4.ps-xl-4.ps-lg-3.ps-md-3.ps-2
        i.fa-solid.fa-rotate-right me-3 {
            margin-right: 0rem !important;
        }

    .custorm-dd.dropdown .dropdown-label {
        height: 32px;
        line-height: 32px;
        width: 32px;
    }

    .filter-row-report_tickets label {
        font-size: 14px;
    }

    .filter-row-report_tickets .form-control {
        font-size: 14px;
    }

    select#boardview-team-id {
        font-size: 13px;
        min-width: 104px;
    }

    .from_to-datepicker .from_date input, .from_to-datepicker .to_date input {
        font-size: 13px;
    }

    .avatars__item {
        font-size: 13px;
        font-weight: 100;
        height: 30px;
        width: 30px;
    }

    .search-inner i {
        top: 11px;
    }

    .wrp-box_searchbx {
        display: flex;
        align-items: center;
        gap: 16px;
        width: 100%;
        justify-content: end;
    }

    .search-bar input {
        padding: 8px 23px;
        width: 135px;
        font-size: 13px;
        padding-left: 30px;
    }

    .search-bar {
        flex-wrap: unset;
    }

    .tckt-card-brd {
        height: auto;
        margin-top: 12px;
    }

    .sort-brd {
        width: 25px;
        height: 25px;
    }

    .filter-brd {
        width: 25px;
        height: 25px;
    }

    .ntfy-new {
        padding: 3px 7px;
        font-size: 14px;
    }

    .head-col h5 {
        font-size: 16px;
    }

    .tckt-head {
        font-size: 13px;
    }

    table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
        padding: 10px 2px;
        font-size: 12px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    }

    tbody, td, tfoot, th, thead, tr {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        font-size: 12px !important;
        vertical-align: top;
    }

    .sidebar .brand-section img {
        display: block !important;
        width: 200px !important;
    }

    .sidebar {
        width: 260px !important;
    }

        .sidebar .side-toggle-btn {
            display: none;
        }

    .icon-2 {
        display: inline-block !important;
    }


    .sidebar-2 {
        transition: .35s !important;
        width: 244px !important;
        position: fixed;
        left: 0;
        top: 0;
        background-color: #fff;
        z-index: 999;
        border-right: 1px solid lightgray;
    }

    table i.fa.fa-eye {
        font-size: 12px;
        color: #00430B;
    }

    table i.fa.fa-trash {
        font-size: 12px;
        color: red;
    }

    .adduser-btn {
        border-radius: 6px;
        padding: 5px 10px;
        border: none;
        color: white;
        background-color: #11154A;
        font-size: 14px;
    }

    .checkboxes label {
        font-weight: 500;
        font-size: 14px;
    }

    .adduser-details input[type='text'] {
        padding: 7px 10px;
    }

    .user-drop {
        margin-left: 16px;
    }

    .features-sec {
        width: 317px !important;
        overflow: hidden;
    }

    .chat-com {
        width: 100% !important;
    }

    /*.com-details {
        width: 41% !important;
        margin-right: -63px;
    }*/

    .chat-tools {
        /*height: 147px;*/
        height: 100%;
    }

    .data-main .modal-dialog {
        width: 851px;
        /*update*/
        max-width: 100% !important;
        margin-top: 16px;
        padding: 0 10px;
        /*update*/
    }

    .filter-ticket-btns {
        width: 100%;
        /* margin-top: 10px;*/ /*update by ak*/
        display: flex;
    }

    .filter-select {
        width: 235px;
    }

    div.dataTables_wrapper {
        margin-top: 0px;
    }

    .datatable-inner {
        padding: 18px;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        margin-bottom: 0px;
        margin-top: 5px !important;
    }

    .checkboxes, .checkboxes {
        padding: 11px !important;
        border-radius: 17px !important;
    }

    .role-permissions-div input[type=checkbox] {
        width: 18px;
        height: 18px;
        border-radius: 2px;
    }

    .adduser-details select {
        padding: 8px 10px;
        border-radius: 7px;
    }

    .adduser-details input[type='date'] {
        padding: 8px 10px;
    }
    /*new updata*/

    #msform .action-button {
        font-size: 15px;
        padding: 4px 8px; /*update*/
    }

        #msform .action-button i svg {
            width: 16px;
        }

    #msform .action-button-previous {
        padding: 4px 8px;
    }

        #msform .action-button-previous i svg {
            width: 16px;
        }

    .adduser-details input[type='email'] {
        padding: 8px 10px;
    }

    .reason-div {
        padding: 16px;
        height: 180px;
    }

    .aks-file-upload-content {
        /*margin-top: 16px;*/
        margin-top: 4px; /*update*/
    }

    button.submi-save-btn {
        padding: 9px;
    }

    button.bck-to-edit {
        padding: 8px
    }

    .team-save p {
        font-size: 18px;
    }

    .table-saved-div table.w-100.mt-5 {
        margin-top: 1rem !important;
    }

    .table-saved-div {
        height: 257px;
    }

    .reason-div.custom-mheight {
        height: 300px;
        margin-bottom: 10px;
    }

    .form-card .chec-div {
        margin-bottom: 10px;
    }

    /*.aks-file-upload {
        height: 32px;
    }*/

    .aks-file-upload-label {
        height: 30px;
    }

    .aks-file-upload-content {
        overflow-y: hidden;
    }

    #aks-file-upload {
        margin-top: .3rem;
        margin-bottom: .8rem;
    }
    /*new updata*/
    .adduser-details input[type='password'] {
        padding: 8px 10px;
    }

    .saveuser-btn, .cancel-user-btn {
        padding: 5px 14px;
        border-radius: 7px;
        outline: none;
        font-size: 15px;
    }

    .adduser-details input[type='file'] {
        padding: 4px 203px !important;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
        padding-left: 0px !important;
        padding-right: 65% !important;
    }

    .filter-row-report_tickets .custmLabelAignemnt {
        flex-direction: column;
        align-items: baseline;
        gap: 0;
    }

    .main-login-box {
        width: 85%;
        height: 560px;
    }

    .gen-call {
        height: 57px;
        padding: 0px 13px;
        flex-direction: column;
        padding-top: 6px;
    }
    
    .gen-connect {
        margin-left: -91px;
        margin-top: 8px;
    }

    .adduser-details.view-details input#EventDateTime, .adduser-details.view-details .detail-input input {
        /*height: auto !important;*/
        height: 40px !important;
    }

    .role-permissions-div {
        height: 123px;
    }

    /*update by ak v2*/
    .chat-com .gen-call{
        flex-direction:row;
    }
    /*update by ak v2*/
    
}

@media(max-width:1366px) and (max-height:800px) {
    .main {
        height: calc(100dvh - 58px);
    }

    .features-sec .direct-msg-sec .accs .acc-div.direct-div {
        height: calc(45dvh - 25px);
    }

    .direct-div {
        max-height: 347px;
    }

    .file-div {
        max-height: 240px;
        height: 187px;
    }

    .com-details .file-div {
        height: 144px !important;
        overflow: auto;
    }
}

@media(max-width:1366px) and (max-height:700px) {
    .com-details .file-div {
        height: 100px !important;
        overflow: auto;
    }

    .adduser-details.view-details .role-permissions-div {
        height: 200px;
    }

    .mem-div {
        max-height: 115px;
    }

    .details-sec-box {
        height: 500px;
    }
    .msg-ul {
        
        padding-bottom: 20px;
    }
    
}

@media screen and (max-width: 1280px) {
    .chat-wrapper {
        height: calc(100% - 250px);
    }

    .chat-tools {
        height: 165px;
    }

    .chat-box-input {
        min-height: 150px;
        max-height: 184px;
        height: 190px;
        bottom: 6px;
    }

    .funnel-btn, .sort-btn {
        width: 45%;
    }

    .search-ticket-com input {
        width: 78%;
    }

    .tickets-body-com {
        overflow: auto;
        min-height: 52vh;
        max-height: 78vh;
        height: 72.7vh;
    }

    .details-sec-box {
        height: 638px;
        max-height: 812px;
        overflow: hidden;
        overflow-y: auto;
    }

    .file-upload .file-upload-select .file-select-name {
        display: inline-block;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 97px;
    }

    .features-sec {
        width: 336px !important;
        overflow: hidden;
    }

    span#Team_1 {
        font-size: 10px;
    }

    span#Team_2 {
        font-size: 10px;
    }

    .mobile-center-options-tbl table.dataTable thead > tr > th.sorting {
        padding-left: 10px;
    }
}

/*/* Large devices (desktops, less than 1200px) */
@media screen and (max-width: 1199.98px) {
    .inner-login-box {
        width: 403px;
    }

    .peoples-card-1 img {
        width: 132px;
    }

    .peoples-card-1 {
        width: 145px;
        height: 146px;
    }

    .peoples-card-2 {
        width: 145px;
        height: 146px;
    }

    .peoples-card-3 {
        width: 145px;
        height: 146px;
    }

        .peoples-card-3 img {
            width: 127px;
        }

    .peoples-card-4 {
        width: 145px;
        height: 146px;
    }

    .peoples-card-5 {
        width: 145px;
        height: 146px;
    }

    .peoples-card-6 {
        width: 145px;
        height: 146px;
    }

    .peoples-card-7 {
        width: 145px;
        height: 146px;
    }

    .peoples-card-8 {
        width: 290px;
        height: 146px;
    }

        .peoples-card-8 img {
            width: 127px;
        }

    .peoples-card-9 {
        width: 145px;
        height: 146px;
    }

        .peoples-card-9 img {
            width: 127px;
        }

    .peoples-card-10 {
        width: 145px;
        height: 146px;
    }

    .peoples-card-11 {
        width: 145px;
        height: 146px;
    }

    .grid-img {
        width: 435px;
        padding-top: 57px;
    }

    .brand-font {
        font-size: 16px;
    }

    .brand-slogan {
        font-size: .8rem;
    }

    .user-mng-btn {
        width: 340px;
        margin-left: auto;
    }

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        max-height: 456px !important;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        margin-bottom: 10px;
        margin-top: 21px;
    }

    .brand-section {
        max-width: 280px;
    }

    .checkboxes {
        width: 100%;
    }

    .reason-div {
        padding: 26px 36px;
        background-color: #f8f8f8;
        border-radius: 15px;
        height: auto;
    }

    .chec-div {
        height: auto;
    }

    .add-comment-in {
        height: 85px;
    }

    .grid-img {
        display: none;
    }

    .inner-login-box {
        width: 794px;
    }

    .user-icon {
        left: 3.5%;
        top: 49% !important;
    }

    .table-chrt {
        height: 500px;
    }

    .user-form {
        margin-top: 1rem;
    }

    .ticket-assign-sec {
        transform: translate(105%);
        position: fixed;
        right: 0;
        transition: all .3s;
        background: #fff !important;
        box-shadow: -1px 0px 4px #b7b7b77a;
        top: 0;
        height: 100%;
        max-width: 320px;
        width: auto !important;
    }

    .ticket-details-sec {
        border-right: none;
    }

    .details-tgl-btn {
        display: block;
    }

    .chat-com {
        width: 100% !important;
    }

    .com-details {
        transform: translate(123%);
        position: fixed;
        right: 0;
        transition: all .3s linear;
        background: #fff !important;
    }

    .com-details {
        width: 321px !important;
    }

    .details-sec-box {
        height: 92vh;
    }

    /*.chat-wrapper {
        height: calc(100% - 222px);
    }*/
    .chat-wrapper {
        height: calc(100% - 235px);
    }

    .chat-tools {
        height: 132px;
    }

    .chat-box-input {
        min-height: 150px;
        max-height: 184px;
        height: 202px;
        bottom: 6px;
    }

    /*.features-sec {
        width: 247px !important;
    }*/

    .cht-det-div {
        width: calc(100% - 248px);
    }

    .social-chart {
        height: 513px;
    }

    .custorm-login-img {
        display: none;
    }

    .login-box {
        padding: 31px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main-login-box {
        width: 100%;
        height: 560px;
    }
    .forget-page .main-login-box {
        width: 60%;
       
        margin: auto;
    }
    .forget-page .user-icon {
        left: 4.5%;
        top: 50% !important;
    }
}
/* Medium devices (tablets, less than 992px) */
@media only screen and (max-width:1024px) {
    #progressbar li:after {
        content: '';
        width: 57%;
        height: 6px;
        background: lightgray;
        position: absolute;
        left: 103px;
        top: 25px;
        z-index: -1;
        border-radius: 3px;
    }

    .chat-wrapper {
        height: calc(100% - 250px);
    }

    .search-bar {
        flex-wrap: wrap !important;
    }
    .data-main {
        /* height: 100vh; */
        min-width:98%;
        width: auto;
        max-width:100%;
    }
}

@media only screen and (min-width:1200px) and (max-width:1580px) {
    .main {
        height: calc(100dvh - 8dvh);
    }

    .features-sec .direct-msg-sec .accs .acc-div.direct-div {
        height: calc(45dvh - 72px);
        max-height: 373px;
    }

    .com-details .file-div {
        height: 200px;
        max-height: 217px;
    }
}


@media only screen and (min-width:1200px) and (max-height:700px) {
    .main {
        height: calc(100dvh - 10dvh);
    }
}

@media only screen and (max-width:1200px) and (min-height:1200px) {
    .main {
        height: calc(100dvh - 63px);
    }

    .ql-container {
        font-size: 12px;
        height: 154px;
        max-height: 158px;
    }

    .direct-div {
        max-height: 350px;
        overflow: hidden;
        overflow-y: auto;
    }

    .features-sec {
        width: 374px !important;
    }
}

@media only screen and (max-width:1024px) and (max-height:1440px) {
    #progressbar li:after {
        content: '';
        top: 16px;
    }

    table.dataTable thead > tr > th.sorting {
        /* padding-right:0px;*/
    }

    table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
        padding: 10px 2px;
        font-size: 10px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    }
}

@media only screen and (max-width:1024px) and (max-height:600px) {
    .global-srch {
        width: 284px;
    }

    .chat-wrapper {
        height: calc(100% - 252px);
    }

    .overflow_ticket_list {
        max-height: calc(100dvh - 194px);
        height: 100%;
    }

    .adduser-details.view-details .role-permissions-div {
        height: 200px;
    }
}



@media screen and (max-width: 991.98px) {
    .chat-com.w-75.position-relative {
        padding-bottom: 8px;
    }

    .grid-img {
        display: none;
    }

    .inner-login-box {
        width: 100%;
    }

    .user-icon {
        left: 4.5%;
        top: 49% !important;
    }

    .user-mng-btn {
        width: 330px;
    }

    div.dataTables_wrapper {
        padding: 10px 7px;
    }

    .sidebar {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 299;
        transform: translate(-100%);
    }

    .side-toggle-btn-2 {
        display: block;
    }

    .side-box {
        min-height: 88vh;
    }

    #sidebar-offcanvas {
        width: 286px;
    }

    .user-title-line {
        font-size: 16px;
    }

    .checkboxes {
        width: 98%;
    }

    .sidebar-2 {
        transform: translate(-100%) !important;
    }

    .msg-off-box {
        display: flex;
        align-items: center;
    }

    .details-tgl-btn {
        padding: 0px 95px;
        border-radius: 22px 22px 0 0;
    }

    .details-tgl {
        right: -121px;
    }

    .checkboxes {
        width: 100%;
        margin-bottom: 0px !important;
    }

    .wrap-main {
        margin-left: 0px;
    }

    #progressbar {
        display: none;
    }

    .ticket-head {
        width: auto;
        margin: 0 auto;
    }

    .check-line {
        margin-bottom: 14px;
    }

    .reason-div {
        padding: 8px 16px;
        background-color: #f8f8f8;
        border-radius: 15px;
        height: auto;
    }

    .checkbox-outer {
        justify-content: center !important;
    }

    .chat-section-main-2 {
        height: 928px;
    }

    .card-controls-item {
        width: 100%;
    }

    .card-controls-item-select {
        display: block;
    }

        .card-controls-item-select select {
            width: 100%;
        }

        .card-controls-item-select svg {
            right: 20px;
            top: 40px;
        }

    .donut-chrt {
        max-height: 341px !important;
        max-width: 486px !important;
    }

    .sidebar {
        width: 292px;
        overflow: hidden;
    }

        .sidebar span {
            display: inline-block !important;
        }

    .icon-2 {
        display: none !important;
    }

    .sidebar .side-toggle-btn {
        position: static !important;
        box-shadow: none !important;
        width: 44px;
        height: 44px;
    }

    .icon-1 {
        display: block !important;
    }

    .brand-section {
        max-width: 291px;
        padding: 0px 19px !important;
    }

    .sidebar .side-toggle-btn svg {
        color: #11154a;
        height: 45px;
        width: 36px;
    }

    .sidebar .side-nav-ul {
        padding-top: 5px;
    }

    .chat-wrapper {
        height: calc(100% - 219px);
    }

    .chat-box-input {
        height: 149px;
    }

    .chat-box-input {
        height: 150px;
    }

    .sidebar .side-nav-ul {
        margin-top: 5px;
    }

    .global-srch {
        max-width: 270px;
        order:3
    }

    body > .container-fluid {
        padding-right: 0px !important; /*update new*/
    }

    .down-chev-i {
        bottom: 26%;
    }

    .profile-height {
        margin-top: 100px;
    }
    /*update new v3*/
    .down-chev-i {
        top: 3px;
    }

    .down-chev-i {
        right: 5%;
        
    }

    .forget-page .main-login-box {
        width: 100%;
        
    }
    /*.forget-page .user-icon {
        left: 8.5%;
        top: 50% !important;
    }*/
    /*update new v3*/
}

@media screen and (max-width:992px) and (min-height:992px) {
    .direct-div {
        max-height: 282px;
    }
}

@media screen and (max-width:992px) and (max-height:992px) {
    /* div#my-pie-chart {
        min-height: 100% !important;
        max-height:100% !important;
       
    }*/
    /*div#apexchartsu83a1kx1 {
        width: 100%;
        height: 100%;
    }
    svg#SvgjsSvg1006 {
        width: 100%;
        height: 100%;
    }
    #my-pie-chart foreignObject {
        width: 100%;
        height: 100%;
    }*/
    .ticket-btn-box {
        height: 120px;
        gap: 0px !important;
    }

    .nav-tgl-tckt {
        order: 2;
    }

    .user-mng-btn.ticket-btn {
        order: 1;
    }
}

@media screen and (max-width: 880.98px) {
    .chec-div {
        padding: 16px 8px;
    }

    .checkboxes {
        width: 100%;
        margin-bottom: 7px !important;
    }

    .user-mng-btn {
        width: 14.5%;
    }

    .chat-tools {
        width: 100%;
        height: 177px;
    }

    .send-cmnt-div {
        width: 107px;
    }

    .chat-section-main-2 {
        height: calc(100% - 112px);
    }

    .donut-chrt {
        max-height: 265px !important;
        max-width: 389px !important;
    }

    .box-wrap {
        border: none;
        margin-top: unset;
        padding: unset;
        border-radius: 0;
    }

    .tckt-updt-wrap {
        padding: 31px 15px;
        height: 458px;
    }

   /* .headbar-icons {
        display: none;
    }*/

    .chat-box-input {
        width: calc(100% - 20px);
        left: 10px;
    }

    .ticket-details-modal {
        max-width: 759px !important;
    }

    .ticket-btn {
        width: 262px;
    }

    .chat-wrapper {
        height: calc(100% - 243px);
    }

    .chat-box-input {
        height: 202px;
        bottom: 5px;
    }

    div#editor {
        height: 100%;
    }

    .chat-tools {
        width: 100%;
        height: 161px;
    }

    td.sorting_1.dtr-control {
        min-width: 6% !important;
        padding: 9px !important;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media screen and (min-width:767.98px) and (max-width:1024px) and (min-height: 992px ) and (max-height:1370px) {
    .overflow_ticket_list {
        max-height: calc(100dvh - 274px);
        height: 100%;
    }

    .ticket-btn-box {
        justify-content: space-between;
        height: 123px;
        /*height: 100px;*/
        padding: 10px 0;
    }

    .main {
        height: calc(100vh - 123px);
    }

    .features-sec {
        width: 359px !important;
    }
}

@media screen and (max-width: 767.98px) {
    .mobile-center-options-tbl .dataTables_filter,
    .mobile-center-options-tbl .dataTables_length {
        display: flex;
        justify-content: center;
    }

    .social-chart.table-chrt .kpi-table {
        overflow-y: scroll;
    }

    #msform .action-button, #msform .action-button-previous {
        width: fit-content;
        padding-inline: 14px;
    }

    .profile-icon ul.list-unstyled .dropdown ul.list-unstyled {
        padding: 0px 10px;
    }

    .social-chart {
        height: fit-content !important;
    }

    .gen-connect {
        margin-top: -3px;
        display: flex;
        /* display: none; */
        margin-left: -13px;
    }

    body:has(.flex-row-wrp-tickets-rpt) .datatable-inner {
        padding-inline: 14px;
    }

    body:has(.flex-row-wrp-tickets-rpt) div.dataTables_wrapper {
        margin: 0;
    }

    body:has(.flex-row-wrp-tickets-rpt) .dataTables_wrapper .dataTables_length {
        margin-top: 0;
        text-align: center;
    }

    .flex-row-wrp-tickets-rpt {
        gap: 12px 0;
    }

    .filter-row-report_tickets label {
        flex-wrap: wrap;
        margin-bottom: 6px;
    }

    .user-icon {
        left: 5.5%;
    }

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

    .file-upload .file-upload-select .file-select-name {
        max-width: 148px;
    }

   /* .headbar-icons {
        display: none;
    }*/

    .ql-container {
        height: 118px;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: unset;
        text-align: center;
    }

    .ticket-btn {
        width: 246px;
        position: relative;
    }

    .today-btn-acc {
        left: 42%;
    }

    .chat-box-input {
        padding: 0px 7px;
        height: 166px;
    }

    .chat-wrapper {
        height: calc(100% - 295px);
    }

    .gen-call {
        padding: 7px;
    }

    ul.list-unstyled li {
        padding: 6px 2px;
    }

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

    .chat-tools {
        width: 100%;
        height: 149px;
    }

    .chat-section-main-2 {
        padding: 5px 4px;
    }

    .chat-section-main-2 {
        height: calc(100% - 205px);
    }

    .send-cmnt-div {
        width: 106px;
    }

    .response-tgl-btn {
        padding: 3px 76px;
        font-size: 15px;
    }

    .video-card {
        width: 100%;
        background-color: #ffffff;
        padding: 0;
        box-shadow: none;
        border-radius: unset;
    }

    .table-chrt {
        height: 640px;
    }

    .social-chart {
        padding: 11px 9px;
    }

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

    .inner-kpi-card {
        margin-top: 18px !important;
    }

    .search-inner::before {
        display: none;
    }

    .board-main {
        padding: 18px 8px;
        padding-bottom: 10px;
    }

    .tm-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
        margin-right: 0 !important;
        /*margin-bottom: 15px;*/
    }

    .sidebar {
        width: 265px;
    }

    .details-ul {
        margin-top: 12px;
    }

    .tckt-updt-wrap {
        padding: 16px 16px;
    }

    .details-ul li:nth-child(1) {
        padding-left: 0;
    }

    .tckt-updt-wrap {
        height: 627px;
    }

    .br-cstm {
        padding-bottom: 10px;
        border-right: 0;
        border-bottom: 2px solid #f1f0f0;
    }

    .modal-inner-pd {
        padding: 19px 11px;
    }

    .ass-mem-card-2 {
        width: 100%;
    }

    .ticket-head-1 {
        font-size: 13px;
    }

    .ticket-head-2 {
        font-size: 13px;
    }

    .mem-tr-2 {
        font-size: 13px;
    }

    .ass-mem-name {
        font-size: 14px;
    }

    .ass-mem-avatar {
        width: 36px;
    }

    .ass-mem-card-2 {
        padding: unset;
    }

    .fc-widget-header table thead tr th {
        font-size: .9rem;
    }

    .fc-time-grid .fc-slats td {
        padding: 8px 4px;
    }

    .fc-center {
        order: 1;
    }

    .ass-mem-card-2 {
        white-space: nowrap;
    }

    .features-sec {
        position: fixed;
        top: 0;
        left: -380px;
        transition: all .3s ease-in-out;
        z-index: 999 !important;
    }

    .msg-tgl-btn {
        display: block;
    }

    #threads-close {
        display: block;
    }

    .msg-tgl-btn {
        display: block;
    }

    .cht-det-div {
        width: 100%;
    }

    .chat-wrapper {
        height: calc(100% - 234px);
    }

    .create-btn {
        position: static;
    }

    .global-srch {
        order: 1;
    }

    .global-srch {
        min-width: 40%;
        width: 50%;
        /*margin-bottom: 6px;*/
        max-width: 100%;
    }

    .main {
        height: calc(100dvh - 109px);
    }

    .user-mng-btn {
        padding-right: 0;
    }

    .msg-off-box {
        padding-left: 0;
    }

    .ticket-btn-box {
        height: 120px;
        gap: 0px !important;
    }

    .com-box {
        width: 100%;
    }

    .from_to-datepicker {
        /*flex-wrap: wrap;*/
        flex-wrap: nowrap;
    }

        .from_to-datepicker .from_date label, .from_to-datepicker .to_date label {
            /*min-width: 70px;*/
            min-width: 45px;
        }

    .wrp-box_searchbx {
        padding-left: 7px;
        /*flex-wrap: wrap;*/
        /* margin-top: 40px;*/
    }

        .wrp-box_searchbx .tm-box {
            justify-content: center;
        }

        .wrp-box_searchbx .search-inner {
            margin: 0px auto;
        }

    .from_to-datepicker .from_date, .from_to-datepicker .to_date {
        gap: 4px;
    }

    .tckt-updt-wrap {
        min-height: 627px;
        max-height: 900px;
        height: auto;
    }

    .modal-inner-pd > .tckt-details-wrapper .tckt-desc {
        width: 73%;
        justify-content: start;
        flex-wrap: wrap;
    }

    .cmnt-main-box-2 {
        padding: 11px;
    }

    .today-online-dot {
        top: 9px;
    }

    .today-ul {
        line-height: 22px;
    }

    .adduser-details.view-details button.cancel-user-btn {
        margin-bottom: 10px;
    }

    .add-user-box {
        padding:0 10px;
    }
    /*update datalist 11/6*/
    div.dataTables_wrapper {
        padding: 10px 0px;
    }
        div.dataTables_wrapper th:first-child, div.dataTables_wrapper th:last-child {
            border-radius: 0px 0px 0px 0px !important;
        }
    /*update datalist 11/6*/
   
}

@media screen and (max-width:767.98px) and (max-height:693px) {
    .ticket-btn-box {
        height: 100px;
        padding-top: 10px;
    }

    .chat-wrapper {
        padding-bottom: 10px;
    }
}
/* Small devices (landscape phones, 576px) */
@media screen and (max-width: 577px) {
    #adduser #add-form .adduser-details.view-details label.form-label {
        font-size: 14px;
    }

    #edit-modal #edit-form .adduser-details.view-details .button-section {
        display: flex;
        justify-content: space-between;
    }

        #edit-modal #edit-form .adduser-details.view-details .button-section button {
            padding: 6px 12px;
            margin: 0;
        }
    /*.detail-input input#EditProfileImage,
    input.form-control[name='ImageFile'] {
        padding: 3px 11px !important;
    }*/
    div#add-modal form#add-form label.form-label {
        font-size: 14px;
    }

    .gen-mem {
        width: 252px;
    }

    .from_to-datepicker {
        flex-wrap: wrap;
        gap: 10px;
    }

    .wrp-box_searchbx {
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
    }

    .search-bar input {
        width: 100%;
    }

    .wrp-box_searchbx .search-inner {
        width: 100%;
    }
    /*div#my-pie-chart,
    div#department-wise-count,
    div#team-pie-chart {
        overflow-x: scroll;
    }
    div#my-pie-chart div#apexchartsbyqz25r1 {
        width: 100% !important;
    }*/
    .inner-login-box {
        padding: 0px;
        
    }

    .user-icon {
        left: 5.5%;
    }

    .text-clr {
        color: #8A8989;
        font-size: 12px;
    }

    .main-box {
        padding: 17px;
    }

    .inner-box {
        padding: 17px;
    }

    .login-box {
        padding: 17px;
    }

    .user-mng-btn {
        width: 80px;
    }

    .cnct-audio {
        display: none;
    }

    .msg-off-box span {
        font-size: 18px;
    }

    .ql-container {
        height: 129px;
    }

    .today-btn-acc {
        left: 40%;
    }

    .ticket-btn {
        width: 234px;
        margin-right: 12px;
    }

    .msg-off-box {
        padding-left: 0px;
        padding-top: 5px;
    }

    .user-mng-btn {
        max-width: 345px !important;
        min-width: 78px !important;
    }

    .chat-wrapper {
        height: calc(100% - 267px);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-tm {
        height: 115px;
    }

    .table-saved-div {
        max-width: 531px;
        height: auto;
        padding: 13px
    }

    .text-saved {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .t-id {
        font-size: 14px;
        color: #454545;
        margin-bottom: 3px;
    }

    .team-save p {
        font-size: 16px;
        font-family: 'popins-md';
        color: #11154A;
    }

    .ftr-save {
        color: #7A7878;
        font-size: 12px;
        margin-top: 17px;
        margin-bottom: 0px;
    }

    .table-saved-div table tbody tr td p {
        font-size: 13px;
    }

    .table-saved-div table {
        margin-top: 26px !important;
    }

    .phn-btn {
        padding: 4px 7px;
    }

    .chat-box-input {
        padding: 0px 7px;
        height: 211px;
    }

    .t-box {
        height: 101px;
    }

    .inner-login-box {
        height: 662px;
        width: 100%;
    }

    .send-cmnt-div {
        width: 143px;
    }

    .chat-section-main-2 {
        height: calc(100% - 389px);
    }

    .funnel-btn {
        width: 45%;
        height: 45px;
        margin-top: 11px;
    }

    .filter-ticket-btns {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .sort-btn {
        width: 45%;
        height: 45px;
        margin-top: 11px;
    }

    .search-ticket {
        width: 100%;
    }

        .search-ticket input {
            width: 75%;
        }

    .tickets-off {
        width: 300px;
    }

    .ticket-list-sec {
        padding: 13px;
    }

    .ticket-time {
        font-weight: 600;
        right: 0;
        bottom: -39px !important;
        top: unset;
    }

    .tickets-body {
        height: 85vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .outer-search-sec {
        padding: 10px 11px;
    }

    .add-comment-in {
        padding: 14px 27px;
    }

    .comment-box-2 textarea {
        height: 75px;
    }

    .reason-div-2 {
        padding: 10px;
    }

    .req-rel {
        width: 100%;
        margin-top: 10px;
    }

    .assign-ticket-offcanvas {
        width: 280px;
    }

    .msg-box-inner p {
        font-size: 11px;
    }

    .ticket-chat-deatils {
        padding: 8px 4px;
        height: 237px;
    }

    .ticket-call {
        padding: 9px 4px
    }

    .user-mng-title {
        margin: 0 !important;
    }

    .cmnt-main-box {
        padding: 5px 4px;
    }

    .sch-tabs {
        margin-top: 12px;
    }

    .kpi-charts-main {
        padding: 0px 5px;
    }

    .ticket-btn-box {
        height: auto !important;
        border-bottom: none;
        padding-top: 10px;
    }

    .nav-tgl-tckt {
        order: 2;
        width: 100%;
    }

    .pro-span-2 {
        font-size: 12px;
    }

    .fc-center {
        order: 1;
        font-size: .9rem;
        margin-top: 14px;
        width:100%;
        text-align:center;
    }
    .main-ticket-sec-1 .board-main .search-inner{
        width:100%;
    }
    .fc-left {
        font-size: 12px;
        padding: 0 !important;
        display: block;
        margin-top: 0px !important;
        padding-left: 0;
    }

    .tickets-sec {
        width: 285px;
        height: 100%;
    }

    .tickets-sec-2 {
        transition: all .3s linear;
    }

    .eng-res-tgl {
        right: -88px !important;
    }

    .header-dashboard {
        height: 56px !important;
        min-height: 40px !important;
    }

    .chat-box-input {
        width: calc(100% - 0px);
        left: 0px;
        min-height: 150px;
        max-height: 203px;
        height: 204px;
        bottom: 5px;
    }

    .create-btn span {
        display: none;
    }

    .ticket-btn {
        width: 132px;
        margin-right: 0px;
    }

    .create-btn {
        padding: 7px 19px;
        min-width: 50px;
    }

    .chat-tools {
        width: 100%;
        height: 184px;
    }

    .reason-div {
        max-height: 300px;
    }

    .table-saved-div {
        border-radius: 10px;
    }

    .table-saved-div {
        height: 263px;
        border-radius: 20px;
    }

    .social-chart-2, .social-chart {
        overflow: auto;
        overflow-y: hidden;
    }

    #response-time-chart, #col-chart {
        min-width: 1000px;
    }

    #team-average-response-time {
        min-width: 610px;
    }

    span.add-assets, span.add-cmnt {
        font-size: 12px;
        left: 20px;
    }

    select#TicketLocationId {
        font-size: 12px;
    }

    .datepicker.datepicker-dropdown.dropdown-menu {
        z-index: 111 !important;
    }

    tbody, td, tfoot, th, thead, tr {
        text-wrap: wrap;
    }

    .up-date-ticket {
        float: inherit;
    }
    .up-date-ticket {
        padding: 8px 0;
        border-radius: 11px;
        color: #fff;
        background: #11154a;
        width: 79px !important;
        float: inline-end;
    }
    .edit-ticketbtn {
        text-align: right !important;
    }
    .delete-ticket {
        padding: 8px 0;
        border-radius: 11px;
        color: #fff;
        background: #11154a;
        width: 79px !important;
        float: inline-end;
        margin-left: 10px;
    }

    .edit-ticketbtn {
        position: relative;
        top: 100px;
        text-align: center;
    }

    .head-tkt {
        position: relative;
        bottom: 60px;
    }

    .modal-tckt-desc.edit-form {
        position: relative;
        bottom: 60px;
    }

    .datatable-main .add-user-box {
        padding-right: 10px;
    }

    table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
        padding: 8px;
        font-size: 10px !important;
    }

    .form-check-inline {
        display: inline-block;
        margin-right: 0rem;
    }

    table.dataTable thead > tr > th.sorting {
        padding-right: 20px;
    }

    .datatable-inner {
        margin-bottom: 0px;
    }

    .adduser-details.view-details .role-permissions-div {
        height: 130px;
    }

    .custom-bt .button-section {
        position: static;
    }

    .adduser-details input[type='file'] {
        padding-right: 52% !important;
    }

    .adduser-details.view-details button.cancel-user-btn {
        margin-bottom: 0px;
    }

    .add-user-box {
        padding-right: 10px;
    }
    .kpi-car-box > div.row, .kpi-charts-main > div.row {
        --bs-gutter-x: 0rem;
    }
    .filter-row-report_tickets {
        
        padding: 15px;
       
    }
    .search-bar select#boardview-team-id{
        width:84%;
    }
    .overflow_ticket_list {
        max-height: calc(100dvh - 407px);
        height: auto;
        height: calc(100dvh - 100px);
    }
    /*changes form forget page*/
    .inner-login-box{
        width:100% !important;
    }
    .forget-section .login-box {
        padding: 8px;

    }
    .forget-section .login-details input {
        padding: 10px 36px;
    }
    .forget-section .login-btn {
        padding: 10px;
    }
    /*changes form forget page*/

   }



@media(max-width: 420px) {
    .user-icon {
        left: 6.5%;
    }

    .login-details input {
        font-size: 12px;
        padding: 15px 0 15px 30px;
    }

    .user-mng-title.ms-4.d-flex.align-items-center {
        margin-left: 0px !important;
    }

    ul.list-unstyled li {
        padding: 5px 0px;
    }

    .dropdown-menu-head {
        left: -158px;
    }

    .profile-icon.ps-3 {
        padding-left: 9px !important;
    }

    .chec-div {
        padding: 16px 9px;
        max-height: 339px;
    }

    .adduser-details.view-details .role-permissions-div {
        height: 152px;
    }

    .check-line {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 17px;
    }

    .check-line-2 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 17px;
    }

    .button-section .cancel-user-btn {
        margin-top: 0px !important;
        margin-bottom: 15px;
    }

    .adduser-details input[type='text'] {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
    }

    .adduser-details input[type='password'] {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
    }

    .adduser-details input[type='number'] {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
    }

    .adduser-details input[type='date'] {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
    }

    .adduser-details input[type='email'] {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
    }

    .adduser-details input[type='file'] {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
        padding-right: 50% !important;
    }

    .adduser-details input[type='date'] {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
    }

    .adduser-details select {
        padding: 8px 11px;
        border-radius: 7px;
        outline: none;
        border: 1px solid lightgray;
    }

    .gen-connect {
        display: none;
    }

    .msg-off-box {
        margin-bottom: 6px;
    }

    .today-btn-acc {
        left: 26%;
    }

    .details-tgl-btn {
        padding: 3px 101px;
        border-radius: 15px 15px 0 0;
        font-size: 16px;
    }

    .t-box {
        height: 101px;
    }

    .gen-connect-3 {
        display: block;
    }

    .msg-box-inner p {
        font-size: 11px;
        line-height: 1.2;
        padding: 0px;
    }

    .msg-box-inner {
        margin-top: 0px;
        margin-left: 28px;
        margin-bottom: 5px;
        background: #f1f1f1;
        padding: 3px 8px;
        display: inline-block;
        border-radius: 0px 12px 12px 12px;
        max-width: 84%;
    }
    .outer-profile-box.reply-chat-box {
        background: #888aa424;
        padding: 17px 7px;
        border-radius: 11px;
        margin-left: 52px;
        width: 264px;
    }

    .your-box-inner {
        font-size: 11px;
        margin-left: 47px;
        margin-bottom: 5px;
        background: #11154A;
        padding: 4px 8px;
        color: white !important;
        display: block;
        border-radius: 12px 0px 12px 12px;
    }

        .your-box-inner p {
            color: white;
            margin: 0;
            font-size: 11px;
        }

    .gen-call {
        height: 67px !important;
        padding-top: 16px !important;
    }

    .accordion-button-today span {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
    }

    .accordion-button-today {
        border: 0;
        display: flex;
        align-items: center;
        width: 109px;
        border-radius: 56px;
    }

    .today-btn-acc {
        top: -48px;
        left: 35%;
        width: 137px;
        background: white;
        padding: 4px 17px;
        /*height: 30px;*/
        min-height: 30px;
        border-radius: 20px;
        border: 1px solid black;
        display: flex;
        justify-content: center;
    }

    .main-submit-div {
        padding: 0px;
    }

    .save-bg-img {
        display: none;
    }

    button.bck-to-edit {
        font-size: 13px;
    }

    button.submi-save-btn {
        font-size: 13px;
    }

    .chat-section-main {
        padding: 8px;
    }

    .re-para {
        font-size: 12px;
        color: #6A6A6A;
        margin-bottom: 33px;
    }

    .chat-box-input {
        padding: 0px 7px;
        /*height: 224px*/;
    }

    .ql-container {
        height: 140px;
    }

    .tckt-desc {
        font-size: 10px;
        color: #000;
    }

    .ticket-call {
        padding: 9px 0px;
    }

    .ticket-chat-deatils {
        padding: 14px 5px;
        height: 249px;
    }

    .fileUpload {
        max-width: 123px;
    }

    .ass-tckt-side {
        width: 121px;
    }

    .cncl-tckt-side {
        width: 121px;
    }

    .datatable-inner {
        padding: 11px;
    }

    .response-offcnvs {
        width: 236px;
    }

    .req-help {
        margin-right: 0px !important;
    }

    .chat-section-main-2 {
        height: calc(100% - 353px);
    }

    .kpi-car-box {
        padding: 6px 5px;
    }

    .kpi-charts-main {
        padding: 6px 5px;
    }

    .social-chart {
        padding: 22px 9px;
    }

    .fc-widget-header table thead tr th {
        padding: 10px 8px;
        font-size: 11px;
        font-weight: 400;
    }

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

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: .7rem;
    }

    .fc-left {
        font-size: 12px;
        padding: 9px;
        display: block;
        margin-top: 10px;
        padding-left: 0;
    }

    .main-content-sec {
        padding: 0 !important;
    }

    .fc-time-grid, .fc-time-grid-container {
        height: 371px !important;
    }

    .header {
        min-height: 95px;
        padding-top: 10px;
    }

    h4.tckt-h4 {
        width: 55%;
    }

    .comments-sec-tckt {
        padding: 9px 22px;
    }

    .outer-profile-box {
        min-height: 40px;
    }

    .chat-profile {
        height: 100%;
    }

    .edit-ticketbtn {
        text-align: center;
    }

    .up-date-ticket {
        float: inherit;
    }

    .checkboxes {
        width: 100%;
        margin-bottom: 7px !important;
    }

    .short-info h4 {
        font-size: 20px;
    }

    .short-info h5 {
        font-size: 16px;
    }

    .profile-container {
        padding: .25rem !important;
    }

    .profile-admin p {
        font-size: 14px;
    }
    .nav-tgl-tckt li {
        text-align: center;
    }
    .global-srch {
        flex-grow: 1;
        
    }
    .forget-page .user-icon {
        left: 18px;
        top: 50% !important;
    }
}

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

    .chat-tools {
        height: 185px;
    }

    .chat-box-input {
        min-height: 150px;
        max-height: 223px;
        height: 202px;
        margin-bottom: 7px;
    }

    .chat-wrapper {
        height: calc(100% - 269px);
    }

    .accordion-button-today span {
        display: flex;
        justify-content: space-between;
        font-size: 8px;
    }

    /*.today-btn-acc {
        top: -43px;
        left: 39%;
        width: 97px;
        height: 21px;
        padding: 0px 17px;
    }*/
    .today-btn-acc {
        /*top: -49px;*/
        top: -44px;
        left: 39%;
        width: 97px;
        min-height: 21px;
    }

    .accordion-button-today {
        border: 0;
        display: flex;
        align-items: center;
        width: 85px;
    }

    .ql-container {
        height: 116px;
    }

    .inner-login-box {
        max-height: 601px;
    }

    .req-help {
        margin-right: 0px !important;
        font-size: 15px;
        padding: 10px 14px;
    }

    .res-modal-body {
        padding: 15px !important;
    }

    .ttl-dntm-box {
        width: 246px;
        height: 89px;
    }

        .ttl-dntm-box p {
            font-size: 11px;
        }

    .tickets-body {
        height: 85vh;
    }

    .assign-offcanvas {
        width: 290px !important;
    }

    button.all-isus-btn {
        margin-top: 12px;
    }

    .threads-off {
        width: 290px;
    }

    .show-pass i {
        position: absolute;
        right: 23px;
        top: 35px;
    }

    .tckt-card-brd {
        width: 100%;
        background: #fff;
        min-height: 194px;
    }

    .active-tckt-nav::after {
        display: none;
    }

    .search-bar input {
        /*width: 222px;*/
        width: 100%;
    }

    .main-ticket-sec-1 {
        padding: 10px 0 0 0;
    }

    .fc-view-container {
        /*height: 371px !important;*/
    }

    .ticket-assign-sec-2 {
        width: 269px !important;
    }

    .file-box-2 {
        padding: 10px 0;
    }

    .file-box {
        padding: 0px;
    }

    .file-ul .doc-item {
        font-size: 11px;
    }

    .create-btn {
        padding: 7px 11px;
    }

    .ticket-btn {
        width: 111px;
    }

    .social-chart {
        height: 296px !important;
    }

    .adduser-details.view-details .role-permissions-div {
        height: 96px;
        padding-bottom: 10px;
    }
}

@media (min-width:320px) and (max-width:541px) {
    .inner-box {
        padding: 0px;
    }

    .addrole .modal-body {
        padding: 1rem 0.6em !important;
    }

    .modal-content-ticket {
        border-radius: 21px;
    }

    .page-nm {
        font-size: 1rem;
    }

    .file-upload .file-upload-select .file-select-button {
        color: #000;
        background: white;
        border: 1px solid #e2e2e2;
        padding: 10px;
        display: flex;
        border-radius: 50%;
        height: 29px;
        width: 29px;
        justify-content: center;
        align-items: center;
    }

    .upload-btn {
        left: 1%;
        bottom: 0%;
        font-size: 14px;
    }

    .snd-bt {
        display: none;
    }

    .file-upload .file-upload-select .file-select-name {
        padding: 3px;
    }

    .send-btn {
        border: none;
        background: #11154A;
        outline: none;
        right: 4%;
        bottom: 0%;
        z-index: 112;
        color: #fff;
        padding: 5px 7px;
        border-radius: 6px;
        font-size: 14px;
        bottom: 8%;
    }

    .cancel-btn {
        border: none;
        background: #11154A;
        outline: none;
        right: 14%;
        bottom: 0%;
        z-index: 112;
        color: #fff;
        padding: 5px 7px;
        border-radius: 6px;
        font-size: 14px;
        bottom: 8%;
    }

    .ticket-mdal-body {
        padding: 10px 20px !important;
    }

    .send-cmnt-div {
        width: 40px;
    }

    .add-comment-in {
        padding: 14px 0px
    }

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

    .ass-tckt {
        width: 31px;
        border-radius: 5px;
        height: 32px;
    }

        .ass-tckt svg {
            width: 18px;
        }
}

@media (max-width:320px) {
    .login-details input {
        font-size: 10px;
    }

    .user-icon {
        left: 9.5%;
    }

    .login-btn {
        padding: 8px;
        font-size: 15px;
    }

    .inner-box {
        padding: 0px;
    }

    .passwordmain i {
        right: 23px;
        top: 37px;
        width: 17px;
    }

    .modal-content-ticket .modal-body.p-4 {
        padding: 0px !important;
    }

    .custom-h .button-section {
        padding: 0 10px;
    }

    .custom-h .edit-pop-head {
        padding: 10px;
    }

    .edit-pop-head {
        padding: 10px;
    }

    .modal-content-ticket .view-pop-head {
        padding: 7px 10px;
        text-align: center;
    }
    .overflow_ticket_list {
        max-height: calc(100dvh - 407px);
        height: auto;
        height: calc(100dvh - 100px);
    }
}




/* new repoonsive screen */
@media (max-width: 950px) and (min-width:550px) {
    .data-main .modal-dialog {
        width: 851px;
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (max-width: 1370px) and (min-width:1025px) {
    #progressbar li:after {
        content: '';
        width: 57%;
        height: 6px;
        background: lightgray;
        position: absolute;
        left: 110px;
        top: 13px;
        z-index: -1;
        border-radius: 3px;
    }
}

@media (max-width:1440px) {
    .saved-btns.d-flex.justify-content-center.align-items-center.mt-5 {
        margin-top: 1rem !important;
    }

    .ftr-save {
        color: #7A7878;
        font-size: 12px;
        margin-top: 20px;
    }

    .modal-dialog {
        max-width: auto; /*updated*/
        margin: auto;
        padding: .75rem 10px;
    }

    .form-card {
        margin-bottom: 16px;
    }

    .aks-file-upload-content {
        overflow-y: auto;
    }

    .reason-div {
        height: 197px;
        padding: 12px;
    }

    .table-saved-div {
        border-radius: 20px;
    }

        .table-saved-div table.w-100.mt-5 {
            margin-top: 1.2rem !important;
        }

    .table-saved-div {
        height: 263px;
        border-radius: 49px;
    }
    /*navigation */
   nav ul li .mydrop .active-nav::before {
        content: '';
        border-left: 5px solid #11154A;
        position: absolute;
        top: 0px;
        width: 6px;
        height: 100%;
        left: 4%;
        border-radius: 0px 8px 8px 0px;
        z-index: 999999;
    }
}

/*.cstm-age-select select {
    padding: 10px 12px;
    width: 100px;
}*/

@media only screen and (min-width:1440px) and (max-width:2400px) {
    .filter-body {
        margin: 12px 0px;
    }

    .sch-tabs {
        gap: 6px;
    }

    .social-chart {
        padding: 20px;
    }

    .social-chart {
        min-height: 510px;
    }
}

@media only screen and (min-width:1320px) and (max-width:1399px) {
    .filter-body {
        margin: 12px 0px;
    }

    .sch-tabs input {
        font-size: 12px !important;
    }

    .social-chart {
        min-height: 450px;
    }
   
}



/*@media only screen and (min-width:992px) and (max-width:1299px) {
    .social-chart {
              height: 380px;
      
    }
}*/






@media only screen and (max-width:820px) {
    .filter-body {
        margin: 12px 0px !important;
        width: 100%;
    }

    .sch-tabs {
        gap: 6px !important;
        width: 80%;
        justify-content: unset;
        flex-direction: column;
        align-items: flex-start;
    }

        .sch-tabs input {
            font-size: 12px !important;
        }

    .social-chart {
        min-height: 650px;
    }
}
@media only screen and (min-width:1125px) and (max-width:1200px){
    .social-chart-2.tickets-cart-new {
        min-height: 506px;
    }
}
@media only screen and (min-width:769px) and (max-width:1124px) {
    .sch-tabs {
        gap: 6px;
        flex-wrap: wrap;
    }
    .sch-tabs {
        flex-wrap: wrap;
    }
    .social-chart {
        min-height: 500px !important;
    }
   
    .tickets-cart-new1 {
        min-height: 600px!important;
    }
    .tickets-cart-new2 {
        min-height: 530px !important;
    }
    .filter-body {
        margin: 12px 0px;
    }

    .sch-tabs input {
        font-size: 12px !important;
    }

    .social-chart {
        padding: 24px 12px;
    }

    .social-chart {
        min-height: 650px;
    }
}
@media(min-width:776px) and (max-width:1371px){
   .both-edit-delete {
        display: flex;
        gap: 14px;
    }

    button#delete-ticket-btn, button#edit-ticket-btn {
        width: 75px !important;
    }


}