@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');

body {
    /*font-family: "Open Sans";*/
    font-family: 'Poppins', sbtnans-serif;
    font-size: 14px;
    background: #f3f3f5;
    color: #333;
}

* {
    outline: none;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #1b9cfc;
}

.container {
    max-width: 1340px;
    width: 100%;
}

.pr-5 {
    padding-right: 2px;
}

.mr-5 {
    margin-right: 5px;
}
/*html,
body {
    height: 100%;
}
.page-wrap {
    min-height: 100%;
}*/

/* HEADER 
========== */
.header.navbar-default {
    background: #fff;
    box-shadow: 0px -2px 10px #ccc;
}

.header .navbar-brand > img {
    display: inline-block;
    margin-right: 8px;
    width: 23px;
    height: 23px;
}

.header.navbar-default .navbar-brand {
    color: #db1e25;
    font-weight: 700;
    font-size: 20px;
    display: flex;
}

.header .navbar-right .dropdown .dropdown-toggle {
    padding: 3px 12px;
    border-radius: 2px;
    font-size: 13px;
    min-width: 100px;
    text-align: left;
    background: transparent;
}

.header .navbar-right select {
    padding: 3px 12px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    min-width: 120px;
    text-align: left;
    background: transparent;
    height: 28px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.header .navbar-right .form-group {
    position: relative;
}

.header .navbar-right select + i.fa {
    position: absolute;
    right: 7px;
    top: 3px;
    font-size: 20px;
    pointer-events: none;
}

.header .navbar-right .dropdown .dropdown-toggle .fa {
    float: right;
    font-size: 20px;
}

.header .navbar-right .dropdown-menu {
    min-width: 100px;
}

.header .dropdown-menu > li > a {
    padding: 2px 10px;
}

.header .navbar-right input {
    padding: 3px 12px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    min-width: 100px;
    text-align: left;
    background: transparent;
    height: 28px;
    color: #333;
}

::-webkit-input-placeholder {
    color: #333;
}

::-moz-placeholder {
    color: #333;
}

:-ms-input-placeholder {
    color: #333;
}

:-moz-placeholder {
    color: #333;
}

.header .navbar-right button {
    background: #db1e25;
    padding: 5px 20px 4px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 3px;
}

.header .navbar-right .adv-search {
    font-size: 11px;
    font-weight: 500;
    color: #0078d6;
    padding: 13px 15px;
}

.header .navbar-right .navbar-right .dropdown {
    margin-right: 20px;
}

    .header .navbar-right .navbar-right .dropdown .dropdown-toggle {
        padding: 13px 12px;
        color: #5c5c5c;
        font-size: 11px;
        font-weight: 600;
        background: transparent;
        min-width: inherit;
    }

        .header .navbar-right .navbar-right .dropdown .dropdown-toggle label {
            line-height: 14px;
        }

        .header .navbar-right .navbar-right .dropdown .dropdown-toggle span {
            font-size: 10px;
            /*position: absolute;
    bottom:0px;
    left:12px;*/
            color: #666;
            font-weight: normal;
            display: block;
            line-height: 0;
        }

        .header .navbar-right .navbar-right .dropdown .dropdown-toggle i {
            position: absolute;
            right: -5px;
            top: 13px;
        }

/* USER DETAILS 
================ */
.valid-mob {
    position: absolute;
    top: 70px;
    left: 15%;
    right: 15%;
    z-index: 99;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 8px;
    width: 100%;
    max-width: 800px;
    text-align: center;
    display: none;
}

.pos-fixed .container {
    position: relative;
}

.valid-mob p {
    margin-bottom: 0;
}

.user-details {
    margin-top: 0px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    min-height: 166px;
    /*overflow:hidden;*/
}

.user-detail-head {
    border-bottom: 1px solid #e3e3e3;
}

.cust-id {
    background: #093D62;
    font-weight: 500;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    margin: 3px;
    font-size: 16px;
}

.status {
    font-weight: 500;
    color: #237a08;
    position: relative;
    padding-left: 25px;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 0;
}

    .status:before {
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 30px;
        background: #237a08;
        left: 5px;
        top: 2px;
    }

.nname {
    font-weight: 500;
    margin-bottom: 0;
}

.user-details h3 {
    color: #0a3d62;
    font-weight: 700;
    font-size: 18px;
    margin: 5px 0;
}

    .user-details h3 span {
        font-size: 14px;
        color: #757575;
        font-weight: normal;
    }

    .user-details h3 i {
        color: #237a08;
        margin-left: 10px;
        font-size: 18px;
    }

    .user-details h3 label {
        position: relative;
    }

        .user-details h3 label .data-tool-detail, .user-details h3 label .data-tool-detail::before {
            top: 0px;
        }

        .user-details h3 label .data-tool-detail {
            padding: 0 15px;
        }

            .user-details h3 label .data-tool-detail li {
                padding: 10px 0;
            }

.user-details .address {
    margin-bottom: 0;
    display: inline;
    font-size: 12px;
    color: #666;
}

.head-icons {
    display: inline-block;
    position: relative;
}

    .head-icons ul li {
        font-size: 12px;
        color: #666;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 10px;
        margin-bottom: 5px;
    }

.api-icon:after {
    position: absolute;
    content: '';
    background: url("https://cdnlcsulekhalive.blob.core.windows.net/cdn/tools/CRMBI/api-icon.png") no-repeat 0px 0px;
    width: 62px;
    height: 25px;
}

.cohurt-icon:after {
    position: absolute;
    content: '';
    background: url("https://cdnlcsulekhalive.blob.core.windows.net/cdn/tools/CRMBI/cohort-icon.png") no-repeat 0px 0px;
    width: 85px;
    height: 25px;
    right: -150px;
    top: 13px;
}

.user-details .address a {
    margin-left: 15px;
    position: relative;
    font-size: 12px;
}

.user-details .media {
    padding: 5px 0 0;
    text-align: right;
    overflow: inherit;
}

    .user-details .media .media-body {
        overflow: inherit
    }

    .user-details .media label.app-tooltip {
        font-size: 12px;
        color: #1b9cfc;
        cursor: pointer;
        font-weight: normal;
        position: relative;
    }

.app-tooltip-detail {
    position: absolute;
    top: 30px;
    right: -48px;
    padding: 0;
    width: 280px;
    background: #fff;
    z-index: 109;
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 2px 15px #eee;
    transition: all 0.5s ease;
    display: none;
    cursor: default;
}

.app-tooltip.disp-block .app-tooltip-detail {
    display: block;
}

.app-tooltip-detail::-webkit-scrollbar {
    width: 8px;
    background-color: red;
    border-radius: 5px;
}

.app-tooltip-detail::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 5px;
}

.app-tooltip-detail::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border: 2px solid #fff;
    border-left: 0;
    border-radius: 5px;
}

.app-tooltip-detail li:first-child {
    padding: 0;
}

.app-tooltip-detail li {
    list-style-type: none;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 0 15px;
    position: relative;
}

.app-tooltip::after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #ddd;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 15px;
    right: 0px;
    display: none;
}

.app-tooltip.disp-block::after {
    display: block;
}

.user-details .media .app-tooltip-detail li i {
    float: left;
    font-size: 20px;
    color: #666;
    border: 1px solid #666;
    padding: 10px 0;
    height: 25px;
    width: 25px;
    line-height: 5px;
    text-align: center;
    border-radius: 100%;
    margin-right: 15px;
    margin-top: 12px;
}

.user-details .media .app-tooltip-detail li .app-main {
    width: 80%;
    display: inline-block;
}

.app-tooltip-detail li span.mob-no {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    padding: 5px 0;
}

.app-tooltip-detail li label {
    display: block;
    text-align: left;
    color: #333;
    font-weight: normal;
    background: #f1f3f6;
    font-size: 14px;
    padding: 10px 12px;
    margin-bottom: 0;
}

.app-tooltip-detail li:last-child {
    border-bottom: 0;
}

.app-tooltip-detail li small {
    font-size: 11px;
    display: inline-block;
    color: #666;
    padding: 8px 0 0;
}

    .app-tooltip-detail li small.make-model {
        position: absolute;
        right: 15px;
        top: 25px;
    }

.app-tooltip-detail li span {
    float: left;
    color: #666;
    font-size: 11px;
    padding: 10px 10px 10px 0;
}

    .app-tooltip-detail li span:last-child {
        padding-right: 0;
        float: right;
    }

.app-tooltip-detail li em {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    color: #888;
    text-align: left;
    width: 100%;
}

.user-details .media i {
    color: #43a064;
    font-size: 60px;
    padding: 0px 10px 0 0;
    line-height: 50px;
}

.user-details .media-body h4 {
    color: #27ae60;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
    text-transform: inherit;
}

.user-details .media-body a {
    font-size: 12px;
}

.user-details .last-seen {
    font-size: 10px;
    color: #333;
    margin-bottom: 0;
}

.user-detail-body {
    padding: 0px 15px;
}

    .user-detail-body .sprocess-overlay {
        width: 100%;
        height: 20px;
    }

        .user-detail-body .sprocess-overlay .sprocess {
            margin: auto;
        }

.sprocess {
    margin: auto;
}

.user-detail-body ul li {
    color: #333;
    font-size: 12px;
    margin: 5px 0;
    font-weight: 500;
    min-height: 18px;
}

.user-detail-body .col-md-3 ul li sub {
    font-size: 12px;
    bottom: 0;
    min-width: 110px;
    text-align: right;
    display: inline-block;
}

sub {
    font-size: 100%;
    bottom: 0;
}

.basic-details {
    width: 30%;
    display: inline-block;
    padding: 0 15px;
}

.user-detail-body .basic-details ul li span {
    margin-left: 15px;
}

    .user-detail-body .basic-details ul li span a {
        padding-left: 10px;
    }

.user-detail-body .need-category ul li {
    padding: 5px 0;
}

.user-detail-body .basic-details ul li i {
    border: 1px solid #cecece;
    border-radius: 50%;
    color: #878787;
    font-size: 16px;
    padding-top: 2px;
    width: 25px;
    height: 25px;
    text-align: center;
}

    .user-detail-body .basic-details ul li i.fa-mobile {
        font-size: 20px;
    }

.need-category {
    width: 47%;
    display: inline-block;
}

.user-detail-body .need-category ul li span {
    min-width: 75px;
    color: #666666;
    display: inline-block;
    font-weight: normal;
}

.user-detail-body .need-category ul li p {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 10px;
    max-width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}

    .user-detail-body .need-category ul li p label {
        font-weight: 500;
        color: #333;
        margin: 0;
    }

    .user-detail-body .need-category ul li p a {
        padding-left: 10px;
    }

.user-detail-body .amount-details ul li span {
    min-width: 100px;
    color: #333;
    font-weight: normal;
    display: inline-block;
}

.user-detail-body .amount-details ul li p {
    margin-bottom: 0;
}

    .user-detail-body .amount-details ul li p b {
        font-weight: 500;
        float: right;
    }

    .user-detail-body .amount-details ul li p.text-danger {
        color: #db1e25;
    }

    .user-detail-body .amount-details ul li p a {
        color: #878787;
    }

.user-detail-body .amount-details ul li .text-danger span {
    color: #db1e25;
    font-weight: 500;
}

.alert {
    display: inline-block;
    padding: 2px 10px;
    margin: 5px 0;
    font-size: 12px;
    font-weight: 500;
}

.alert-block .alert {
    display: inline-block;
    padding: 5px 20px;
    margin: 8px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.pos-fixed ul {
    margin: 0;
}

.pos-fixed .amount-details {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

    .pos-fixed .amount-details ul {
        margin: 10px 0;
    }

.pos-fixed ul.amt-list li {
    font-size: 16px;
}

    .pos-fixed ul.amt-list li span {
        text-align: left;
        margin-left: 0;
    }

    .pos-fixed ul.amt-list li em {
        font-style: normal;
        font-family: "Open Sans";
        font-weight: 700;
    }
/*.pos-fixed {
    position:fixed;
    top:0px;
    left:0;
    right:0;
    z-index: 99;
    background: #f3f3f5;
}
.mar-top {
    margin-top: 339px;
    margin-bottom: 10px;
}*/
[aria-expanded="true"] {
    background-color: #fff;
}

/* ALERT SLIDER 
================ */
.alert-block {
    /*max-width: 500px;
    margin: auto;*/
    text-align: center;
}

    .alert-block .carousel-inner {
        /*max-width: 900px;
    margin: auto;*/
    }

    .alert-block .carousel-control {
        text-shadow: none;
        background: none;
        color: #1b9cfc;
        font-size: 12px;
        font-weight: 600;
        top: 15px;
        position: initial;
        padding: 0 10px;
    }

        .alert-block .carousel-control.disabled {
            opacity: 0.5;
            cursor: not-allowed;
            pointer-events: none;
        }

        .alert-block .carousel-control:hover {
            color: #1b9cfc;
            opacity: 1;
        }

.carousel-load {
    min-height: 45px;
}
/* OTHER DETAILS
================= */
.more-campaign {
    display: block;
    text-align: center;
    background: #fff;
    color: #0088ff;
    border: 1px solid #0088ff;
    border-radius: 2px;
    padding: 8px 10px;
    margin: 10px 0;
    cursor: pointer;
}

    .more-campaign:hover,
    .more-campaign:focus,
    .more-campaign:active {
        background: #0088ff;
        color: #fff;
    }

.camp-details {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding-bottom: 20px;
    min-height: 600px;
    position: relative;
}

    .camp-details.ver-center {
        min-height: 1650px;
        display: block;
    }

    .camp-details .sprocess-overlay {
        position: static;
    }

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

    .campaign-details .page-body .panel-default {
        border: 1px solid #ddd;
    }

        .campaign-details .page-body .panel-default .additional-details {
            z-index: 999;
        }

        .campaign-details .page-body .panel-default .col-md-5 {
            padding: 0 20px 0 0;
        }

.filter .dropdown-toggle i {
    vertical-align: top;
    padding: 0 0 0 5px;
    font-size: 18px;
    line-height: 15px;
}

.filter .dropdown-toggle {
    background: none;
    color: #fff;
    font-weight: 500;
    border: 0;
    font-size: 16px;
}

.filter .btn-info:active, .filter .btn-info.active, .filter .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: transparent;
    border-color: #ddd;
    box-shadow: none;
}

.filter .dropdown-item {
    padding: 10px 10px;
    width: 100%;
    display: block;
    text-transform: uppercase;
    color: #333;
    font-weight: 500;
    border-top: 1px solid #eee;
}

    .filter .dropdown-item:nth-of-type(1) {
        border-top: 0;
    }

.interaction .filter-by select, .performance .filter-by select, .lead-detail-section .filter-by select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    min-width: 70px;
}

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
}

    .fade-scale.in {
        opacity: 1;
        transform: scale(1);
    }

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.campaign-details .page-head h4 {
    padding: 10px 15px;
    margin: 0;
    font-weight: 500;
}

.campaign-details .page-body h5 {
    color: #2c2c2c;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}

    .campaign-details .page-body h5 span {
        color: #676a6c;
        font-weight: 500;
        font-size: 12px;
        vertical-align: middle;
        margin-left: 5px;
    }

.campaign-details .panel {
    border-radius: 0;
    border: 1px solid #fff;
    margin-top: -1px !important;
}

.campaign-details .page-body .panel-heading {
    padding: 10px;
    border-radius: 0;
    background: #e9e9e9;
}

    .campaign-details .page-body .panel-heading.white-bg {
        background: #fff;
    }

    .campaign-details .page-body .panel-heading .panel-title > div {
        padding: 0px;
    }

    .campaign-details .page-body .panel-heading ul li p {
        font-size: 12px;
        margin-bottom: 0;
    }

        .campaign-details .page-body .panel-heading ul li p span {
            display: inline-block;
            padding-right: 5px;
        }

.campaign-details .links {
    margin-bottom: 0;
}

    .campaign-details .links li {
        padding: 0 2px;
    }

.campaign-details .page-body .panel-heading ul.links li:last-child {
    padding-left: 2px;
}

.campaign-details .links li a {
    background: #579f4d;
    border: 1px solid #579f4d;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    border-radius: 10px;
    padding: 2px 10px;
}

    .campaign-details .links li a.listings {
        background: #fff;
        border: 1px solid #4a759f;
        color: #4a759f;
    }

    .campaign-details .links li a.online {
        background: #707070;
        border: 1px solid #707070;
    }

.campaign-details .more-less {
    border: 1px solid #c1c1c1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #f3f3f3;
    position: absolute;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .campaign-details .more-less i {
        color: #727272;
    }

.campaign-details .panel-body {
    padding: 10px;
    position: relative;
}

.contact-detail li {
    padding-bottom: 5px;
}

    .contact-detail li i {
        border: 1px solid #cecece;
        border-radius: 50%;
        color: #878787;
        font-size: 16px;
        width: 25px;
        height: 25px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .contact-detail li span {
        font-size: 13px;
        display: inline-block;
        margin-left: 10px;
    }

.campaign-details i.fa-thumbs-o-up,
.campaign-details i.fa-thumbs-down {
    color: #237a08;
    margin-left: 10px;
    font-size: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.campaign-details i.fa-thumbs-down {
    color: #db1e25;
}

.pos-links {
    position: absolute;
    top: 45px;
    right: 5px;
}

.campaign-details .links li a.listings.no-link {
    background: transparent;
    border: none;
    color: #333;
    pointer-events: none;
    cursor: text;
    font-size: 14px;
    padding: 2px 0;
    margin-left: 20px;
}

.campaign-details .links li a.view-det {
    background: none;
    text-decoration: underline;
    color: #0088ff;
    border: none;
    padding: 2px 0;
}

.table-data {
    border: 1px solid #acb4c9;
    text-align: center;
}

    .table-data > li {
        border-bottom: 1px solid #acb4c9;
        display: inline-block;
        width: 100%;
    }

        .table-data > li:last-child {
            border-bottom: none;
        }

    .table-data .head {
        text-align: center;
    }

        .table-data .head ul li {
            position: relative;
        }

            .table-data .head ul li p {
                font-size: 12px;
                margin-bottom: 0;
                padding: 5px 0;
                color: #585858;
            }

            .table-data .head ul li:before {
                position: absolute;
                content: '';
                width: 1px;
                height: 12px;
                background: #585858;
                left: -2px;
                top: 8px;
            }

            .table-data .head ul li:first-child:before {
                width: 0;
            }

    .table-data h6 {
        font-weight: 500;
        color: #626262;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .table-data p {
        font-size: 12px;
        color: #757575;
    }

.foot {
    color: #588750;
    font-size: 12px;
}

    .foot li {
        color: #2b4e30;
        position: relative;
        margin-bottom: 10px;
    }

        .foot li:before {
            position: absolute;
            content: '';
            width: 1px;
            height: 12px;
            background: #2b4e30;
            left: -2px;
            top: 2px;
        }

        .foot li:first-child:before {
            width: 0;
        }

.pay-details {
    font-size: 12px;
}

    .pay-details h4 {
        color: #646464;
        font-weight: 500;
        font-size: 14px;
        margin-top: 15px;
    }

    .pay-details ul {
        margin: 0;
    }

    .pay-details li span {
        color: #646464;
    }

    .pay-details li p {
        color: #333;
        font-weight: 500;
    }

.view-more {
    border: 1px solid #0088ff;
    color: #0088ff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    display: inline-block;
}

.detail-view li p {
    font-size: 12px;
    color: #646464;
    margin-bottom: 5px;
}

    .detail-view li p span {
        min-width: 100px;
        display: inline-block;
    }

.detail-view .view-more {
    border: none;
    padding: 0;
    margin-bottom: 10px;
}

    .detail-view .view-more i {
        font-size: 14px;
        margin-right: 2px;
        vertical-align: middle;
    }

.pay-detail caption {
    color: #666;
    font-size: 12px;
}

.camp-footer ul {
    margin-bottom: 0;
}

.camp-footer li > a,
.file-upload label {
    background: #db2c40;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 3px;
    width: 30px;
    height: 25px;
    text-align: center;
    vertical-align: top;
}

    .camp-footer li a i,
    .file-upload label i {
        font-size: 16px;
        vertical-align: middle;
        line-height: 24px;
    }

.file-upload {
    position: relative;
}

    .file-upload label {
        cursor: pointer;
        margin-bottom: 0;
    }

.custom-page .disabled {
    opacity: 0.3;
}

.custom-page a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.performance h4 {
    padding: 0;
    margin: 0 0 1px;
    font-weight: 500;
    display: inline-block;
}

    .performance h4 .fa-trophy {
        color: #009a63;
        font-size: 20px;
        vertical-align: middle;
        margin-left: 5px;
    }

/*=========top-slider=========*/
#alert-slide .carousel-inner .item {
    display: inline-block;
    max-width: 1200px;
    vertical-align: middle;
}

    #alert-slide .carousel-inner .item span sub {
        color: #a08a8c;
        margin-left: 5px;
    }

.popover {
    min-width: 135px;
}

.mar-top > .row {
    margin: 0 -3px;
}

    .mar-top > .row > .col-md-4 {
        padding: 0 20px 0 0;
    }

        .mar-top > .row > .col-md-4:last-child {
            padding-right: 0;
        }

        .mar-top > .row > .col-md-4.dialer-interactionList {
            max-height: 1673px;
            overflow-y: auto;
        }

.container.mar-top .row #score-slide {
    margin-top: 15px;
}

    .container.mar-top .row #score-slide .btnTabs {
        padding: 10px 0;
    }

.pink-bg {
    background: #fff;
    padding: 10px 0;
    border-radius: 3px;
}

    .pink-bg h5 {
        margin: 0;
        color: #5f5761;
        font-weight: 600;
        font-size: 14px;
        padding-top: 10px;
    }

        .pink-bg h5 a {
            color: #9d8f9e;
            margin-left: 5px;
        }

    .pink-bg .media {
        margin-top: 10px;
    }

        .pink-bg .media .pull-left {
            padding-right: 15px;
        }

    .pink-bg li {
        position: relative;
    }

.circle-bar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #b9b4b8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .circle-bar p {
        font-weight: 900;
        font-size: 16px;
        margin-bottom: 0;
    }

    .circle-bar span {
        color: #333;
        font-weight: 500;
        font-size: 12px;
        border-top: 1px solid #b9b4b8;
        padding: 2px 10px 0;
    }

.pink-bg .media .media-body h6 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.pink-bg .media .media-body p {
    color: #757575;
    font-size: 11px;
    font-weight: 500;
}

.view-graph {
    position: absolute;
    right: 10px;
    font-weight: 500;
    font-size: 12px;
    top: 10px;
}

.pink-bg ul.list-inline {
    background: #f5f5f5;
    margin-bottom: 0;
    text-align: center;
    padding: 5px 0;
}

    .pink-bg ul.list-inline p {
        font-weight: 600;
        margin-bottom: 0;
        color: #5f5761;
    }

    .pink-bg ul.list-inline span {
        font-size: 13px;
        color: #757575;
    }

.lead-summary {
    background: #fff;
    margin-top: 15px;
    border-radius: 3px;
}

    .lead-summary h4 {
        display: inline-block;
        border: none;
        padding-right: 5px;
    }

.filter-by {
    display: inline-block;
    border-radius: 3px;
    padding: 0 5px 1px;
}

    .filter-by .form-control {
        display: inline-block;
        width: inherit;
        border: none;
        padding: 0 2px;
        height: inherit;
        box-shadow: none;
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }

    .filter-by span {
        font-size: 12px;
    }

.lead-summary a {
    background: #0359ff;
    color: #fff;
    font-size: 11px;
    border-radius: 3px;
    padding: 3px 10px;
    display: inline-block;
    margin-left: 3px;
}

.blue-bg {
    background: #f3fffd;
    padding: 20px 15px;
}

    .blue-bg ul {
        text-align: center;
        margin-bottom: 0;
    }

        .blue-bg ul.list-inline p {
            font-weight: 600;
            margin-bottom: 0;
            color: #5f5761;
        }

        .blue-bg ul.list-inline span {
            font-size: 13px;
            color: #757575;
            line-height: 16px;
            display: inline-block;
        }

    .blue-bg h5 {
        margin: 15px 0;
        color: #5f5761;
        font-weight: 600;
        font-size: 14px;
    }

.yellow-bg {
    background: #fffdee;
    padding: 20px 15px;
}

    .yellow-bg ul {
        text-align: center;
        margin-bottom: 0;
    }

        .yellow-bg ul li {
            margin-bottom: 15px;
        }

            .yellow-bg ul li a {
                font-size: 13px;
                display: block;
                margin-top: 10px;
            }

        .yellow-bg ul.list-inline p {
            font-weight: 600;
            margin-bottom: 0;
            color: #5f5761;
        }

        .yellow-bg ul.list-inline span {
            font-size: 13px;
            color: #757575;
            line-height: 16px;
            display: inline-block;
        }

    .yellow-bg .perf-tab {
        border: 1px solid #acb4c9;
        background: #fff;
    }

