#cmsCreationDashboard .reassignSelect.form-group {
    width: 90%;
}

#cmsCreationDashboard input[type=radio] {
    position: relative;
    margin-right: 20px;
}

    #cmsCreationDashboard input[type=radio]::before, #cmsCreationDashboard input[type=radio]::after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50px;
        top: -3px;
        left: 0px;
        cursor: pointer;
    }

    #cmsCreationDashboard input[type=radio]::before {
        border: 1px solid #ccc;
        z-index: 0;
    }

    #cmsCreationDashboard input[type=radio]::after {
        width: 10px;
        height: 10px;
        z-index: 2;
        top: 2px;
        left: 5px;
    }

    #cmsCreationDashboard input[type=radio]:checked::before {
        border-color: #e53935;
    }

    #cmsCreationDashboard input[type=radio]:checked::after {
        background: #e53935
    }

#cmsCreationDashboard .cms-manage-options span {
    margin-left: 20px;
}

@media only screen and (min-width: 1025px) {
    .pauseStatus .data-tool-detail::before {
        top: 68px;
    }

    #divCampaignHistoryDetails.data-tool-detail.right::before {
        top: 60px;
    }
    /*   How to change lead-flow / Mapping popup -> Lead flow section -> needs mapped -> type of property? bullet points are not aligned properly   */
    .col-md-6.bor-rgt .filled-sugg ul {
        padding: 0 15px
    }

        .col-md-6.bor-rgt .filled-sugg ul li .col-check {
            padding-right: 25px;
            padding-left: 0;
        }

        .col-md-6.bor-rgt .filled-sugg ul li:last-child .col-check {
            padding-right: 0;
        }
    /* How to change lead-flow / Mapping popup -> sulekha score section -> hover text color becomes white and unreadable*/
    .leadFLowtab.scoreTab li a {
        line-height: 28px;
        vertical-align: sub;
    }

    .leadFLowtab.scoreTab li.active:hover i, .leadFLowtab.scoreTab li.active:hover b, .leadFLowtab.scoreTab li.active:hover span, .leadFLowtab.scoreTab li:hover a {
        color: #474747;
    }
}