.perf-tab .nav-tabs {
    border-color: #acb4c9;
}

    .perf-tab .nav-tabs li {
        margin-bottom: 0;
    }

        .perf-tab .nav-tabs li a {
            font-weight: 600;
            font-size: 12px;
            color: #333;
            margin: 0;
            text-transform: uppercase;
            border-width: 0 0 5px 0;
            border-color: transparent;
        }

        .perf-tab .nav-tabs li.active a {
            border-bottom: 5px solid #de3846;
        }

    .perf-tab .nav-tabs > li.active > a,
    .perf-tab .nav-tabs > li.active > a:hover,
    .perf-tab .nav-tabs > li.active > a:focus {
        border-width: 0 0 5px 0;
        background: transparent;
        padding: 10px 3px;
    }

.perf-tab .nav > li > a:hover,
.perf-tab .nav > li > a:focus {
    background: none;
}

.perf-tab .tab-content li.open p {
    color: #ef7013;
}

.perf-tab .tab-content li.inprogress p {
    color: #2562e9;
}

.perf-tab .tab-content li.closed p {
    color: #247d09;
}

.perf-tab .tab-content li.inprogress span {
    background-color: #2562e9;
}

.perf-tab .tab-content li.closed span {
    background-color: #247d09;
}

.perf-tab .tab-content li span {
    display: inline-block;
    border-radius: 50%;
    background-color: #ef7013;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.perf-tab .tab-content li {
    margin-bottom: 0;
    padding: 15px 0;
}

    .perf-tab .tab-content li p {
        font-size: 12px;
        font-weight: normal;
    }

.text-yellow {
    color: #ef7013;
}

.text-red {
    color: #d22908;
}

/* Modal */
.modal-body {
    max-height: 400px;
    overflow: auto;
}

/* FOOTER 
========== */
footer {
    background-color: #f1f2f4;
    border-top: 1px solid #d0d0d0;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    display: none;
}

    footer p {
        margin: 0;
    }

/* LOADER 
========== */
.sprocess-cont {
    position: relative;
}

.sprocess-overlay {
    background: rgba(255,255,255,0.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 90;
    cursor: default;
}

    .sprocess-overlay.sp-search {
        top: 1px;
        bottom: 1px;
        right: 1px;
        left: auto;
        width: 40px;
        background: #fff;
    }

    .sprocess-overlay.dark {
        background: rgba(0,0,0,0.8);
    }

body > .sprocess-overlay {
    position: fixed;
    z-index: 1100;
}

.sprocess {
    position: relative;
    width: 40px;
    height: 40px;
}

.sprocess-overlay.sp-small > .sprocess {
    width: 20px;
    height: 20px;
}

.campaign-details .sprocess-overlay.sp-small > .sprocess {
    margin: 50% auto;
}

.sprocess-overlay.sp-large > .sprocess {
    width: 60px;
    height: 60px;
}

.sprocess .circular {
    animation: sprocess-rotate 2s linear infinite;
    -webkit-animation: sprocess-rotate 2s linear infinite;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    /*  border-radius: 50%;
  box-shadow: 0 0 10px #ccc;
  padding: 10px;*/
}

.sprocess .path {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: 0;
    animation: sprocess-dash 1.5s ease-in-out infinite, sprocess-color 3s ease-in-out infinite;
    -webkit-animation: sprocess-dash 1.5s ease-in-out infinite, sprocess-color 3s ease-in-out infinite;
    stroke-linecap: round;
    stroke-width: 3;
    stroke-miterlimit: 10;
    stroke: #dd4337;
}

.sprocess-overlay.sp-small > .sprocess .path {
    stroke-width: 4;
}

@keyframes sprocess-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sprocess-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sprocess-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-webkit-keyframes sprocess-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes sprocess-color {
    0% {
        stroke: #dd4337;
    }

    20% {
        stroke: #dd4337;
    }

    40% {
        stroke: #ffb401;
    }

    60% {
        stroke: #ffb401;
    }

    80% {
        stroke: #109d59;
    }

    100% {
        stroke: #109d59;
    }
}

@-webkit-keyframes sprocess-color {
    0% {
        stroke: #dd4337;
    }

    20% {
        stroke: #dd4337;
    }

    40% {
        stroke: #ffb401;
    }

    60% {
        stroke: #ffb401;
    }

    80% {
        stroke: #109d59;
    }

    100% {
        stroke: #109d59;
    }
}

/* All Needs modal
=================== */
.modal-header .close {
    position: absolute;
    top: -10px;
    right: -30px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 40px;
    font-weight: normal;
}

.all-needs .info-window {
    margin: 0 0 0 15px;
    display: inline-block;
    min-width: 80%;
    font-size: 12px;
}

    .all-needs .info-window ul {
        padding: 0px;
        background: #fff;
        margin-bottom: 0;
        display: inline-block;
    }

        .all-needs .info-window ul li {
            padding: 5px 20px;
            border-radius: 2px;
            font-size: 13px;
            margin: 0 3px;
        }

            .all-needs .info-window ul li:last-child {
                margin-bottom: 0;
            }

            .all-needs .info-window ul li.auto {
                background-color: #d3edff;
                color: #1e689c;
            }

            .all-needs .info-window ul li.paid {
                background-color: #99e874;
                color: #1d4a08;
            }

            .all-needs .info-window ul li.auto-paid {
                background-color: #f1b13e;
                color: #754f0a;
            }

            .all-needs .info-window ul li.broadcast {
                background-color: #FF69B4;
                color: #fff;
            }

    .all-needs .info-window span {
        position: relative;
        padding-left: 30px;
    }

        .all-needs .info-window span .travel-icon {
            position: static;
        }

            .all-needs .info-window span .travel-icon:after {
                right: auto;
                left: 0;
                top: 0;
            }

.all-needs .modal-header h4 {
    display: inline;
    font-weight: 500;
    color: #fff;
}

.all-needs .modal-header {
    padding: 0;
}

.all-needs .modal-content {
    box-shadow: none;
    border: none;
}

.all-needs .filter-by {
    position: relative;
    padding: 3px 10px;
}

    .all-needs .filter-by span {
        font-size: 14px;
        padding-right: 10px;
    }

    .all-needs .filter-by:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        background: #8d8d8d;
        top: 0px;
        left: 57px;
    }

    .all-needs .filter-by select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        min-width: 120px;
    }

    .all-needs .filter-by i {
        position: absolute;
        right: 12px;
        top: 3px;
        font-size: 20px;
        pointer-events: none;
    }

.city-list {
    margin-top: 10px;
}

    .city-list span {
        color: #333;
        display: inline-block;
        font-weight: 500;
        margin-right: 10px;
    }

    .city-list ul {
        display: inline;
        margin-bottom: 0;
    }

        .city-list ul li {
            padding: 0 1px;
            margin-bottom: 5px;
        }

            .city-list ul li a {
                background: #dcdcdc;
                border-radius: 3px;
                color: #555;
                display: inline-block;
                padding: 2px 10px;
                font-size: 12px;
            }

                .city-list ul li a.active,
                .city-list ul li a:hover,
                .city-list ul li a:focus {
                    background: #2c3f4e;
                    color: #fff;
                }

.all-needs .modal-body > div {
    border: 1px solid #d4d4d4;
}

.all-needs .row {
    display: table;
    width: 100%;
}

.all-needs .modal-body > div > .col-md-3 {
    display: table-cell;
    float: none;
    padding: 0;
    background: #f1f8ff;
    border-right: 1px solid #d3d4d6;
    vertical-align: top;
}

.all-needs .col-md-3 > div {
    /*position: fixed;
    width:287px;
    top:107px;*/
}

.all-needs .col-md-3 ul.nav li {
    display: block;
    width: 100%;
}

    .all-needs .col-md-3 ul.nav li a {
        display: block;
        font-size: 14px;
        color: #333;
        border-radius: 0;
        border-bottom: 1px solid #d6dbdf;
        margin: 0;
    }

        .all-needs .col-md-3 ul.nav li.active a,
        .all-needs .col-md-3 ul.nav li a:hover,
        .all-needs .col-md-3 ul li.nav a:focus {
            background: #327db2;
            color: #fff;
        }

.all-needs .col-md-9 {
    display: table-cell;
    float: none;
    padding: 0;
}

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

        .all-needs .col-md-9 .tab-content .tab-pane > ul > li {
            border-bottom: 1px solid #d6dbdf;
        }

            .all-needs .col-md-9 .tab-content .tab-pane > ul > li:last-child {
                border: none;
            }

        .all-needs .col-md-9 .tab-content h3 {
            color: #c1581f;
            font-size: 18px;
            margin: 0 0 20px;
        }

            .all-needs .col-md-9 .tab-content h3 span {
                border-radius: 50%;
                background: #c1581f;
                color: #fff;
                font-weight: 500;
                font-size: 14px;
                margin-left: 10px;
                width: 40px;
                height: 40px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

        .all-needs .col-md-9 .tab-content h6 {
            color: #616161;
            font-weight: 500;
            font-size: 14px;
        }

        .all-needs .col-md-9 .tab-content ol {
            padding-left: 0;
            list-style-type: none;
            margin-bottom: 15px;
            display: inline-table;
            width: 100%;
        }

        .all-needs .col-md-9 .tab-content li {
            color: #333;
            font-size: 13px;
            margin-bottom: 10px;
            padding: 0;
        }

            .all-needs .col-md-9 .tab-content li label span {
                position: relative;
                color: #333;
                font-size: 13px;
                font-weight: normal;
                display: inline-block;
                vertical-align: middle;
                padding: 0 10px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                max-width: 90%;
            }

            .all-needs .col-md-9 .tab-content li label {
                position: relative;
                cursor: pointer;
            }

                .all-needs .col-md-9 .tab-content li label input {
                    vertical-align: sub;
                }

                .all-needs .col-md-9 .tab-content li label .travel-icon {
                    position: static;
                }

                .all-needs .col-md-9 .tab-content li label span.auto {
                    background-color: #d3edff;
                    color: #1e689c;
                }

                .all-needs .col-md-9 .tab-content li label span.paid {
                    background-color: #99e874;
                    color: #1d4a08;
                }

                .all-needs .col-md-9 .tab-content li label span.auto-paid {
                    background-color: #f1b13e;
                    color: #754f0a;
                }

                .all-needs .col-md-9 .tab-content li label span.broadcast {
                    background-color: #FF69B4;
                    color: #fff;
                }

.all-needs .modal-body {
    min-height: 330px;
    max-height: inherit;
}

.all-needs.modal-dialog {
    width: 100%;
}
/* All Listings modal
======================= */
.all-listings .highlight p {
    color: #fa870f;
    font-weight: 500;
}

.order-id {
    margin-bottom: 20px;
}

    .order-id li {
        min-width: 25%;
    }

        .order-id li p {
            color: #000;
            font-size: 14px;
        }

        .order-id li.text-success p {
            color: #1f6f00;
        }

        .order-id li p span {
            display: inline-block;
            min-width: 110px;
            color: #666;
        }

.lists-block {
    margin-bottom: 20px;
}

.contactspanel.interaction .col-md-8 ul {
    margin-bottom: 20px;
}

.contactspanel.interaction .col-md-8 li {
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin: 0 5px 10px;
}

.contactspanel.interaction table caption {
    margin: 0 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.lists-block li {
    background: #f3f3f5;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    min-width: 158px;
    max-width: 158px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 2px;
}

    .lists-block li h5 {
        font-weight: 900;
        color: #000;
    }

    .lists-block li p {
        color: #666;
    }

.tax-include {
    color: #f81c28;
    font-size: 12px;
    float: right;
    margin-right: 50px;
}

.discount-off h6 {
    color: #333;
    font-weight: normal;
    font-size: 18px;
}

.discount-off ul {
    border: 1px solid #d4d4d4;
    margin: 0;
}

.discount-off li {
    border-bottom: 1px solid #d4d4d4;
}

    .discount-off li:last-child {
        border: none;
    }

    .discount-off li p {
        color: #666;
        font-weight: 500;
        margin: 0;
        padding: 8px 15px;
    }

.all-listings .col-md-8 h5 {
    color: #000;
    font-weight: 500;
    margin: 0 0 10px;
}

.all-listings .col-md-8 ul {
    margin: 0 0 25px;
}

.all-listings .col-md-8 li {
    background: #f4f4f6;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 13px;
}

/* Payment Details modal
========================= */
.payment-details i,
.package-offers i {
    border: 1px solid #d4d4d4;
    background: #fff;
    border-radius: 2px;
    padding: 5px 6px;
    display: inline-block;
    cursor: pointer;
}

.payment-details th,
.package-offers th {
    font-weight: 500;
    color: #000;
}

.payment-details .details,
.package-offers .details {
    padding: 0px;
}

.details h4 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.details table.table {
    background: #f5f5f5;
    width: 100%;
    border: 1px solid #d4d4d4;
}

.expand {
    transition: all 0.5s ease;
}

    .expand .details {
        max-height: 0;
        overflow: hidden;
        transition: all 0.5s ease;
        margin-left: 10px;
        margin-right: 10px;
    }

    .expand.open .details {
        max-height: 500px;
    }

table tbody .expand > td {
    padding: 0;
}

.package-offers .modal-header {
    padding: 0;
    border: none;
}

.package-offers caption {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.package-offers .pink-bg,
.payment-details .pink-bg {
    padding: 0;
    background: #fdf5f3;
}

.text-green {
    color: #1d6329;
}

.text-red {
    color: #e10c13;
}

.text-blue {
    color: #0142ff;
}

.table-bordered > tbody > tr > td {
    vertical-align: middle;
}

    .table-bordered > tbody > tr > td a {
        white-space: normal;
        text-align: left;
    }

/* Travel Icon */
.travel-icon {
    position: relative;
}

    .travel-icon:after {
        position: absolute;
        content: '';
        top: 5px;
        right: -40px;
        width: 25px;
        height: 25px;
        background: url("https://cdnlcsulekhalive.blob.core.windows.net/cdn/tools/CRMBI/plane.png") 0px 0px no-repeat;
    }

.all-needs .col-md-9 .tab-content h6 .travel-icon:after {
    top: 0;
}

.all-needs .col-md-9 .tab-content li .travel-icon:after {
    top: 0px;
    right: -30px;
}



/* New Campaign CSS */
.campaign-new .panel-heading .progress {
    overflow: visible;
}

.campaign-new .panel-heading .id {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
    background: #33ae60;
    margin-left: -8px;
    margin-top: 2px;
    position: relative;
}

    .campaign-new .panel-heading .id.flag:before {
        position: absolute;
        content: '';
        background: url('https://cdnlcsulekhalive.blob.core.windows.net/cdn/tools/CRMBI/pan-india.png') no-repeat;
        top: -14px;
        left: -14px;
        width: 28px;
        height: 28px;
        border-radius: 25px;
        border: 2px solid #ccc;
    }

.cust-id {
    position: relative;
}

.campaign-new .panel-heading .id.red {
    background: #e74c3c;
}

.campaign-new .panel-heading .id.blue {
    background: #297fb9;
}

.campaign-new .panel-heading .id.grey {
    background: #6c6e70;
}

.campaign-new .panel-heading .id.amber {
    background: #ff9500;
}

.campaign-new .panel-heading .id.peach {
    background: #f2750f;
}

.campaign-new .panel-heading .id.seagreen {
    background: #808000;
}

.campaign-new .page-body .panel-heading .panel-heading {
    background: #fff;
    padding: 0;
}

.campaign-new .panel-heading .order {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    padding-left: 5px;
}

.campaign-new .panel-heading p {
    font-size: 12px;
    color: #666;
    margin-bottom: 15px;
}

    .campaign-new .panel-heading p span {
        color: #333;
    }

    .campaign-new .panel-heading p a {
        color: #0088ff;
        font-size: 12px;
        display: inline-block;
        margin-left: 30px;
    }

.campaign-new .page-body .panel-heading .panel-title > div {
    padding: 0 10px;
}

.campaign-new .page-body .panel-heading {
    padding: 0;
    background: #fff;
}

.campaign-new .panel-heading ul li p {
    font-size: 10px;
    color: #646464;
    font-weight: 600;
}

.campaign-new .day-progress {
    color: #a64eb8;
    margin-top: 10px;
}

    .campaign-new .day-progress span {
        color: #333;
        font-size: 12px;
        font-weight: 600;
    }

    .campaign-new .day-progress .progress {
        height: 4px;
        background: #d4d8dc;
        border-radius: 20px;
        margin: 10px 0 5px;
        position: relative;
    }

        .campaign-new .day-progress .progress .progress-bar {
            border-radius: 20px;
            background-color: #27ae60;
        }

    .campaign-new .day-progress label {
        position: absolute;
        top: -25px;
        right: 0px;
        background-color: #666666;
        font-size: 12px;
        line-height: 12px;
        font-weight: 400;
        border-radius: 3px;
        padding: 2px;
        cursor: pointer;
        z-index: 99;
    }

        .campaign-new .day-progress label b {
            font-weight: normal;
        }

        .campaign-new .day-progress label li.mpf-align b {
            display: inline-block;
            background: transparent;
        }

        .campaign-new .day-progress label li.mpf-align p {
            margin-bottom: 0;
        }

    .campaign-new .day-progress p {
        color: #808080;
        font-size: 11px;
        margin-bottom: 0;
    }

        .campaign-new .day-progress p.stat {
            color: #ff001e;
            font-weight: 500;
            font-size: 11px;
            position: absolute;
        }

    .campaign-new .day-progress span.stat {
        color: #333;
        font-weight: 500;
        font-size: 11px;
    }

    .campaign-new .day-progress p.blue-txt {
        color: #2980b9;
    }

.campaign-new .leads-delivered, .campaign-new .amount {
    margin-top: 20px;
}

.campaign-new .disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.lead-improve {
    position: relative;
    font-size: 12px;
    display: inline-block;
    margin-top: 15px;
}

    .lead-improve .data-tool-detail.right {
        z-index: 999;
        color: #333;
        min-width: 380px;
        min-height: 200px;
        right: -395px;
        z-index: 1030;
    }

    .lead-improve .data-tool-detail li {
        min-height: 34px;
    }

    .lead-improve .data-tool-detail span, .lead-improve .data-tool-detail span b {
        color: #333;
        font-weight: normal;
    }

        .lead-improve .data-tool-detail span b {
            font-size: 12px;
        }

        .lead-improve .data-tool-detail span .monthly-Investment b {
            color: #1b9cfc;
        }

.campaign-new .leads-delivered .progress .progress-bar {
    background: #e74c3c;
}

.campaign-new .amount .progress .progress-bar {
    background: #f39c12;
}

.campaign-new .page-body .panel-heading .panel-title > div.camp-foot {
    background: #f1f3f6;
    position: relative;
    padding: 10px;
    z-index: 99;
}

.campaign-new .camp-foot ul {
    margin: 0;
}

    .campaign-new .camp-foot ul li p,
    .campaign-new .camp-foot ul li span {
        font-size: 12px;
        color: #666;
        font-weight: normal;
    }

.campaign-new .camp-foot i {
    border-radius: 0;
    height: inherit;
    width: inherit;
    border: none;
    position: static;
    display: inline-block;
    background: #fff;
}

.campaign-new .camp-foot > a {
    border: 1px solid #1b9cfc;
    position: absolute;
    top: 4px;
    right: 10px;
    background: #fff;
    padding: 8px 10px;
    font-size: 11px;
    color: #1b9cfc;
    border-radius: 3px;
    text-transform: uppercase;
}

.progress-bottom {
    margin: 5px 0;
}

    .progress-bottom .pull-left span {
        font-weight: 600;
        font-size: 11px;
        color: #4f4f4f;
        background: #d4d8dc;
        border-radius: 3px;
        text-transform: uppercase;
        display: inline-block;
        padding: 5px;
        line-height: 5px;
    }

    .progress-bottom .pull-right p {
        color: #00a614;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 0;
    }

        .progress-bottom .pull-right p.red-txt {
            color: #e74c3c;
        }

.campaign-new .panel {
    border-bottom: 1px solid #dfdfdf;
    margin-top: 15px !important;
}

    .campaign-new .panel:first-child {
        margin-top: 0 !important;
    }

.submenupage.open .details {
    overflow-y: auto;
}
/*SP App Check Box*/

.col-md-6.col-sp-app {
    padding: 0;
    margin-left: 10px;
}

.col-chk {
    background: #2a4c6a;
    border-radius: 4px;
    padding: 1px 0px;
    margin-bottom: 5px;
}

.blkDiv {
    position: absolute;
    top: 0px;
    height: 58px;
    width: 100%;
    background: #2b2b2b;
    opacity: 0.3;
    border-radius: 10px;
}

.cont-sp-app.second {
    margin-bottom: 7px;
}

.cont-sp-app {
    display: block;
    position: relative;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 12px;
    user-select: none;
    font-weight: normal;
    color: rgb(255, 255, 255);
    text-align: left;
    text-indent: 37px;
    padding-top: 6px;
}

    .cont-sp-app input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark-sp-app {
    position: absolute;
    top: 0;
    left: 5px;
    height: 20px;
    width: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 5px;
}

.cont-sp-app input:checked ~ .checkmark-sp-app {
    background-color: #eee;
}

.checkmark-sp-app:after {
    content: "";
    position: absolute;
    display: none;
}

.cont-sp-app input:checked ~ .checkmark-sp-app:after {
    display: block;
}

.cont-sp-app .checkmark-sp-app:after {
    left: 6px;
    top: 0px;
    width: 7px;
    height: 17px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*SP App Check Box Ends*/
@keyframes fadein {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0px)
    }
}

.lead-improve .data-tool-detail.right a.monthly-Investment b {
    color: #1b9cfc;
    display: inline;
    float: left;
}

.lead-improve .data-tool-detail.right div.monthly-Investment b {
    display: inline;
    float: left;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1200px;
    }
}

.modal-header h4 {
    font-weight: 500;
    color: #333;
}

@media (min-width:1401px) and (max-width: 1800px) {
    .container {
        max-width: 1500px;
    }
}

@media (min-width:1801px) {
    .container {
        max-width: 1600px;
    }

    .col-md-6.col-sp-app {
        padding: 0;
        margin-left: 52px !important;
    }
}

/* Custom Scroll for sub-menu */
.dropdown-menu::-webkit-scrollbar {
    width: 8px;
    background-color: red;
    border-radius: 5px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 5px;
}

.dropdown-menu::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border: 2px solid #fff;
    border-left: 0;
    border-radius: 5px;
}

.campaign-inner-details {
    padding: 0;
    margin-bottom: 0;
}

#divProcessRefund {
    display: inline-block;
    margin-left: 30px;
}

.campaign-inner-details li {
    list-style-type: none;
    padding: 8px 0;
    font-size: 12px;
    display: table;
}

    .campaign-inner-details li span {
        color: #666;
        width: 110px;
        display: inline-block;
    }

.campaign-inner-details.additional-info li span {
    width: 150px;
    vertical-align: middle;
    display: table-cell;
}

.campaign-inner-details li b {
    font-weight: 500;
    color: #333;
}

.campaign-new .page-body .panel-heading .col-md-7 a.available-list,
.user-detail-body .amount-details .amt-list a.available-list {
    color: #1b9cfc;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0;
    display: inline-block;
}

    .campaign-new .page-body .panel-heading .col-md-7 a.available-list.need-action {
        color: #e74c3c;
    }

    .campaign-new .page-body .panel-heading .col-md-7 a.available-list.active {
        color: #27ae60;
    }

.user-detail-body .amount-details .amt-list a.available-list {
    text-align: right;
}

.user-detail-body .amount-details .amt-list a.edit-list {
    color: #1b9cfc;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0 10px 20px;
    display: inline-block;
}

    .user-detail-body .amount-details .amt-list a.edit-list i {
        margin-right: 3px;
        vertical-align: middle;
        font-size: 16px;
    }

.campaign-new .page-body .panel-heading .additional-details .inner-menu {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    margin: 10px 0 0;
    border-top: 1px solid #ddd;
    font-size: 0;
}

    .campaign-new .page-body .panel-heading .additional-details .inner-menu li.active > a, .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.active > a:hover, .campaign-new .page-body .panel-heading .additional-details .nav-tabs > li.active > a:focus, .campaign-new .page-body .panel-heading .additional-details .nav-tabs li a {
        border: 0;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li > a {
        padding: 10px 5px;
        font-size: 12px;
        color: #e74c3c;
        font-weight: 600;
        border-right: 1px solid #ddd;
        display: block;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li i {
        font-size: 14px;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.cancelled > a, .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.cancelled i {
        color: #e04f5e;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.cleared > a, .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.cleared i {
        color: #27ae61;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.waiting > a, .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.waiting i {
        color: #df8900;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.refund > a, .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.refund i {
        color: #cb0002;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li:first-child > a {
        padding-left: 0;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li {
        list-style-type: none;
        display: inline-block;
        position: relative;
    }

        .campaign-new .page-body .panel-heading .additional-details .inner-menu > li .data-tool-detail {
            top: -70px;
            right: -290px;
        }

        .campaign-new .page-body .panel-heading .additional-details .inner-menu > li i.cleared {
            color: #33ae60;
        }

        .campaign-new .page-body .panel-heading .additional-details .inner-menu > li:last-child a {
            border: 0;
            display: inline-block;
        }
/*=======Home page revamp============*/
.user-details {
    margin-top: 0;
    margin-bottom: 10px;
}

.header.navbar-default {
    margin-bottom: 10px;
}

.user-detail-head p.nname {
    font-weight: 600;
}

.user-detail-head .col-md-8 {
    padding: 5px;
}

.head-icons ul li i {
    font-size: 18px;
    color: #666;
    vertical-align: middle;
    padding-right: 5px;
}

i.fa.fa-envelope {
    cursor: pointer;
}

li#liEditCustomer, #liEditListing, #liCompetitorInfo {
    margin-left: 4px;
}

.head-icons ul li span {
    display: inline-block;
    vertical-align: middle;
}

.head-icons ul li.historyStrip span {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -28px;
    background: #000;
    color: #fff;
    padding: 2px 4px;
    font-size: 10px;
    border-radius: 5px;
    width: 40%;
    text-align: center;
    z-index: 99;
}

    .head-icons ul li.historyStrip span:after {
        border-top: 6px solid #000;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 18px;
        left: 4px;
        border-left: 6px solid transparent;
    }

em.price-sym {
    font-style: normal;
    font-family: "Open Sans";
}



/*========Tooltip style===========*/
.data-tool-detail {
    position: absolute;
    top: -140px;
    background: #fff;
    text-align: left;
    padding: 15px;
    width: 280px;
    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 2px 15px #eee;
    cursor: default;
}

    .data-tool-detail.right {
        right: -295px;
    }

    .data-tool-detail::before {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #ddd;
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 72px;
        left: -15px;
    }

    .data-tool-detail li {
        list-style-type: none;
        border-bottom: 1px solid #ddd;
        /* border-left: 1px solid #ddd;
        border-right: 1px solid #ddd; */
        font-size: 12px;
    }

        .data-tool-detail li.outcome span b {
            color: #e74c3c;
        }

        .data-tool-detail li.total span:first-child, .data-tool-detail li.total b {
            font-weight: 600;
        }

        .data-tool-detail li b {
            color: #333;
            /* text-align: center; */
            display: block;
            padding: 10px 12px;
            background: #f1f3f6;
            font-size: 14px;
        }

        .data-tool-detail li span {
            text-align: right;
            width: 25%;
            display: inline-block;
            padding: 0;
            font-size: 12px;
        }

.campaign-new .day-progress label.data-tool .data-tool-detail li span label {
    position: static;
    background: transparent;
    text-align: right;
    display: block;
    padding-right: 12px;
}

.campaign-new .day-progress label.data-tool .data-tool-detail li span label {
    position: static;
    background: transparent;
    text-align: right;
    display: block;
    padding-right: 12px;
}

.data-tool-detail li span b {
    background: transparent;
    text-align: right;
    padding: 10px 8px;
    font-weight: normal;
}

.campaign-new .page-body .panel-heading .additional-details .inner-menu > li.payment-tool {
    position: relative;
}

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li.payment-tool .payment-tool-detail {
        font-size: 11px;
        position: absolute;
        top: 50%;
        left: 108%;
        background: #000;
        color: #fff;
        padding: 5px;
        border-radius: 3px;
        margin-top: -12px;
    }

.payment-tool-detail::before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #000;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 5px;
    left: -4px;
}

.interaction .inter-foot span.bonding-tool-detail,
.interaction-list li .more-text span.bonding-tool-detail {
    right: -10px;
    min-width: 50px;
}

.interaction .inter-foot span.bonding-tool-detail,
.interaction-list li .more-text span.bonding-tool-detail,
.campaign-new .panel-heading .id span.bonding-tool-detail {
    position: absolute;
    right: -25%;
    background: #000;
    color: #fff;
    padding: 5px;
    min-height: initial;
    font-size: 11px;
    border-radius: 3px;
    bottom: 40px;
}

.campaign-new .panel-heading .id span.bonding-tool-detail {
    right: 25%;
    z-index: 999;
}

    .interaction .inter-foot span.bonding-tool-detail::after, .interaction-list li .more-text span.bonding-tool-detail::after, .campaign-new .panel-heading .id span.bonding-tool-detail::after {
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-top: 6px solid #000;
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -4px;
        left: 50%;
        margin-left: -6px;
    }

.campaign-new .page-body .panel-heading ul.data-tool-detail li:last-child {
    padding-left: 0;
    border: none;
}

ul.data-tool-detail li span:first-child {
    width: 75%;
    padding: 10px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

ul.data-tool-detail li {
    position: relative;
}

    ul.data-tool-detail li span i.amount-status {
        font-style: normal;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 12px;
    }
/*=========dotloader style==========*/
/******* Dot Loader ******/
.dotloader {
    top: -4px;
}

    .dotloader,
    .dotloader:before,
    .dotloader:after {
        border-radius: 50%;
        width: 2.5em;
        height: 2.5em;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation: dotload 1.8s infinite ease-in-out;
        animation: dotload 1.8s infinite ease-in-out;
    }

.dotloader {
    color: #db1e25;
    font-size: 2px;
    margin: 2px 8px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    opacity: 0.5;
    display: inline-block;
}

    .dotloader:before,
    .dotloader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .dotloader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .dotloader:after {
        left: 3.5em;
    }

@-webkit-keyframes dotload {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes dotload {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/* Custom Scroll for sub-menu */
.dropdown-menu::-webkit-scrollbar {
    width: 8px;
    background-color: red;
    border-radius: 5px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 5px;
}

.dropdown-menu::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border: 2px solid #fff;
    border-left: 0;
    border-radius: 5px;
}


/* active state */
.home-search input:focus ~ label, input:valid ~ label {
    top: -8px;
    font-size: 12px;
}

body.freez {
    overflow: hidden;
}

.iframemask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.8;
    display: none;
    z-index: 1031;
}

.iframepage {
    right: -100%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 65%;
    z-index: 1032;
}

    .iframepage.open {
        right: 0;
    }

    .iframepage iframe {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .iframepage .head {
        background-color: #333;
        color: #fff;
        padding: 0;
        padding-left: 35px;
    }

        .iframepage .head .iframeclose:hover,
        .iframepage .head .iframeclose {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            position: absolute;
            left: 0;
            top: 0;
            font-size: 32px;
            padding: 8px;
            line-height: 32px;
        }

.iframebody .page-wrap {
    padding-bottom: 60px;
}

/*=======Interaction style=======*/
.interaction-list li {
    list-style-type: none;
    border: 1px solid #ddd;
    padding: 20px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    /*overflow: hidden;*/
    clear: both;
}

    .interaction-list li.more {
        max-height: inherit;
        overflow: inherit;
        padding-bottom: 60px;
    }

.interaction-list {
    padding: 0;
    margin-top: 10px;
}

.interaction h4 {
    padding: 0;
    margin: 0 0 10px;
    display: inline-block;
}

.interaction .interaction-list li span.inter-label {
    border: 1px solid #888;
    border-radius: 10px;
    color: #888;
    font-size: 11px;
    padding: 0px 5px;
    font-weight: 600;
    float: right;
}

.interaction .interaction-list li span.da-ti {
    font-size: 11px;
}

.interaction .interaction-list li em {
    font-style: normal;
    font-size: 11px;
    padding: 0 5px;
}

.interaction .interaction-list li .more-text em {
    position: absolute;
    right: 80px;
    top: 20px;
    display: inline-block;
    color: #888;
    font-size: 14px;
}

.interaction .interaction-list li b {
    display: block;
    padding: 10px 0;
}

.interaction .interaction-list li p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 21px;
}

.interaction .inter-foot {
    position: relative;
}

    .interaction .inter-foot span, .interaction-list li .more-text span {
        color: #e74c3c;
        font-size: 12px;
        min-height: 24px;
        display: block;
    }

.interaction .interaction-list li label {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    background: #1b9cfc;
    padding: 2px 5px;
    margin: 10px 0 5px;
}

.interaction .interaction-list li small {
    display: block;
    font-size: 11px;
    color: #999;
    padding: 2px 0;
}

.interaction .interaction-list li label.ticketNotAvbl {
    padding: 0;
}

.interaction .interaction-list li .more-text {
    background: #fff;
    padding: 5px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px -1px 2px #d3d3d3;
}

.interaction .interaction-list li.more .more-text {
    box-shadow: none;
}

.interaction .interaction-list li .more-text a {
    font-size: 12px;
    padding: 5px 0;
    display: inline-block;
}

.interaction .interaction-list li .more-text span {
    display: block;
}

.interaction .interaction-list li .inter-foot label, .interaction .interaction-list li .more-text label {
    background: transparent;
    color: #333;
    border: 1px solid #ddd;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -30px;
    text-align: center;
    padding: 4px 0;
}

    .interaction .interaction-list li .inter-foot label.outgoing, .interaction .interaction-list li .more-text label.outgoing {
        color: #666;
    }

.interaction .interaction-list li .more-text label {
    top: 3px;
    right: 15px;
}

    .interaction .interaction-list li .more-text label.call i {
        position: absolute;
        top: 8px;
    }

    .interaction .interaction-list li .inter-foot label i:first-child, .interaction .interaction-list li .more-text label i:first-child {
        font-size: 14px;
        display: block;
    }

    .interaction .interaction-list li .inter-foot label i:last-child, .interaction .interaction-list li .more-text label i:last-child {
        font-size: 10px;
    }

    .interaction .interaction-list li .inter-foot label i.fa-user, .interaction .interaction-list li .more-text label i.fa-user {
        font-size: 14px;
        padding: 4px 0;
    }

    .interaction .interaction-list li .more-text label.call i:first-child {
        position: absolute;
        top: 10px;
        left: 7px;
        font-size: 18px;
    }

    .interaction .interaction-list li .more-text label.call i:last-child {
        position: absolute;
        top: 5px;
    }

.interaction i.fa.fa-volume-up.audio {
    font-size: 18px;
    color: #666;
    vertical-align: middle;
    margin-right: 5px;
}

/*=======Lead detail summary=========*/
.lead-detail-section .pending-action {
    padding: 0;
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin-right: 18px;
}

    .lead-detail-section .pending-action:last-child {
        margin-right: 0;
    }

    .lead-detail-section .pending-action li {
        list-style-type: none;
        padding: 8px 3px;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
    }

        .lead-detail-section .pending-action li b {
            color: #888;
        }

        .lead-detail-section .pending-action li:nth-of-type(even) {
            background: #FBFBFB;
        }

.lead-detail-section .filter-by {
    text-align: right;
    display: block;
}

.delivered-lead {
    background: url('https://cdnlcsulekhalive.blob.core.windows.net/cdn/tools/CRMBI/summary-bg.jpg') no-repeat;
    padding: 15px;
    color: #fff;
    margin: 15px 10px;
    position: relative;
}

    .delivered-lead a {
        position: absolute;
        right: 20px;
        top: 30px;
        color: #fff;
        border: 1px solid #fff;
        padding: 10px 15px;
        border-radius: 3px;
        text-transform: uppercase;
        font-size: 13px;
    }

    .delivered-lead b {
        font-weight: 500;
        font-size: 20px;
        padding: 20px 0;
        display: block;
    }

.delivered-list {
    background: #efefef;
    border-radius: 20px;
    padding: 5px 10px;
    margin: 5px 0;
}

    .delivered-list li {
        font-size: 12px;
        font-weight: 600;
    }

        .delivered-list li span:last-child {
            font-size: 16px;
            padding-left: 2px;
        }

    .delivered-list li {
        padding: 0 25px;
    }

.delivered-lead ul {
    padding: 5px 0;
    margin: 0;
}

    .delivered-lead ul li {
        list-style-type: none;
        padding: 0px 0 5px;
        font-size: 12px;
    }

        .delivered-lead ul li span:first-child {
            min-width: 110px;
            display: inline-block;
        }

.lead-detail-section .pending-action li b.head {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
}
/*========performance=======*/
.performance, .lead-detail-section, .interaction, .lead-quality {
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    /*min-height: 300px;*/
}

    .performance h4, .lead-detail-section h4, .lead-quality h4 {
        padding: 0;
        margin: 0 0 1px;
        font-weight: 500;
        display: inline-block;
    }

    .lead-detail-section h4 {
        display: block;
    }

        .lead-detail-section h4 span {
            font-size: 14px;
            float: right;
            padding: 6px 0;
        }

    .performance .filter-by, .lead-detail-section .filter-by, .interaction .filter-by {
        padding: 0 0 5px;
    }

    .performance .select-business, .lead-detail-section .select-business, .interaction .select-business {
        display: inline-block;
        background: #fff;
        padding: 3px 5px;
        box-shadow: 1px 2px 5px #eee;
        vertical-align: middle;
        border: 1px solid #ddd;
        margin: 0 5px 5px;
    }

    .performance .inner-top {
        display: inline-block;
        width: 100%;
    }

    .performance .filter-by .form-control {
        font-weight: 500;
    }

.score-content {
    padding: 10px;
    position: relative;
    border-radius: 5px;
}

    .score-content.good {
        background: #357929;
    }

    .score-content.average {
        background: #9a612f;
    }

    .score-content.bad {
        background: #6f2020;
    }

    .score-content.good h6 {
        color: #33ae60;
    }

    .score-content.average h6 {
        color: #f39c12;
    }

    .score-content.bad h6 {
        color: #e74c3c;
    }

.score-slide-foot {
    display: block;
    padding: 10px 100px 10px 0;
    float: right;
    position: relative;
    margin-top: 15px;
}

    .score-slide-foot a {
        font-size: 12px;
        text-decoration: underline;
    }

#score-slide .glyphicon.glyphicon-menu-left {
    left: auto;
    right: 50px;
    text-decoration: none;
    font-size: 16px;
}

#score-slide .glyphicon.glyphicon-menu-right {
    right: 0;
    left: auto;
    text-decoration: none;
    font-size: 16px;
}

#score-slide .carousel-control {
    width: 40px;
    height: 40px;
    bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
    text-shadow: none;
    opacity: 1;
    line-height: 38px;
}

.score-content::before {
    background: url('https://cdnlcsulekhalive.blob.core.windows.net/cdn/tools/CRMBI/performance-bg.jpg') no-repeat;
    position: absolute;
    height: 100%;
    background-size: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    opacity: 0.5;
}

.score-content h5 {
    font-size: 13px;
    padding-left: 10px;
    color: #fff;
    font-weight: normal;
}

.score-content b.business-id {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-weight: 500;
}

.score-content h6 {
    font-size: 32px;
    font-weight: 700;
    padding-left: 10px;
}

    .score-content h6 span {
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 0 5px;
    }

    .score-content h6 b {
        font-weight: normal;
        font-size: 11px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 5px;
        color: #fff;
    }

.score-card {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 0;
}

    .score-card li {
        width: 32.33%;
        text-align: center;
        background: #fff;
        padding: 0;
        border-radius: 5px;
        margin-right: 5px;
    }

.performance .carousel-inner {
    width: auto;
    margin: 0 auto;
}

.score-card li:last-child {
    margin-right: 0;
}

.score-content .score-card li h6 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 0px;
    color: #666;
    text-shadow: none;
}

.score-card li b.perct {
    font-size: 26px;
    font-weight: normal;
    padding: 0;
}

.score-card li span {
    display: block;
    font-size: 11px;
    color: #666;
}

.score-card li b {
    font-weight: 500;
    font-size: 10px;
    padding: 5px 0;
    display: block;
}

.score-card li.good b.perct, .score-card li.good .score-foot span {
    color: #33ae60;
}

.score-card li.average b.perct, .score-card li.average .score-foot span {
    color: #f39c12;
}

.score-card li.bad b.perct, .score-card li.bad .score-foot span {
    color: #e74c3c;
}

.score-card .score-foot {
    background: #E4EBF3;
    text-align: left;
    padding: 8px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .score-card .score-foot span {
        display: inline-block;
        font-weight: 500;
        text-transform: capitalize;
    }

    .score-card .score-foot a {
        font-size: 11px;
        display: inline-block;
        vertical-align: middle;
    }

#performanceinfo .score-content {
    width: 48%;
    display: inline-block;
    margin: 0 10px 25px;
    z-index: 1;
}

#performanceinfo .performance {
    padding: 0;
    border: 0;
}

#performanceinfo article.col-md-12 {
    padding: 0;
}


#performanceinfo .performance .inner-top {
    background: #333;
    color: #fff;
}

#performanceinfo .performance #score-slide {
    padding: 0 15px;
}

#performanceinfo .performance .inner-top h4 {
    padding: 15px 40px;
}

#performanceinfo .performance .inner-slide-top {
    padding: 15px;
}

#performanceinfo .performance .filter-by {
    padding: 0;
}

#performanceinfo .performance {
    padding: 0;
    border: 0;
}

    #performanceinfo .performance .inner-top {
        background: #333;
        color: #fff;
    }

        #performanceinfo .performance .inner-top a {
            font-size: 16px;
            text-decoration: underline;
        }

    #performanceinfo .performance #score-slide {
        padding: 0 15px;
    }

    #performanceinfo .performance .inner-top h4 {
        padding: 15px 40px;
    }

    #performanceinfo .performance .inner-slide-top {
        padding: 15px;
    }

    #performanceinfo .performance .filter-by {
        padding: 0;
    }

    #performanceinfo .performance .nav-tabs {
        padding: 30px 40px 0;
        border: 0;
        height: 180px;
    }

        #performanceinfo .performance .nav-tabs li {
            border-radius: 5px;
            margin-right: 50px;
        }

            #performanceinfo .performance .nav-tabs li a.nav-link {
                padding: 15px;
                border: 0;
                margin: 0;
                border-radius: 5px;
                background: #fff;
                border: 1px solid #ddd;
                transition: all 0.2s ease;
            }

                #performanceinfo .performance .nav-tabs li a.nav-link:hover {
                    box-shadow: 0px 0px 12px #848484;
                    margin-top: 10px;
                }

            #performanceinfo .performance .nav-tabs li.active {
                margin-top: 10px;
                box-shadow: 0px 0px 12px #848484;
                background: transparent;
            }

                #performanceinfo .performance .nav-tabs li.active a.nav-link:hover {
                    margin-top: 0;
                    box-shadow: none;
                    background: transparent;
                    transition: none;
                }

            #performanceinfo .performance .nav-tabs li:first-child {
                width: 30%;
                display: inline-block;
                vertical-align: top;
            }

                #performanceinfo .performance .nav-tabs li:first-child b {
                    display: block;
                    text-align: right;
                    font-size: 14px;
                    color: #333;
                    font-weight: 500;
                }

            #performanceinfo .performance .nav-tabs li.sub-nav {
                text-align: center;
                width: 11%;
                position: relative;
                display: inline-block;
                vertical-align: top;
            }

                #performanceinfo .performance .nav-tabs li.sub-nav a {
                    padding: 10px 0 0;
                    left: 0;
                    right: 0;
                }

                    #performanceinfo .performance .nav-tabs li.sub-nav a span {
                        padding: 0 15px;
                    }

                #performanceinfo .performance .nav-tabs li.sub-nav h6 {
                    margin: 0;
                    color: #333;
                    text-transform: uppercase;
                    font-size: 13px;
                    font-weight: normal;
                    padding-bottom: 2px;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav.good b.perct,
                #performanceinfo .performance .nav-tabs li.sub-nav.good .score-foot span {
                    color: #33ae60;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav.bad b.perct,
                #performanceinfo .performance .nav-tabs li.sub-nav.bad .score-foot span {
                    color: #e74c3c;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav.average b.perct,
                #performanceinfo .performance .nav-tabs li.sub-nav.average .score-foot span {
                    color: #f39c12;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav span,
                #performanceinfo .performance .nav-tabs li.sub-nav b {
                    display: block;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav span {
                    font-size: 11px;
                    color: #888;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav b {
                    padding: 5px 0;
                    font-weight: 500;
                    color: #333;
                }

                    #performanceinfo .performance .nav-tabs li.sub-nav b.perct {
                        padding: 5px 0;
                        font-size: 26px;
                        font-weight: normal;
                        line-height: 26px;
                    }

            #performanceinfo .performance .nav-tabs li:first-child .overall-score {
                display: block;
            }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score label {
                    font-size: 11px;
                    font-weight: normal;
                    color: #666;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score h6 {
                    margin: 0 0 28px;
                    font-size: 32px;
                    font-weight: 600;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score.bad h6 {
                    color: #e74c3c;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score.average h6 {
                    color: #f39c12;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score.good h6 {
                    color: #33ae60;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score h6 span {
                    font-size: 24px;
                    font-weight: normal;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score h6 em {
                    font-style: normal;
                    font-size: 11px;
                    display: inline-block;
                    vertical-align: middle;
                    padding: 0 10px;
                    font-weight: normal;
                    color: #888;
                }

            #performanceinfo .performance .nav-tabs li.sub-nav .score-foot {
                padding: 10px 0;
                background: #E4EBF3;
            }

    #performanceinfo .performance .tab-content {
        padding: 20px 40px;
        margin: 20px 0;
        background: #EFF4F8;
        position: relative;
    }

        #performanceinfo .performance .tab-content > .active {
            overflow: hidden;
        }

    #performanceinfo .performance .nav-tabs > .nav-item.active::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -55px;
        left: 60%;
        box-sizing: border-box;
        border: 1em solid black;
        border-color: transparent transparent #EFF4F8 #EFF4F8;
        transform-origin: 0 0;
        transform: rotate(-225deg);
        box-shadow: -3px 3px 8px 0 rgba(0, 0, 0, 0.2);
    }

#performanceinfo .day-progress .progress .progress-bar {
    border-radius: 20px;
    background-color: #27ae60;
}

#performanceinfo .leads-delivered .progress .progress-bar {
    background: #e74c3c;
}

#performanceinfo .amount .progress .progress-bar {
    background: #f39c12;
}

#performanceinfo .day-progress .progress {
    height: 6px;
    background: #d4d8dc;
    border-radius: 20px;
    margin: 5px 0;
    position: relative;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 {
    width: 48.5%;
}

#performanceinfo .performance .tab-content .sub-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 0 30px 30px 0;
}

    #performanceinfo.performance .tab-content .sub-content p {
        line-height: 28px;
        font-size: 13px;
    }

    #performanceinfo .performance .tab-content .sub-content.progress-main {
        margin-right: 0;
    }

        #performanceinfo .performance .tab-content .sub-content.progress-main .day-progress {
            margin: 30px 0 45px;
            display: block;
            position: relative;
        }

            #performanceinfo .performance .tab-content .sub-content.progress-main .day-progress span {
                color: #333;
                font-weight: 500;
                font-size: 13px;
            }

    #performanceinfo.performance .tab-content .sub-content h5 {
        font-weight: 600;
        font-size: 16px;
        color: #333;
    }

#performanceinfo .performance .tab-content h4 {
    padding-bottom: 20px;
    display: block;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul {
    padding: 0;
}

    #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li {
        list-style-type: none;
        padding: 8px 15px;
        border-bottom: 1px solid #ddd;
    }

        #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:first-child,
        #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:first-child label {
            font-weight: 600;
        }

        #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:last-child {
            border-bottom: 0;
        }

#performanceinfo.performance .tab-content .sub-content.bad {
    border: 1px solid #e74c3c;
}

    #performanceinfo .performance .tab-content .sub-content.bad h5,
    #performanceinfo .performance .tab-content .sub-content.bad.col-md-6 ul li span {
        color: #e74c3c;
    }

#performanceinfo .performance .tab-content .sub-content.average {
    border: 1px solid #f39c12;
}

    #performanceinfo .performance .tab-content .sub-content.average h5,
    #performanceinfo .performance .tab-content .sub-content.average.col-md-6 ul li span {
        color: #f39c12;
    }

#performanceinfo.performance .tab-content .sub-content.good {
    border: 1px solid #33ae60;
}

    #performanceinfo .performance .tab-content .sub-content.good h5,
    #performanceinfo .performance .tab-content .sub-content.good.col-md-6 ul li span {
        color: #33ae60;
    }

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:first-child span {
    color: #333;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:nth-of-type(even) {
    background: #FBFBFB;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li label {
    font-weight: normal;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li span {
    float: right;
}

#performanceinfo .bar-step {
    position: absolute;
    z-index: 1;
    font-size: 12px;
}

#performanceinfo .score-content {
    width: 48%;
    display: inline-block;
    margin: 0 10px 25px;
    z-index: 1;
}

/*========Lead quality css===========*/
.inner-lead-quality {
    padding: 10px;
}

.lead-quality .text-center a {
    font-size: 13px;
    color: #1b9cfc;
    font-weight: 500;
    border: 1px solid #1b9cfc;
    border-radius: 3px;
    padding: 5px 15px;
    display: inline-block;
    transition: all 0.5s ease;
}

    .lead-quality .text-center a:hover,
    .lead-quality .text-center a:focus,
    .lead-quality .text-center a:active {
        background: #1b9cfc;
        color: #fff;
    }

.inner-lead-quality b {
    color: #666;
    font-weight: 500;
}