@media only screen and (max-width: 1024px) {
    /* Header : BEGIN */
    .container {
        min-width: auto !important;
    }

    .navbar-brand.text-uppercase {
        width: 100px;
    }
    /* Header : END */
    /*User Details : BEGIN */
    .dropdown.spc .label.label-primary {
        margin-right: 10px;
        padding-right: 0;
    }

    .user-details p.nname {
        padding-right: 10px;
    }

    .user-details .col-md-8 {
        padding: 10px 25px;
    }

    .user-details .head-icons {
        display: block;
    }

    .head-icons ul li {
        padding: 5px 15px 0 0;
    }

    .user-details .media > .pull-right {
        float: left !important;
    }

    span.dropdown.spc {
        margin: 0;
    }

    .app-tooltip-detail.width400 {
        left: auto;
        right: 0;
    }

    .app-tooltip-detail li small {
        margin-left: 10px
    }

    .user-details .media {
        padding: 0 0 10px;
        margin: 3px 0 0 -5px;
    }

        .user-details .media .media-body {
            text-align: left;
        }

    .user-detail-body {
        padding-top: 10px;
    }

        .user-detail-body .basic-details, .user-detail-body .need-category, .user-detail-body .amount-details {
            display: block;
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
        }

            .user-detail-body .basic-details li {
                display: inline-block;
            }

    .pos-fixed .amount-details ul {
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        background: #fafafa;
    }

    .pos-fixed ul.amt-list li {
        border-bottom: 1px solid #dcdcdc;
        padding: 5px;
    }

        .pos-fixed ul.amt-list li:last-child {
            border-bottom: none;
            margin: 0;
            padding: 0 5px;
        }

    .user-detail-body .basic-details ul li span, .user-detail-body .basic-details ul li i {
        vertical-align: middle;
    }
    /*User Details : END */
    /*Campaign Details section: BEGIN*/
    .mar-top > .row > .col-md-4 {
        padding: 0;
        margin: 10px 0;
    }

    .campaign-details .page-body {
        padding: 0;
    }

    .campaign-details .panel.panel-default {
        margin: 0 15px;
    }

    .campaign-new .panel-heading .col-md-7, .campaign-details .page-body .panel-default .col-md-5 {
        width: 100%;
        padding: 0 15px;
    }

    .campaign-details .campaign-inner-details {
        width: 100%;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        background: #fafafa;
    }

        .campaign-details .campaign-inner-details li {
            padding: 5px;
        }

    .campaign-details .custom-page {
        padding: 0 15px;
    }

    .campaign-details .list-inline {
        padding-top: 10px;
    }

    .campaign-details .camp-foot .list-inline {
        padding-top: 0;
    }

    .campaign-new .day-progress:first-child {
        margin-top: 10px;
    }

    .campaign-new .day-progress {
        margin-top: 20px;
    }

        .campaign-new .day-progress label {
            line-height: 13px;
            padding: 2px 5px;
            z-index: 0;
        }
    /*Campaign Details section: END*/
    .mar-top > .row > .col-md-4 {
        margin: 10px 0;
    }

    .delivered-lead {
        background-size: cover;
        border-radius: 5px;
        background-position: center
    }
    /*Player : BEGIN*/
    .CallInteractionAudioUrlDiv, audio.audio-custom {
        width: 100%;
    }
    /*Player : END*/
    /* Popup fixes : BEGIN */
    .test-slide.open {
        width: 90%;
    }

    .test-img.open {
        right: 89.9%;
    }

    .all-needs .modal-body > div > .col-md-3 {
        overflow-x: auto;
    }

    .all-needs .col-md-9 .tab-content {
        padding: 10px;
    }

    .all-needs .col-md-3 ul.nav li {
        display: inline;
        margin: 5px;
        width: auto;
    }

    .all-needs .modal-body > div > .col-md-3, .all-needs .col-md-9 {
        display: block;
    }
    /* campaign Details Popups : BEGIN*/
    .pauseStatus .data-tool-detail {
        right: 0;
        top: 36px;
        width: 80vw;
        z-index: 9999;
    }

        .pauseStatus .data-tool-detail::before {
            top: -22px;
            left: 150px;
            transform: rotate(90deg);
        }

        .pauseStatus .data-tool-detail > .row > .col-md-12 > div:first-child > span + div {
            clear: both;
        }

    .test-img {
        z-index: 10000;
    }

    div[id^="divCampaignHistoryDetails"].data-tool-detail {
        background: #ffffff;
        border: 1px solid #ddd;
        box-shadow: 0 0 5px rgba(0, 0, 0, .3);
        padding: 0;
        left: 45px;
        width: 90%;
        height: 87%;
        overflow-y: scroll;
    }

        div[id^="divCampaignHistoryDetails"].data-tool-detail::before {
            left: auto;
            right: 50px;
        }

    .progress-bar .data-tool-detail {
        right: 40px;
    }

        .progress-bar .data-tool-detail:before, .data-tool-detail.right.pendingAmtPopOver:before {
            left: auto;
            right: -15px;
            transform: rotate(180deg);
        }

    .data-tool-detail.right.pendingAmtPopOver {
        right: 100px;
        bottom: -140px;
        top: auto;
    }

        .data-tool-detail.right.pendingAmtPopOver:before {
            top: auto;
            bottom: 132px;
            transform: rotate(360deg);
        }

    .lead-improve .data-tool-detail.right {
        right: -93px;
        top: auto;
        bottom: -130px;
    }

        .lead-improve .data-tool-detail.right:before {
            top: auto;
            bottom: 122px;
        }

    .ameniframe {
        margin-top: 70px !important;
    }

    .campaign-inner-details .lead-improve .data-tool-detail.right:before {
        top: auto;
        bottom: 0;
    }

    .top-filter ul.lead-filter-by li {
        margin-bottom: 10px;
    }

    .filter-menu .primary-filter, .filter-menu .secondary-filter {
        border: 1px solid #fff;
    }

    .performance-slide.open .lead-main {
        padding-bottom: 180px
    }

    .performance-slide .filled-sugg {
        float: none;
    }

    .city-suggestion-slide .col-md-6 {
        margin: 30px 0 !important;
    }

    .performanceDashboardwrap {
        padding-bottom: 140px;
    }

    .form-inline .form-group {
        margin-bottom: 10px;
    }

        .form-inline .form-group input {
            height: 30px;
            padding: 0 5px;
            width: 125px !important;
        }

    .panelpage.open #ticketDetails {
        margin-top: 150px;
        padding-bottom: 200px;
    }
    /* campaign Details Popups : END*/
    /* Popup fixes : END */
    /* app installed fixes */
    .app-tooltip.disp-block::after {
        right: 25px;
    }

    .user-details .media .app-tooltip-detail li .app-main {
        margin-left: 20px;
    }

    .view-address .data-tool-detail {
        min-width: 300px;
    }

    #ulRemoveWhatsAppCustomer table .btn.btn-danger {
        margin-top: 15px;
    }

    #ulRemoveWhatsAppCustomer.data-tool-detail::before {
        transform: rotate(90deg);
        top: -22px;
        left: 232px;
    }

    .user-detail-body .basic-details li {
        margin-right: 20px;
    }

    .pauseStatus .data-tool-detail {
        left: -110px;
        width: 80vw;
    }

    .historylist .changedetail .modify span {
        position: relative;
        display: block !important;
        margin-bottom: 10px;
    }

        .historylist .changedetail .modify span:last-child {
            float: none !important;
        }

        .historylist .changedetail .modify span.del-leads {
            top: auto;
            right: auto;
        }
    /* .historylist .changedetail .modify span.del-leads i{
        float: none;
    }
    .historylist .changedetail .modify i{
        margin-left: 10px;
    } */
    .historylist .changedetail .modify i {
        float: right;
    }

        .historylist .changedetail .modify i b i {
            float: left;
        }

    .performance-slide.open .row.headblock {
        padding: 0 20px;
    }

    .performance-slide.open .historylist, .performance-slide.open .detailblck {
        width: 100%;
        float: none;
        z-index: 999;
    }

        .performance-slide.open .historylist ul, .editNewfrom {
            position: relative;
            height: 210px;
            overflow-x: auto;
            margin: 0 -12px 20px;
            overflow-y: hidden;
            white-space: nowrap;
            border-bottom: 4px solid #a1a1a1;
            border-top: 4px solid #a1a1a1;
            background: #a1a1a1;
        }

            .performance-slide.open .historylist ul li, .editNewfrom ul {
                display: inline-block;
                vertical-align: top;
                padding: 10px;
                border-radius: 5px;
                margin: 5px;
                background: #fff;
                height: 183px;
                width: 250px;
                box-shadow: 0 0 3px rgba(0, 0, 0, .5);
            }

                .performance-slide.open .historylist ul li.active {
                    background-color: #e5e6f3;
                    border: 1px solid #646464;
                    box-shadow: 0 0 9px rgba(0, 0, 0, .5);
                    color: inherit;
                }

                .performance-slide.open .historylist ul li:last-child, .editNewfrom li:last-child {
                    border: none;
                }

                    .performance-slide.open .historylist ul li:last-child .changedetail:before {
                        display: none;
                    }

                .performance-slide.open .historylist ul li::before {
                    top: 5px;
                    left: 5px;
                }

                .performance-slide.open .historylist ul li .changedetail:before {
                    top: 2px;
                    left: 14px;
                    border: 0;
                    width: 107%;
                    height: 4px;
                    background: #d1d1d1;
                }

                .performance-slide.open .historylist ul li .changedetail {
                    margin-left: 0;
                    border-bottom: 0;
                    padding: 19px 0 0;
                }

        .performance-slide.open .historylist::after {
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
            border-top: 15px solid #a1a1a1;
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            bottom: -15px;
            right: 45%;
        }

    .performance-slide.open .infoblock .historylist .changedetail .modify {
        position: relative;
    }

        .performance-slide.open .infoblock .historylist .changedetail .modify span, .performance-slide.open .infoblock .historylist .changedetail .modify span.del-leads {
            margin: 5px 0 0;
        }

            .performance-slide.open .infoblock .historylist .changedetail .modify span.del-leads {
                position: initial;
            }

    .performance-slide.open .bookdetail span, .performance-slide.open .costdetail span, .performance-slide.open .iddetail span {
        padding: 5px;
    }

    .performance-slide.open .costdetail i span.rs {
        background: transparent;
    }

    .performance-slide.open .bookdetail span:nth-child(odd), .performance-slide.open .costdetail span:nth-child(odd), .performance-slide.open .iddetail span:nth-child(odd) {
        background: #dcdcdc;
    }

    .performance-slide.open .row.headblock .col-md-3, .performance-slide.open .row.headblock .col-md-9 {
        float: none;
        width: 100%;
    }

        .performance-slide.open .row.headblock .col-md-3 .btn-down {
            margin-top: 20px;
            width: 100%;
        }

    .performance-slide.open .ameniframe .col-md-9, .performance-slide.open .ameniframe .col-md-3.text-right {
        padding: 0;
    }

    .performance-slide.open .infoblock {
        border: none;
        background: #f3f3f3;
        padding: 20px 10px;
        margin: 20px -15px;
        box-shadow: none;
    }

    .cms-link, .leadImproveDiv {
        width: 100%;
    }

    .campaign-details .camp-foot .list-inline, .campaign-new .camp-foot > a {
        display: block;
        position: relative;
    }

    .campaign-new .camp-foot > a {
        text-align: center;
        margin: 10px 10px 0;
        top: 0;
        /* bottom: 0; */
        right: 0;
    }

    .invoice-details {
        position: absolute;
        z-index: 1;
    }
    /* report date section fix     */
    .lead-summary-wrapper.lead-detail-section .filter-by {
        display: block;
        float: none;
        text-align: left;
        padding-left: 10px;
    }

    .leadSummary-tab {
        display: block;
        margin: 0 0 10px;
        text-align: center;
    }

    .delivered-lead b {
        font-size: 13px;
    }

    .delivered-lead a {
        top: 25px;
    }

    ul.flowList li {
        width: 100%;
    }

    .panelbody .interaction-list li.inter-slide {
        width: 70%;
    }

    .informWrap span {
        margin-bottom: 10px;
    }

    .secondViewrap {
        width: 100%;
        height: auto;
        min-height: initial;
    }

    .editNewfrom {
        width: 100%;
        height: auto;
    }

        .editNewfrom ul {
            width: 33%;
            margin-bottom: 20px;
            background: transparent !important;
            box-shadow: none;
            margin-bottom: 0;
        }

        .editNewfrom label.sub.Caterory span, .performance-slide.open .historylist ul, .editNewfrom {
            white-space: initial;
        }

            .editNewfrom li.active:after {
                transform: rotate(90deg);
                top: auto;
                bottom: -92px;
                left: 50%;
            }

    label#lblsubCatgories {
        top: 0;
        right: 0;
        white-space: initial;
        max-height: 100%;
        overflow-y: scroll;
    }

    .editNewfrom {
        max-height: 200px;
        white-space: nowrap;
    }

    div#editlistingpage {
        width: auto;
    }

    .editNewfrom::after {
        content: '';
        clear: both;
    }

    #editlistingpage .leftcontact, #editlistingpage .rightcontact {
        width: 100%;
        padding: 10px;
    }

    #editlistingpage .custEdit p, #editlistingpage .custEdit input, #editlistingpage ul.allBox, #editlistingpage .custEdit select {
        display: block;
        width: 100%;
    }

    #editlistingpage span.spanAddEdit {
        float: none !important;
    }

    #editlistingpage .add-another-no {
        position: relative;
        top: 0;
        left: 0;
    }

    #editlistingpage .appointP.contactdetails input {
        border: 1px solid #dcdcdc;
        padding: 5px 10px;
    }

    #editlistingpage input {
        border: 1px solid #dcdcdc;
        padding: 10px;
        border-radius: 5px;
    }

    #cmsCreationDashboard .createTicketFormEdit {
        width: 100%;
    }

    #cmsCreationDashboard .custEdit .form-group {
        width: 100%;
    }

    .leadConversionWrap .leadBgwrap h1 {
        width: 100%;
    }

    .leadConversionWrap .leadInputWrap {
        width: 85%;
    }

        .leadConversionWrap .leadInputWrap .pull-right {
            text-align: right;
            width: 100%;
        }

    .leadConversionWrap .send-lead-analyse {
        float: none !important;
    }

    .leadConversionWrap .leadInputWrap .pull-right input {
        /*         margin-left: 100px; */
        text-align: left;
    }

    #DivLeadConversionDetails label.floatingTxt {
        font-size: 20px;
        top: 50px !important;
        right: 69px !important;
    }

    #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(2) label.floatingTxt {
        top: 41px !important;
    }

    #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(3) label.floatingTxt, #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(4) label.floatingTxt {
        font-size: 15px !important;
        left: 70px;
        text-align: center;
        top: 45px !important;
    }

    #DivLeadConversionDetails .chartType li span {
        vertical-align: middle;
        padding: 0 10px;
    }

        #DivLeadConversionDetails .chartType li span.txtWrap {
            font-size: 15px;
        }

        #DivLeadConversionDetails .chartType li span.txtsmallWrap {
            font-size: 15px;
            margin-top: 5px;
        }

    #DivLeadConversionDetails .chartType span.txtsmallWrap small {
        position: relative;
        display: inline-block;
        padding-left: 30px;
    }

    #DivLeadConversionDetails .img-responsive .row [class^="col-md"] {
        margin: 0 auto;
        display: block;
    }

    #DivLeadConversionDetails .img-responsive .row .col-md-6 {
        width: 75%;
    }

    #DivLeadConversionDetails .img-responsive .row .col-md-4 {
        display: block;
        width: 100%;
    }

    #DivLeadConversionDetails .chartType li span {
        width: auto;
    }

        #DivLeadConversionDetails .chartType li span.imgWrap {
            width: 40px;
            padding: 0 10px;
        }

            #DivLeadConversionDetails .chartType li span.imgWrap img {
                width: auto;
                margin: 0;
            }

    #DivLeadConversionDetails .img-responsive .innerli-list {
        padding: 10px 0;
        /* width: fit-content; */
    }

    #DivLeadConversionDetails .img-responsive ul.chartType {
        width: fit-content;
        margin: 0 auto;
    }

    #DivLeadConversionDetails .img-responsive .supportTxt {
        width: 50%;
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {
    .app-tooltip-detail.width400 {
        left: 0;
        right: 0;
    }

    .user-detail-body .basic-details li:last-child {
        margin-right: 0;
    }

    .pauseStatus .data-tool-detail {
        left: auto;
        right: 20px;
    }

        .pauseStatus .data-tool-detail::before {
            left: auto;
            right: 50px;
        }

    .pauseStatus.data-tool a + #divCampaignHistoryDetails {
        left: 30px;
        top: 25px;
    }

    .invoice-details {
        z-index: 99;
    }
        /* .historylist .changedetail .modify i{
        float: left !important;
    }
    .historylist .changedetail .modify i{
        margin-left: 0;
    } */
        .invoice-details .data-tool-detail {
            right: -25px !important;
            top: 30px !important;
        }

            .invoice-details .data-tool-detail::before {
                top: -21px;
                transform: rotate(90deg);
                right: 25px;
                left: auto;
            }

    .editNewfrom ul {
        min-width: 45%;
        display: inline-block;
    }

    form.custEdit {
        max-width: 90%;
        margin: 0 auto;
    }

    #DivLeadConversionDetails .img-responsive .row .col-md-6 {
        width: 100%;
        /*         float: left; */
        overflow-x: scroll;
    }

    #DivLeadConversionDetails .img-responsive .row:last-child .col-md-2 {
        display: none;
    }

    #DivLeadConversionDetails .img-responsive .row:last-child {
        width: 100%;
        margin: 0 auto;
    }

    #DivLeadConversionDetails .leadConversionWrap .leadBgwrap h1, #DivLeadConversionDetails .leadConversionWrap .leadInputWrap h1, #DivLeadConversionDetails .leadConversionWrap .img-responsive {
        text-align: center;
    }

    #DivLeadConversionDetails .leadConversionWrap .leadInputWrap {
        margin: 0 auto;
        width: 100%;
    }

        #DivLeadConversionDetails .leadConversionWrap .leadInputWrap .pull-right {
            text-align: center;
        }

    #DivLeadConversionDetails .attemptedDuration {
        width: 100%;
    }

    #DivLeadConversionDetails label.floatingTxt {
        top: 43% !important;
        right: 38% !important;
    }

    #DivLeadConversionDetails img.img-responsive {
        width: 50% !important;
        margin-bottom: 10px !important;
    }

    #DivLeadConversionDetails .img-responsive .row [class^="col-md"] {
        background: #fff;
        padding: 10px 0;
    }

    #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(2) label.floatingTxt {
        top: 38% !important;
        right: 36% !important;
    }

    #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(3) label.floatingTxt, #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(4) label.floatingTxt {
        left: 38%;
        top: 40% !important;
    }
}