.inner-lead-quality ul {
    margin-bottom: 0;
    padding: 10px 0;
}

    .inner-lead-quality ul li {
        /*padding: 10px;*/
        width: 24.5%;
        vertical-align: top;
    }

        .inner-lead-quality ul li label {
            font-size: 21px;
            display: block;
            color: #888;
            font-weight: 500;
            margin-bottom: 0;
            line-height: 30px;
        }

        .inner-lead-quality ul li:first-child label {
            font-size: 36px;
            color: #333;
            font-weight: 600;
        }

        .inner-lead-quality ul li span {
            font-size: 11px;
            color: #666;
        }

        .inner-lead-quality ul li i {
            width: 10px;
            height: 10px;
            border-radius: 100%;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

            .inner-lead-quality ul li i.blue {
                background: rgba(1, 184, 170, 1);
            }

            .inner-lead-quality ul li i.yellow {
                background: rgba(250, 233, 159, 1);
            }

            .inner-lead-quality ul li i.light-blue {
                background: rgba(208, 238, 247, 1);
            }

            .inner-lead-quality ul li i.red {
                background: rgba(253, 98, 94, 1);
            }

            .inner-lead-quality ul li i.violet {
                background: rgba(219, 195, 214, 1);
            }

            .inner-lead-quality ul li i.gray {
                background: rgba(55, 70, 73, 1);
            }

            .inner-lead-quality ul li i.brown {
                background: rgba(255, 213, 194, 1);
            }

#canvas-pie-holder {
    min-height: 250px;
    max-height: inherit;
}

    #canvas-pie-holder canvas {
        position: absolute;
        left: -70px;
    }

.inner-lead-quality ul.complaint-name {
    position: absolute;
    right: 25px;
    width: 40%;
    max-height: 250px;
    overflow-y: auto;
}

.complaint-name::-webkit-scrollbar {
    width: 8px;
    background-color: red;
    border-radius: 5px;
}

.complaint-name::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 5px;
}

.complaint-name::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border: 2px solid #fff;
    border-left: 0;
    border-radius: 5px;
}

.inner-lead-quality ul.complaint-name li {
    list-style-type: none;
    width: 100%;
    padding: 5px 0;
}

    .inner-lead-quality ul.complaint-name li b {
        color: #333;
    }

/*======Review quality=======*/
.performance .tab-content .sub-content.col-md-6 .reviews .stars,
.performance .tab-content .sub-content .reviews .stars {
    float: left;
    margin-right: 10px;
    margin-top: -5px;
    color: #5e6c7b;
    font-weight: 400;
    width: 75px;
}

.performance .tab-content .sub-content.col-md-6 .reviews .progress,
.performance .tab-content .sub-content .reviews .progress {
    background-color: #f0ece4;
    height: 11px;
    overflow: hidden;
    padding: 0;
}

    .performance .tab-content .sub-content.col-md-6 .reviews .progress span,
    .performance .tab-content .sub-content .reviews .progress span {
        background-color: #ffb400;
        color: #333;
        float: left;
        font-size: 12px;
        height: 100%;
        line-height: 20px;
        transition: width .6s ease 0s;
        width: 0;
    }
/*=========Carousel next css============*/

@media only screen and (max-width:1366px) {
    .iframepage {
        width: 80%;
    }

    .campaign-new .panel-heading .id {
        padding: 8px 10px;
        font-size: 14px;
    }

    .campaign-new .panel-heading .col-md-7 {
        padding: 0 0 0 10px;
        width: 52%;
    }

    .campaign-new .panel-heading .order {
        padding-left: 0;
        display: block;
        margin-top: 10px;
    }

    .top-filter .lead-filter-by li a {
        padding-left: 0;
    }

    .campaign-new .day-progress label {
        font-size: 11px;
        line-height: 11px;
    }

    .campaign-details .page-body .panel-default .col-md-5 {
        width: 48%;
        padding: 0 10px 0 0;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li i {
        font-size: 12px;
    }

    .campaign-new .page-body .panel-heading .additional-details .inner-menu > li > a {
        padding: 3px;
        font-size: 11px;
    }

    .campaign-details .page-body .panel-default .additional-details {
        padding: 0 10px;
        z-index: 1;
    }

    .lead-summery .total {
        font-size: 12px;
    }

        .lead-summery .total span {
            font-size: 21px;
        }

    .lead-detail-section .pending-action li {
        font-size: 12px;
    }

    .delivered-list li {
        padding: 0 12px;
    }

    .interaction-list {
        margin-top: 12px;
    }

    .campaign-inner-details li span {
        width: 100px;
    }

    .score-card li {
        margin-right: 4px;
    }

        .score-card li b.perct {
            font-size: 24px;
        }

    .lead-detail-section .pending-action {
        width: 48%;
        margin-right: 10px;
    }
}


/*========performance iframe style========*/

#performanceinfo .score-content {
    width: 48%;
    display: inline-block;
    margin: 0 10px 25px;
    z-index: 1;
}

#performanceinfo .performance {
    padding: 0;
    border: 0;
}

#performanceinfo article.col-md-12 {
    padding: 0;
}


#performanceinfo .performance .inner-top {
    background: #333;
    color: #fff;
}

#performanceinfo .performance #score-slide {
    padding: 0 15px;
}

#performanceinfo .performance .inner-top h4 {
    padding: 15px 40px;
}

#performanceinfo .performance .inner-slide-top {
    padding: 15px;
}

#performanceinfo .performance .filter-by {
    padding: 0;
}

#performanceinfo .performance {
    padding: 0;
    border: 0;
}

    #performanceinfo .performance .inner-top {
        background: #333;
        color: #fff;
    }

        #performanceinfo .performance .inner-top a {
            font-size: 16px;
            text-decoration: underline;
        }

    #performanceinfo .performance #score-slide {
        padding: 0 15px;
    }

    #performanceinfo .performance .inner-top h4 {
        padding: 15px 40px;
    }

    #performanceinfo .performance .inner-slide-top {
        padding: 15px;
    }

    #performanceinfo .performance .filter-by {
        padding: 0;
    }

    #performanceinfo .performance .nav-tabs {
        padding: 30px 40px 0;
        border: 0;
        height: 180px;
    }

        #performanceinfo .performance .nav-tabs li {
            border-radius: 5px;
            margin-right: 50px;
        }

            #performanceinfo .performance .nav-tabs li a.nav-link {
                padding: 15px;
                border: 0;
                margin: 0;
                border-radius: 5px;
                background: #fff;
                border: 1px solid #ddd;
                transition: all 0.2s ease;
            }

                #performanceinfo .performance .nav-tabs li a.nav-link:hover {
                    box-shadow: 0px 0px 12px #848484;
                    margin-top: 10px;
                }

            #performanceinfo .performance .nav-tabs li.active {
                margin-top: 10px;
                box-shadow: 0px 0px 12px #848484;
                background: transparent;
            }

                #performanceinfo .performance .nav-tabs li.active a.nav-link:hover {
                    margin-top: 0;
                    box-shadow: none;
                    background: transparent;
                    transition: none;
                }

            #performanceinfo .performance .nav-tabs li:first-child {
                width: 30%;
                display: inline-block;
                vertical-align: top;
            }

                #performanceinfo .performance .nav-tabs li:first-child b {
                    display: block;
                    text-align: right;
                    font-size: 14px;
                    color: #333;
                    font-weight: 500;
                }

            #performanceinfo .performance .nav-tabs li.sub-nav {
                text-align: center;
                width: 13%;
                position: relative;
                display: inline-block;
                vertical-align: top;
            }

                #performanceinfo .performance .nav-tabs li.sub-nav a {
                    padding: 10px 0 0;
                    left: 0;
                    right: 0;
                }

                    #performanceinfo .performance .nav-tabs li.sub-nav a span {
                        padding: 0 15px;
                    }

                #performanceinfo .performance .nav-tabs li.sub-nav h6 {
                    margin: 0;
                    color: #333;
                    text-transform: uppercase;
                    font-size: 13px;
                    font-weight: normal;
                    padding-bottom: 2px;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav.good b.perct,
                #performanceinfo .performance .nav-tabs li.sub-nav.good .score-foot span {
                    color: #33ae60;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav.bad b.perct,
                #performanceinfo .performance .nav-tabs li.sub-nav.bad .score-foot span {
                    color: #e74c3c;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav.average b.perct,
                #performanceinfo .performance .nav-tabs li.sub-nav.average .score-foot span {
                    color: #f39c12;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav span,
                #performanceinfo .performance .nav-tabs li.sub-nav b {
                    display: block;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav span {
                    font-size: 11px;
                    color: #888;
                }

                #performanceinfo .performance .nav-tabs li.sub-nav b {
                    padding: 5px 0;
                    font-weight: 500;
                    color: #333;
                }

                    #performanceinfo .performance .nav-tabs li.sub-nav b.perct {
                        padding: 5px 0;
                        font-size: 26px;
                        font-weight: normal;
                        line-height: 26px;
                    }

            #performanceinfo .performance .nav-tabs li:first-child .overall-score {
                display: block;
            }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score label {
                    font-size: 11px;
                    font-weight: normal;
                    color: #666;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score h6 {
                    margin: 0 0 28px;
                    font-size: 32px;
                    font-weight: 600;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score.bad h6 {
                    color: #e74c3c;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score.average h6 {
                    color: #f39c12;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score.good h6 {
                    color: #33ae60;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score h6 span {
                    font-size: 24px;
                    font-weight: normal;
                }

                #performanceinfo .performance .nav-tabs li:first-child .overall-score h6 em {
                    font-style: normal;
                    font-size: 11px;
                    display: inline-block;
                    vertical-align: middle;
                    padding: 0 10px;
                    font-weight: normal;
                    color: #888;
                }

            #performanceinfo .performance .nav-tabs li.sub-nav .score-foot {
                padding: 10px 0;
                background: #E4EBF3;
            }

    #performanceinfo .performance .tab-content {
        padding: 20px 40px;
        margin: 20px 0;
        background: #EFF4F8;
        position: relative;
    }

        #performanceinfo .performance .tab-content > .active {
            overflow: hidden;
        }

    #performanceinfo .performance .nav-tabs > .nav-item.active::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -55px;
        left: 60%;
        box-sizing: border-box;
        border: 1em solid black;
        border-color: transparent transparent #EFF4F8 #EFF4F8;
        transform-origin: 0 0;
        transform: rotate(-225deg);
        box-shadow: -3px 3px 8px 0 rgba(0, 0, 0, 0.2);
    }

#performanceinfo .day-progress .progress .progress-bar {
    border-radius: 20px;
    background-color: #27ae60;
}

#performanceinfo .leads-delivered .progress .progress-bar {
    background: #e74c3c;
}

#performanceinfo .amount .progress .progress-bar {
    background: #f39c12;
}

#performanceinfo .day-progress .progress {
    height: 6px;
    background: #d4d8dc;
    border-radius: 20px;
    margin: 5px 0;
    position: relative;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 {
    width: 48.5%;
}

#performanceinfo .performance .tab-content .sub-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 0 25px 30px 0;
}

    #performanceinfo.performance .tab-content .sub-content p {
        line-height: 28px;
        font-size: 13px;
    }

    #performanceinfo .performance .tab-content .sub-content.progress-main {
        margin-right: 0;
    }

        #performanceinfo .performance .tab-content .sub-content.progress-main .day-progress {
            margin: 30px 0 45px;
            display: block;
            position: relative;
        }

            #performanceinfo .performance .tab-content .sub-content.progress-main .day-progress span {
                color: #333;
                font-weight: 500;
                font-size: 13px;
            }

    #performanceinfo.performance .tab-content .sub-content h5 {
        font-weight: 600;
        font-size: 16px;
        color: #333;
    }

#performanceinfo .performance .tab-content h4 {
    padding-bottom: 20px;
    display: block;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul {
    padding: 0;
}

    #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li {
        list-style-type: none;
        padding: 8px 15px;
        border-bottom: 1px solid #ddd;
    }

        #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:first-child,
        #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:first-child label {
            font-weight: 600;
        }

        #performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:last-child {
            border-bottom: 0;
        }

#performanceinfo.performance .tab-content .sub-content.bad {
    border: 1px solid #e74c3c;
}

    #performanceinfo .performance .tab-content .sub-content.bad h5,
    #performanceinfo .performance .tab-content .sub-content.bad.col-md-6 ul li span {
        color: #e74c3c;
    }

#performanceinfo .performance .tab-content .sub-content.average {
    border: 1px solid #f39c12;
}

    #performanceinfo .performance .tab-content .sub-content.average h5,
    #performanceinfo .performance .tab-content .sub-content.average.col-md-6 ul li span {
        color: #f39c12;
    }

#performanceinfo.performance .tab-content .sub-content.good {
    border: 1px solid #33ae60;
}

    #performanceinfo .performance .tab-content .sub-content.good h5,
    #performanceinfo .performance .tab-content .sub-content.good.col-md-6 ul li span {
        color: #33ae60;
    }

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:first-child span {
    color: #333;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li:nth-of-type(even) {
    background: #FBFBFB;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li label {
    font-weight: normal;
}

#performanceinfo .performance .tab-content .sub-content.col-md-6 ul li span {
    float: right;
}

#performanceinfo .bar-step {
    position: absolute;
    z-index: 1;
    font-size: 12px;
}

#performanceinfo .score-content {
    width: 48%;
    display: inline-block;
    margin: 0 10px 25px;
    z-index: 1;
}





/*======performanve-first-slide=======*/
.performance-slide .score-content {
    width: 47%;
    display: inline-block;
    margin: 0 10px 25px;
    z-index: 1;
}

article.col-md-12 {
    padding: 0;
}

.performance-slide .performance {
    padding: 0;
    border: 0;
}

    .performance-slide .performance .inner-top {
        background: #333;
        color: #fff;
    }

    .performance-slide .performance #score-slide {
        padding: 0 15px;
    }

    .performance-slide .performance .inner-top h4 {
        padding: 15px 40px;
    }

    .performance-slide .performance .inner-slide-top {
        padding: 15px;
    }

    .performance-slide .performance .filter-by {
        padding: 0;
    }

.performance-slide {
    right: -100%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 65%;
    z-index: 1032;
}

    .performance-slide .iframeclose {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 32px;
        padding: 8px;
        line-height: 28px;
    }

    .performance-slide.open {
        width: 95%;
        float: right;
        right: 0;
        overflow: auto;
    }

@media only screen and (max-width:1366px) {
    .performance-slide .score-content {
        margin: 0 8px 25px;
    }

    .interaction-slide .score-content {
        margin: 0 8px 25px;
    }
}

.score-card-box {
    cursor: pointer
}

.score-box-top {
    cursor: pointer
}

@media (max-width:1440px) {
    .inner-lead-quality ul li:first-child label {
        font-size: 24px;
    }

    .inner-lead-quality {
        padding: 0;
    }
}

@media only screen and (max-width:1365px) {
    .container {
        min-width: 1365px;
    }
}

@media only screen and (max-width:1280px) {
    .container {
        min-width: 1215px !important;
    }

    .campaign-new .page-body .panel-heading .panel-title > div.camp-foot {
        padding: 10px 0;
    }

    .campaign-details .page-body .panel-heading ul li p, .campaign-new .camp-foot ul li span {
        font-size: 11px;
    }

    .list-inline > li {
        padding-right: 0;
    }
}

.ver-center {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

button {
    outline: none;
}

.view-address .data-tool-detail {
    min-width: 200px;
    color: #333;
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
    top: -35px;
    left: 96px;
}

    .view-address .data-tool-detail::before {
        top: 50%;
        margin-top: -15px;
    }

.pending-info .data-tool-detail {
    min-width: 200px;
    color: #333;
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
    top: -35px;
    left: 65px;
}

.data-tool.pending-info {
    position: relative;
}

.pending-info .data-tool-detail::before {
    top: 50%;
    margin-top: -15px;
}


.performance-slide.open .container {
    max-width: inherit;
}

.interaction-slide.open .container {
    max-width: inherit;
}

.panelpage .head {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99;
}

.panelpage .panelbody {
    padding-top: 50px;
}

/*@media (max-width:1365px) {
    .performance-slide.open > div {
        min-width: 1365px;
    }
}*/

input:focus,
input:active {
    background: transparent;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

@media (min-width:1440px) {
    #canvas-pie-holder canvas {
        /*left: -100px;*/
    }
}

.lead-quality .inner-lead-quality ul.percent-detail li p {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin: 0;
}

    .lead-quality .inner-lead-quality ul.percent-detail li p sub {
        font-size: 12px;
    }

    .lead-quality .inner-lead-quality ul.percent-detail li p a {
        margin-right: 5px;
    }

.lead-quality .inner-lead-quality ul.percent-detail li label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
}

.lead-quality .inner-lead-quality ul.percent-detail li span {
    font-size: 12px;
    color: #666;
    display: block;
}

    .lead-quality .inner-lead-quality ul.percent-detail li span a {
        margin-right: 3px;
    }

.chat-button a {
    background: #2c313d;
    font-size: 14px;
    text-transform: uppercase;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    padding: 0 10px;
}

    .chat-button a i {
        margin-right: 5px;
        font-size: 18px;
    }

.cms-link a {
    font-size: 12px;
}

.iframepage {
    width: 90%;
    z-index: 9999;
}

    .iframepage .head .iframeclose {
        color: #333;
    }

/* Toggle */
.navbar-toggle {
    display: block;
    float: left;
}

.navbar-default .navbar-toggle {
    border: none;
}

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: transparent;
    }

    .navbar-default .navbar-toggle .icon-bar {
        color: #484848;
    }

.cmsDashboard #nav-menus {
    margin-top: -60px !important;
}

#nav-menus {
    position: absolute;
    top: 52px;
    left: 15px;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
    z-index: 100;
}

    #nav-menus ul li {
        display: block !important;
        float: none;
    }

        #nav-menus ul li a {
            display: block;
            padding: 10px 15px;
            color: #333;
        }

.container {
    position: relative;
}

#nav-menus.navbar-collapse.collapse {
    display: none !important;
}

    #nav-menus.navbar-collapse.collapse.in {
        display: block !important;
    }

#nav-menus ul li.open ul {
    display: block;
}

#nav-menus ul li ul {
    display: none;
    transition: all 0.5s ease;
    padding: 0;
}

#nav-menus ul li.open a i {
    transform: rotate(180deg);
}

#nav-menus ul li a i {
    position: absolute;
    right: 10px;
    transition: all 0.5s ease;
}

#nav-menus > ul {
    min-width: 200px;
}

#nav-menus ul li li {
    padding-left: 10px;
}

/* Notes */
.notes .notes-id {
    font-size: 13px;
    color: #666;
    font-weight: 500;
    margin: 0 0 3px;
}

.notes-img {
    position: fixed;
    right: 0px;
    top: 180px;
    cursor: pointer;
    z-index: 102;
    transition: all 0.5s ease;
}

.notes-slide .notes {
    padding: 0;
    border: 0;
}

    .notes-slide .notes .notes-wrap {
        padding: 0px;
        border-bottom: 1px solid #ccc;
    }

    .notes-slide .notes .inner-top h4 {
        padding: 5px 35px;
        font-size: 18px;
        font-weight: 600;
    }

    .notes-slide .notes .inner-slide-top {
        padding: 15px 0;
    }

    .notes-slide .notes .filter-by {
        padding: 0;
    }

.notes-slide {
    right: -100%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 65%;
    z-index: 1032;
}

    .notes-slide.open {
        width: 25%;
        float: right;
        right: 0;
        overflow: auto;
    }

    .notes-slide .notes {
        padding: 0;
        border: 0;
        margin: 0 25px;
    }

        .notes-slide .notes .inner-top {
            color: #000;
            border-bottom: 1px solid #ccc;
        }

.notes .iframeclose {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    left: 15px;
    top: 4px;
    font-size: 32px;
    padding: 8px;
    line-height: 28px;
}

.notes .notes-status {
    font-weight: 500;
    color: #2b2b2b;
    margin: 0 0 3px;
}

.notes .notes-name {
    margin-right: 20px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.notes .notes-date {
    margin-left: 20px;
    font-size: 12px;
    float: right;
}

.notes-img.open {
    right: 25%;
    z-index: 99999;
}

/**Test**/
.test-img {
    position: fixed;
    right: 0px;
    top: 245px;
    cursor: pointer;
    z-index: 102;
    transition: all 0.4s ease;
}

    .test-img.open {
        right: 20%;
        z-index: 99999;
    }

.test-slide {
    right: -100%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 65%;
    z-index: 1032;
}

    .test-slide.open {
        width: 20%;
        float: right;
        right: 0;
        overflow: auto;
    }

    .test-slide .test {
        padding: 0;
        border: 0;
    }

        .test-slide .test .inner-top {
            color: #000;
            border-bottom: 1px solid #ccc;
            padding: 10px 0;
            position: fixed;
            top: 0;
            background: #fff;
            z-index: 9;
            width: 100%;
        }

.test .iframeclose {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-size: 32px;
    padding: 0 8px;
    vertical-align: middle;
    line-height: 20px;
    display: inline-block;
}

.test .inner-top ul {
    display: inline-block;
    margin: 0;
}

    .test .inner-top ul li {
        padding: 0 1px;
    }

        .test .inner-top ul li a {
            color: #e7363e;
            border: 1px solid #e7363e;
            border-radius: 3px;
            display: inline-block;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 600;
            padding: 5px 10px;
            margin: 0;
        }

            .test .inner-top ul li a.hvr-right {
                transition: all 0.5s ease;
                background: #fff;
            }

                .test .inner-top ul li a.hvr-right:hover {
                    background: #e7363e;
                    color: #fff;
                }

                .test .inner-top ul li a.hvr-right:before {
                    background: #e7363e;
                }

.test .test-list {
    padding: 60px 15px 15px;
    margin: 0;
}

    .test .test-list li {
        position: relative;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }

        .test .test-list li:last-child {
            border: none;
        }

        .test .test-list li .media-body {
            padding-left: 30px;
        }

        .test .test-list li span {
            color: #666;
            font-size: 14px;
            margin-bottom: 5px;
            display: inline-block;
        }

        .test .test-list li h4 {
            margin: 0;
            font-size: 14px;
            color: #333;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .test .test-list li p {
            font-size: 14px;
            color: #333;
        }

        .test .test-list li a {
            font-size: 14px;
            color: #333;
            position: absolute;
            top: 0;
            right: 0;
        }

            .test .test-list li a i {
                font-weight: 600;
                font-size: 18px;
                vertical-align: middle;
            }

.chkbox-opttd {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

    .chk-opt input, .chkbox-opt input, .chkbox-opttd input {
        position: absolute;
        opacity: 0;
    }

        .chk-opt input:checked ~ .checkmark, .chkbox-opt input:checked ~ .checktick, .chkbox-opttd input:checked ~ .checkticktd {
            background-color: #eaa501;
            border-color: #eaa501;
        }

.chkbox-trow .checkticktd {
    top: -5px;
    left: -5px;
}

.checkticktd {
    position: absolute;
    top: 2px;
    left: 5px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    margin: 0 -3px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.chk-opt input:checked ~ .checkmark:after, .chkbox-opt input:checked ~ .checktick:after, .chkbox-opttd input:checked ~ .checkticktd:after {
    display: block;
}

.chkbox-opttd .checkticktd:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark:after, .checktick:after, .checkticktd:after {
    content: "";
    position: absolute;
    display: none;
}

/* Hover */
.hvr-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-right:hover,
.hvr-right:focus,
.hvr-right:active {
    color: white;
}

    .hvr-right:hover:before,
    .hvr-right:focus:before,
    .hvr-right:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

/* Breadcrumbs */
.breadcrumb ul li:after {
    content: '/';
    display: inline-block;
    padding: 0 5px;
    right: -10px;
    position: absolute;
    font-size: 13px;
    top: 0px;
}

.breadcrumb ul li {
    display: inline-block;
    font-size: 13px;
    position: relative;
}

    .breadcrumb ul li a {
        color: #0078d7;
    }

    .breadcrumb ul li.active span {
        color: #333;
    }

.breadcrumb {
    padding: 0;
}

    .breadcrumb ul li.active:after {
        content: '';
    }

.scrapped-leads {
    position: absolute;
    bottom: 10px;
    left: 170px;
}

.ppaPremium-leads {
    position: absolute;
    bottom: 33px;
    left: 15px;
}

.nonPremium-leads {
    position: absolute;
    bottom: 33px;
    left: 170px;
}

.connected-leads {
    position: absolute;
    bottom: 10px;
}

.verified-leads {
    position: absolute;
    bottom: 33px;
    left: 492px;
}

.totalattempts-leads {
    position: absolute;
    bottom: 33px;
    left: 355px;
}

.totalcallduration-leads {
    position: absolute;
    bottom: 10px;
    left: 355px;
}
/* MPF */
.campaign-details .page-body .panel-heading .day-progress ul li p {
    color: #333;
    margin-bottom: 5px;
}

/* MPF */
.mpf {
    position: absolute;
    bottom: 20px;
    color: #333;
    text-align: center;
}

    .mpf span {
        display: block;
        font-style: italic;
    }

    .mpf p {
        font-size: 14px;
    }

        .mpf p span {
            font-size: 20px;
            display: inline-block;
            margin: 0 10px;
            vertical-align: middle;
            font-style: normal;
        }
/**Banner Details**/

.iframemask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.8;
    display: none;
    z-index: 1031;
}

.banner-details-slide {
    right: -100%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1032;
    width: 90%;
}

    .banner-details-slide .iframeclose {
        color: #303030;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 30px;
        top: 10px;
        font-size: 32px;
        padding: 8px;
        line-height: 28px;
    }

    .banner-details-slide.open {
        width: 90%;
        float: right;
        right: 0;
        overflow-y: auto;
    }

.banner-list {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    margin: 20px 30px;
    position: relative;
    box-shadow: 0px 0px 6px 0px #bbb;
    border-radius: 6px;
}

.banner-img-li {
    padding-bottom: 0 !important;
    float: right !important;
    margin-right: -5px;
}

.banner-list li {
    float: left;
    padding: 15px 30px 20px 30px;
}

ul.list-unstyled {
    list-style: none;
}

.lblTxt {
    color: #9F9F9F;
    font-size: 12px;
    margin: 0 0 5px;
}

.getTxt {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 5px;
}

.bannerP {
    position: relative;
    margin: 0;
    text-align: right;
    width: 113px;
    height: 113px;
}

    .bannerP > img {
        width: 100%;
        height: 100%;
        opacity: 0.75;
        object-fit: cover;
    }

.edit-img, .download-img {
    position: absolute;
    right: 59px;
    top: 41px;
    cursor: pointer;
}

.download-img {
    right: 22px;
}

p.emptySpace {
    padding-bottom: 10px;
}

p.emptySpaceUp {
    padding-top: 35px;
}

.checkTxt, .expireTxt, .hiddenTxt {
    font-size: 12px;
    padding-left: 7px;
    font-weight: 500;
}

.checkTxt {
    color: #2BA20E;
}

.expireTxt {
    color: #DC0009;
}

.hiddenTxt {
    color: #303030
}

li.borderedLi {
    position: relative;
    border: 1px solid #F2F2F2;
    border-top: 0;
    border-bottom: 0;
}

    li.borderedLi span {
        position: absolute;
        top: 55px;
        left: -20px;
    }

li.borderedLi {
    width: 23%;
}

li.bannertypeLi, li.subcategoryLi {
    width: 22%;
    margin-left: 10px;
}

li.cityLi {
    width: 10%;
    margin-left: 10px;
}

.banner-details-slide .top-filter .filter-inner.bgwhite {
    background: #fff;
    padding-bottom: 0;
}

.banner-details-slide .top-filter .filter-inner > span.blkcolor {
    color: #303030;
    border-right: 1px solid #BEBEBE;
}

.banner-details-slide .top-filter .filter-inner > span.bannerCount {
    color: #303030;
    font-size: 12px;
    position: relative;
    top: -39px;
    left: -81px;
}

.bannerCount small {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 10px;
    left: 92px;
    font-weight: 600;
}

.banner-details-slide .top-filter .filter-inner {
    margin-top: 0;
    padding: 10px 30px;
    position: relative;
}

    .banner-details-slide .top-filter .filter-inner > span {
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        vertical-align: middle;
        padding-left: 40px;
        margin-top: 13px;
    }

.bannerslide-list .filter-inner span {
    color: #31A531;
}

.performance-slide .bannerslide-list .iframeclose .interaction-slide {
    line-height: 28px;
}
/**Banner Details ends**/
@media(max-width:1440px) {
    #nav-menus {
        top: 60px;
    }

    .notes-slide.open {
        width: 30%;
    }

    .test-slide.open {
        width: 30%;
    }

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

    .notes-img.open {
        right: 30%;
    }
}

/*ATS*/

select#complainttype,
select#atscampid, .btn-div {
    margin: 10px 0;
    height: 35px;
    border-radius: 4px;
    width: 40%;
    float: left;
    margin-right: 5px;
}

select#complainttype, select#atscampid {
    margin-right: 12px;
}

.ats {
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    min-height: 120px;
}

    .ats .btn-div {
        margin-right: 0px;
        width: 10%;
    }

.btn-div button {
    background-color: #DE0000;
    color: white;
    border: none;
    padding: 7px 5px;
    border-radius: 4px;
}

select#ats_businessId, #moa_businessId {
    width: 50%;
    height: 35px;
    border-radius: 4px;
    padding: 5px;
    float: left;
    margin: 0 10px;
}

.ats-popup button {
    height: 35px;
}
/*Header View History*/

li.historyStrip {
    border: 1px solid #b9b8b8;
    width: 30px;
    padding: 2px 6px !important;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 5px;
}

.historyStrip.creditCard {
    padding: 2px 4px !important;
    margin-left: 4px;
}

.headerviewhistory-slide.open {
    width: 95%;
    float: right;
    right: 0;
    overflow-y: auto;
    padding: 0;
    border: 0;
    z-index: 1034;
}

.headerviewhistory-slide {
    right: -5000%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    z-index: 1032;
}

    .headerviewhistory-slide .inner-top {
        background: #333;
        color: #fff;
    }

    .headerviewhistory-slide .iframeclose {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 32px;
        padding: 11px;
        line-height: 28px;
    }

    .headerviewhistory-slide .inner-top h4 {
        padding: 15px 40px;
        margin: 0;
    }

    .headerviewhistory-slide th {
        text-align: center;
    }

    .headerviewhistory-slide.open thead tr {
        background: #afafaf;
    }

/*Header View History ends*/
/**Header Edit Customer**/

.edit-customer-slide.open {
    width: 95%;
    float: right;
    right: 0;
    overflow-y: auto;
    z-index: 1050;
}

.edit-customer-slide {
    right: -5000%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    z-index: 1032;
}

    .edit-customer-slide .notes {
        padding: 0;
        border: 0;
        margin: 0 25px;
    }

        .edit-customer-slide .notes .inner-top {
            color: #000;
            border-bottom: 1px solid #ccc;
            overflow: hidden;
        }

    .edit-customer-slide .inner-top {
        background: #333;
        color: #fff;
    }

    .edit-customer-slide .iframeclose {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 32px;
        padding: 11px;
        line-height: 28px;
    }

    .edit-customer-slide .inner-top h4 {
        padding: 15px 40px;
        margin: 0;
    }


.info p {
    text-align: center;
    color: #999;
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    margin-top: 2px
}

.info i {
    color: #F6AA93;
}

form.custEdit h1 {
    font-size: 18px;
    background: #F6AA93 none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    padding: 22px 25px;
    border-radius: 5px 5px 0px 0px;
    margin: auto;
    text-shadow: none;
    text-align: left
}

form.custEdit {
    border-radius: 5px;
    max-width: 800px;
    background: #fff;
    overflow: hidden;
    padding-left: 0;
    margin: 0 5px 0 20px;
    padding: 10px;
}


.custEdit p span {
    color: #F00;
}

.custEdit p {
    margin: 0px;
    font-weight: 500;
    line-height: 2;
    color: #333;
    width: 36%;
    float: left;
}

.custEdit h1 {
    text-align: center;
    color: #666;
    text-shadow: 1px 1px 0px #FFF;
    margin: 50px 0px 0px 0px
}

.custEdit input [type=text],
.custEdit select {
    border-radius: 5px;
    border: 1px solid #c7c7c7;
    margin-bottom: 0px;
    width: 90%;
    height: 40px;
    float: left;
    padding: 0px 10px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.custEdit select {
    cursor: pointer;
}

.custEdit i.fa.fa-angle-down {
    left: 240px;
    top: 40px;
    position: relative;
    font-size: 23px;
    pointer-events: none;
}

.custEdit a {
    text-decoration: inherit
}

.custEdit textarea {
    border-radius: 5px;
    border: 1px solid #c7c7c7;
    margin: 0;
    width: 90%;
    height: 83px;
    overflow-y: auto;
    float: left;
    padding: 0px 15px;
    resize: none;
}

.custEdit .form-group {
    overflow: hidden;
    clear: both;
    position: relative;
    margin-bottom: 10px;
}

.custEdit .icon-case {
    width: 35px;
    float: left;
    border-radius: 5px 0px 0px 5px;
    background: #eeeeee;
    height: 42px;
    position: relative;
    text-align: center;
    line-height: 40px;
}

.custEdit i {
    color: #555;
}

.contentform {
    padding: 40px 30px;
}

input.button-contact, input.button-contact:active, input.button-contact:focus {
    background-color: #e74c3c;
    color: #FFF;
    width: auto;
    border: 0;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    /* margin: 15px; */
    display: block;
}

.leftcontact {
    width: 50%;
    float: left;
    /*  border-right: 1px dotted #CCC;*/
    box-sizing: border-box;
    padding: 0px 0px 0px 30px;
}

.rightcontact {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    /* overflow: hidden; */
}

.validation {
    display: none;
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 13px;
    color: #DE5959;
}

#sendmessage {
    border: 1px solid #fff;
    display: none;
    text-align: center;
    margin: 10px 0;
    font-weight: 600;
    margin-bottom: 30px;
    background-color: #EBF6E0;
    color: #5F9025;
    border: 1px solid #B3DC82;
    padding: 13px 40px 13px 18px;
    border-radius: 3px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
}

    #sendmessage.show,
    .show {
        display: block;
    }

.custEdit .file-upload .file-select {
    display: block;
    border-bottom: none;
    cursor: pointer;
    line-height: 32px;
    text-align: left;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    border: 1px solid #c7c7c7;
    margin-bottom: 0px;
    width: 90%;
    height: 40px;
}


    .custEdit .file-upload .file-select .file-select-button {
        background: #484848;
        padding: 0 10px;
        display: inline-block;
        height: 32px;
        color: #fff;
        border-radius: 3px;
        margin: 3px;
    }

.custEdit .file-select-button i {
    padding: 0 8px 0 0;
    padding: 0 7px 0 0;
    color: #fff;
}

.custEdit .file-upload .file-select .file-select-name {
    display: inline-block;
    padding: 0 10px;
}

.custEdit .file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formPaddEdit {
    float: left;
}

span.spanAddEdit {
    padding-top: 5px;
    margin-right: 48px;
    font-size: 15px;
}

.add-another-no {
    background: #fff;
    z-index: 1;
    border: 1px solid #ddd;
    padding: 10px;
    display: none;
    position: absolute;
    right: 0px;
    list-style: none;
    top: 30px;
}

    .add-another-no a {
        font-size: 25px;
        color: #0060FF;
        padding-left: 10px;
    }

    .add-another-no input {
        width: 200px;
        border-radius: 0;
        margin-right: 0;
        height: 35px;
        margin-bottom: 0;
    }

ul.allBox {
    list-style: none;
    border-radius: 5px;
    border: 1px solid #c7c7c7;
    margin-bottom: 0px;
    width: 90%;
    max-height: 83px;
    min-height: 83px;
    float: left;
    padding: 5px 10px;
    overflow-y: auto;
}

    ul.allBox li {
        font-size: 15px;
    }

        ul.allBox li span {
            display: none;
        }

        ul.allBox li:hover span {
            display: block;
            background: #eee;
        }

        ul.allBox li i {
            float: right;
        }

        ul.allBox li:hover {
            background: #eee;
        }

        ul.allBox li a {
            margin: 0 5px 0 8px;
        }

.spanAddEdit.pull-left {
    margin-right: 0px;
    position: absolute;
}

/*.custEdit p.pull-left {
    width: 33%;
}*/

label.addlbl {
    top: 0 !important;
}

li.contactdetails {
    overflow: inherit !important;
}
/**Header Edit Customer Ends**/
.modal-content .modal-header.no-bor, .modal-content .modal-footer.no-bor {
    border: none;
}

.btn-default.cancel, .btn-default.cancel:hover {
    border: none;
    background: none;
}

.modal-backdrop.fade.in {
    z-index: 1031;
}

p.redTxt {
    color: red;
}

p.greenTxt {
    color: green;
}

p.blackTxt {
    color: #333;
}

.modal.fade.in.confirmed, .modal.fade.in.failed, .modal.fade.in.confirming {
    background: url(https://cdnlcsulekhalive.blob.core.windows.net/cdn/tools/CRMBI/need-att-bg.jpg)repeat-x;
    opacity: 0.95;
    background-size: 100% 100%;
    z-index: 9999;
}

.loaderadded {
    display: none;
}

.invoiceItem.loaderadded {
    display: block;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
/*2 Nudge */

.twoNudgesDiv .fontIcon i.fa {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle;
    top: 30%;
    position: absolute;
}

#nudge1 .carousel-inner {
    /*width: 60%;*/
    float: left;
}

#nudge2 .carousel-inner {
    width: 40%;
    float: right;
    padding: 8px 0;
    display: table;
    /***/
    border: 1px solid #ccc;
    margin-top: 9px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 4px;
    background: lightyellow;
}

    #nudge2 .carousel-inner p {
        background: #fff;
        display: inline-block;
        padding: 5px;
        border-radius: 4px;
        font-size: 13px;
    }

    #nudge2 .carousel-inner a {
        margin: 0 10px;
        margin-top: 0;
        font-size: 13px;
        font-weight: 500;
    }

.twoNudgesDiv .carousel-inner .carousel-control {
    background: none;
}

.twoNudgesDiv .carousel-control .fa-chevron-left {
    left: 5px;
}

.twoNudgesDiv .carousel-control .fa-chevron-right {
    right: 15px;
}

.twoNudgesDiv .item {
    padding: 5px 15px;
    margin: 0 0 10px 0px;
    font-size: 13px;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .twoNudgesDiv .item p {
        margin: 0;
    }

    .twoNudgesDiv .item span.sliderSpan {
        padding: 0 5px;
        display: -webkit-box;
    }

    .twoNudgesDiv .item span sub {
        color: #151515;
        margin-left: 5px;
    }

.twoNudgesDiv #nudge1 .item {
    /*margin-right: 10px;*/
    padding: 15px 25px 10px 25px;
    background: #fff7e9;
}

.twoNudgesDiv #nudge2 .item {
    background: #ffe9e9;
    display: table-cell;
    vertical-align: middle;
    height: 58px;
}

.alert-block .alert {
    color: #fff;
    background-color: #779bc4;
    border-color: #3e5d82;
}

.oneNudgesDiv {
    display: none;
}

    .twoNudgesDiv .nudgeCustid,
    .oneNudgesDiv .nudgeCustid {
        padding: 5px 2px;
        margin: 5px;
        border-radius: 5px;
    }

    .oneNudgesDiv .nudgeCustid {
        padding: 0px 10px;
        margin: 0px 10px;
    }

.geo-Circle {
    font-size: 16px;
}

/*Monthly Investment Slider*/

.monthly-Investment-slide.open {
    width: 50%;
    float: right;
    right: 0;
    overflow-y: auto;
    padding: 0;
    border: 0;
}

.monthly-Investment-slide {
    right: -5000%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    z-index: 1032;
}

    .monthly-Investment-slide .inner-top {
        background: #333;
        color: #fff;
    }

    .monthly-Investment-slide .iframeclose {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 32px;
        padding: 11px;
        line-height: 28px;
    }

    .monthly-Investment-slide .inner-top h4 {
        padding: 15px 40px;
        margin: 0;
    }

.monthly-Investment th {
    text-align: center;
}

.monthly-Investment.open thead tr {
    background: #afafaf;
}

input#myRangeMonth {
    width: 65%;
}

.rangeCtrls span {
    background: #fb6d24;
    border-radius: 4px;
    color: #fff;
    padding: 3px;
    width: 15%;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
}

.monthly-slider {
    margin: 10px;
    -webkit-appearance: none;
    width: 100%;
    height: 0px;
    border: 2px solid #FF5700;
    outline: none;
    -webkit-transition: .2s;
    float: left;
    transition: opacity .2s;
}

    .monthly-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        background: #fff;
        cursor: pointer;
        border-radius: 50px;
        border: 3px solid #707070;
    }

    .monthly-slider::-moz-range-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #fff;
        cursor: pointer;
        border-radius: 50px;
        border: 3px solid #707070;
    }

.monthly-Investment-slide #score-slide {
    padding: 30px 15px;
}

button.monthlySliderBtn {
    background: #d43f3a;
    color: #fff;
    border: 1px solid #d9534f;
    padding: 5px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    width: 25%;
    text-align: center;
    margin-top: 8px;
    float: right;
}

.monthlySliderTr th {
    width: 60%;
    font-weight: 500;
    font-size: 13px;
}

.monthlySliderTr td {
    width: 40%;
    font-size: 13px;
}

.rangeCtrls {
    text-align: center;
}

/*Monthly Investment Slider Ends*/
.interaction-slide .score-content {
    width: 47%;
    display: inline-block;
    margin: 0 10px 25px;
    z-index: 1;
}

article.col-md-12 {
    padding: 0;
}

.interaction-slide .performance {
    padding: 0;
    border: 0;
}

    .interaction-slide .performance .inner-top {
        background: #333;
        color: #fff;
    }

    .interaction-slide .performance #score-slide {
        padding: 0 15px;
    }

    .interaction-slide .performance .inner-top h4 {
        padding: 15px 40px;
    }

    .interaction-slide .performance .inner-slide-top {
        padding: 15px;
    }

    .interaction-slide .performance .filter-by {
        padding: 0;
    }

.interaction-slide {
    right: -100%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 65%;
    z-index: 1032;
}

    .interaction-slide .intractionIframeclose {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 32px;
        padding: 8px;
        line-height: 28px;
    }

    .interaction-slide.open {
        width: 90%;
        float: right;
        right: 0;
        overflow: auto;
    }

.notifyBell {
    width: 25px;
    margin: 0 5px;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#tblcestatus {
    border: none;
    right: -365px;
    text-align: center;
}

    #tblcestatus th {
        text-align: center;
    }

/*SPC */
.header .navbar-right .navbar-right li.dropdown.spc {
    margin: 0;
}

.dropdown.spc .label.label-primary {
    background-color: #337ab7;
    margin-top: 0px;
    font-size: 11px;
    font-weight: 100;
}

.dropdown.spc .label.label-default {
    font-size: 13px;
    background: transparent;
    display: inline-block;
}

li.dropdown.spc a {
    padding-top: 11px;
}

span.dropdown.spc {
    margin: 0 5px;
}

.head-icons ul li i.fa.fa-plane {
    padding-left: 3px;
}

a.packageTxtwrap {
    width: 195px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
/*SPC Ends*/
/**Modal popup Ends*/
/*.refund-slide {
    right: -100%;
    position: fixed;
    transition: all 0.3s linear;
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 65%;
    z-index: 1032;
}
    .refund-slide b.inner-head {
        padding-left: 15px;
    }
    .refund-slide.open {
        width: 90%;
        float: right;
        right: 0;
        overflow: auto;
    }
    .refund-slide .view-more {
        padding: 5px 10px;
        font-size: 12px;
        font-weight: 600;
    }
    .refund-slide ul {
        padding-left: 0;
    }
    .refund-slide .iframeclose {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 32px;
        padding: 8px;
        line-height: 28px;
    }
    .refund-slide .inner-top h4 {
        padding: 15px 40px;
        margin: 0;
    }
    .refund-slide .inner-top {
        background: #333;
        color: #fff;
    }
    .refund-slide .col-md-4 {
        background: #E6E6E6;
        padding: 20px 0;
        width: 28%;
    }
    .refund-slide .col-md-8 {
        width: 72%;
        padding: 0 25px;
    }
    .refund-slide .col-md-4 ul li {
        padding: 0 15px 15px;
        margin: 5px 15px 15px;
        background: #EFEFEF;
    }
    .refund-slide h5 {
        color: #33AE60;
        font-size: 14px;
        font-weight: 600;
        margin: 20px 0;
    }
    .refund-slide li {
        list-style-type: none;
    }
    .refund-slide .col-md-4 ul {
        padding: 10px 0;
    }
        .refund-slide .col-md-4 ul li.active {
            background: #fff;
            cursor: pointer;
            margin-right: 0;
        }
        .refund-slide .col-md-4 ul li:hover {
            background: #fff;
            cursor: pointer;
        }
.refund-inner-list strong {
    background: #33AE60;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    margin-left: 15px;
}
.refund-inner-list em {
    font-size: 12px;
    font-style: normal;
    padding-left: 25px;
}
    .refund-inner-list em span {
        color: #33AE60;
        width: auto;
        font-weight: 500;
    }
.refund-inner-list span {
    width: 49%;
    display: inline-block;
    color: #707070;
    font-size: 12px;
    margin: 10px 0;
}
    .refund-inner-list span b {
        color: #303030;
        display: block;
    }
.indi-refund-list-inner .last-update {
    width: 110px;
    display: inline-block;
    font-size: 12px;
}
    .indi-refund-list-inner .last-update span {
        width: 100%;
        color: #1D9DFC;
        font-weight: 600;
    }
.indi-refund-list-inner .rest-data {
    width: 88%;
    display: inline-block;
    vertical-align: top;
}
    .indi-refund-list-inner .rest-data span {
        width: 25%;
        display: inline-block;
        margin: 10px 30px;
        color: #707070;
        font-size: 12px;
    }
        .indi-refund-list-inner .rest-data span:last-child {
            width: 100%;
            display: block;
        }
        .indi-refund-list-inner .rest-data span b {
            display: block;
            color: #303030;
        }
.indi-refund-list-inner .last-update b {
    margin-bottom: 10px;
    display: block;
}
.indi-refund-list-inner .last-update em {
    color: #303030;
    display: block;
    margin-top: 5px;
    font-style: normal;
    font-weight: 600;
}
.download-form {
    position: absolute;
    right: 15%;
    top: 15px;
}
.indi-refund-list li {
    border-top: 1px solid #ddd;
    padding: 20px 15px;
}
.checkbox {
    padding-left: 0px;
    display: inline-block;
    vertical-align: middle;
}
    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }
        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 25px;
            height: 25px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #D9D9D9;
            top: 5px;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }
        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 5px;
            margin-left: -20px;
            padding-left: 4px;
            padding-top: 1px;
            font-size: 16px;
            color: #555555;
        }
    .checkbox input[type="radio"] {
        opacity: 0;
    }
        .checkbox input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }
        .checkbox input[type="radio"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }
        .checkbox input[type="radio"]:disabled + label {
            opacity: 0.65;
        }
            .checkbox input[type="radio"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }
    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }
    .checkbox.checkbox-inline {
        margin-top: 0;
    }
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #DB1E25;
    border-color: #DB1E25;
}
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}
@media (max-width:1400px) {
    .refund-slide .col-md-4 {
        width: 35%;
    }
    .refund-slide .col-md-8 {
        width: 65%;
    }
    .indi-refund-list-inner .rest-data {
        width: 80%;
    }
        .indi-refund-list-inner .rest-data span {
            width: 25%;
            margin: 10px 20px;
        }
    .refund-inner-list em {
        padding-left: 15px;
    }
}*/
/*=======new css=======*/
#CMSExecutive {
    padding: 15px;
}

.cms-manage-attendence input:valid ~ label {
    font-size: 16px;
    margin-left: 5px;
}

#CMSExecutive #div_actionDetails .executives-attendence {
    padding: 15px;
}

#CMSExecutive .btnChk {
    font-size: 13px;
    color: #1b9cfc;
    font-weight: 500;
    border: 1px solid #1b9cfc;
    border-radius: 3px;
    padding: 5px 15px;
    display: inline-block;
    transition: all 0.5s ease;
    background: transparent;
    margin: 5px;
}

#divattendence h5 {
    font-size: 16px;
}

#divattendence table th {
    background: #eee;
}

/*Mobile Status*/

li.mobileStatus span {
    font-size: 14px;
}

span.mobileStatusDetails {
    font-weight: 500;
    color: #000
}

    span.mobileStatusDetails.installed {
        color: #43a064;
    }

    span.mobileStatusDetails.uninstalled {
        color: #e35455;
    }

li.mobileStatus em {
    color: red;
    text-align: right;
    font-weight: 100;
    color: #333;
    display: none;
}

li.app-main span.mobileStatusDetails.uninstalled {
    color: #e35455;
}

h4.text-uppercase.uninstalled, em.uninstalled, sub.uninstalled {
    color: #e35455;
}

h4.text-uppercase.installed, em.installed, sub.installed {
    color: #6ab04c;
}

.greaterThan20Days {
    color: #ff7979 !important;
}

.greaterThan10Days {
    color: #f9ca24 !important;
}

/*Mobile Status Ends*/
/*improve-leads-slide*/
.improve-leads-slide.open {
    width: 95%;
    float: right;
    right: 0;
    overflow-y: auto;
    padding: 0;
    border: 0;
    position: fixed;
    display: block;
    transition: all 0.3s linear;
}

.improve-leads-slide {
    right: -5000%;
    background-color: #fff;
    top: 0;
    bottom: 0;
    z-index: 1032;
    display: none;
}

    .improve-leads-slide .inner-top {
        background: #333;
        color: #fff;
    }

    .improve-leads-slide .iframeclose {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 32px;
        padding: 11px;
        line-height: 28px;
    }

    .improve-leads-slide .inner-top h4 {
        padding: 15px 40px;
        margin: 0;
    }

.panel-group.improvePanel .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee;
    margin: 15px;
}

.panel-group.improvePanel .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fff;
    border-color: #eee;
}