@media only screen and (max-width: 667px) {
    .campaign-details .camp-foot {
        text-align: center;
    }

        .campaign-details .camp-foot .list-inline, .campaign-new .camp-foot > a {
            display: block;
            position: relative;
        }

    .user-detail-body .basic-details li {
        display: block;
        padding-bottom: 10px;
    }

    .user-detail-body .basic-details ul li span {
        width: auto;
    }

    .data-tool-detail {
        left: auto !important;
        top: 144% !important;
        min-width: 95vw !important;
        right: -191% !important;
        box-shadow: 0 0 9px rgba(0, 0, 0, .5);
    }

        .data-tool-detail::before {
            transform: rotate(90deg) !important;
            top: -7px !important;
            left: 50%;
        }

    .headerviewhistory-slide.open, .panelpage, .improve-leads-slide.open {
        float: none;
        width: 100%;
        left: 0;
        right: 0;
    }

    .performance-slide table {
        font-size: 12px;
    }

    .app-tooltip-detail.width400 {
        left: -27px;
        max-width: 320px;
    }

    img.record-enable {
        width: 15px;
    }

    .user-details .media .app-tooltip-detail li .app-main {
        width: 70%;
    }

    .app-tooltip-detail li span.mob-no {
        font-size: 12px;
    }

    .app-tooltip-detail li small.make-model {
        position: relative;
        top: 0;
    }

    .panelpage.open {
        width: 100%;
    }

    .panelpage .panelbody {
        overflow-x: auto;
        padding-right: 10px !important;
    }

    .modal-dialog {
        margin: 0;
    }

    .all-needs .info-window ul li {
        margin: 5px;
    }

    .pauseStatus .data-tool-detail {
        right: 0 !important;
    }

        .pauseStatus .data-tool-detail::before {
            top: -23px !important;
        }

        .pauseStatus .data-tool-detail#divCampaignHistoryDetails {
            top: 30px !important;
            box-shadow: none;
            width: 50%;
            /*         overflow-x: scroll; */
        }

            .pauseStatus .data-tool-detail#divCampaignHistoryDetails hr.btwnLine {
                display: none
            }

    .table.table-responsive.table-bordered {
        background: #ffffff;
    }

    .lead-improve .data-tool-detail.right {
        right: -196px !important;
        top: 24px !important;
    }

        .lead-improve .data-tool-detail.right::before {
            top: -23px !important;
        }

    .progress-bar .data-tool-detail {
        right: -28px !important;
    }

        .progress-bar .data-tool-detail::before {
            top: -23px !important;
            right: 33px;
        }

    .top-filter div.filter {
        position: relative !important;
    }

    .filter-inner .filter, .filter-inner .lead-filter-by {
        display: block !important;
        width: 100%;
    }

    .top-filter ul.lead-filter-by {
        margin-left: 0 !important;
    }

    .top-filter .filter .btn-group {
        width: 100%;
    }

    .lead-summery .chartHolder {
        position: relative !important;
        max-width: 100% !important;
        left: auto !important;
    }

    .canvas-holder .canvas-holder {
        text-align: center;
        width: 100%;
    }

    .lead-list.moreViewList {
        padding-left: 0 !important;
    }

    .lead-body h2 {
        margin-bottom: 10px !important;
    }

    .lead-body .view-change {
        display: none;
    }

    .lead-body .lead-filter {
        position: relative;
        float: none;
        right: auto;
        left: auto;
        top: auto;
        bottom: auto;
    }

    .lead-body .view-change li {
        padding-left: 0;
    }

    .lead-body .lead-filter .filter-by {
        width: 100%;
        margin-bottom: 20px;
    }

    input#txtSearchByUNR {
        width: calc(100% - 60px);
    }

    .lead-wrap.lead-wrap-new .lead-detail {
        width: 100%;
        max-width: initial;
        max-height: initial;
    }

    .lead-wrap.grid-list .col-md-4.item {
        padding: 0;
    }

    .lead-detail-section.lead-summary-wrapper .lead-date, .lead-summary-wrapper.lead-detail-section .filter-by {
        display: block;
        float: none;
    }

    .lead-summary-wrapper.lead-detail-section .filter-by {
        text-align: left;
    }

    .lead-summary-wrapper.lead-detail-section .trackingDiv {
        margin-top: 0;
    }

    .score-content::before {
        background-repeat: repeat;
        border-radius: 5px
    }

    .score-card li {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .leadSummary-tab {
        margin-right: 5px;
    }

    .lead-quality.leadFeedback .inner-lead-quality {
        padding-top: 20px;
    }

    .panelpage.open .col-md-12.top-filter {
        width: 100vw;
        padding: 0;
        margin: 0;
    }

    .top-filter .filter-inner {
        padding: 10px 10px 10px 40px !important;
        width: 105%;
    }

        .top-filter .filter-inner > form {
            width: 100%;
            display: block !important;
            margin-top: 10px;
        }

        .top-filter .filter-inner > .form-inline .form-group {
            display: inline-block;
            width: auto;
        }

    .panelpage.open #ticketDetails {
        margin-top: 250px;
    }

    ul.list-unstyled.ticket-list.clearfix {
        margin: 0;
        width: 100%;
    }

    .ticket-list li .cms-link {
        right: 20px;
        top: -2px;
        display: inline-block;
    }

    .ticket-list li .col-md-5 label {
        margin-bottom: 10px;
    }

    .ticket-list li .col-md-6 > ul {
        margin: 0 !important;
        border: 1px solid #dcdcdc;
        display: inline-block;
        padding: 5px !important;
        width: 100%;
    }

        .ticket-list li .col-md-6 > ul > li {
            display: block;
            margin: 15px 0;
            padding-bottom: 10px;
            border-bottom: 1px solid #dcdcdc;
            text-align: left !important;
        }

            .ticket-list li .col-md-6 > ul > li:last-child {
                border-bottom: none;
                margin-bottom: 0;
            }

            .ticket-list li .col-md-6 > ul > li > p, .ticket-list li .col-md-6 > ul > li span {
                margin-left: 36px !important;
            }

            .ticket-list li .col-md-6 > ul > li.created:before, .ticket-list li .col-md-6 > ul > li:before {
                top: 7px !important;
                left: 15px !important;
            }

            .ticket-list li .col-md-6 > ul > li:after {
                width: 3px !important;
                height: 50px !important;
                top: 13px !important;
                left: 19px !important;
            }

            .ticket-list li .col-md-6 > ul > li:last-child:after {
                display: none;
            }
    /* e-order and mapping details popup */
    ::-webkit-scrollbar {
        height: 5px;
        width: 5px;
        border-radius: 50px;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }

    .performance-slide.open .top-filter {
        z-index: 9999;
    }

    .performance-slide.open {
        width: 100% !important;
    }

        .performance-slide.open .amendmentblk .refnote::after {
            content: '';
            clear: both;
        }

        .performance-slide.open .amendmentblk .refnote span {
            margin: 5px 5px 0;
            white-space: nowrap;
            float: left;
        }

        .performance-slide.open .amendmentblk .panel {
            padding: 0;
        }

        .performance-slide.open .amendmentblk .panel-heading .exp:before {
            right: 0;
        }

        .performance-slide.open .amendmentblk .panel-title {
            line-height: unset;
        }

        .performance-slide.open .amendmentblk .refnote {
            margin: 10px 0;
            display: block;
        }

        .performance-slide.open .ameniframe .amendmentblk #needmapping .panel-body .listview > li {
            width: 100%;
        }

        .performance-slide.open #paymentdetails .fa.fa-download:before {
            padding-right: 7px;
        }

        .performance-slide.open .panel-body .listview > li {
            width: 50%;
        }

        .performance-slide.open .ameniframe .amendmentblk .attwrapper {
            display: block;
        }

        .performance-slide.open .attrilist .refnote span {
            float: none;
        }

        .performance-slide.open .navbar-collapse.collapse {
            display: block;
        }

        .performance-slide.open .form-control {
            margin-bottom: 15px;
        }

        .performance-slide.open .btn {
            width: 100%;
        }

    #lblRewardDetails .app-tooltip-detail {
        left: -36px;
        width: 300px;
    }

    .shortMsg .data-tool-detail {
        left: 0 !important;
        padding: 0;
        top: 60px !important;
        margin: 0;
    }

    .performanceDashboardwrap .leadFLowtab {
        position: relative;
        height: 139px;
        overflow-x: auto;
        margin: -16px -15px 20px;
        overflow-y: hidden;
        white-space: nowrap;
        border-bottom: 4px solid #a1a1a1;
        border-top: 4px solid #a1a1a1;
        background: #a1a1a1;
    }

        .performanceDashboardwrap .leadFLowtab li {
            display: inline-block;
            vertical-align: top;
            padding: 10px;
            border-radius: 5px;
            margin: 5px;
            background: #fff;
            height: 100px;
            width: 200px;
            box-shadow: 0 0 3px rgba(0, 0, 0, .5);
            float: none;
        }

            .performanceDashboardwrap .leadFLowtab li.active {
                background: #7779bf;
            }

            .performanceDashboardwrap .leadFLowtab li:hover:after {
                display: none;
            }

    .performanceDashboardwrap .mapSearch.cityWrap-locality {
        /*         width: 100%; */
    }

    .performanceDashboardwrap .panel-body div[class^="col-md"] {
        padding: 0 15px;
    }

    .performanceDashboardwrap .panel-body .inthistory-list-div .col-md-4 {
        padding: 0;
    }

    #scoredetails .leadFLowtab span {
        width: auto;
        line-height: 30px;
        vertical-align: middle;
    }

    #scoredetails .performance {
        padding-top: 0;
    }

        #scoredetails .performance .tab-content {
            padding: 0;
        }

            #scoredetails .performance .tab-content .sub-content {
                width: 100%;
                margin-bottom: 0;
            }

    .approve-reject-slide.open {
        width: 100% !important;
        padding: 10px !important;
    }

        .approve-reject-slide.open .reject-campaignDiv .select-business .form-control, .approve-reject-slide.open .reject-campaignDiv .marginCenterDiv, .approve-reject-slide.open .reject-campaignDiv .select-business, .approve-reject-slide.open .reject-campaignDiv textarea.form-control, .approve-reject-slide.open .reject-campaignDiv .form-group, .approve-reject-slide.open .camp5 .form-group, .approve-reject-slide.open .marginCenterDiv .file-upload .file-select {
            width: 100% !important;
        }

        .approve-reject-slide.open .reject-campaignDiv textarea.form-control {
            width: 87% !important;
        }

    #PerformancSlideWindow .inner-top {
        display: block;
        background: #333333;
        padding: 10px;
    }

        #PerformancSlideWindow .inner-top h4 {
            color: #ffffff;
            padding-left: 25px;
        }

    .panelpage.open > div {
        min-width: unset !important;
        max-width: 100%;
    }

    .status-block .list-unstyled li div[class^="col-md"] {
        display: block;
        padding: 10px 10px 0;
    }

        .status-block .list-unstyled li div[class^="col-md"]:last-child {
            padding-bottom: 10px;
            text-align: left;
        }

    #ticketDetails .list-inline.card-status li {
        margin-top: 5px;
    }
    /* invoice details     */
    .invoice-details .data-tool-detail {
        max-width: 100%;
    }

    .invoice-details li {
        margin-left: 0;
        margin-right: 0;
    }

        .invoice-details li:last-child {
            overflow-x: scroll;
        }

    .invoice-details .data-tool-detail::before {
        top: -21px !important;
        right: 25px;
    }

    .editNewfrom {
        overflow-y: scroll;
    }

        .editNewfrom ul {
            width: 95%;
            margin-right: -10px;
        }

        .editNewfrom li.active:after {
            bottom: -75px;
        }

    label#lblsubCatgories {
        top: 0 !important;
        left: 0 !important;
    }

        label#lblsubCatgories::before {
            display: none;
        }

    form.custEdit {
        max-width: 100%;
    }

    #DivLeadConversionDetails .leadConversionWrap .leadBgwrap h1, #DivLeadConversionDetails .leadConversionWrap .leadInputWrap h1, #DivLeadConversionDetails .img-responsive h1, .tableMainWrapper.secondTbl h1 {
        font-size: 23px;
        line-height: initial;
    }

    #DivLeadConversionDetails .img-responsive .container {
        padding: 0;
    }

    #DivLeadConversionDetails .img-responsive h3 {
        font-size: 18px;
    }

    #DivLeadConversionDetails label.floatingTxt {
        right: 35% !important;
        top: 37% !important;
    }

    #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(2) label.floatingTxt {
        right: 33% !important;
        top: 33% !important;
    }

    #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(3) label.floatingTxt, #DivLeadConversionDetails .img-responsive .col-md-3:nth-child(4) label.floatingTxt {
        top: 33% !important;
        left: 36%;
    }

    #DivLeadConversionDetails .chartType li span.imgWrap {
        display: none;
    }

    #DivLeadConversionDetails .chartType li span {
        display: block;
        width: 100%;
    }

    #DivLeadConversionDetails .chartType li {
        text-align: center;
        padding: 10px;
    }

    #DivLeadConversionDetails .img-responsive .innerli-list {
        margin: 0 auto;
        text-align: center;
    }

    #DivLeadConversionDetails .img-responsive .supportTxt {
        width: 90%;
    }
}