.panel-group.improvePanel .panel-title {
    font-size: 13px;
}

    .panel-group.improvePanel .panel-title > a {
        display: block;
        text-decoration: none;
        color: #3da0f9;
    }

.panel-group.improvePanel .more-less {
    float: right;
    color: #212121;
    font-weight: 200;
    font-size: 12px;
    top: 16px;
    right: 20px;
}

.panel-group.improvePanel .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.panel-group.improvePanel {
    margin: 20px;
}

.hdrLeadsCount {
    background: #5b9afc;
    border-radius: 50px;
    color: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    margin: 0 10px;
}

    .hdrLeadsCount.two {
        background: #ff6d6a;
    }

    .hdrLeadsCount.three {
        background: #00d1d3;
    }

    .hdrLeadsCount.four {
        background: #576473;
    }

    .hdrLeadsCount.five {
        background: #000fd3;
    }

    .hdrLeadsCount.six {
        background: #f4b642;
    }

.hdrleadsMain {
    background: #f7f7f7;
    padding: 10px 0;
    margin-right: 15px;
    display: inline-block;
    width: 170px;
}

    .hdrleadsMain b {
        font-size: 12px;
        font-weight: 500;
        color: #000;
        padding-right: 10px;
    }

.improveleadsLi {
    margin: 5px 0;
}

    .improveleadsLi li {
        padding: 2px 0;
        font-size: 13px;
    }

/*improve-leads-slide Ends*/
.dailerFab-img {
    position: fixed;
    right: 33px;
    bottom: 100px;
    cursor: pointer;
    z-index: 102;
    width: 52px;
    height: 52px;
    transition: all 0.4s ease 0s;
    background: green;
    border-radius: 50px;
}

.dailerFab-img {
    position: fixed;
    right: 33px;
    bottom: 100px;
    cursor: pointer;
    z-index: 102;
    width: 52px;
    height: 52px;
    transition: all 0.4s ease 0s;
    background: green;
    border-radius: 50px;
}

    .dailerFab-img img {
        width: 40px;
        height: 40px;
        margin-top: 6px;
        margin-left: 6px;
    }



/*search by unr Starts*/

input#txtSearchByUNR {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 27px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 7px 5px 7px 5px;
    width: 150px;
    font-size: 12px;
}

button#searchUNR {
    height: 27px;
    border-top-left-radius: 0;
    padding: 0px 6px;
    border-bottom-left-radius: 0;
    font-size: 13px;
    line-height: 1;
}

/*search by unr Ends*/


.dailerFab-img img {
    width: 40px;
    height: 40px;
    margin-top: 6px;
    margin-left: 6px;
}


.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background: rgb(255, 255, 255);
    padding: 10px;
    border: 1px solid rgb(238, 238, 238);
}

audio.audio-custom {
    transform: scale(0.7);
    /*position: absolute;*/
    left: -30px;
    bottom: 0;
}

.tbl-metrics th {
    background: #6b6b6b;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.data-tool-detail.right.custTblminhgt {
    min-height: 0 !important;
    top: -30px;
}

    .data-tool-detail.right.custTblminhgt:before {
        top: 25px;
    }
/*Pause Status*/

label.pauseStatus {
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px 15px;
    font-weight: 500;
}

/*Pause Status Ends*/

.pauseStatus .data-tool-detail {
    display: none;
}

.pauseStatus .data-tool-detail {
    width: 510px;
    right: -510px;
    top: -68px;
    z-index: 99;
    padding: 5px;
    color: #000;
    border: 5px solid #9e9e9e;
    background: #f3f3f3;
    /* max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;*/
}

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

    .pauseStatus .data-tool-detail.open {
        display: block !important;
    }

.pauseStatus .col-md-6 {
    padding: 0 10px;
}

.pauseStatus table th {
    font-size: 13px;
    font-weight: 500;
    padding: 4px 8px !important;
    text-align: center;
}

.pauseStatus table tr > td {
    padding: 4px 8px;
    font-weight: normal;
    font-size: 12px;
}

    .pauseStatus table tr > td.countNum {
        font-weight: 600;
        text-align: center;
    }

.pauseStatus .data-tool-detail li span {
    width: auto;
    margin: 0 10px;
}

.pauseStatus .data-tool-detail li {
    float: left;
    border: none;
}

.statusNonudges ul,
.statusYesnudges ul {
    padding: 0;
    overflow: hidden;
    margin-bottom: 5px;
}

.statusNonudges .redColoreddiv,
.statusYesnudges .greenColoreddiv {
    overflow: hidden;
    background: #FFE9E9;
    padding: 10px;
    font-size: 12px;
    border-radius: 4px;
}

.statusYesnudges .greenColoreddiv {
    background: #F1FFF8;
}

.statusNonudges > p, .redColoreddiv > sub {
    color: #EA503B;
    margin-bottom: 5px;
}

.statusYesnudges > p, .greenColoreddiv > sub {
    color: #27B46E;
    margin-bottom: 5px;
}

.redColoreddiv p,
.greenColoreddiv p {
    margin: 0;
}

.statusNonudges,
.statusYesnudges {
    padding: 0 10px 15px 10px;
    overflow: hidden;
}

.pauseStatus .data-tool-detail li span:first-child {
    margin-left: 0;
}

.pauseStatus.data-tool a {
    float: right;
    /*background: #e03944;*/
    color: #0066ff;
    padding: 3px 5px;
    border-radius: 5px;
}

.small-font {
    font-size: small;
}

.circle-ripple img {
    margin-top: -5.5px;
    margin-left: 1px;
}

.circle-ripple {
    background-color: #E03944;
    border-radius: 50%;
    animation: ripple 0.6s linear infinite;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 3px;
    margin-right: 10px;
    text-align: center;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(224, 57, 68);
    }

    100% {
        box-shadow: 0 0 0 0.25em rgba(224, 57, 68, 0.3);
    }
}




/*Page Access*/
.iframepage.page-access .head {
    padding: 15px;
    margin-bottom: 25px;
}

.page-access input {
    padding: 10px;
    margin-right: 12px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: none;
}

p.no-record {
    text-align: center;
    margin: 35px;
}

.page-access a.iframeclose {
    color: #fff !important;
    line-height: 35px;
}

span.access-txt {
    margin-left: 20px;
}

.page-access table {
    margin: 18px 10px 10px 0;
}

.page-access .access-detail-grid {
    max-height: 700px;
    overflow: auto;
}
/* Merge Customer*/
.customerWrap {
    padding: 10px 20px;
    overflow: hidden;
    margin: 20px;
    height: 700px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.input-grp {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin: 0 -2px;
    padding: 0 50px 0 0;
}

.customerId {
    margin: 20px 0;
    padding: 20px 0;
}

.input-grp .input-label {
    font-weight: 500;
    margin-bottom: 10px;
    color: #333;
    display: inline-block;
    max-width: 100%;
    font-size: 16px;
}

.input-grp input {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: 0;
    height: 40px;
    line-height: 20px;
}

.getData {
    width: 30%;
    display: inline-block;
    margin-top: 33px;
    text-align: right;
}

.mergeCustomer {
    width: 50%;
    text-align: center;
    margin: 50px auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
}

a.getDatabtn,
a.mergeCustomerbtn {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 10px 15px;
    height: 40px;
    line-height: 20px;
    font-weight: 400;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color .5s ease;
    vertical-align: middle;
    width: 40%;
    text-align: center;
    background: #db1e25;
    text-transform: uppercase;
}

/*	a.mergeCustomerbtn {
			width:40%;
		}
*/

.customerDataTbl {
    margin-top: 70px;
    overflow: scroll;
    max-height: 400px;
}


    .customerDataTbl th {
        font-weight: 500;
        background: #b7b7b7;
        text-align: center;
    }

    .customerDataTbl td {
        vertical-align: middle !important;
        background: #fff;
        text-align: center;
    }

.modal-body.successMsg,
.modal-body.errorMsg {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    border-radius: 10px;
}

.modal-body.errorMsg {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.modal-header.hdrClose {
    padding: 0;
    border: none;
}


/* Start: property */

.commonTblHeader .panel-title a,
.commonTblHeader .panel-title a:hover {
    display: block;
    padding: 5px;
    position: relative;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    background: transparent;
}

    .commonTblHeader .panel-title a:before,
    .commonTblHeader .panel-title a:after {
        content: "";
        width: 2px;
        height: 10px;
        background: #3fa5f6;
        font-size: 15px;
        position: absolute;
        top: 10px;
        right: 0px;
        transform: rotate(-45deg);
        transition: all 0.3s ease-in-out 0s;
        font-weight: 100;
    }

    .commonTblHeader .panel-title a:after {
        right: 6px;
        transform: rotate(45deg);
    }

    .commonTblHeader .panel-title a.collapsed:before {
        transform: rotate(45deg);
        background: #1d2e3b;
    }

    .commonTblHeader .panel-title a.collapsed:after {
        transform: rotate(-45deg);
        background: #1d2e3b;
    }

span.dataCount {
    display: inline-block;
    text-align: center;
    background: #ac0000;
    border-radius: 25px;
    float: right;
    margin-right: 15px;
    font-size: 13px;
    width: 25px;
    height: 25px;
    color: #fff;
    line-height: 25px;
    font-weight: normal;
    margin-top: -3px;
}

span.tbl-updateDate {
    display: block;
    color: #b8b8b8;
    font-size: 13px;
}

.panel-body strong {
    display: block;
    color: #707070;
    font-weight: 500;
    font-size: 13px;
    margin: 5px 0;
}

.tbl-viewmore a {
    float: right;
    font-weight: 500;
    font-size: 13px;
}

span.tbl-viewmore {
    color: #b8b8b8;
    font-size: 13px;
}

.filled-sugg,
.filled-sugg.panel-default > .panel-heading {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0 0 5px 0px;
}

    .filled-sugg .panel-body {
        padding: 15px;
        background: #fff;
        margin: 10px 0;
        border-radius: 5px;
        border: 1px solid #b2b2b2;
    }

    .filled-sugg.panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: 1px solid #b2b2b2;
    }

    .filled-sugg.panel.panel-default {
        margin-bottom: 0;
    }

div.commonTblHeader {
    background: #e8e8e8;
    margin-right: 10px;
    width: 32.5%;
    border-radius: 4px;
}

.commonTblHeader #tbl-parent3 {
    margin: 0;
}

.commonTblHeader h4 {
    text-align: center;
    background: #fff;
    padding: 5px;
    border-radius: 15px;
    margin: 15px 0px 30px 0;
    display: inherit;
}

.filled-sugg .panel-collapse.collapse.in[aria-expanded="true"] {
    background: transparent;
}

h5.fontWgt {
    font-weight: 600;
}

.cursor-pointer {
    text-decoration: underline;
    color: blue;
    display: inline-block;
    cursor: pointer
}
/*End Property*/
div#div_reassign {
    margin: 10px 10px;
}

#div_reassign h4 {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
}

span.existingCustomer span {
    font-weight: 500 !important;
    color: #c50000 !important;
    padding-left: 5px;
}

.existingCustomer i.fa.fa-flag {
    color: #c50000;
}

.existingCustomerLoading i {
    color: #237a08 !important;
    margin-left: 10px !important;
    font-size: 3px !important;
}
/***Blocked Customer ***/
.blockedCustomer {
    background: #cc2929;
    text-align: center;
    padding: 8px 0;
    margin-bottom: 10px;
}

    .blockedCustomer p {
        color: #fff;
        font-size: 17px;
        text-transform: uppercase;
        margin: 0;
        font-weight: 500;
    }

/***Blocked Customer Ends***/
.reassignSelect.form-group {
    width: 49.5%;
    float: left;
}

input.txtreassignComments, textarea.txtreassignComments {
    /* border: 1px solid #999; */
    border-radius: 4px;
    padding: 10px;
    height: 34px;
    width: 100%;
    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    resize: none;
}

.tckSaveDiv {
    width: 42%;
    float: right;
    text-align: right;
}
/* Star Rating - Starts */

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}

    .rate:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 30px;
        color: #ccc;
    }

        .rate:not(:checked) > label:before {
            content: '★ ';
        }

    .rate > input:checked ~ label {
        color: #ffc700;
    }

    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;
    }

    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }
/* Star Rating - Ends */

/**Radio Options*/
.radioContainer {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    margin-right: 22px;
}

    .radioContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        margin: 0;
    }

.checkmarkDur {
    position: absolute;
    top: 0px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #d0d0d0;
    border-radius: 50%;
}

.radioContainer input:checked ~ .checkmarkDur {
    background-color: #FF5700;
}

.radioContainer .checkmarkDur:after {
    top: 5px;
    left: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f3f9ff;
}

.radioContainer input:checked ~ .checkmarkDur:after {
    display: block;
}

.createTicketFormEdit {
    margin: 0 auto;
    width: 35%;
    display: block;
    box-shadow: 0 3px 5px #bbb;
    padding: 10px 0px 10px 30px;
    border-radius: 4px;
}

    .createTicketFormEdit .custEdit select {
        width: 70%;
    }

    .createTicketFormEdit input.button-contact {
        width: 30%;
        margin: 0 auto;
        text-align: center;
        display: block;
        float: none;
        clear: both;
    }

.custEdit .createTicketFormEdit i.fa.fa-angle-down {
    left: -26px;
    top: 7px;
}

.createTicketFormEdit .form-group input[type="file"] {
    padding: 8px;
}

.lblContain {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
}

    .lblContain input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

        .lblContain input:checked ~ .checkmark {
            background-color: #dc0009;
            border: 1px solid #dc0009;
        }

            .lblContain input:checked ~ .checkmark:after {
                display: block;
            }

    .lblContain .checkmark:after {
        left: 5px;
        top: 1px;
        width: 6px;
        height: 13px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .lblContain .checkmark {
        position: absolute;
        top: 0px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #fff;
        border-radius: 3px;
        border: 1px solid #959595;
    }

.form-group.unSet {
    overflow: unset;
}

.createTicketHdrH4 h4#ticketHeader, .createTicketHdrH4 h4#propertyInteractionHeader {
    padding: 15px;
    margin: 0;
}

.createTicketHdrH4 a.iframeclose {
    color: #fff !important;
    top: 2px !important;
}

    .createTicketHdrH4 a.iframeclose.actblack {
        color: #000 !important;
    }
/**Radio Options Ends*/


/* Star Rating - Ends */

.app-tooltip-detail.width400 {
    width: 400px;
}

.wordWraphdr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
}
/********Youtube video***********/
li.youTube {
    position: absolute;
    bottom: -98px;
    left: -315px;
    border: 1px solid #4ca063;
    background: #4ca063;
    height: 34px;
    width: 35px;
    margin: 0px;
    border-radius: 3px;
    padding-top: 4px !important;
    cursor: none;
}

.head-icons ul li.youTube i {
    color: #fff;
    font-size: 25px;
}

performance-slide.open, .iframepage.open {
    z-index: 9999;
    overflow: auto;
}
/***Common Header Style*/
.commonHdrStyle .inner-top {
    background: #333;
    color: #fff;
}

.commonHdrStyle .iframeclose {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 32px;
    padding: 11px;
    line-height: 28px;
}

.commonHdrStyle h4 {
    padding: 15px 40px;
    margin: 0;
}
/***Common Header Style Ends*/

.alert.subscription a {
    cursor: none;
}

.alert.subscription i {
    font-size: 3px;
}

p.full-width {
    width: 100%;
}

.detDownload, .detDownload:hover {
    background: #1e90ff;
    border: 1px solid #0984e3;
    margin-left: 10px;
}

.reassignSelect.form-group.TicketDivCmd {
    clear: both;
    margin-right: 10px;
}

.tktCmd {
    height: 100px !important;
    overflow-y: auto;
}

.tckSaveCmd {
    /*margin-right: 15px;*/
}

.mrgt10px {
    margin-right: 10px;
}

.mtop4px {
    margin-top: 4px;
}

.autoRechargeSub {
    font-size: 12px;
    font-weight: 500;
    margin-top: 25px;
}

    .autoRechargeSub a {
        border-radius: 4px;
        background: #cc2929;
        color: #fff;
        padding: 0px 2px;
    }

.marginBtm50 {
    margin-bottom: 50px;
}
/**LAV**/
span.lavDiv {
    background: #747d8c;
    padding: 0px 7px;
    margin-left: 3px;
    border-radius: 3px;
}

    span.lavDiv a {
        color: #fff;
        font-size: 12px;
        font-weight: 500;
    }

.prof-status i.fa.fa-thumbs-o-up {
    margin-left: 5px;
}

span.lavDiv label {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -7px;
    background: #000;
    color: #fff;
    padding: 2px 4px;
    font-size: 11px;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin-left: -20px;
}

    span.lavDiv label:after {
        border-top: 6px solid #000;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 16px;
        left: 4px;
        border-left: 6px solid transparent;
    }
/**LAV Ends*/

.opted .data-tool-detail {
    right: -275px;
    top: 211px;
}

.opted li span {
    padding: 7px 0 !important;
}

.audioUrl-detailedView {
    position: absolute;
    z-index: 999;
}

    .audioUrl-detailedView ul {
        background: #ececec;
        border: 1px solid #c1c0c0;
        overflow: hidden;
        z-index: 999;
        border-radius: 4px;
        padding: 5px !important;
    }

        .audioUrl-detailedView ul li {
            padding: 5px !important;
            border-bottom: 1px solid #999;
        }

            .audioUrl-detailedView ul li a {
                font-size: 12px !important;
                font-weight: normal !important;
                color: blue !important;
                cursor: pointer;
            }
/* new lead summary start */

.lead-summary-wrapper.lead-detail-section {
    width: 100%;
    float: left;
    padding: 0;
}

.lead-summary-wrapper .inner-top {
    padding: 10px 0px 7px;
}

    .lead-summary-wrapper .inner-top h4 {
        font-size: 14px;
        padding: 8px 0px 0px 10px;
        color: #333333;
    }

.lead-summary-wrapper.lead-detail-section .select-business {
    box-shadow: none;
    border-color: #B2B2B2;
    min-width: 113px;
    text-align: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0;
    position: relative;
    margin-top: 4px;
    margin-right: 8px;
}

    .lead-summary-wrapper.lead-detail-section .select-business i.fa {
        line-height: 20px;
        color: #000;
        font-weight: 600;
        font-size: 16px;
        position: absolute;
        top: 2px;
        right: 10px;
    }

.lead-detail-section.lead-summary-wrapper .lead-date {
    font-size: 11px;
    color: #555555;
    display: inline-block;
    padding: 8px 0px 0px 10px;
}

.lead-summary-wrapper.lead-detail-section .filter-by {
    display: inline-block;
    float: right;
}

.lead-summary-wrapper .filter-by .form-control {
    font-weight: normal;
    font-size: 14px;
}

.lead-detail-section.lead-summary-wrapper .filter-by select {
    min-width: 90px;
    padding: 3px 5px;
    width: 100%;
    position: relative;
    z-index: 50;
    background-color: transparent
}

.lead-detail-section.lead-summary-wrapper .filter-by span {
    /*margin-right: 10px;*/
}

.summary-collpase {
    display: block;
    background-color: #DEF2FF;
    float: left;
    width: 100%;
    margin: 5px 0;
    position: relative;
    overflow: hidden;
}

    .summary-collpase:last-child {
        margin-bottom: 0;
    }
    /*.lead-detail-section.lead-summary-wrapper .summary-collpase:nth-of-type(2) {
    margin-top: 0;
}*/

    .summary-collpase .leads-count {
        background-color: #34556B;
        width: 20%;
        float: left;
        min-height: 123px;
        position: relative;
        vertical-align: middle;
    }

        .summary-collpase .leads-count.leadsDevice {
            min-height: 170px;
        }

        .summary-collpase .leads-count p {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            height: 45px;
            text-align: center;
            color: #fff;
            font-weight: 600;
            font-size: 12px;
            line-height: 22px;
            cursor: pointer;
        }

            .summary-collpase .leads-count p span {
                display: block;
                font-size: 18px;
            }

    .summary-collpase .lead-short-detail {
        padding: 7px 7px 25px 3%;
    }

        .summary-collpase .lead-short-detail span.track-status.red {
            color: #f00;
        }

        .summary-collpase .lead-short-detail span.track-status.green {
            color: #008033;
        }

        .summary-collpase .lead-short-detail span.track-status {
            font-size: 12px;
            font-weight: 600;
            display: inline-block;
            margin-right: 10px;
        }

            .summary-collpase .lead-short-detail span.track-status em {
                font-style: normal;
                display: inline-block;
            }

        .summary-collpase .lead-short-detail .progress {
            width: 120px;
            display: inline-block;
            margin: 0;
            height: 5px;
            position: relative;
            top: -2px;
        }

            .summary-collpase .lead-short-detail .progress.red {
                background-color: #FFD1D1
            }

                .summary-collpase .lead-short-detail .progress.red .progress-bar {
                    background-color: #FF0000;
                }

            .summary-collpase .lead-short-detail .progress.green {
                background-color: #76CF99
            }

                .summary-collpase .lead-short-detail .progress.green .progress-bar {
                    background-color: #008033;
                }

    .summary-collpase .track-hint-wrap {
        position: absolute;
        bottom: 7px;
        left: 5px;
        cursor: pointer;
        font-size: 12px;
    }

    .summary-collpase span.track-hint {
        display: inline-block;
        font-size: 12px;
        margin: 0 0 0 7px;
        color: #4B4B4B;
    }

    .summary-collpase .lead-short-detail {
        width: 80%;
        float: left;
        position: relative;
    }

        .summary-collpase .lead-short-detail ul {
            list-style: none;
            padding: 10px 0 7px;
            margin: 0;
        }

        .summary-collpase .lead-short-detail span {
            cursor: pointer;
        }

            .summary-collpase .lead-short-detail span em {
                font-style: normal;
                font-weight: 600;
            }

        .summary-collpase .lead-short-detail ul li {
            display: inline-block;
            margin: 0 10px;
            font-size: 12px;
            cursor: pointer;
        }

            .summary-collpase .lead-short-detail ul li:nth-child(1) {
                margin-left: 0;
            }

            .summary-collpase .lead-short-detail ul li span {
                display: block;
                color: #333333;
                font-size: 11px;
                font-weight: 600;
                margin-top: 5px;
                cursor: none;
            }

        .summary-collpase .lead-short-detail .attempts {
            cursor: pointer;
            position: absolute;
            display: inline-block;
            bottom: 7px;
            left: 10px;
            font-size: 12px;
            color: #4B4B4B;
        }

            .summary-collpase .lead-short-detail .attempts em {
                font-style: normal;
                font-weight: 600;
            }

    .summary-collpase a.view-panel {
        cursor: pointer;
        position: relative;
        display: inline-block;
        top: -6px;
        right: 10px;
        font-size: 12px;
        text-transform: uppercase;
        background: transparent;
        float: right;
        font-weight: 500;
    }

    .summary-collpase .sub-panel {
        margin: 10px;
        width: 96%;
        float: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: transparent !important;
        transition: all 0.5s;
    }

        .summary-collpase .sub-panel h3 {
            font-size: 14px;
            color: #333333;
            margin: 20px 10px 10px;
        }

        .summary-collpase .sub-panel ul {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }

            .summary-collpase .sub-panel ul li {
                color: #000;
                cursor: pointer;
                display: block;
                padding: 9px 10px;
                font-size: 12px;
                transition: all 0.5s;
                margin-bottom: 7px;
                position: relative;
                background: #fff;
                border-radius: 5px;
            }

                .summary-collpase .sub-panel ul li span {
                    color: #333;
                    font-size: 13px;
                    font-weight: 600;
                    text-decoration: underline;
                    transition: all 0.5s;
                }

                .summary-collpase .sub-panel ul li:hover {
                    background-color: #F3F3F3;
                    transition: all 0.5s;
                }

                    .summary-collpase .sub-panel ul li:hover span {
                        color: #0066ff;
                        transition: all 0.5s;
                    }

                .summary-collpase .sub-panel ul li:last-child {
                    margin-bottom: 0;
                }
/* new lead summary end */
.inthistory-list-div {
    overflow: hidden;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 -2px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    border-radius: 4px;
}

    .inthistory-list-div .col-md-6.bor-rgt {
        clear: initial;
    }

.col-md-6.bor-rgt {
    clear: left;
}
/*Related Needs starts*/
.relatedneeds-campaign {
    margin: 0px 6px 20px 4px !important;
    background: #fff;
    box-shadow: 0 0 1px 1px #bbb;
    padding: 10px !important;
    width: 49%;
    border-radius: 4px;
    font-size: 12px;
}

label.lblmappedNeedCaption {
    padding-right: 15px;
    font-weight: 600;
}

label.lblmappedNeed, .lblRelatedNeed {
    width: 70%;
    font-weight: normal;
}

/*Related Needs ends*/
.col-md-6.bor-rgt .filled-sugg ul li {
    list-style: circle;
    float: left;
    width: 46%;
    margin-left: 10px;
}

#divRelatedNeeds h3 {
    font-size: 15px;
    font-weight: 600;
}

.col-md-6.bor-rgt .filled-sugg ul li {
    list-style: circle;
    float: left;
    width: 46%;
    margin-left: 10px;
}

#divRelatedNeeds h3 {
    font-size: 15px;
    font-weight: 600;
}

.ticket-list span.da-ti {
    font-size: 11px;
    color: #666;
}

.ticket-list li em {
    font-style: normal;
    font-size: 11px;
    padding: 0 5px;
    color: #666;
}

.ticket-list li .col-md-5 label {
    position: static;
    margin: 0 5px;
    border-radius: 3px;
}

.ticket-list li b {
    display: block;
    padding: 10px 0;
    font-size: 13px;
    color: #333;
}

.ticket-list li p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 21px;
    color: #666;
}

.ticket-list li .cms-link {
    position: absolute;
    top: 3px;
    right: 0px;
    text-transform: uppercase;
    width: 25px;
}

    .ticket-list li .cms-link a {
        font-size: 16px;
        margin: 0 10px;
    }

.ticket-list li .col-md-6 > ul {
    border-radius: 5px;
    padding-top: 15px;
    margin-top: 15px;
    margin-left: 40px;
    margin-bottom: 15px;
}

    .ticket-list li .col-md-6 > ul > li > p {
        font-size: 11px;
        color: #333;
        margin-left: -100%;
        line-height: 10px;
    }

    .ticket-list li .col-md-6 > ul > li span {
        font-size: 11px;
        color: #666;
        margin-left: -100%;
    }

.status-detail > a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 0;
    display: inline-block;
}

.ticket-list > li {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    padding: 5px 0;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    float: left;
    background: #fff;
}

.ticket-list li label {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    background: #747d8c;
    padding: 2px 5px;
    margin: 0 5px 10px;
}

.status-block {
    border: 1px solid #c8c8c8;
    margin: 10px 0;
    background: #fff;
}

    .status-block.disp-block {
        display: block;
    }

    .status-block ul li {
        font-style: normal;
        font-size: 11px;
        padding: 0 5px;
        color: #666;
    }

    .status-block .inprogress {
        font-size: 13px;
        font-weight: 600;
        color: #378b35;
    }
/**Ticket Interaction for dailer*/
.panelpage .ticket-list, .panelpage .ticket-details {
    padding: 0 15px;
}

.ticket-list {
    margin-right: 5px;
    margin-left: 15px;
    width: 98%;
}

    .ticket-list.bgWhite > li {
        border: 1px solid #d8d8d8;
        border-radius: 3px;
        padding: 5px 0;
        margin-bottom: 10px;
        position: relative;
        width: 100%;
        float: left;
        background: #f1ff1f1;
    }

    .ticket-list > li .col-md-5, .ticket-list > li .col-md-6, .ticket-list > li .col-md-1 {
        width: 100%;
        position: static;
    }

    .ticket-list span.da-ti {
        font-size: 11px;
        color: #666;
    }

    .ticket-list li em {
        font-style: normal;
        font-size: 11px;
        padding: 0 5px;
        color: #666;
    }

    .ticket-list li label {
        font-size: 11px;
        font-weight: normal;
        color: #fff;
        background: #747d8c;
        padding: 2px 5px;
        margin: 0 5px 10px;
    }

    .ticket-list li b {
        display: block;
        padding: 10px 0;
        font-size: 13px;
        color: #333;
    }

    .ticket-list li p {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 21px;
        color: #666;
    }

    .ticket-list li .col-md-6 > ul {
        border-radius: 5px;
        padding-top: 15px;
        margin-top: 15px;
        margin-left: 40px;
    }

        .ticket-list li .col-md-6 > ul > li {
            position: relative;
            min-width: 150px;
            text-align: center;
            cursor: pointer;
        }

            .ticket-list li .col-md-6 > ul > li > p {
                font-size: 11px;
                color: #333;
                margin-left: -100%;
                line-height: 10px;
            }

            .ticket-list li .col-md-6 > ul > li span {
                font-size: 11px;
                color: #666;
                margin-left: -100%;
            }

            .ticket-list li .col-md-6 > ul > li:first-child .hover-block, .ticket-list li .col-md-6 > ul > li:nth-child(1) .hover-block {
                left: -45px;
            }

.hover-head {
    margin-bottom: 5px;
}

.hover-block .hover-body {
    line-height: 20px;
}

.ticket-list li b {
    display: block;
    padding: 10px 0;
    font-size: 13px;
    color: #333;
}

.text-right {
    text-align: right;
}

.ticket-list li .col-md-6 > ul > li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #378b35;
    border-radius: 20px;
    top: -22px;
    left: 0;
    z-index: 9;
}

.ticket-list li .col-md-6 > ul > li > p {
    font-size: 11px;
    color: #333;
    margin-left: -100%;
    line-height: 10px;
}

.ticket-list li .col-md-6 > ul > li span {
    font-size: 11px;
    color: #666;
    margin-left: -100%;
}

.hover-block {
    position: absolute;
    left: -140%;
    bottom: 65px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    cursor: default;
    z-index: 99;
    font-weight: normal;
    border-radius: 5px;
    min-width: 450px;
    padding: 15px 15px;
    font-size: 12px;
    color: #666;
    display: none;
    text-align: left;
}

.hover-head {
    margin-bottom: 5px;
}

.hover-block .hover-body {
    line-height: 20px;
}

.status-detail > a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 0;
    display: inline-block;
}

.status-block {
    border: 1px solid #c8c8c8;
    margin: 10px 0;
    background: #fff;
    display: none;
    transition: all 0.5s ease;
    width: 100%;
}

    .status-block > ul > li {
        border-bottom: 1px solid #c8c8c8;
    }

    .status-block ul li {
        font-style: normal;
        font-size: 11px;
        padding: 0 5px;
        color: #666;
    }

    .status-block .clearfix {
        display: table;
        width: 100%;
    }

    .status-block [class^="col-md-"] {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .status-block li b {
        padding-bottom: 0;
    }

    .status-block .inprogress {
        font-size: 13px;
        font-weight: 600;
        color: #378b35;
    }

    .status-block .col-md-2:last-child {
        text-align: right;
    }

.card-status li {
    padding: 0 10px;
    font-size: 13px;
}

.ticket-list li .col-md-6 > ul > li.created:before {
    background: #ff7d07;
}

.ticket-list li .col-md-6 > ul > li:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #378b35;
    top: -18px;
    left: 5px;
}

.ticket-list li .col-md-6 > ul > li:first-child .hover-block,
.ticket-list li .col-md-6 > ul > li:nth-child(1) .hover-block {
    left: -45px;
}

    .ticket-list li .col-md-6 > ul > li:first-child .hover-block:before,
    .ticket-list li .col-md-6 > ul > li:nth-child(1) .hover-block:before {
        left: 50px;
        right: auto;
    }

    .ticket-list li .col-md-6 > ul > li:first-child .hover-block:after,
    .ticket-list li .col-md-6 > ul > li:nth-child(1) .hover-block:after {
        left: 50px;
        right: auto;
    }

.ticket-list li .col-md-6 > ul > li:last-child:after {
    width: 0;
}

.ticket-list li .col-md-6 > ul > li.created:before {
    background: #ff7d07;
}

.ticket-list li .col-md-6 > ul > li.closed:before {
    background: #0172ff;
}

.ticket-list li .col-md-6 > ul > li.unresolved:before {
    background: #ff6b6b;
}

.card-status li {
    padding: 0 10px;
    font-size: 13px;
}

.met {
    color: #fff;
    background-color: #dc3545;
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
}

.not-met {
    color: #fff;
    background-color: #28a745;
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 3px;
}

ul.list-unstyled.ticket-list.clearfix {
    background: #fff
}

.lead-description {
    font-size: 11px;
    margin-left: 10px;
    margin-top: 3px;
    display: inline-block;
}

@media (max-width: 1400px) {
    .hover-block {
        min-width: 325px;
        left: -945%;
    }
}

@media (max-width: 1440px) {
    .ticket-list li .col-md-6 > ul > li {
        min-width: 100px;
    }
}
/**Ticket Interaction for dailer ends8085*/
.accecptRecommandation {
    font-size: 15px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    background: green;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin: 3px 5px;
    float: right;
}

.sub-panel.panel-collapse.collapse.in i.fa.fa-expand {
    position: absolute;
    right: 10px;
}

table.responsive-table td {
    position: relative;
}

.performance .tab-content .sub-content ul {
    left: -287px;
}

.data-tool-detail::before {
    top: 128px;
    /*right:-15px;
    left:auto;*/
}

.chartHolder canvas {
    max-width: 350px;
}
/*.lead-summery .chartHolder{
    left:0!important;
}*/
.lead-main {
    position: relative;
    margin: 0 10px;
}

#divDoughChart {
    padding: 0;
}

.pad-right-0 {
    padding-right: 0 !important;
}

.lead-scroll {
    max-height: 290px;
    overflow-y: auto;
}

#divReferralDetails, #divMediaDetails {
    position: absolute;
    z-index: 90;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 3px 2px #ddd;
    border-radius: 3px;
    right: 0;
    top: 30px;
    max-height: 500px;
    overflow: auto;
}

ul#contactcommunicationtype:before {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    top: -29px;
    left: 211px;
}

.last30days {
    font-size: 9px;
    margin-left: 10px;
    margin-top: 3px;
    float: right;
    font-weight: 500;
}

.lead-detail-section.leadFeedback .filter-by {
    float: right;
}

.overallfeedback {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.lead-quality.lead-detail-section.leadFeedback {
    min-height: 320px;
}

.leadFeedback .status-block {
    background: #fff;
    transition: all 0.5s ease;
    position: absolute;
    right: 100px;
    padding: 10px;
    width: 56%;
}

.customDate a#custom-date span {
    float: left;
    padding: 6px 10px;
}

/*Date Picker*/
.top-filter .customDate .date-field {
    float: left;
    width: 200px;
    background: transparent;
    color: #ccc;
    font-weight: 600;
    padding: 5px 15px;
    box-shadow: none;
    border: 1px solid #ccc;
    height: 32px;
}

.top-filter .customDate span {
    float: left;
    padding: 7px 10px;
}

.top-filter .lead-filter-by li.customDate a {
    border: none;
    padding: 0;
    position: relative;
}

.top-filter .customDate i {
    position: absolute;
    bottom: 10px;
    right: 15px;
    top: auto;
    cursor: pointer;
    color: #666;
}

.leadFeedback .status-block a {
    font-size: 13px;
    font-weight: 600;
    margin: 10px auto;
    display: block;
    width: 50%;
}

.leadFeedback h4 {
    display: inline-block;
}

.leadSummary-tab {
    font-size: 10px;
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 4px;
    margin-right: 15px;
}

.filter-inner .customDate a.btn {
    margin: 0 10px;
    color: #fff;
}

/*=======datepicker style===========*/
.customDate .DateRangePicker_picker {
    z-index: 11 !important;
    top: 45px !important;
}

.customDate .DateInput_input {
    font-size: 14px;
    line-height: 14px;
    padding: 7px 12px;
}

.customDate .DateRangePickerInput__withBorder {
    border-radius: 3px;
    height: 32px;
}

    .customDate .DateRangePickerInput__withBorder input {
        border: 0;
        padding: 5px 12px;
        font-size: 14px;
        background: transparent;
        font-weight: normal;
        width: 100px;
    }

.DateRangePickerInput_arrow {
    margin-left: -10px;
}

.filter-inner .status-block {
    background: transparent;
    text-align: right;
    border: none;
}

.customDate .DateInput_fang {
    top: 35px !important;
}

.customDate .DateInput {
    background: transparent;
    width: 105px;
}

.customDate .DayPickerKeyboardShortcuts_show__bottomRight {
    display: none;
}

/**Bookimg Settled***/
.selectBox,
textarea,
.inputBox {
    display: block;
    width: 98%;
    padding: 10px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: 0;
    height: 40px;
    line-height: 20px;
}

.filterOpt {
    float: left;
    width: 13.5%;
    margin-right: 9px;
}

.approvalWrapper .fliterArea {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    overflow: hidden;
    margin: 20px 0;
    padding: 20px 0px 20px 20px;
    background: #fff;
}

.fliterArea span {
    color: #777;
    padding-bottom: 7px;
    display: inline-block;
}

.approvalWrapper .btn-danger {
    font-weight: 600;
    width: 46%;
    background: #D91F22;
    height: 38px;
    padding: 0;
}

p.filterOpt.bttn {
    margin-top: 27px;
}

.approvalWrapper .btn-danger.bgWhite {
    background: #FFF;
    color: #D91F22;
    margin-right: 10px;
}

.fliterArea .mar-rgt20 {
    margin-right: 20px;
    width: 100%;
    text-align: right;
    margin-top: 15px;
}

.divCenters {
    position: fixed;
    display: block;
    background: #fff;
    bottom: 10px;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    padding: 15px;
}

.tableFilterarea {
    position: relative;
}

    .tableFilterarea select {
        border-radius: 4px;
        padding: 2px 4px;
        vertical-align: middle;
        border: 1px solid #d4d2d2;
    }

    .tableFilterarea input:focus {
        background: #fff;
        outline: none;
    }

    .tableFilterarea input {
        border: 1px solid #d4d2d2;
        border-radius: 4px;
        padding: 2px 4px;
    }

.txtlblWrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#allCityFilter .txtlblWrap {
    display: inline-block;
    margin-left: 10px;
}

    #allCityFilter .txtlblWrap .checkmark:after {
        left: 5px;
        top: 0px;
    }

.txtlblWrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #d4d4d4;
    border-radius: 4px;
}

.txtlblWrap:hover input ~ .checkmark {
    background-color: #ccc;
}

.txtlblWrap input:checked ~ .checkmark {
    background-color: #eaa501;
    border-color: #eaa501;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.txtlblWrap input:checked ~ .checkmark:after {
    display: block;
}

.txtlblWrap .checkmark:after {
    left: 8px;
    top: 2px;
    width: 7px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

thead .txtlblWrap {
    display: inline-block;
}

thead .checkmark {
    top: -6px;
    left: 6px;
}

.divCenters .btn {
    width: 10%;
}
/**Bookimg Settled Ends***/

.rewardDetails i.fa.fa-gift {
    font-size: 21px;
    line-height: normal;
    color: #eb8029;
    border: 1px solid #eb8029;
    border-radius: 4px;
    text-align: center;
    padding: 0 3px;
    margin: 2px 4px;
}

.rewardDetails li.mobileStatus span {
    font-size: 12px;
    font-weight: 500;
}

.rewardDetails .right.dotloader {
    font-size: 5px;
}

.spn_corporateCredit {
    margin-left: 5px;
    color: orangered;
    margin-top: 2px;
}


.data-tool-detail.right.pendingAmtPopOver {
    padding: 10px;
    width: 330px;
    right: -350px;
}

    .data-tool-detail.right.pendingAmtPopOver li span b {
        padding: 5px 8px;
        font-size: 13px;
    }

ul.data-tool-detail.right.pendingAmtPopOver li span i.amount-status {
    top: 9px;
}

ul.data-tool-detail.right.pendingAmtPopOver li span:first-child {
    font-size: 13px;
}

.data-tool-detail.right.pendingAmtPopOver::before {
    top: 131px;
    right: auto;
    left: -16px;
    transform: rotate(180deg);
}

.data-tool-detail.right.pendingAmtPopOver::before {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ddd;
    border-right: 1px solid transparent;
}

/*FTCP Starts*/
.filterOpt .selectBox,
.filterOpt .textArea,
.filterOpt .inputBox {
    display: block;
    width: 98%;
    padding: 10px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: 0;
    height: 40px;
    line-height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.filterOpt i.fa.fa-angle-down {
    position: absolute;
    right: 17px;
    top: 35px;
    font-size: 25px;
}

input.btn.btn-danger.spsettleDownload {
    margin: 0 5px;
}

#SPBookingSettlement .filterOpt {
    width: 16%;
}

.approvalWrapper .btn-danger.spsettleDownload {
    width: 10%;
}

.filterOpt {
    float: left;
    width: 17.5%;
    margin-right: 9px;
    position: relative;
}

.ftcmWrapper .fliterArea {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    margin: 15px 0;
    padding: 20px 0px 20px 20px;
    background: #fff;
    height: 110px;
    clear: both;
}

.fliterArea span {
    color: #777;
    padding-bottom: 7px;
    display: inline-block;
}

.ftcmWrapper .btn-danger {
    font-weight: 600;
    width: 100%;
    background: #D91F22;
    height: 40px;
    padding: 0;
}

p.filterOpt.bttn {
    margin-top: 27px;
    width: 7.5%;
}

.ftcmWrapper .btn-danger.bgWhite {
    background: #FFF;
    color: #D91F22;
    margin-right: 10px;
}

.fliterArea .mar-rgt20 {
    margin-right: 20px;
    width: 100%;
    text-align: right;
    margin-top: 15px;
}

.divCenters {
    position: fixed;
    display: block;
    background: #fff;
    bottom: 10px;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    padding: 7px;
}

.tableFilterarea {
    position: relative;
    clear: both;
}

    .tableFilterarea select {
        border-radius: 4px;
        padding: 2px 4px;
        vertical-align: middle;
        border: 1px solid #d4d2d2;
    }

    .tableFilterarea input:focus {
        background: #fff;
        outline: none;
    }

    .tableFilterarea input {
        border: 1px solid #d4d2d2;
        border-radius: 4px;
        padding: 2px 4px;
    }

.fliterArea span {
    color: #777;
    padding-bottom: 7px;
    display: inline-block;
}

.ftcmWrapper .btn-danger {
    font-weight: 600;
    width: 100%;
    background: #D91F22;
    height: 40px;
    padding: 0;
}

p.filterOpt.bttn {
    margin-top: 27px;
    width: 7.5%;
}

p.filterOpt.bigbttn {
    margin-top: 27px;
    width: 27.5%;
}

.ftcmWrapper .btn-danger.bgWhite {
    background: #FFF;
    color: #D91F22;
    margin-right: 10px;
}

.fliterArea .mar-rgt20 {
    margin-right: 20px;
    width: 100%;
    text-align: right;
    margin-top: 15px;
}

.divCenters {
    position: fixed;
    display: block;
    background: #fff;
    bottom: 10px;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    padding: 7px;
}

.tableFilterarea {
    position: relative;
    clear: both;
}

    .tableFilterarea select {
        border-radius: 4px;
        padding: 2px 4px;
        vertical-align: middle;
        border: 1px solid #d4d2d2;
    }

    .tableFilterarea input:focus {
        background: #fff;
        outline: none;
    }

    .tableFilterarea input {
        border: 1px solid #d4d2d2;
        border-radius: 4px;
        padding: 2px 4px;
    }

.txtlblSelect {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .txtlblSelect input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #d4d4d4;
    border-radius: 4px;
}

.txtlblSelect:hover input ~ .checkmark {
    background-color: #ccc;
}

.txtlblSelect input:checked ~ .checkmark {
    background-color: #eaa501;
    border-color: #eaa501;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.txtlblSelect input:checked ~ .checkmark:after {
    display: block;
}

.txtlblSelect .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

thead .txtlblSelect {
    display: inline-block;
}

thead .checkmark {
    top: -2px;
    left: 6px;
}

.divCenters .btn {
    width: 10%;
}

.ftcmWrapper i.fa.fa-angle-down {
    position: absolute;
    right: 15px;
    top: 35px;
    font-size: 25px;
    pointer-events: none;
    cursor: pointer;
    color: #777;
}

.textArea {
    height: 80px;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
    resize: none;
    border: 1px solid #e2e2e2;
}

.ftcmWrapper i.fa.fa-eye,
.ftcmWrapper i.fa.fa-plus,
.ftcmWrapper i.fa.fa-check {
    display: block;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 14px;
}

i.fa.fa-check {
    margin-bottom: 0px;
}

.tableFilterarea .table > tbody > tr > td {
    vertical-align: middle;
}

.tableFilterarea td {
    font-size: 12px;
}

.ftcmWrapper h3 {
    margin: 0;
}

.tableFilterarea .pagination {
    float: right;
}

.complaintNametd {
    width: 10%;
}
/*FTCP Ends*/
/*Manage payment program starts*/
#upload-file, .upload-block {
    display: inline;
}

.marginright1 {
    margin-right: 1%;
}

#divManagePaymentProgram .pagination {
    float: right;
}
/*Manage payment program ends*/
div#selectBusinessTypeDetails h5 {
    display: inline-block;
}

div#selectBusinessTypeDetails label {
    margin: 0 10px;
}

#DivViewReports {
    display: block;
    width: 97%;
    font-size: 14px;
    padding: 10px 10px 20px 10px;
    margin: 20px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label.lbl-localityDetails {
    margin: 5px;
    padding: 5px;
    font-size: 14px !important;
    font-weight: 500;
}

#selectReportLocationDetails h5 {
    padding: 5px;
}

div#selectReportLocationDetails {
    margin-bottom: 20px;
}
/*Ticket interaction select complaint Starts*/
.compliantTicketwrap {
    position: relative;
    width: 20%;
    margin: 15px;
}

    .compliantTicketwrap select {
        width: 100%;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
    }

    .compliantTicketwrap i.fa.fa-angle-down {
        position: absolute;
        right: 10px;
        bottom: 7px;
        font-size: 21px;
    }
/*Ticket interaction select complaint Ends*/
/*New How to improve section Starts*/
ul.leadFLowtab,
.suggestionBody ul {
    overflow: hidden;
    padding: 10px 0;
}

.leadFLowtab li {
    float: left;
    width: 200px;
    height: 62px;
    border: 1px solid #d0d0d0;
    list-style: none;
    text-align: center;
    margin: 5px 15px 5px 5px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

    .leadFLowtab li:hover {
        box-shadow: 0 0 6px #bbb;
    }

.leadFLowtab span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    margin: 0 0 7px 0;
    display: inline-block;
    color: #8F8F8F;
    font-size: 13px;
}

.leadFLowtab p {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
}

.leadFLowtab li:hover:after {
    border-top: 10px solid #bbb;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 61px;
    left: 85px;
}

.leadFLowtab li.disable-leadflowClick1:hover {
    box-shadow: none;
}

.leadFLowtab li.disable-leadflowClick1 {
    cursor: default;
}

    .leadFLowtab li.disable-leadflowClick1:hover:after {
        border: none;
    }

.goodGreen {
    color: #33AE60;
}

.averageOrange {
    color: #F39C12;
}

.badRed {
    color: #E74C3C;
}

.suggestionWrap .suggestionHdr {
    background: #d4d4d4;
    border: 1px solid #d4d4d4;
    color: #707070;
    overflow: hidden;
    padding: 8px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: 500;
}

.suggestionHdr .pull-right {
    font-size: 11px;
    margin-top: 3px;
}

.suggestionBody {
    border-bottom-right-radius: 5px;
    box-shadow: 0 3px 6px #bbb;
    padding: 5px 10px;
    border-bottom-left-radius: 5px;
}

    .suggestionBody li {
        font-size: 12px;
        margin-bottom: 10px;
    }

.performanceDashboardwrap .panel-default > .panel-heading {
    color: #333;
    background-color: #ccc;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-bottom: none;
}

.performanceDashboardwrap .panel-title > a {
    display: block;
    background: transparent;
    font-size: 15px;
}

    .performanceDashboardwrap .panel-title > a:hover,
    .performanceDashboardwrap .panel-title > a:focus {
        color: #333;
    }

.performanceDashboardwrap .panel-group .panel {
    margin-bottom: 15px;
}

.performanceDashboardwrap .panel-default {
    border-color: #707070;
}

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}

.panel-title > a.collapsed:before {
    float: right !important;
    content: "\f067";
}

/*Suggestion Check Box*/
.suggestWrap {
    position: relative;
    padding-left: 13px;
    margin-bottom: 12px;
    cursor: pointer;
    padding-right: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 5px;
}

    .suggestWrap input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.txtlblSelect .checkmark, .txtlblWrap .checkmark {
    background-color: #d4d4d4;
    border-radius: 4px;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #16a085;
    border-radius: 50px;
}

.suggestWrap:hover input ~ .checkmark {
    background-color: #16a085;
}

.suggestWrap input:checked ~ .checkmark {
    background-color: #16a085;
    border-color: #16a085;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.suggestWrap input:checked ~ .checkmark:after {
    display: block;
}

.suggestWrap .checkmark:after {
    left: 7px;
    top: -2px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

thead .suggestWrap {
    display: inline-block;
}

thead .checkmark {
    top: -6px;
    left: 6px;
}

/*Suggestion Check Box Ends*/
.performanceDashboardwrap .lblcontainer-blk {
    padding-left: 30px;
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.performanceDashboardwrap .greenTxt,
.performanceDashboardwrap .orangeTxt {
    color: #29a239;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
}

.performanceDashboardwrap .orangeTxt {
    color: #ff5700;
}

.performanceDashboardwrap .col-md-6.bor-rgt .filled-sugg ul li {
    width: auto;
}

.performanceDashboardwrap .cityListed,
.performanceDashboardwrap .cityAdded {
    height: inherit;
}

.performanceDashboardwrap .col-md-9 {
    padding-right: 0;
}

.leadFLowtab.scoreTab li {
    height: 100px;
    padding: 10px;
    width: 175px;
}

    .leadFLowtab.scoreTab li.goodGreen {
        border: 2px solid #33AE60;
    }

    .leadFLowtab.scoreTab li.averageOrange {
        border: 2px solid #F39C12;
    }

    .leadFLowtab.scoreTab li.badRed {
        border: 2px solid #E74C3C;
    }

    .leadFLowtab.scoreTab li:hover:after {
        top: 98px;
    }

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

    .leadFLowtab.scoreTab li.goodGreen:hover {
        background: #33AE60;
        color: #fff;
    }

    .leadFLowtab.scoreTab li.averageOrange:hover {
        background: #F39C12;
        color: #fff;
    }

    .leadFLowtab.scoreTab li.badRed:hover {
        background: #E74C3C;
        color: #fff;
    }

    .leadFLowtab.scoreTab li.goodGreen:hover:after {
        border-top: 10px solid #33AE60;
    }

    .leadFLowtab.scoreTab li.averageOrange:hover:after {
        border-top: 10px solid #F39C12;
    }

    .leadFLowtab.scoreTab li.badRed:hover:after {
        border-top: 10px solid #E74C3C;
    }

    .leadFLowtab.scoreTab li p {
        margin-top: 5px;
    }

    .leadFLowtab.scoreTab li i {
        color: #474747;
        font-style: normal;
        font-size: 15px;
    }

    .leadFLowtab.scoreTab li a {
        color: #474747;
        font-size: 12px;
    }

    .leadFLowtab.scoreTab li b {
        margin-right: 5px;
        font-size: 19px;
        font-weight: 500;
    }

.outerBusinessID {
    overflow: hidden;
}

    .outerBusinessID ul {
        padding: 0;
    }

    .outerBusinessID li {
        float: left;
        list-style: none;
        margin: 10px;
        text-align: center;
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 2px #656565;
        width: 150px;
    }

        .outerBusinessID li b {
            font-size: 15px;
            font-weight: 500;
        }

        .outerBusinessID li p {
            margin: 0;
            font-size: 13px;
        }

        .outerBusinessID li b.goodGreen,
        .outerBusinessID li b.averageOrange,
        .outerBusinessID li b.badRed {
            font-size: 19px;
            margin-top: -5px;
            display: inline-block;
        }

        .outerBusinessID li a {
            font-size: 12px;
            color: #333;
        }

.filter-by.cust-filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.filter-by.cust-filter {
    margin-top: 25px;
}

.inthistory-list-div.row.seperateRow {
    border: none;
    background: #fff;
    box-shadow: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .inthistory-list-div.row.seperateRow .col-md-12 {
        padding: 0;
    }

    .inthistory-list-div.row.seperateRow .cityWrap-locality {
        border: none;
        box-shadow: none;
        margin-bottom: 0px !important;
        padding: 0px;
    }




/*New How to improve section Ends*/
/**Yes No Question **/

span.cms-manage-options {
    font-weight: 600;
}

.cms-manage-options span {
    display: block;
    padding: 3px 5px;
    font-weight: 500;
}

.cms-manage-options input [type=text] {
    border: 1px solid #bbb;
    padding: 5px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    width: 200px;
}

.answerOpt {
    font-weight: 600;
    margin: 15px;
}

    .answerOpt > span {
        display: block;
        padding: 3px 5px;
        font-weight: 500;
    }

    .answerOpt input [type=radio] {
        margin-right: 5px;
    }

.yesNoquest textarea {
    border-radius: 5px;
    border: 1px solid #c7c7c7;
    margin: 0;
    width: 90%;
    height: 83px;
    overflow-y: auto;
    float: left;
    padding: 0px 15px;
    resize: none;
}
/**Yes No Question Ends**/
/*Edit listing Starts*/
label#lblsubCatgories {
    position: absolute;
    top: 57px;
    background: #fff;
    text-align: left;
    padding: 15px;
    width: 100%;
    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 2px 15px #eee;
    cursor: default;
    right: -400px;
}

    label#lblsubCatgories::before {
        top: 25px;
    }

.col-md-4.editNewfrom {
    padding-right: 0;
}

div#editlistingpage {
    max-width: 1260px;
    margin: 0 auto;
}

.editNewfrom li {
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.editNewfrom label {
    font-weight: 500;
    /* color: #fff; */
    font-size: 12px;
}

.editNewfrom span {
    border-radius: 4px;
    padding: 1px 3px;
    font-size: 13px;
    font-weight: 600;
}

.editNewfrom label.sub.Caterory {
    font-size: 12px;
}

    .editNewfrom label.sub.Caterory span {
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 16px;
        /*-webkit-line-clamp: 3;*/
        -webkit-box-orient: vertical;
        background: transparent;
        /* color: #fff; */
    }

.form-group.martop40 {
    margin-top: 40px;
}

.button-contact.marRgt15 {
    margin-right: 15px;
}

ul.suggestions {
    clear: both;
}

.editNewfrom li.active {
    background: lightblue;
}

    .editNewfrom li.active:after {
        content: '';
        border-left: 10px solid #add8e6;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        right: -10px;
        bottom: 45px;
    }

label.businessName {
    display: block;
    clear: both;
}
/*Edit listing Ends*/
/*KYC Starts*/
.imageheightwidth {
    width: 100%;
}
/*KYC Ends*/
/*minimize icon start*/
.plus-minus-toggle {
    cursor: pointer;
    position: relative;
}

    .plus-minus-toggle:before,
    .plus-minus-toggle:after {
        background: #333;
        content: '';
        height: 2px;
        right: 10px;
        position: absolute;
        top: 15px;
        width: 16px;
        transition: transform 500ms ease;
    }

    .plus-minus-toggle:after {
        transform-origin: center;
    }

    .plus-minus-toggle.collapsed:after {
        transform: rotate(90deg);
    }

    .plus-minus-toggle.collapsed:before {
        transform: rotate(180deg);
    }
/*minimize icon ends*/
label.trackingWrap {
    position: absolute;
    padding: 2px 5px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 12px;
    color: white;
    margin: 10px 0;
}

.trackingDiv {
    position: relative;
    margin-bottom: 45px;
    margin-top: 10px;
}

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

.trackRed {
    background: #db1e25;
    right: 135px;
}

.trackGreen {
    background: #43a064;
    right: 10px;
}

span.pauseClass {
    color: #8e44ad;
}

span.resumeClass {
    display: block;
    color: #FF5722;
}

hr.btwnLine {
    border: 1px solid #888;
    margin: 3px;
}

.leadconversionImg {
    width: 100%;
}

.crmleadLinks {
    padding: 0 5px 0 15px;
    margin: 5px 0;
    width: 100%;
    float: left;
}

.cms-link {
    display: block;
    width: 50%;
    overflow: hidden;
    float: left;
}

    .cms-link a {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

.leadImproveDiv {
    border: 1px solid transparent;
    width: 50%;
    line-height: normal;
    float: left;
}

    .leadImproveDiv a {
        float: right;
        width: 100%;
        margin-top: 10px;
    }

.subName {
    margin: 10px 0 5px;
    font-size: 13px;
}

.gtnBuylbl {
    font-weight: 600 !important;
    vertical-align: middle;
    font-size: 15px !important;
}

.flexPremium {
    clear: both;
    padding-top: 5px;
}

    .flexPremium strong {
    }

.flexWrap ul {
    padding: 0;
}

.flexWrap li {
    float: left;
    list-style: none;
    width: 100%;
}

.flexWrap label {
    font-size: 13px;
    font-weight: 500;
    width: 75%;
}

.flexWrap b {
    font-size: 13px;
    text-align: right;
    display: inline-block;
    width: 25%;
}

.monthly-slider.flexSlider {
    float: none;
    width: 95%;
}

.flexWrap {
    overflow: hidden;
    margin-top: 20px;
}

.performance.sulekhaFlex {
    box-shadow: 0px 2px 5px 0px #bbb;
    border-radius: 5px;
}

.spnfresh-lead {
    float: right;
    margin-top: -30px;
}

.interaction-list li.topCustomer {
    background: #fffbd9;
    border: 1px solid #fffbd9;
    box-shadow: 0px 3px 5px 2px #b9b8b3;
}

.CallInteractionAudioUrlDiv {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

a.viewAudio {
    width: 30%;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

.watsAppChatSearch {
    margin-top: -35px;
    width: 25px;
    float: right;
    margin-right: 50px;
}

.vwLeadsOldCrm iframe {
    height: 100vh;
}
/**Onboarding **/
.onboardCenDiv {
    background: #fafafa;
    border-radius: 5px;
    padding: 15px;
    overflow: hidden;
    width: 900px;
    margin: 0 auto;
    display: block;
}

.headerClass ul {
    padding: 0;
}

.headerClass li {
    list-style: none;
    float: left;
    background: #D2D2D2;
    text-align: center;
    width: 18%;
    padding: 10px;
    margin: 0 5px;
    border-radius: 3px;
    color: #525252;
}

.headerClass {
    margin-bottom: 15px;
    overflow: hidden;
}

.actTxt,
.userBox,
.systemBox {
    border: 1px solid #DBDBDB;
    background: #fff;
    float: left;
    width: 18%;
    padding: 7px 10px;
    margin: 0 5px;
    border-radius: 3px;
    text-align: center;
}

.systemBox {
    padding: 5px 10px;
}

.headerClass li:first-child,
.actTxt {
    width: 40%;
    text-align: left;
}

.activityClass [type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
    display: inline-block;
}


.activityClass input[type="checkbox"] {
    display: none;
}

.activityClass [type="checkbox"]:not(:checked),
.activityClass [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
}

.activityClass [type="checkbox"]:not(:checked),
.activityClass [type="checkbox"]:checked {
    height: 51px;
    top: 0;
    left: 0;
    margin: 0;
}

.activityClass [type="checkbox"] + label:not(.lever) {
    position: relative;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.actTxt {
    padding: 6px 10px;
}

.activityClass [type="checkbox"] + label:not(.lever) {
    /*min-height: 20px;
	line-height: 20px;
	font-size: 1.5rem;*/
    top: 0;
}

    .activityClass [type="checkbox"] + label:not(.lever):before,
    .activityClass [type="checkbox"] + label:not(.lever):after {
        content: "";
        left: 0;
        position: absolute;
        -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
        transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
        z-index: 1;
    }

.activityClass [type="checkbox"]:not(:checked) + label:not(.lever):before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.activityClass [type="checkbox"]:not(:checked) + label:not(.lever):after,
.activityClass [type="checkbox"]:checked + label:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #bdbdbd;
    top: 0;
    right: auto;
    left: 45px;
    z-index: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
}

.activityClass [type="checkbox"]:checked + label:not(.lever):after {
    border: 1px solid #db1e25;
    background-color: #db1e25;
}

.actvityWrap {
    margin-bottom: 10px;
    overflow: hidden;
}

.activityClass [type="checkbox"]:checked + label:not(.lever):before {
    top: -3px;
    right: auto;
    left: 47px;
    width: 7px;
    height: 12px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    bottom: 0;
    margin: auto;
}

#onBoardCheckList h2.titleCls {
    float: left;
    width: 70%;
    margin-bottom: 30px;
}

#onBoardCheckList .viewHistory {
    float: left;
    width: 30%;
    margin-top: 15px;
}

.onboardCenDiv textarea {
    height: 150px;
    margin-bottom: 20px;
    resize: none;
    margin-left: 5px;
    border: 1px solid #DBDBDB;
    margin-top: 20px;
    font-size: 14px;
}

.onboardCenDiv button.btn.btn-danger {
    float: right;
    margin-right: 10px;
    outline: none;
}

.onboardReportSyncTime {
    display: inline-block;
    background: #ccc;
    padding: 5px;
    border-radius: 4px;
    color: #000;
    font-size: 13px;
}
/**Onboarding ends**/
/**leadconversion starts**/
.sendDetailsPopup label {
    width: 100%;
    margin-bottom: 20px;
}

.sendDetailsPopup b {
    width: 40%;
    display: inline-block;
}

.sendDetailsPopup input {
    width: 50%;
    border-radius: 4px;
    padding: 5px 10px;
    border: 1px solid #bdbdbd;
    font-weight: 500;
}

.barDiv {
    display: flex;
    background-color: white;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    position: relative;
    padding: 20px;
}

.barInnerDiv {
    align-self: flex-start;
    width: 100%;
    font-weight: 700;
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: 130px;
}

.percentage .text {
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 40px;
    width: 130px;
    background-color: white;
    position: absolute;
    left: 0;
    padding: 10px;
    justify-content: flex-end;
}

.percentage {
    font-size: 0.8em;
    line-height: 1;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    margin-left: 130px;
    background: repeating-linear-gradient(to right, #ddd, #ddd 1px, #fff 1px, #fff 5%);
}

    .percentage:after {
        content: "";
        display: block;
        background-color: #53a6c4;
        width: 50px;
        margin-bottom: 10px;
        height: 90%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        transition: background-color 0.3s ease;
        cursor: pointer;
    }


.percentage-1:after {
    width: 1%;
}

.percentage-2:after {
    width: 2%;
}

.percentage-3:after {
    width: 3%;
}

.percentage-4:after {
    width: 4%;
}

.percentage-5:after {
    width: 5%;
}

.percentage-6:after {
    width: 6%;
}

.percentage-7:after {
    width: 7%;
}

.percentage-8:after {
    width: 8%;
}

.percentage-9:after {
    width: 9%;
}

.percentage-10:after {
    width: 10%;
}

.percentage-11:after {
    width: 11%;
}

.percentage-12:after {
    width: 12%;
}

.percentage-13:after {
    width: 13%;
}

.percentage-14:after {
    width: 14%;
}

.percentage-15:after {
    width: 15%;
}

.percentage-16:after {
    width: 16%;
}

.percentage-17:after {
    width: 17%;
}

.percentage-18:after {
    width: 18%;
}

.percentage-19:after {
    width: 19%;
}

.percentage-20:after {
    width: 20%;
}

.percentage-21:after {
    width: 21%;
}

.percentage-22:after {
    width: 22%;
}

.percentage-23:after {
    width: 23%;
}

.percentage-24:after {
    width: 24%;
}

.percentage-25:after {
    width: 25%;
}

.percentage-26:after {
    width: 26%;
}

.percentage-27:after {
    width: 27%;
}

.percentage-28:after {
    width: 28%;
}

.percentage-29:after {
    width: 29%;
}

.percentage-30:after {
    width: 30%;
}

.percentage-31:after {
    width: 31%;
}

.percentage-32:after {
    width: 32%;
}

.percentage-33:after {
    width: 33%;
}

.percentage-34:after {
    width: 34%;
}

.percentage-35:after {
    width: 35%;
}

.percentage-36:after {
    width: 36%;
}

.percentage-37:after {
    width: 37%;
}

.percentage-38:after {
    width: 38%;
}

.percentage-39:after {
    width: 39%;
}

.percentage-40:after {
    width: 40%;
}

.percentage-41:after {
    width: 41%;
}

.percentage-42:after {
    width: 42%;
}

.percentage-43:after {
    width: 43%;
}

.percentage-44:after {
    width: 44%;
}

.percentage-45:after {
    width: 45%;
}

.percentage-46:after {
    width: 46%;
}

.percentage-47:after {
    width: 47%;
}

.percentage-48:after {
    width: 48%;
}

.percentage-49:after {
    width: 49%;
}

.percentage-50:after {
    width: 50%;
}

.percentage-51:after {
    width: 51%;
}

.percentage-52:after {
    width: 52%;
}

.percentage-53:after {
    width: 53%;
}

.percentage-54:after {
    width: 54%;
}

.percentage-55:after {
    width: 55%;
}

.percentage-56:after {
    width: 56%;
}

.percentage-57:after {
    width: 57%;
}

.percentage-58:after {
    width: 58%;
}

.percentage-59:after {
    width: 59%;
}

.percentage-60:after {
    width: 60%;
}

.percentage-61:after {
    width: 61%;
}

.percentage-62:after {
    width: 62%;
}

.percentage-63:after {
    width: 63%;
}

.percentage-64:after {
    width: 64%;
}

.percentage-65:after {
    width: 65%;
}

.percentage-66:after {
    width: 66%;
}

.percentage-67:after {
    width: 67%;
}

.percentage-68:after {
    width: 68%;
}

.percentage-69:after {
    width: 69%;
}

.percentage-70:after {
    width: 70%;
}

.percentage-71:after {
    width: 71%;
}

.percentage-72:after {
    width: 72%;
}

.percentage-73:after {
    width: 73%;
}

.percentage-74:after {
    width: 74%;
}

.percentage-75:after {
    width: 75%;
}

.percentage-76:after {
    width: 76%;
}

.percentage-77:after {
    width: 77%;
}

.percentage-78:after {
    width: 78%;
}

.percentage-79:after {
    width: 79%;
}

.percentage-80:after {
    width: 80%;
}

.percentage-81:after {
    width: 81%;
}

.percentage-82:after {
    width: 82%;
}

.percentage-83:after {
    width: 83%;
}

.percentage-84:after {
    width: 84%;
}

.percentage-85:after {
    width: 85%;
}

.percentage-86:after {
    width: 86%;
}

.percentage-87:after {
    width: 87%;
}

.percentage-88:after {
    width: 88%;
}

.percentage-89:after {
    width: 89%;
}

.percentage-90:after {
    width: 90%;
}

.percentage-91:after {
    width: 91%;
}

.percentage-92:after {
    width: 92%;
}

.percentage-93:after {
    width: 93%;
}

.percentage-94:after {
    width: 94%;
}

.percentage-95:after {
    width: 95%;
}

.percentage-96:after {
    width: 96%;
}

.percentage-97:after {
    width: 97%;
}

.percentage-98:after {
    width: 98%;
}

.percentage-99:after {
    width: 99%;
}

.percentage-100:after {
    width: 100%;
}

label.floatingTxt {
    position: absolute;
    font-size: 45px;
    top: 76px;
    right: 95px;
    font-weight: 500;
}

.floatingTxt span {
    display: block;
    text-align: center;
}

p.content-txt {
    width: 50%;
    text-align: center;
    margin: 0 auto;
}

ul.chartType {
    overflow: hidden;
}

.chartType li {
    border-radius: 40px;
    border: 1px solid #c8757d;
    margin: 20px 0;
}

.innerli-list {
    overflow: hidden;
    margin: 5px;
    border-radius: 50px;
    background: #c8757d;
}

.chartType li span {
    float: left;
    width: 43%;
    text-align: center;
    font-size: 23px;
    color: #fff;
    position: relative;
    padding: 10px;
}

    .chartType li span.imgWrap {
        width: 13%;
    }

        .chartType li span.imgWrap img {
            width: 65%;
            vertical-align: middle;
            margin-left: 10px;
        }

    .chartType li span.txtWrap {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .chartType li span.txtsmallWrap {
        top: -6px;
    }

.chartType span.txtsmallWrap small {
    display: block;
    font-size: 11px;
    position: absolute;
    bottom: 2px;
    right: 23px;
}

.supportTxt {
    font-size: 16px;
    font-weight: 500;
    width: 80%;
    display: block;
    margin: 0 auto;
}


/**leadconversion ends**/
/**FTCM Download Links**/

.downloadImg {
    float: left;
    margin-top: 7px;
    margin-right: -5px;
}

i.fa.fa-angle-down.dwnArrow:before {
    content: "\f107";
    padding-right: 6px;
}

.downloadImg img {
    width: 20px;
    height: 20px;
}

i.fa.fa-angle-down.dwnArrow {
    font-size: 17px;
    position: absolute;
    right: 3px;
    top: 6px;
    color: #808080;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-size: 12px;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.header .navbar-right .downloadImg button.dropbtn {
    background: #fff;
    padding: 3px 30px 3px 2px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 3px;
    color: #808080;
    border: 1px solid #d5d5d5;
    cursor: pointer;
}
/*FTCM Dowmload Ends*/
.reviews .rev-name {
    margin-bottom: 5px;
    display: block;
}

    .reviews .rev-name b {
        color: #333;
        display: block;
        font-size: 14px;
        text-transform: capitalize;
        display: inline-block;
        vertical-align: top;
    }

.rev-date {
    display: block;
    font-size: 12px;
    color: rgba(51,51,51,.7);
    margin-bottom: 15px;
}

    .rev-date span {
        border-right: 1px solid rgba(51,51,51,.5);
        padding-right: 10px;
        margin-right: 10px;
        line-height: 14px;
        display: inline-block;
    }

        .rev-date span:last-child {
            border: none;
            padding: 0;
            margin: 0;
        }

.reviews p {
    font-size: 14px;
    line-height: 24px;
    color: rgba(51,51,51,.7);
    word-break: break-word;
}

.review-button {
    text-align: right;
    position: relative;
}

.reviews .review-rate {
    display: inline-block;
    margin-left: 15px;
    position: static;
    bottom: 0;
    left: 0;
}

.reviews.crmReview i.fa.fa-thumbs-o-up {
    font-size: 21px;
    position: absolute;
    bottom: 3px;
    right: 13px;
}

.reviews.crmReview .rev-group {
    border-bottom: 1px dashed #d2cccc;
    margin-bottom: 15px;
}

.reviews.crmReview {
    background: white;
    max-width: 90%;
    width: 100%;
    margin-left: 15px;
    padding: 15px;
    border-radius: 4px;
}

.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.reviews.crmReview .paginationCenter {
    text-align: center;
}

.reviews.crmReview .pageNavigationButton {
    display: inline-block;
    margin: 0 10px;
}

img.record-enable {
    width: 20px;
    position: absolute;
    left: 52px;
    top: 15px;
}
/*FTCM Dowmload Ends*/

.approveReject li select {
    width: 100%;
}

.invoice-details {
    float: right;
    margin-right: 15px;
    text-align: right;
    margin-top: 10px;
    position: relative;
    right: 15px;
}

    .invoice-details img {
        width: 50%;
    }

    .invoice-details .data-tool-detail {
        top: -68px !important;
        z-index: 100;
        right: -635px !important;
    }

        .invoice-details .data-tool-detail::before {
            top: 62px;
        }

    .invoice-details li {
        margin: 20px;
    }

.mobile-apps {
    margin: 7px 10px 7px 21px;
    float: left;
}

    .mobile-apps img {
        width: 30px;
    }
.gmb-tooltip-detail {
    position: relative;
    top: 1px;
    background: #fff;
    text-align: left;
    padding: 20px;
    width: 500px;
    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 2px 15px #eee;
    cursor: default;
    float: left;
}
.gmb-tooltip-detail.disp-block .app-tooltip-detail {
    display: block;
}

.gmb-tooltip-detai::-webkit-scrollbar {
    width: 8px;
    background-color: red;
    border-radius: 5px;
}

.gmb-tooltip-detail::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 5px;
}

.gmb-tooltip-detail::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border: 2px solid #fff;
    border-left: 0;
    border-radius: 5px;
}

.gmb-tooltip-detaill li:first-child {
    padding: 0;
}

.gmb-tooltip-detail li {
    list-style-type: none;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 0 15px;
    position: relative;
}

.gmb-tooltip::after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #ddd;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 15px;
    right: 0px;
    display: none;
}

.gmb-tooltip.disp-block::after {
    display: block;
}

/*.user-details .media .app-tooltip-detail li i {
    float: left;
    font-size: 20px;
    color: #666;
    border: 1px solid #666;
    padding: 10px 0;
    height: 25px;
    width: 25px;
    line-height: 5px;
    text-align: center;
    border-radius: 100%;
    margin-right: 15px;
    margin-top: 12px;
}

.user-details .media .app-tooltip-detail li .app-main {
    width: 80%;
    display: inline-block;
}*/

.gmb-tooltip-detail li span.mob-no {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    padding: 5px 0;
}

.gmb-tooltip-detail li label {
    display: block;
    text-align: left;
    color: #333;
    font-weight: normal;
    background: #f1f3f6;
    font-size: 14px;
    padding: 10px 12px;
    margin-bottom: 0;
}

.gmb-tooltip-detail li:last-child {
    border-bottom: 0;
}

.gmb-tooltip-detail li small {
    font-size: 11px;
    display: inline-block;
    color: #666;
    padding: 8px 0 0;
}

    .gmb-tooltip-detail li small.make-model {
        position: absolute;
        right: 15px;
        top: 25px;
    }

.gmb-tooltip-detail li span {
    float: left;
    color: #666;
    font-size: 11px;
    padding: 10px 10px 10px 0;
}

    .gmb-tooltip-detail li span:last-child {
        padding-right: 0;
        float: right;
    }

.gmb-tooltip-detail li em {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    color: #888;
    text-align: left;
    width: 100%;
}
.Email-list {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 16px;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 15px;
    position: relative;
}
.Email-list >a{
    color: #fff;
    border-radius: 3px;
    display: inline-block;
}
.Email-list ul{
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    min-width: 200px;
    z-index: 9;
}
    .Email-list ul.disp-block {
        display: block;
    }
#EmailListData{
    padding:10px;
}

.aadharSubmit
{
    font-size:13px;
    margin-top:10px;
}
.alignLeft {
    float: left;
    width: 50%;
}