/* -- common styles start -- */
body {
    font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif !important;
}

.no-pad {
    padding-left: 0;
    padding-right: 0;
}

.no-pad-r {
    padding-right: 0;
}

.no-pad-l {
    padding-left: 0;
}

.low-margin-top-bottom {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

a {
    text-decoration: none;
}

/*a:hover {*/
/*color: #ffffff;*/
/*}*/

.form-splitter {
    border-bottom: 1px solid #ddd;
}

.theme-btn:focus, .theme-btn.disabled,
.theme-btn.dropdown-toggle[disabled], .theme-btn:focus,
.theme-btn.disabled, .theme-btn[disabled] {
    background-color: #0163ac;
}

.theme-btn, .theme-btn:hover, .theme-btn:active {
    display: inline-block;
    padding: 7.5px 20px;
    border-bottom-style: none;
    /*border-radius: 3px;*/
    background-color: #0163ac;
    box-shadow: none;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

/* -- common styles end -- */

/* -- Styles for header.html start -- */
.brand-desktop-style {
    color: #ffffff;
}

.brand-mob-style {
    color: #ffffff;
    font-size: 20px
}

.nav-menu-title a {
    text-decoration: none;
    color: #fff;
}

.cf-profile-img img {
    border-radius: 6px;
}

header .navbar {
    padding-right: 0;
}

.dropdown-position-mob {
    left: 0 !important;
    right: auto !important;
}

.dropdown-size {
    min-width: 241px !important;
}

.group-name-mobile-view li a {
    cursor: default;
}

.quick-link-head .view-more-list-pad {
    padding: 3px 20px;
}

.quick-link-head .view-more-list-pad:hover {
    background-color: #16325c;
}

.quick-link-head .view-more-list-pad:hover > a {
    color: #fff !important;
}

.quick-link-head .view-more-list-pad a {
    color: #16325c !important;
}

.quick-link-head .view-more-list-pad a:hover {
    color: #ffffff !important;
}

.quick-link-head .view-more-list-pad:last-child {
    margin-bottom: 5px;
}

.quick-link-head .view-btn {
    padding: 2px 0 3px 0;
    /*background-color: grey;*/
    background-color: #16325c;
    color: #ffffff;
    /*border: 1px solid grey;*/
    border: 1px solid #16325c;
    border-radius: 4px;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    cursor: pointer;
    font-weight: bold;
}

.fa-link-height, .icon-line-height {
    line-height: 38px;
}

.credits-icon-height a {
    height: 40px;
}

@media (max-width: 767px) {
    .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
        margin-right: 0;
    }
}

@media (max-width: 992px) {
    .dropdown-size {
        min-width: 175px !important;
    }
}

@media (max-width: 500px) {
    .group-name-mobile-view li a {
        white-space: normal;
    }
}

/* -- Style for header.html end -- */

/* ---- Style for menu.html start ---- */

/*-- NOTE:- Removed all the unnecessary display:none inline styles in menu.html --*/

/* ---- Style for menu.html end ---- */

/*---- Footer start ---- */
.site-footer {
    border-top: 1px solid #ddd;
}

.site-footer a:hover {
    color: #666666;
}

.site-footer .text-muted a {
    color: #666666;
    font-size: 14px;
}

.wrap-footer {
    border-top: 1px solid white;
    padding-top: 15px;
}

@media (max-width: 992px) {
    .site-footer {
        padding-left: 10px;
    }
}

/*---- Footer end ---- */

/* quick_link_sidebar.html start */

.custom-quick-link-sidebar .quick-link-menu-item {
    margin-top: 50%;
}

.quick-link-menu-item .menu-icon [class^="icon-"], .quick-link-menu-item .menu-icon [class*=" icon-"] {
    font-size: 22px;
}

.custom-quick-link-sidebar .slide-menu-title {
    font-size: 20px;
    /*margin-left: -7px;*/
}

/* Inline css which could be unnecessary */
/*.menu-border {*/
/*max-height:105.5%;*/
/*border: 1px solid #eeeeee;*/
/*border-right:none;*/
/*background-color:#eeeeee;*/
/*}*/

.slider-menu-tile {
    /*margin-top:-5%;*/
}

.slider-menu-tile input, .slider-menu-tile textarea {
    margin-left: 3px;
    /*margin-top: 10px;*/
    width: 255px;
    border-color: #16325c !important;
    border-radius: 6px !important;
}

.ql--input--box {
    /*margin-top: 15px;*/
}

.email_div input {
    margin-left: 3px;
    width: 255px;
    margin-bottom: -10px;
    height: 25px
}

.email_div.slider-menu-tile textarea {
    height: 40px
}

.slide-error-msg, .slide-success-msg {
    font-weight: 100;
    /*position: absolute;*/
    /*top: 8px;*/
    /*left: 10px;*/
}

.quick_mobile_error,
.quick_mobile_success {
    /*position: absolute;*/
    /*top: 15px;*/
}

.slide-error-msg [class^="icon-"], .slide-error-msg [class*=" icon-"], .slide-error-msg span {
    color: #b94a48;
}

.slide-success-msg [class^="icon-"], .slide-success-msg [class*=" icon-"], .slide-success-msg span {
    color: #49bf67;
}

/*.slide-success-msg {*/
/*margin-top:-8%;*/
/*font-weight: 100;*/
/*margin-left: 6px;*/
/*}*/

.slide-menu-submit-btn {
    margin-left: 6px;
    margin-top: -5px;
    width: 92%;
}

/*#Panel5 img {*/
/*width: 225px;*/
/*margin-top:35px;*/
/*margin-left: 15px;*/
/*}*/

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .slide-menu .menu-panels {
        background-color: transparent;
    }

    .slide-menu.active .menu-panels {
        background-color: #ffffff;
        bottom: 65% !important;
        height: 25% !important;
    }

    .custom-quick-link-sidebar .quick-link-menu-item {
        margin-top: 25%;
    }
}

@media (max-width: 767px) {
    .custom-quick-link-sidebar .quick-link-menu-item {
        /*margin-top: 15%;*/
    }

    .slide-menu .menu-panels {
        /*background-color: transparent;*/
        /*z-index: -1;*/
    }

    .slide-menu.active .menu-panels {
        /*background-color: #ffffff;*/
        /*bottom: 50% !important;*/
        /*height: 35% !important;*/
    }
}

/* quick_link_sidebar.html end */

/* Login Page Start */
.auth-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.brand-logo-auth {
    width: 320px;
    height: 85px;
    overflow: hidden;
    margin-top: 20px;
}

.brand-logo-auth img {
    width: 100%;
}

.home-auth-panel {
    background-color: #f6f9fc !important;
}

.home-auth-panel .panel-heading {
    background-color: white !important;
    font-size: 20px;
    color: #666 !important;
    font-weight: 400;
}

.home-auth-panel .panel-body {
    padding: 30px;
}

.auth-show-pwd-text {
    color: grey;
    font-weight: 400;
    cursor: pointer;
}

.auth-forgot-password {
    padding-top: 25px;
}

.auth-forgot-password a {
    color: #21abf6;
}

.auth-forgot-password a:hover {
    color: #0077c5;
}

.auth-signup-btn {
    padding-top: 15px;
}

.auth-submit-btn input,
.auth-submit-btn input:active,
.auth-submit-btn input:focus {
    height: 30px;
    padding: 0px;
}

.auth-forgot-pwd-input {
    padding-top: 20px;
}

.auth-forgot-pwd-submit input {
    height: 30px;
    padding: 0px;
    margin-top: 4px;
}

.auth-carousal-section {
    margin-bottom: 30px;
}

.auth-carousal-section ol {
    margin-bottom: -50px;
}

.auth-carousal-section ol li {
    background-color: #666 !important;
}

.auth-carousal-content {
    height: 120px;
}

.auth-carousal-item {
    /*font-size: large;*/
    padding: 20px 40px;
}

.auth-carousel-control {
    background: none !important;
}

.auth-carousel-control span {
    color: #666;
}

.home-signup-auth-panel .panel-body {
    padding: 15px 30px 30px 30px;
}

@media (max-width: 991px) {
    .auth-submit-btn input {
        width: 150px !important;
        margin: 0 auto;
    }

    .auth-submit-btn {
        padding-top: 15px;
    }

    .auth-forgot-password {
        padding-top: 0;
        text-align: right;
    }

    .auth-forgot-pwd-submit input {
        width: 150px !important;
    }

    .auth-carousal-item {
        padding: 30px 90px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .slide-menu .menu-panels {
        background-color: transparent;
    }

    .slide-menu.active .menu-panels {
        background-color: #ffffff;
        bottom: 65% !important;
        height: 25% !important;
    }

    .custom-quick-link-sidebar .quick-link-menu-item {
        margin-top: 25%;
    }
}

@media (max-width: 767px) {
    .brand-logo-auth {
        width: 250px;
        height: 70px;
        margin-top: 15px;
    }

    .auth-submit-btn input {
        width: 150px !important;
        margin: 0 auto;
    }

    .auth-submit-btn {
        padding-top: 15px;
    }

    .auth-forgot-password {
        padding-top: 0px;
    }

    .auth-forgot-pwd-submit input {
        /*float: right;*/
        margin: 0 auto;
        margin-top: 15px;
    }

    .auth-carousal-section ol {
        margin-bottom: -30px;
    }

    .auth-carousal-content {
        height: 100px;
    }

    .auth-carousal-item {
        padding: 30px 70px;
    }

    .home-auth-panel {
        margin-top: 10px !important;
    }
}

@media (max-width: 500px) {
    .auth-carousal-content {
        height: 130px;
    }

    .auth-carousal-item {
        padding: 25px 40px;
    }

    /*.custom-quick-link-sidebar .quick-link-menu-item {*/
    /*margin-top: 15%;*/
    /*}*/
    /*.slide-menu .menu-panels {*/
    /*background-color: transparent;*/
    /*}*/
    /*.slide-menu.active .menu-panels {*/
    /*background-color: #ffffff;*/
    /*bottom: 50% !important;*/
    /*height: 35% !important;*/
    /*}*/
}

/* Login Page End */

.send_newsletternow .bootbox, .schedule_newsletter .bootbox {
    top: 10%;
}

/* New Theme Start */
body.cf-new-theme {
    background-color: #EEF1F6;
}

.cf-new-theme #content-wrapper {
    min-height: 100vh;
}

.cf-new-theme .brand-desktop-style {
    color: #16325c; /* color: grey; */
}

.cf-new-theme header .navbar > .nav > li > a {
    color: #16325c !important;
    /*color: grey !important;*/
}

.cf-new-theme header .navbar .user-menu .dropdown-toggle img {
    border: 2px solid #16325c; /*grey; */
}

.cf-new-theme.contrast-fb header .navbar {
    background-color: #fff !important;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
    padding-left: 0;
}

.cf-new-theme .header-backround-right,
.cf-new-theme.contrast-fb header .navbar > .nav > li.dark > a,
.cf-new-theme.contrast-fb header .navbar .toggle-nav {
    background-color: #fff !important;
    color: #16325c;
}

.cf-new-theme #main-nav .navigation > .nav > li > a {
    background-color: #16325C;
    height: 42px;
    border-bottom: none;
    border-top: none;
    /*z-index: 99;*/
}

.cf-new-theme #main-nav-bg {
    /*border-right: 1px solid #16325C;*/
    background: #16325C;
}

.cf-new-theme #main-nav .navigation > .nav > li > a span {
    color: #fff;
    text-shadow: none;
}

.cf-new-theme #main-nav .navigation > .nav > li > a [class^="icon-"],
.cf-new-theme #main-nav .navigation > .nav > li > a [class*=" icon-"] {
    color: #FFF;
}

.cf-new-theme.contrast-fb.main-nav-opened header .navbar .toggle-nav,
.cf-new-theme.contrast-fb header .navbar .toggle-nav {
    background-color: transparent !important;
    border-right: 2px solid transparent;
    padding: 10px 15px;
    margin-top: 0;
    margin-left: 0px;
    /*margin-right: 15px;*/
    margin-right: 5px;
    border: 0;
}

.cf-new-theme.contrast-fb.main-nav-opened header .navbar .toggle-nav .icon-reorder,
.cf-new-theme.contrast-fb header .navbar .toggle-nav .icon-reorder {
    color: #16325c; /* color:grey; */
}

.cf-new-theme.contrast-fb header .navbar .toggle-nav:active,
.cf-new-theme.contrast-fb header .navbar .toggle-nav.focus,
.cf-new-theme.contrast-fb header .navbar .toggle-nav:hover {
    /*background-color: #16325C !important;*/
    /*border: 1px solid #16325c;*/
    background-color: transparent !important;
    /*border: 1px solid transparent;*/
}

/*.cf-new-theme.contrast-fb header .navbar .toggle-nav .icon-reorder:focus,*/
/*.cf-new-theme.contrast-fb header .navbar .toggle-nav .icon-reorder:hover {*/
/*color: #fff;*/
/*}*/

.cf-new-theme.contrast-fb.main-nav-closed header .navbar .toggle-nav {
    background-color: #16325C !important;
    border: 1px solid #16325c;
    border-right: 2px solid #16325c;
    padding: 10px 15px;
    margin-top: 0;
    margin-left: 0px;
    margin-right: 15px;
}

.cf-new-theme.contrast-fb.main-nav-closed header .navbar .toggle-nav .icon-reorder {
    color: #fff;
}

.cf-new-theme #main-nav .navigation > .nav {
    border-bottom: none;
}

.cf-new-theme #main-nav .navigation > .nav > li:hover > a,
.cf-new-theme #main-nav .navigation > .nav > li:focus > a,
.cf-new-theme #main-nav .navigation > .nav > li.active > a {
    background-color: #FFF;
}

.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:hover > a [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:hover > a [class*=" icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:focus > a [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:focus > a [class*=" icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li.active > a [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li.active > a [class*=" icon-"] {
    color: #16325C !important;
}

.cf-new-theme #main-nav .navigation > .nav > li:hover > a span,
.cf-new-theme #main-nav .navigation > .nav > li:focus > a span,
.cf-new-theme #main-nav .navigation > .nav > li.active > a span {
    color: #16325C !important;
}

.cf-new-theme #main-nav .navigation > .nav > li .nav > li > a:hover,
.cf-new-theme #main-nav .navigation > .nav > li .nav > li > a:focus {
    background-color: #16325C;
}

.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:hover [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:hover [class*=" icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:focus [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:focus [class*=" icon-"] {
    color: #fff;
}

.cf-new-theme #main-nav .navigation > .nav > li .nav > li > a {
    border-top: none;
    color: #fff;
    /*z-index: 99;*/
}

.cf-new-theme #main-nav .navigation > .nav > li .nav {
    background: #0e2548;
    border-bottom: none !important;
    border-top: none !important;
}

.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li > a.in [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li > a.in [class*=" icon-"] {
    color: #FFF;
}

@media (min-width: 992px) {
    .cf-new-theme.main-nav-closed #main-nav .navigation > .nav > li:hover > ul {
        background-color: #0e2548;
    }
}

.cf-new-theme #content {
    background: #EEF1F6;
}

.cf-new-theme .new-dashboard-section .box .box-content {
    border: none;
    border-radius: 5px;
    padding: 15px 15px;
}

.cf-new-theme .box-content.communication-box-content {
    box-shadow: none;
    background: none;
}

.cf-new-theme .dashboard-header {
    background: #F4F6F9;
    border-bottom: 2px solid #e2e5ea;
}

.cf-new-theme .campaign-table-section .news-feed-scrollable {
    /*overflow: scroll;*/
    height: 275px;
}

.cf-new-theme .communication-section {
    margin-top: 30px;
}

/* New Theme End */

/* Dashboard New Content CSS start */
.new-dashboard-section .tabbable ul li {
    width: 50%;
    text-align: center;
}

.new-dashboard-section .dashboard-statistic .box-header {
    padding: 0;
}

.new-dashboard-section .dashboard-statistic label {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 10px;
}

.new-dashboard-section .dashboard-statistic .title {
    font-size: 35px;
    margin: 5px 0 20px 0;
}

.new-dashboard-section .dashboard-statistic .dash-opportunity {
    color: #108000;
}

.new-dashboard-section .dashboard-statistic .dash-avg-rate {
    color: #ff8000;
}

.new-dashboard-section .dashboard-statistic .dash-revenue {
    color: #32cba9;
}

.new-dashboard-section .dashboard-statistic .dash-tasks {
    color: #21abf6;
    font-size: 25px !important;
    margin-bottom: 0 !important;
}

.new-dashboard-section .dashboard-statistic a {
    color: #428bca;
}

.new-dashboard-section .dashboard-statistic a:hover,
.new-dashboard-section .dashboard-statistic a:focus {
    color: #2a6496;
}

.new-dashboard-section .dashboard-statistic span {
    color: #808080;
    font-weight: 600;
    font-size: 16px;
    float: right;
}

.new-dashboard-section #dealschartLegend,
.new-dashboard-section #saleschartLegend,
.new-dashboard-section #leadsBySourceLegend,
.new-dashboard-section #revenueBySourceLegend {
    display: table;
    margin: 15px auto 0 auto;
}

.new-dashboard-section #dealschartLegend tr,
.new-dashboard-section #saleschartLegend tr,
.new-dashboard-section #leadsBySourceLegend tr,
.new-dashboard-section #revenueBySourceLegend tr {
    margin-bottom: 10px;
}

.new-dashboard-section #dealschartLegend .legendLabel,
.new-dashboard-section #saleschartLegend .legendLabel,
.new-dashboard-section #leadsBySourceLegend .legendLabel,
.new-dashboard-section #revenueBySourceLegend .legendLabel {
    padding-right: 15px;
}

.task-tab-box {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.new-dashboard-section .task-box {
    min-height: 150px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* width */
.new-dashboard-section .task-box::-webkit-scrollbar,
.task-tab-box::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.new-dashboard-section .task-box::-webkit-scrollbar-track,
.task-tab-box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.new-dashboard-section .task-box::-webkit-scrollbar-thumb,
.task-tab-box::-webkit-scrollbar-thumb {
    background: #16325c;
    border-radius: 10px;
}

/* Handle on hover */
.new-dashboard-section .task-box::-webkit-scrollbar-thumb:hover,
.task-tab-box::-webkit-scrollbar-thumb:hover {
    background: #16325c;
}

.requirement-input {
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    box-shadow: 0 0 8px #dce1e5;
    margin-bottom: 5px;
}

/* Piechar Tooltip */
.flotTip {
    padding: 3px 5px;
    background-color: #000;
    z-index: 100;
    color: #fff;
    box-shadow: 0 0 10px #555;
    opacity: .7;
    filter: alpha(opacity=70);
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.new-dashboard-section .dashboard-statistic .scrollable-area {
    margin-bottom: 15px;
}

.new-dashboard-section .dashboard-statistic .engage-sub-title {
    display: block;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 10px;
    /*color: grey;*/
    text-align: center;
    margin-top: 15px;
}

.new-dashboard-section .dashboard-statistic .engage-stats {
    font-size: 40px;
    color: #32cba9;
    text-align: center;
}

.nav-tabs-simple > li > a {
    background-color: #16325c !important;
    color: white !important;
}

.nav-tabs-simple > li > a > i {
    color: white !important;
}

.new-dashboard-section .nav-tabs-simple > .active > a,
.new-dashboard-section .nav-tabs-simple > .active > a:hover,
.new-dashboard-section .nav-tabs-simple > .active > a:focus {
    border-color: transparent !important;
    /* border-bottom: 1px solid #21abf6 !important; */
    background-color: white !important;
    color: #16325c !important;
}

.new-dashboard-section .nav-tabs-simple > .active > a > i {
    color: #16325c !important;
}

.new-dashboard-section .nav-tabs-simple > .active > a.green-border,
.new-dashboard-section .nav-tabs-simple > .active > a:hover.green-border,
.new-dashboard-section .nav-tabs-simple > .active > a:focus.green-border {
    /* border-bottom: 1px solid #108000 !important; */
    background-color: white !important;
    color: #16325c !important;
}

/* Dashboard New Content CSS start */

/* Common Page Header Section Start */
.cf-new-theme .cf-common-page-header {
    background: #F4F6F9;
    border-bottom: 2px solid #e2e5ea;
}

.cf-common-page-header {
    min-height: 65px;
    /*margin-bottom: 10px;*/
}

.cf-common-page-header h1 {
    margin: 0 !important;
    padding: 27px 0;
    font-weight: 400;
    font-size: 20px;
}

.cf-common-page-header .fa {
    font-size: 20px;
}

@media (max-width: 767px) {
    .cf-common-page-header h1 {
        padding: 0;
    }
}

/* Common Page Header Section End */

/* Productive Report Section Start */
.productive-report-page-header {
    margin-top: -12px;
}

.productive-report-page-header .productive-report-dropdown .caret {
    color: white;
    border-top: 4px solid #fff;
}

.productive-report-page-header .productive-report-dropdown .caret {
    color: white;
    border-top: 4px solid #fff;
}

.productive-report-page-header .productive-report-dropdown .grey-btn-common {
    padding: 5px 30px;
}

.productive-report-section {
    padding: 0 20px;
}

.productive-report-section .box {
    margin-bottom: 30px;
}

.productive-report-section .box .box-content {
    padding: 15px 15px;
}

.productive-report-section .person-image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    padding: 0;
    margin-right: 10px;
    float: left;
}

.productive-report-section .person-image img {
    width: 100%;
}

/*.productive-report-section .productive-name-title {*/
/*margin-bottom: 10px;*/
/*}*/

.productive-report-section .productive-name-title p {
    font-size: 22px;
    color: #428bca;
    font-weight: 600;
    cursor: default;
    margin-bottom: 0;
}

.productive-report-section .productivity-main-title p {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    color: #666;
}

.productive-report-section .productivity-sub-title p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    color: #666;
    text-align: center;
}

.productive-report-section .prod-title-text {
    font-size: 14px;
    color: #666;
    font-weight: 100;
    margin-bottom: 0;
}

.productive-report-section .opportunity-tile {
    border-left: 2px solid #21abf6;
}

.productive-report-section .sales-tile {
    border-left: 2px solid #ff8000;
}

.productive-report-section .productivity-tile {
    border-left: 2px solid #108000;
}

.productive-report-section .communication-tile {
    border-left: 2px solid grey;
}

/*.productive-report-section .live-leads-tile {*/
/*border-left: 2px solid #32cba9;*/
/*}*/

.productive-report-section .closed-leads-tile {
    border-left: 2px solid #c37600;
}

.productive-report-section .live-leads-tile p {
    font-size: 26px;
    color: #108000;
    font-weight: 600;
}

.productive-report-section .prod-opportunity-stats {
    font-size: 18px;
    color: #108000;
    font-weight: 600;
}

.productive-report-section .prod-sales-stats {
    font-size: 18px;
    color: #ff8000;
    font-weight: 600;
}

.productive-report-section .prod-productivity-stats {
    font-size: 18px;
    color: #32cba9;
    font-weight: 600;
}

/*.productive-report-section .team-stats-container-one {*/
/*margin: 0;*/
/*border-bottom: 1px solid #16325c;*/
/*}*/

.productive-report-section .team-stats-container-two {

}

.productive-report-section .team-stats-container-two h4 {
    color: #fff;
}

.productive-report-section .team-stats-section-one-title {
    color: grey;
    font-weight: 400;
    margin-bottom: 10px;
}

.productive-report-section .team-stats-section-one-title label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.productive-report-section .team-stats-section-one,
.productive-report-section .team-stats-section-two {
    padding-bottom: 15px;
}

.productive-report-section .team-stats-section-two {
    border-bottom: 1px dashed #fff;
    border-top: 1px dashed #fff;
}

.productive-report-section .team-stats-section-two label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    /*color: #ffffff;*/
}

.productive-report-section .team-stats-section-two p:nth-child(2) {
    /*display: inline;*/
    /*font-weight: 600;*/
    font-size: 14px;
}

.productive-report-section .team-stats-section-three {
    font-size: 18px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .productive-report-section .productive-name-title span {
        display: block;
    }

    .productive-report-section .team-stats-section-one-content .team-stat-hot {
        border-bottom: 1px solid #ffffff;
    }

    .productive-report-section .team-stats-section-one-content .team-stat-warm {
        border-right: none;
        border-bottom: 1px solid #ffffff;
    }

    .productive-report-section .team-stats-section-three {
        font-size: 14px;
    }

    .productive-report-section .team-stats-section-two p {
        display: block;
    }
}

/*.productive-report-section .main-stats-section {*/
/*margin: 15px 0 15px 15px;*/
/*}*/

.productive-report-section .sub-stats-section {
    margin-left: 15px;
}

.productive-report-section .prod-cycle-section {
    margin-left: 0px;
    margin-right: 5px;
}

.productive-report-section .prod-cycle-icon-one {
    background-color: #32cba9;
    border: 2px solid #32cba9;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-cycle-number-one {
    border: 2px solid #32cba9;
    padding: 7px;
    text-align: center;
    color: #32cba9;
    font-size: 25px;
}

.productive-report-section .prod-cycle-number-one p {
    margin-bottom: 0;
}

.productive-report-section .prod-communication-section {
    margin-left: 0px;
    margin-right: 5px;
}

.productive-report-section .prod-communication-icon-one {
    background-color: #21abf6;
    border: 2px solid #21abf6;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-communication-number-one {
    border: 2px solid #21abf6;
    padding: 20px;
    text-align: center;
    color: #21abf6;
    font-size: 20px;
}

.productive-report-section .prod-communication-icon-two {
    background-color: #ff8000;
    border: 2px solid #ff8000;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-communication-number-two {
    border: 2px solid #ff8000;
    padding: 20px;
    text-align: center;
    color: #ff8000;
    font-size: 20px;
}

.productive-report-section .prod-communication-icon-three {
    background-color: #108000;
    border: 2px solid #108000;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-communication-number-three {
    border: 2px solid #108000;
    padding: 20px;
    text-align: center;
    color: #108000;
    font-size: 20px;
}

/* Productive Report Section End */

.productive-report-section .prod-cycle-number-one {
    border: 3px solid #32cba9;
    padding: 20px 0;
    text-align: center;
    color: #32cba9;
    font-size: 20px;
    border-radius: 50%;
    width: 115px;
    height: 115px;
    /* background-color: #32cba9; */
}

.productive-report-section .prod-cycle-number-one {
    border: 3px solid #32cba9;
    padding: 20px 0;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    border-radius: 50%;
    width: 115px;
    height: 115px;
    background-color: #32cba9;
}

.productive-report-section .prod-cycle-number-one p {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
}

.productive-report-section .main-stats-section {
    margin-bottom: 20px;
}

.productive-report-section .small-device-margin {
    margin: 0;
}

.productive-report-section .productivity-lcc-graph {
    padding-left: 0;
}

.productive-report-section .productive-lcc-title p {
    font-size: 28px;
    color: #428bca;
    font-weight: 600;
    cursor: default;
    margin-bottom: 0;
}

.productive-report-section .productive-lcc-title {
    margin-bottom: 15px;
    margin-top: 15px;
}

.productive-report-section .live-leads-tile,
.productive-report-section .closed-leads-tile {
    margin-bottom: 15px;
}

.productive-report-section .live-closed-lead {
    margin-left: 0;
}

.productive-report-dropdown {
    padding-right: 15px;
}

@media (max-width: 1199px) {
    .productive-report-section .small-device-margin {
        padding-left: 15px;
        margin: 20px 0 0 0;
    }
}

@media (max-width: 767px) {
    .productive-report-section .small-device-margin {
        padding-left: 0;
    }

    .productive-report-section .opportunity-tile,
    .productive-report-section .sales-tile,
    .productive-report-section .productivity-tile,
    .productive-report-section .communication-tile {
        margin-bottom: 20px;
        margin-left: 15px;
    }

    .productive-report-section .productivity-sub-title p {
        text-align: left;
    }

    .productive-report-section .productivity-lcc-graph {
        padding-left: 15px;
        margin-top: 20px;
    }

    .productive-report-section .productive-lcc-title {
        margin-top: 0;
    }

    .productive-report-dropdown {
        padding-right: 0px;
    }
}

.productive-report-section .prod-report-lg-img {
    width: 50px;
}

.productive-report-section .prod-report-lg-img .person-image {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    padding: 0;
    /* margin-right: 10px; */
    float: left;
}

.productive-report-section .prod-report-lg-title .productive-name-title p {
    font-size: 16px;
    color: #428bca;
    font-weight: 600;
    cursor: default;
    margin-bottom: 0px;
}

.productive-report-section .prod-report-lg-title .prod-title-text {
    font-size: 12px;
}

/* New Theme with Logo changes */
.cf-new-theme .brand-logo-auth {
    width: 250px;
    height: 60px;
    overflow: hidden;
    margin-top: 20px;
}

.cf-header-logo {
    width: 120px;
    height: 40px;
    overflow: hidden;
}

.teleduce-logo {
    padding-top: 10px;
}

.teleduce-toggle-btn {
    padding-top: 13px !important;
}

.teleduce-credits-btn {
    padding-top: 4px;
}

.cf-header-logo img {
    width: 100%;
}

.cf-new-theme header .navbar .navbar-brand img {
    margin-top: -5px;
}

/*Navbar logo position correction class starts*/
.nav-correction header .navbar .navbar-brand img {
    margin-top: 5px;
}

.nav-correction.cf-new-theme.contrast-fb header .navbar .toggle-nav {
    margin-top: 3px;
}

/*Navbar logo position correction class ends*/

.cf-new-theme header .navbar > .nav > li > a .user-name {
    /*color: grey;*/
    color: #16325c;
}

@media (max-width: 767px) {
    .cf-new-theme .brand-logo-auth {
        width: 250px;
        height: 60px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .cf-header-logo {
        width: 80px;
        height: 40px;
    }

    .cf-new-theme.contrast-fb.main-nav-opened header .navbar .toggle-nav,
    .cf-new-theme.contrast-fb header .navbar .toggle-nav,
    .cf-new-theme.contrast-fb.main-nav-closed header .navbar .toggle-nav {
        margin-right: 5px;
    }

    .cf-new-theme header .navbar .user-menu .dropdown-toggle img {
        margin-right: 0;
    }
}

@media (max-width: 350px) {
    .cf-header-logo {
        width: 70px;
    }

    .cf-new-theme .header-backround-right,
    .cf-new-theme.contrast-fb header .navbar > .nav > li.dark > a {
        padding: 0 10px;
    }
}

@media (max-width: 322px) {
    .cf-header-logo {
        width: 68px;
    }
}

/* New Theme with Logo changes end */

.camp-equal-space-table {
    margin-top: 15px;
}

/*Contact page top margin changes start*/
.custom-margin {
    margin-top: -40px;
}

/*Contact page top margin changes end*/

/*Cart popup alignment changes start*/
@media screen and (min-width: 768px) {
    .custom-modal-dialog {
        left: 0;
        right: auto;
        padding: 30px 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

/*Cart popup alignment changes end*/

/*Table no border changes start*/
.no-bdr-table th, .no-bdr-table {
    border: 0;
}

/*Table no border changes end*/

/*Footer margin changes start*/
footer {
    margin-top: 30px;
}

/*Footer margin changes end*/

/*template-selector css start*/
.template-col {
    height: 200px;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    margin: 10px 0 20px 0;
    padding: 0;
"
}

.template-col .template-content {
    padding: 20px 0;
    width: 75%;
    margin: 0 auto;
    background-color: #16325c;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    overflow: hidden;
    text-align: center;
}

.template-col .template-content:hover {
    font-size: 12px;
}

.template-col a .header img {
    width: 180px;
    height: 150px;
    /*margin-bottom: 5px;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.new-dashboard-section .custom-select2 {
    margin: 0 15px 20px;
    background: #f5f8fa;
    padding: 12px 20px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 0 2px #eeeeee inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #eeeeee inset, 0 1px 0 rgba(0, 0, 0, 0.05);
}

.new-dashboard-section #marketingtab {
    display: none;
}

.new-dashboard-section .new-gradient-btn {
    text-decoration: none;
}

.new-gradient-btn {
    border: 1px solid #16325c;
    background-color: #16325c;
    color: #ffffff;
    /*border-radius: 5px;*/
    padding: 5px 10px;
    font-size: 12px;
    white-space: normal;
    word-wrap: break-word;
    cursor: pointer;
    margin-top: 5px;
    font-weight: bold;
}

.new-gradient-btn:hover,
.new-gradient-btn:active,
.new-gradient-btn:focus {
    background-color: #ffffff;
    color: #16325c;
}

.float-right {
    float: right;
}


/*User profile page css starts*/
.user-page-header {
    margin-bottom: 15px;
}

.new-common-btn {
    height: auto;
    width: auto;
    padding: 5px 10px;
    border: 0;
    /*border-radius: 6px; */
    background-color: #16325c;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

.new-common-btn.disabled, .new-common-btn[disabled] {
    background-color: #a4a4a4;
}

.new-common-btn:focus {
    outline: 0;
    border: 0;
}

.btn-right {
    float: right;
}

.bootbox-footer {
    margin-top: 0 !important;
}

.bootbox-pad-btm {
    padding-bottom: 15px;
}

.btn-margin-left {
    margin-left: 5px;
}

.common-modal {
    border-radius: 5px;
}

.common-modal-header {
    padding: 8px 15px;
    background: #f2f2f5;
    color: #555459;
    font-weight: 900;
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;
}

.common-modal-content {
    border-radius: 5px;
    border-top: 5px solid darkgray;
    /*padding-bottom: 50px;*/
}

.addcustomer-btn-position {
    margin-left: 64%;
}

.popup-input {
    border-radius: 5px !important;
}

.common-modal-body {
    padding-bottom: 0;
}

.api-generate-btn {
    float: right;
    margin-right: 15px;
}

.edit-package-btn-section {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 71%;
}

.add-sender-id-btn-section {
    margin-bottom: 15px;
    margin-left: 72%;
}

.edit-sender-id-btn-section {
    margin-left: 71%;
}

.email-id-setup-request-btn-section {
    margin-bottom: 15px;
    margin-left: 71%;
}

.email-edit-status-btn-section {
    margin-left: 71%;
    margin-top: 10px;
}

.leadtask-btn-section {
    margin-left: 72%;
    margin-bottom: 20px;
}

.transfer-credits-btn-section {
    margin-left: 61%;
}

.add-credits-btn-section {
    margin-left: 71%;
}

.price-table-box,
.price-table-box-content {
    margin-left: 0;
    margin-right: 0;
}

.email-requst-btn-section {
    margin-left: 74%;
}

.lead-create-btn-section {
    margin-left: 84%;
}

.audio-upload-btn-section {
    margin-bottom: 10px;
    margin-left: 70%;
}

.file-upload-btn-section {
    margin-bottom: 10px;
    margin-left: 70%;
}

.app-download-btn-section {
    margin-left: 85%;
}

.addressbook-sms-btn-section {
    margin-left: 74%;
    margin-bottom: 20px;
}

.addressbook-call-btn-section {
    margin-left: 75%;
    margin-bottom: 20px;
}

.add-group-btn-section {
    margin-left: 74%;
    margin-bottom: 20px;
}

.update-group-btn-section {
    margin-left: 71%;
    margin-bottom: 20px;
}

.random-number-btn-section {
    margin-left: 79%;
    margin-bottom: 20px;
}

.random-msg-btn-section {
    margin-left: 74%;
    margin-bottom: 20px;
}

.rfrl-btn-section {
    margin-left: 79%;
    margin-bottom: 20px;
}

.contact-call-btn-section {
    margin-left: 75%;
    margin-bottom: 20px;
}

.lead-add-group-btn-section {
    margin-left: 74%;
}

.lead-edit-group-btn-section {
    margin-left: 71%;
}

.cm-upload-btn-section {
    margin-bottom: 20px;
    margin-left: 71%;
}

.show-more-space {
    padding-bottom: 50px !important;
}

.pad-top-lg {
    padding-top: 20px !important;
}

.pad-top-sm {
    padding-top: 10px !important;
}

.pad-btm-sm {
    padding-bottom: 10px !important;
}

.pad-btm-md {
    padding-bottom: 15px !important;
}

.pad-btm-xl {
    padding-bottom: 25px !important;
}

.pad-btm-xxl {
    padding-bottom: 30px !important;
}

.no-mar {
    margin: 0 !important;
}

.campaign-status-box {
    width: 35%;
}

.cm-file-input {
    width: 50%;
}

.fullscreen-table {
    margin-left: -15px;
    margin-right: -15px;
}

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

.th-width-xs {
    width: 5%;
}

.th-width-sm {
    width: 10%;
}

.th-width-md {
    width: 15%;
}

.th-width-lg {
    width: 20%;
}

.white-caret {
    border-top: 4px solid white !important;
}

.of-visible {
    overflow: visible;
}

.uiPopoverArrow {
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    width: 20px;
    height: 20px;
    transform: rotate(-135deg);
    position: absolute;
    top: -2px;
    right: 6px;
    z-index: -1;
}

.top-margin-align {
    margin-top: -27px;
}

.wrapper-no-space {
    margin-top: -40px;
}

.landing-header {
    margin-top: -36px;
    background: #F4F6F9;
    border-bottom: 2px solid #e2e5ea;
}

.custom_selector {
    width: 100%;
    height: 300px !important;
}

.custom_selector option checked,
.custom_selector option:hover {
    /* box-shadow: 0 0 10px 100px grey inset !important; */
    box-shadow: 0 0 10px 100px #16325c inset !important;
    color: white;
}

.icon_margin_top {
    margin-top: 21%;
}

.column-selector-btn-section {
    margin-left: 64%;
    margin-bottom: 20px;
    margin-top: 10px;
}

/*SMS+ input box incrementer css*/
/*.input_incrementer_box {*/
/*border: 1px solid #a4a4a4;*/
/*padding: 10px;*/
/*width: 93%;*/
/*}*/

/*.input_incrementer_box .utm_box {*/
/*width: 42% !important;*/
/*display: inline-block;*/
/*}*/

/*.input_incrementer_box .utm_box_add {*/
/*width: 42% !important;*/
/*display: inline-block;*/
/*margin-right: 4px;*/
/*}*/

/*.input_incrementer_box .remove-btn {*/
/*margin-left: 4px;*/
/*}*/

.gray-bg {
    background: #ddd;
    color: #000000;
    padding: 0 5px;
}

.form-horizontal .control-label {
    font-size: 13px;
}
/* -- common styles start -- */
body {
    font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif !important;
}
.no-pad {
    padding-left: 0;
    padding-right: 0;
}

.no-pad-r {
    padding-right: 0;
}

.no-pad-l {
    padding-left: 0;
}

.low-margin-top-bottom {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

a {
    text-decoration: none;
}

/*a:hover {*/
/*color: #ffffff;*/
/*}*/

.form-splitter{
    border-bottom: 1px solid #ddd;
}

.theme-btn:focus,.theme-btn.disabled,
.theme-btn.dropdown-toggle[disabled], .theme-btn:focus,
.theme-btn.disabled, .theme-btn[disabled] {
    background-color: #0163ac;
}

.theme-btn, .theme-btn:hover, .theme-btn:active {
    display: inline-block;
    padding: 7.5px 20px;
    border-bottom-style: none;
    /*border-radius: 3px;*/
    background-color: #0163ac;
    box-shadow: none;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}
/* -- common styles end -- */

/* -- Styles for header.html start -- */
.brand-desktop-style {
    color: #ffffff;
}

.brand-mob-style {
    color: #ffffff;
    font-size: 20px
}

.nav-menu-title a {
    text-decoration: none;
    color:#fff;
}

.cf-profile-img img {
    border-radius: 6px;
}

header .navbar {
    padding-right: 0;
}

.dropdown-position-mob {
    left:0 !important;
    right:auto !important;
}

.dropdown-size {
    min-width: 241px !important;
}

.group-name-mobile-view li a {
    cursor: default;
}

.quick-link-head .view-more-list-pad {
    padding: 3px 20px;
}

.quick-link-head .view-more-list-pad:hover {
    background-color: #16325c;
}

.quick-link-head .view-more-list-pad:hover > a {
    color: #fff !important;
}

.quick-link-head .view-more-list-pad a {
    color: #16325c !important;
}

.quick-link-head .view-more-list-pad a:hover {
    color: #ffffff !important;
}

.quick-link-head .view-more-list-pad:last-child {
    margin-bottom: 5px;
}

.quick-link-head .view-btn {
    padding: 2px 0 3px 0;
    /*background-color: grey;*/
    background-color: #16325c;
    color: #ffffff;
    /*border: 1px solid grey;*/
    border: 1px solid #16325c;
    border-radius: 4px;
    text-align: center;
    width: 100px;
    margin: 0 auto;
    cursor: pointer;
    font-weight: bold;
}

.fa-link-height, .icon-line-height {
    line-height: 38px;
}

.credits-icon-height a {
    height: 40px;
}

@media (max-width: 767px) {
    .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
        margin-right: 0;
    }
}

@media (max-width: 992px) {
    .dropdown-size {
        min-width: 175px !important;
    }
}

@media (max-width: 500px) {
    .group-name-mobile-view li a {
        white-space: normal;
    }
}
/* -- Style for header.html end -- */

/* ---- Style for menu.html start ---- */

/*-- NOTE:- Removed all the unnecessary display:none inline styles in menu.html --*/

/* ---- Style for menu.html end ---- */



/*---- Footer start ---- */
.site-footer {
    border-top: 1px solid #ddd;
}

.site-footer a:hover {
    color: #666666;
}

.site-footer .text-muted a {
    color: #666666;
    font-size: 14px;
}

.wrap-footer {
    border-top: 1px solid white;
    padding-top: 15px;
}


@media (max-width: 992px) {
    .site-footer {
        padding-left: 10px;
    }
}

/*---- Footer end ---- */


/* quick_link_sidebar.html start */

.custom-quick-link-sidebar .quick-link-menu-item {
    margin-top: 50%;
}


.quick-link-menu-item .menu-icon [class^="icon-"], .quick-link-menu-item .menu-icon [class*=" icon-"] {
    font-size: 22px;
}

.custom-quick-link-sidebar .slide-menu-title {
    font-size:20px;
    /*margin-left: -7px;*/
}

/* Inline css which could be unnecessary */
/*.menu-border {*/
/*max-height:105.5%;*/
/*border: 1px solid #eeeeee;*/
/*border-right:none;*/
/*background-color:#eeeeee;*/
/*}*/

.slider-menu-tile {
    /*margin-top:-5%;*/
}

.slider-menu-tile input, .slider-menu-tile textarea {
    margin-left: 3px;
    /*margin-top: 10px;*/
    width: 255px;
    border-color: #16325c !important;
    border-radius: 6px !important;
}

.ql--input--box {
    /*margin-top: 15px;*/
}

.email_div input {
    margin-left: 3px;
    width: 255px;
    margin-bottom:-10px;
    height:25px
}

.email_div.slider-menu-tile textarea {
    height:40px
}

.slide-error-msg, .slide-success-msg {
    font-weight: 100;
    /*position: absolute;*/
    /*top: 8px;*/
    /*left: 10px;*/
}

.quick_mobile_error,
.quick_mobile_success {
    /*position: absolute;*/
    /*top: 15px;*/
}

.slide-error-msg [class^="icon-"], .slide-error-msg [class*=" icon-"], .slide-error-msg span {
    color:#b94a48;
}

.slide-success-msg [class^="icon-"], .slide-success-msg [class*=" icon-"], .slide-success-msg span {
    color:#49bf67;
}

/*.slide-success-msg {*/
    /*margin-top:-8%;*/
    /*font-weight: 100;*/
    /*margin-left: 6px;*/
/*}*/

.slide-menu-submit-btn {
    margin-left: 6px;
    margin-top: -5px;
    width: 92%;
}


/*#Panel5 img {*/
    /*width: 225px;*/
    /*margin-top:35px;*/
    /*margin-left: 15px;*/
/*}*/

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .slide-menu .menu-panels {
        background-color: transparent;
    }
    .slide-menu.active .menu-panels {
        background-color: #ffffff;
        bottom: 65% !important;
        height: 25% !important;
    }
    .custom-quick-link-sidebar .quick-link-menu-item {
        margin-top: 25%;
    }
}

@media (max-width: 767px) {
    .custom-quick-link-sidebar .quick-link-menu-item {
        /*margin-top: 15%;*/
    }
    .slide-menu .menu-panels {
        /*background-color: transparent;*/
        /*z-index: -1;*/
    }
    .slide-menu.active .menu-panels {
        /*background-color: #ffffff;*/
        /*bottom: 50% !important;*/
        /*height: 35% !important;*/
    }
}
/* quick_link_sidebar.html end */


/* Login Page Start */
.auth-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.brand-logo-auth {
    width: 320px;
    height: 85px;
    overflow: hidden;
    margin-top:20px;
}

.brand-logo-auth img {
    width: 100%;
}

.home-auth-panel {
    background-color: #f6f9fc !important;
}

.home-auth-panel .panel-heading {
    background-color: white !important;
    font-size: 20px;
    color: #666 !important;
    font-weight: 400;
}

.home-auth-panel .panel-body {
    padding:30px;
}

.auth-show-pwd-text {
    color: grey;
    font-weight:400;
    cursor: pointer;
}

.auth-forgot-password {
    padding-top: 25px;
}

.auth-forgot-password a {
    color: #21abf6;
}

.auth-forgot-password a:hover {
    color: #0077c5;
}

.auth-signup-btn {
    padding-top: 15px;
}

.auth-submit-btn input,
.auth-submit-btn input:active,
.auth-submit-btn input:focus {
    height:30px;
    padding: 0px;
}

.auth-forgot-pwd-input {
    padding-top: 20px;
}

.auth-forgot-pwd-submit input {
    height:30px;
    padding: 0px;
    margin-top: 4px;
}

.auth-carousal-section {
    margin-bottom:30px;
}

.auth-carousal-section ol {
    margin-bottom: -50px;
}

.auth-carousal-section ol li {
    background-color:#666 !important;
}

.auth-carousal-content {
    height: 120px;
}

.auth-carousal-item {
    /*font-size: large;*/
    padding: 20px 40px;
}

.auth-carousel-control {
    background:none !important;
}

.auth-carousel-control span {
    color:#666;
}

.home-signup-auth-panel .panel-body {
    padding: 15px 30px 30px 30px;
}

@media (max-width: 991px) {
    .auth-submit-btn input {
        width: 150px !important;
        margin: 0 auto;
    }
    .auth-submit-btn{
        padding-top: 15px;
    }
    .auth-forgot-password {
        padding-top: 0;
        text-align: right;
    }
    .auth-forgot-pwd-submit input {
        width: 150px !important;
    }
    .auth-carousal-item {
        padding: 30px 90px;
    }
}

 @media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .slide-menu .menu-panels {
        background-color: transparent;
    }
    .slide-menu.active .menu-panels {
        background-color: #ffffff;
        bottom: 65% !important;
        height: 25% !important;
    }
    .custom-quick-link-sidebar .quick-link-menu-item {
        margin-top: 25%;
    }
}

@media (max-width: 767px) {
    .brand-logo-auth {
        width: 250px;
        height: 70px;
        margin-top: 15px;
    }
    .auth-submit-btn input {
        width: 150px !important;
        margin: 0 auto;
    }
    .auth-submit-btn{
        padding-top: 15px;
    }
    .auth-forgot-password {
        padding-top: 0px;
    }
    .auth-forgot-pwd-submit input {
        /*float: right;*/
        margin: 0 auto;
        margin-top: 15px;
    }
    .auth-carousal-section ol {
        margin-bottom: -30px;
    }
    .auth-carousal-content {
        height: 100px;
    }
    .auth-carousal-item {
        padding: 30px 70px;
    }
    .home-auth-panel {
        margin-top: 10px !important;
    }
}

@media (max-width: 500px) {
    .auth-carousal-content {
        height: 130px;
    }
    .auth-carousal-item {
        padding: 25px 40px;
    }
    /*.custom-quick-link-sidebar .quick-link-menu-item {*/
        /*margin-top: 15%;*/
    /*}*/
    /*.slide-menu .menu-panels {*/
        /*background-color: transparent;*/
    /*}*/
    /*.slide-menu.active .menu-panels {*/
        /*background-color: #ffffff;*/
        /*bottom: 50% !important;*/
        /*height: 35% !important;*/
    /*}*/
}

/* Login Page End */

.send_newsletternow .bootbox, .schedule_newsletter .bootbox{
    top:10%;
}


/* New Theme Start */
body.cf-new-theme {
    background-color: #EEF1F6;
}

.cf-new-theme #content-wrapper {
    min-height: 100vh;
}

.cf-new-theme .brand-desktop-style {
    color: #16325c; /* color: grey; */
}

.cf-new-theme header .navbar > .nav > li > a {
    color: #16325c !important;
    /*color: grey !important;*/
}

.cf-new-theme header .navbar .user-menu .dropdown-toggle img {
    border: 2px solid #16325c; /*grey; */
}

.cf-new-theme.contrast-fb header .navbar {
    background-color: #fff !important;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
    padding-left: 0;
}

.cf-new-theme .header-backround-right,
.cf-new-theme.contrast-fb header .navbar > .nav > li.dark > a,
.cf-new-theme.contrast-fb header .navbar .toggle-nav {
    background-color: #fff !important;
    color: #16325c;
}

.cf-new-theme #main-nav .navigation > .nav > li > a {
    background-color: #16325C;
    height: 42px;
    border-bottom: none;
    border-top: none;
    /*z-index: 99;*/
}

.cf-new-theme #main-nav-bg {
    /*border-right: 1px solid #16325C;*/
    background: #16325C;
}

.cf-new-theme #main-nav .navigation > .nav > li > a span {
    color: #fff;
    text-shadow: none;
}

.cf-new-theme #main-nav .navigation > .nav > li > a [class^="icon-"],
.cf-new-theme #main-nav .navigation > .nav > li > a [class*=" icon-"] {
    color: #FFF;
}

.cf-new-theme.contrast-fb.main-nav-opened header .navbar .toggle-nav,
.cf-new-theme.contrast-fb header .navbar .toggle-nav {
    background-color: transparent !important;
    border-right: 2px solid transparent;
    padding: 10px 15px;
    margin-top: 0;
    margin-left: 0px;
    /*margin-right: 15px;*/
    margin-right: 5px;
    border:0;
}

.cf-new-theme.contrast-fb.main-nav-opened header .navbar .toggle-nav .icon-reorder,
.cf-new-theme.contrast-fb header .navbar .toggle-nav .icon-reorder {
    color: #16325c; /* color:grey; */
}

.cf-new-theme.contrast-fb header .navbar .toggle-nav:active,
.cf-new-theme.contrast-fb header .navbar .toggle-nav.focus,
.cf-new-theme.contrast-fb header .navbar .toggle-nav:hover {
    /*background-color: #16325C !important;*/
    /*border: 1px solid #16325c;*/
    background-color: transparent !important;
    /*border: 1px solid transparent;*/
}

/*.cf-new-theme.contrast-fb header .navbar .toggle-nav .icon-reorder:focus,*/
/*.cf-new-theme.contrast-fb header .navbar .toggle-nav .icon-reorder:hover {*/
    /*color: #fff;*/
/*}*/

.cf-new-theme.contrast-fb.main-nav-closed header .navbar .toggle-nav {
    background-color: #16325C !important;
    border: 1px solid #16325c;
    border-right: 2px solid #16325c;
    padding: 10px 15px;
    margin-top: 0;
    margin-left: 0px;
    margin-right: 15px;
}

.cf-new-theme.contrast-fb.main-nav-closed header .navbar .toggle-nav .icon-reorder {
    color: #fff;
}

.cf-new-theme #main-nav .navigation > .nav {
    border-bottom: none;
}

.cf-new-theme #main-nav .navigation > .nav > li:hover > a,
.cf-new-theme #main-nav .navigation > .nav > li:focus > a,
.cf-new-theme #main-nav .navigation > .nav > li.active > a {
    background-color: #FFF;
}

.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:hover > a [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:hover > a [class*=" icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:focus > a [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li:focus > a [class*=" icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li.active > a [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li.active > a [class*=" icon-"] {
    color: #16325C !important;
}

.cf-new-theme #main-nav .navigation > .nav > li:hover > a span,
.cf-new-theme #main-nav .navigation > .nav > li:focus > a span,
.cf-new-theme #main-nav .navigation > .nav > li.active > a span {
    color: #16325C !important;
}

.cf-new-theme #main-nav .navigation > .nav > li .nav > li > a:hover,
.cf-new-theme #main-nav .navigation > .nav > li .nav > li > a:focus {
    background-color: #16325C;
}

.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:hover [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:hover [class*=" icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:focus [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:focus [class*=" icon-"] {
    color: #fff;
}

.cf-new-theme #main-nav .navigation > .nav > li .nav > li > a {
    border-top: none;
    color: #fff;
    /*z-index: 99;*/
}

.cf-new-theme #main-nav .navigation > .nav > li .nav {
    background: #0e2548;
    border-bottom: none !important;
    border-top: none !important;
}

.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li > a.in [class^="icon-"],
.cf-new-theme.contrast-fb #main-nav .navigation > .nav > li > a.in [class*=" icon-"] {
    color: #FFF;
}

@media (min-width: 992px) {
    .cf-new-theme.main-nav-closed #main-nav .navigation > .nav > li:hover > ul {
        background-color: #0e2548;
    }
}

.cf-new-theme #content {
    background: #EEF1F6;
}

.cf-new-theme .new-dashboard-section .box .box-content {
    border: none;
    border-radius: 5px;
    padding: 15px 15px;
}

.cf-new-theme .box-content.communication-box-content {
    box-shadow: none;
    background: none;
}

.cf-new-theme .dashboard-header {
    background: #F4F6F9;
    border-bottom: 2px solid #e2e5ea;
}

.cf-new-theme .campaign-table-section .news-feed-scrollable {
    /*overflow: scroll;*/
    height: 275px ;
}

.cf-new-theme .communication-section {
    margin-top: 30px;
}

/* New Theme End */


/* Dashboard New Content CSS start */
.new-dashboard-section .tabbable ul li {
    width: 50%;
    text-align: center;
}

.new-dashboard-section .dashboard-statistic .box-header {
    padding: 0;
}

.new-dashboard-section .dashboard-statistic label {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 10px;
}

.new-dashboard-section .dashboard-statistic .title {
    font-size: 35px;
    margin: 3px 0 20px 0;
}

.new-dashboard-section .dashboard-statistic .dash-opportunity {
    color: #108000;
}

.new-dashboard-section .dashboard-statistic .dash-avg-rate {
    color: #ff8000;
}

.new-dashboard-section .dashboard-statistic .dash-revenue {
    color: #32cba9;
}

.new-dashboard-section .dashboard-statistic .dash-tasks {
    color: #21abf6;
}


.new-dashboard-section .dashboard-statistic a {
    color: #428bca;
}

.new-dashboard-section .dashboard-statistic a:hover,
.new-dashboard-section .dashboard-statistic a:focus {
    color: #2a6496;
}

.new-dashboard-section .dashboard-statistic span {
    color: #808080;
    font-weight: 600;
    font-size: 16px;
    float: right;
}

.new-dashboard-section #dealschartLegend,
.new-dashboard-section #saleschartLegend,
.new-dashboard-section #leadsBySourceLegend,
.new-dashboard-section #revenueBySourceLegend {
    display: table;
    margin: 15px auto 0 auto;
}

.new-dashboard-section #dealschartLegend tr,
.new-dashboard-section #saleschartLegend tr,
.new-dashboard-section #leadsBySourceLegend tr,
.new-dashboard-section #revenueBySourceLegend tr{
    margin-bottom:10px;
}

.new-dashboard-section #dealschartLegend .legendLabel,
.new-dashboard-section #saleschartLegend .legendLabel,
.new-dashboard-section #leadsBySourceLegend .legendLabel,
.new-dashboard-section #revenueBySourceLegend .legendLabel {
    padding-right: 15px;
}

/* Piechar Tooltip */
.flotTip {
    padding: 3px 5px;
    background-color: #000;
    z-index: 100;
    color: #fff;
    box-shadow: 0 0 10px #555;
    opacity: .7;
    filter: alpha(opacity=70);
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.new-dashboard-section .dashboard-statistic .scrollable-area {
    margin-bottom: 15px;
}

.new-dashboard-section .dashboard-statistic .engage-sub-title {
    display: block;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 10px;
    /*color: grey;*/
    text-align: center;
    margin-top: 15px;
}

.new-dashboard-section .dashboard-statistic .engage-stats {
    font-size: 40px;
    color: #32cba9;
    text-align: center;
}

.nav-tabs-simple > li > a{
    background-color: #16325c !important;
    color: white !important;
}

.nav-tabs-simple > li > a > i {
    color: white !important;
}

.new-dashboard-section .nav-tabs-simple > .active > a,
.new-dashboard-section .nav-tabs-simple > .active > a:hover,
.new-dashboard-section .nav-tabs-simple > .active > a:focus{
    border-color: transparent !important;
    /* border-bottom: 1px solid #21abf6 !important; */
    background-color: white !important;
    color:#16325c !important;
}

.new-dashboard-section .nav-tabs-simple > .active > a > i{
    color:#16325c !important;
}
.new-dashboard-section .nav-tabs-simple > .active > a.green-border,
.new-dashboard-section .nav-tabs-simple > .active > a:hover.green-border,
.new-dashboard-section .nav-tabs-simple > .active > a:focus.green-border {
    /* border-bottom: 1px solid #108000 !important; */
    background-color: white !important;
    color:#16325c !important;
}

/* Dashboard New Content CSS start */

/* Common Page Header Section Start */
.cf-new-theme .cf-common-page-header {
    background: #F4F6F9;
    border-bottom: 2px solid #e2e5ea;
}

.cf-common-page-header {
    min-height: 65px;
    /*margin-bottom: 10px;*/
}

.cf-common-page-header h1 {
    margin:0 !important;
    padding: 27px 0;
    font-weight:400;
    font-size:20px;
}

.cf-common-page-header .fa {
    font-size: 20px;
}

@media (max-width: 767px) {
    .cf-common-page-header h1 {
        padding: 0;
    }
}
/* Common Page Header Section End */


/* Productive Report Section Start */
.productive-report-page-header {
    margin-top: -12px;
}

.productive-report-page-header .productive-report-dropdown  .caret {
    color: white;
    border-top: 4px solid #fff;
}

.productive-report-page-header .productive-report-dropdown  .caret {
    color: white;
    border-top: 4px solid #fff;
}

.productive-report-page-header .productive-report-dropdown .grey-btn-common {
    padding: 5px 30px;
}

.productive-report-section {
    padding: 0 20px;
}

.productive-report-section .box {
    margin-bottom: 30px;
}

.productive-report-section .box .box-content {
    padding: 15px 15px;
}

.productive-report-section .person-image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    padding: 0;
    margin-right: 10px;
    float: left;
}

.productive-report-section .person-image img {
    width: 100%;
}

/*.productive-report-section .productive-name-title {*/
    /*margin-bottom: 10px;*/
/*}*/

.productive-report-section .productive-name-title p {
    font-size: 22px;
    color: #428bca;
    font-weight: 600;
    cursor: default;
    margin-bottom:0;
}

.productive-report-section .productivity-main-title p {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    color: #666;
}

.productive-report-section .productivity-sub-title p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    color: #666;
    text-align: center;
}

.productive-report-section .prod-title-text {
    font-size: 14px;
    color: #666;
    font-weight: 100;
    margin-bottom: 0;
}

.productive-report-section .opportunity-tile {
    border-left: 2px solid #21abf6;
}

.productive-report-section .sales-tile {
    border-left: 2px solid #ff8000;
}

.productive-report-section .productivity-tile {
    border-left: 2px solid #108000;
}

.productive-report-section .communication-tile {
    border-left: 2px solid grey;
}

/*.productive-report-section .live-leads-tile {*/
    /*border-left: 2px solid #32cba9;*/
/*}*/

.productive-report-section .closed-leads-tile {
    border-left: 2px solid #c37600;
}

.productive-report-section .live-leads-tile p {
    font-size: 26px;
    color: #108000;
    font-weight: 600;
}


.productive-report-section .prod-opportunity-stats {
    font-size: 18px;
    color: #108000;
    font-weight: 600;
}

.productive-report-section .prod-sales-stats {
    font-size: 18px;
    color: #ff8000;
    font-weight: 600;
}

.productive-report-section .prod-productivity-stats {
    font-size: 18px;
    color: #32cba9;
    font-weight: 600;
}

/*.productive-report-section .team-stats-container-one {*/
/*margin: 0;*/
/*border-bottom: 1px solid #16325c;*/
/*}*/

.productive-report-section .team-stats-container-two {

}

.productive-report-section .team-stats-container-two h4 {
    color: #fff;
}

.productive-report-section .team-stats-section-one-title {
    color: grey;
    font-weight: 400;
    margin-bottom: 10px;
}

.productive-report-section .team-stats-section-one-title label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.productive-report-section .team-stats-section-one,
.productive-report-section .team-stats-section-two {
    padding-bottom: 15px;
}

.productive-report-section .team-stats-section-two {
    border-bottom: 1px dashed #fff;
    border-top: 1px dashed #fff;
}
.productive-report-section .team-stats-section-two label{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    /*color: #ffffff;*/
}

.productive-report-section .team-stats-section-two p:nth-child(2) {
    /*display: inline;*/
    /*font-weight: 600;*/
    font-size: 14px;
}

.productive-report-section .team-stats-section-three {
    font-size: 18px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .productive-report-section .productive-name-title span {
        display: block;
    }
    .productive-report-section .team-stats-section-one-content .team-stat-hot {
        border-bottom: 1px solid #ffffff;
    }
    .productive-report-section .team-stats-section-one-content .team-stat-warm {
        border-right: none;
        border-bottom: 1px solid #ffffff;
    }

    .productive-report-section .team-stats-section-three {
        font-size: 14px;
    }
    .productive-report-section .team-stats-section-two p {
        display: block;
    }
}

/*.productive-report-section .main-stats-section {*/
/*margin: 15px 0 15px 15px;*/
/*}*/

.productive-report-section .sub-stats-section {
    margin-left: 15px;
}


.productive-report-section .prod-cycle-section {
    margin-left: 0px;
    margin-right: 5px;
}

.productive-report-section .prod-cycle-icon-one {
    background-color: #32cba9;
    border: 2px solid #32cba9;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-cycle-number-one {
    border: 2px solid #32cba9;
    padding: 7px;
    text-align: center;
    color: #32cba9;
    font-size: 25px;
}

.productive-report-section .prod-cycle-number-one p {
    margin-bottom: 0;
}
.productive-report-section .prod-communication-section {
    margin-left: 0px;
    margin-right: 5px;
}

.productive-report-section .prod-communication-icon-one {
    background-color: #21abf6;
    border: 2px solid #21abf6;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-communication-number-one {
    border: 2px solid #21abf6;
    padding: 20px;
    text-align: center;
    color: #21abf6;
    font-size: 20px;
}

.productive-report-section .prod-communication-icon-two {
    background-color: #ff8000;
    border: 2px solid #ff8000;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-communication-number-two {
    border: 2px solid #ff8000;
    padding: 20px;
    text-align: center;
    color: #ff8000;
    font-size: 20px;
}

.productive-report-section .prod-communication-icon-three {
    background-color: #108000;
    border: 2px solid #108000;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.productive-report-section .prod-communication-number-three {
    border: 2px solid #108000;
    padding: 20px;
    text-align: center;
    color: #108000;
    font-size: 20px;
}
/* Productive Report Section End */


.productive-report-section .prod-cycle-number-one {
    border: 3px solid #32cba9;
    padding: 20px 0;
    text-align: center;
    color: #32cba9;
    font-size: 20px;
    border-radius: 50%;
    width: 115px;
    height: 115px;
    /* background-color: #32cba9; */
}

.productive-report-section .prod-cycle-number-one {
    border: 3px solid #32cba9;
    padding: 20px 0;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    border-radius: 50%;
    width: 115px;
    height: 115px;
    background-color: #32cba9;
}


.productive-report-section .prod-cycle-number-one p {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
}

.productive-report-section .main-stats-section {
    margin-bottom: 20px;
}

.productive-report-section .small-device-margin {
    margin: 0;
}

.productive-report-section .productivity-lcc-graph {
    padding-left: 0;
}

.productive-report-section .productive-lcc-title p {
    font-size: 28px;
    color: #428bca;
    font-weight: 600;
    cursor: default;
    margin-bottom: 0;
}

.productive-report-section .productive-lcc-title {
    margin-bottom: 15px;
    margin-top:15px;
}

.productive-report-section .live-leads-tile,
.productive-report-section .closed-leads-tile {
    margin-bottom: 15px;
}

.productive-report-section .live-closed-lead {
    margin-left: 0;
}

.productive-report-dropdown {
    padding-right: 15px;
}

@media (max-width: 1199px) {
    .productive-report-section .small-device-margin {
        padding-left: 15px;
        margin: 20px 0 0 0;
    }
}

@media (max-width: 767px) {
    .productive-report-section .small-device-margin {
        padding-left: 0;
    }
    .productive-report-section .opportunity-tile,
    .productive-report-section .sales-tile,
    .productive-report-section .productivity-tile,
    .productive-report-section .communication-tile {
        margin-bottom: 20px;
        margin-left: 15px;
    }
    .productive-report-section .productivity-sub-title p {
         text-align: left;
    }
    .productive-report-section .productivity-lcc-graph {
        padding-left: 15px;
        margin-top: 20px;
    }
    .productive-report-section .productive-lcc-title {
        margin-top: 0;
    }
    .productive-report-dropdown {
        padding-right: 0px;
    }
}

.productive-report-section .prod-report-lg-img {
    width: 50px;
}

.productive-report-section .prod-report-lg-img .person-image {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    padding: 0;
    /* margin-right: 10px; */
    float: left;
}

.productive-report-section .prod-report-lg-title .productive-name-title p {
    font-size: 16px;
    color: #428bca;
    font-weight: 600;
    cursor: default;
    margin-bottom: 0px;
}

.productive-report-section .prod-report-lg-title .prod-title-text {
    font-size: 12px;
}

/* New Theme with Logo changes */
.cf-new-theme .brand-logo-auth {
    width: 250px;
    height: 60px;
    overflow: hidden;
    margin-top: 20px;
}

.cf-header-logo {
    width: 120px;
    height: 40px;
    overflow: hidden;
}

.teleduce-logo {
    padding-top: 10px;
}

.teleduce-toggle-btn {
    padding-top: 13px !important;
}

.teleduce-credits-btn {
    padding-top: 4px;
}

.cf-header-logo img {
    width: 100%;
}

.cf-new-theme header .navbar .navbar-brand img {
    margin-top: -5px;
}

/*Navbar logo position correction class starts*/
.nav-correction header .navbar .navbar-brand img {
    margin-top: 5px;
}

 .nav-correction.cf-new-theme.contrast-fb header .navbar .toggle-nav {
    margin-top: 3px;
}
 /*Navbar logo position correction class ends*/


.cf-new-theme header .navbar > .nav > li > a .user-name{
    /*color: grey;*/
    color: #16325c;
}

@media (max-width: 767px) {
    .cf-new-theme .brand-logo-auth {
        width: 250px;
        height: 60px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .cf-header-logo {
        width: 80px;
        height: 40px;
    }
    .cf-new-theme.contrast-fb.main-nav-opened header .navbar .toggle-nav,
    .cf-new-theme.contrast-fb header .navbar .toggle-nav,
    .cf-new-theme.contrast-fb.main-nav-closed header .navbar .toggle-nav {
        margin-right: 5px;
    }

    .cf-new-theme header .navbar .user-menu .dropdown-toggle img {
        margin-right: 0;
    }
}

@media (max-width: 350px) {
    .cf-header-logo {
        width: 70px;
    }
    .cf-new-theme .header-backround-right,
    .cf-new-theme.contrast-fb header .navbar > .nav > li.dark > a {
        padding: 0 10px;
    }
}

@media (max-width: 322px) {
    .cf-header-logo {
        width: 68px;
    }
}
/* New Theme with Logo changes end */

.camp-equal-space-table {
    margin-top: 15px;
}

/*Contact page top margin changes start*/
.custom-margin {
    margin-top: -40px;
}
/*Contact page top margin changes end*/


/*Cart popup alignment changes start*/
@media screen and (min-width: 768px) {
    .custom-modal-dialog {
        left: 0;
        right: auto;
        padding: 30px 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
/*Cart popup alignment changes end*/


/*Table no border changes start*/
.no-bdr-table th, .no-bdr-table {
    border: 0;
}
/*Table no border changes end*/


/*Footer margin changes start*/
footer {
    margin-top: 30px;
}
/*Footer margin changes end*/

/*template-selector css start*/
.template-col {
    height: 200px;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    margin: 10px 0 20px 0;
    padding: 0;"
}

.template-col .template-content {
    padding:20px 0;
    width: 75%;
    margin: 0 auto;
    background-color: #16325c;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    overflow: hidden;
    text-align: center;
}

.template-col .template-content:hover {
   font-size: 12px;
}

.template-col a .header img {
    width: 180px;
    height: 150px;
    /*margin-bottom: 5px;*/
    box-shadow:  0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.2);
}


/*!*Lead details page css starts*!*/

/*.sidePanel {*/
    /*height: 100%;*/
    /*width: 80%;*/
    /*position: fixed;*/
    /*z-index: 9999;*/
    /*top: 0;*/
    /*right: 0;*/
    /*background-color: #eeeeee;*/
    /*overflow-x: hidden;*/
    /*transition: 0.5s;*/
    /*-webkit-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
    /*-moz-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
    /*box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
/*}*/

/*.lead-profile-col {*/
    /*background-color: #ffffff;*/
    /*height: 130px;*/
    /*width: 100%;*/
    /*border-radius: 6px;*/
    /*box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
    /*-webkit-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
    /*-moz-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
/*}*/

/*.lead-profile--pict {*/
    /*background-image: url('../images/default-avatar.png');*/
    /*height: 80px;*/
    /*width: 80px;*/
    /*border-radius: 50%;*/
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*border: 1px solid #eeeeee;*/
    /*float: left;*/
    /*margin-top: 25px;*/
    /*margin-left: 20px;*/
/*}*/

/*.lead-name-col {*/
    /*float: right;*/
    /*color: #000000;*/
    /*margin-right: 50px;*/
    /*margin-top: 25px;*/
/*}*/

/*.lead-name-col .lead--name--font {*/
    /*text-transform: uppercase;*/
    /*font-size: 18px;*/
    /*font-weight: bold;*/
/*}*/

/*.lead-name-col p {*/
    /*margin-bottom: 5px;*/
/*}*/

/*.lead-status-col {*/
    /*background-color: #ffffff;*/
    /*margin-top: 30px;*/
    /*width: 100%;*/
    /*padding: 20px;*/
    /*border-radius: 6px;*/
    /*box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
    /*-webkit-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
    /*-moz-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);*/
/*}*/

/*.lead-status-col .lead-input {*/
    /*border: 0;*/
    /*border-bottom: 1px solid #eeeeee;*/
    /*padding: 0 20px;*/
/*}*/

/*.lead-status-col .lead-input:focus {*/
    /*box-shadow: none;*/
    /*outline-offset: 0;*/
    /*outline: -webkit-focus-ring-color auto 0;*/
/*}*/


/*!*.lead--right--col {*!*/
    /*!*!*background-color: #ffffff;*!*!*/
    /*!*border-radius: 6px;*!*/
    /*!*!*height: 700px;*!*!*/
/*!*}*!*/

/*#custom_carousel .item {*/
    /*color:#000;*/
    /*background-color:#ffffff;*/
    /*padding:20px 0;*/
    /*border-radius: 6px;*/
/*}*/

/*#custom_carousel .controls{*/
    /*overflow-x: auto;*/
    /*overflow-y: hidden;*/
    /*padding:0;*/
    /*margin:0;*/
    /*white-space: nowrap;*/
    /*text-align: center;*/
    /*position: relative;*/
/*}*/

/*#custom_carousel .controls li {*/
    /*display: table-cell;*/
    /*width: 1%;*/
    /*max-width:90px*/
/*}*/
/*#custom_carousel .controls li.active {*/
    /*background-color:#ffffff;*/
    /*border-top:3px solid orange;*/
/*}*/



/*.lead--nav > li > a {*/
    /*display: inline-block;*/
    /*padding: 25px 12px;*/
    /*float: left;*/
    /*font-size: 12px;*/
/*}*/

/*.lead--nav > li > a:hover, .lead--nav > li > a:focus {*/
    /*text-decoration: none;*/
    /*background-color: #ffffff;*/
    /*border-bottom: 5px solid #4b5320;*/
    /*border-top-left-radius: 6px;*/
    /*border-top-right-radius: 6px;*/
/*}*/

/*.lead--right--col .lead--nav {*/
    /*background-color: #ffffff;*/
    /*border-top-left-radius: 6px;*/
    /*border-top-right-radius: 6px;*/
    /*border-bottom: 1px solid #747474;*/
/*}*/


/*.lead--right--col .notes--area {*/
    /*margin: auto;*/
/*}*/

/*.lead--right--col .notes--area .note-panel {*/
    /*border: 0;*/
    /*-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);*/
    /*box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);*/
/*}*/

/*.lead--right--col .notes--area .notes {*/
    /*border: 0;*/
    /*width: 100%;*/
    /*height: 100px;*/
/*}*/

/*.lead--right--col .save-note-btn {*/
    /*margin-top:10px;*/
    /*background-color: #16325C;*/
    /*color: #ffffff;*/
    /*font-weight: bold;*/
    /*padding: 10px;*/
    /*border: 0;*/
    /*border-radius: 4px;*/
/*}*/


/*.lead--right--col #notelists .saved--note {*/
    /*width: 100%;*/
    /*height: 70px;*/
    /*background-color: #f0f0f0;*/
    /*color: #4a4a4a;*/
    /*border-radius: 10px;*/
/*}*/

/*.lead--right--col #notelists .saved--note .user--img {*/
     /*background-image: url('../images/default-avatar.png');*/
    /*height: 40px;*/
    /*width: 40px;*/
    /*border-radius: 50%;*/
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*margin-top: 15px;*/
/*}*/

/*.lead--right--col #notelists .note--content .note--font {*/
    /*opacity: 0.7;*/
    /*font-size: 12px;*/
    /*margin-bottom: 0;*/
/*}*/

.new-dashboard-section .custom-select2 {
    margin: 0 15px 20px;
    background: #f5f8fa;
    padding: 12px 20px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 0 2px #eeeeee inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #eeeeee inset, 0 1px 0 rgba(0, 0, 0, 0.05);
}

.new-dashboard-section .custom-select2-common {
    margin: 0 15px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.new-dashboard-section #marketingtab {
    display: none;
}

.new-dashboard-section .new-gradient-btn {
    text-decoration: none;
}

.new-gradient-btn {
    border: 1px solid #16325c;
    background-color: #16325c;
    color: #ffffff;
    /*border-radius: 5px;*/
    padding: 5px 10px;
    font-size: 12px;
    white-space: normal;
    word-wrap: break-word;
    cursor: pointer;
    margin-top: 5px;
    font-weight: bold;
}

.new-gradient-btn:hover,
.new-gradient-btn:active,
.new-gradient-btn:focus {
    background-color: #ffffff;
    color: #16325c;
}

.float-right {
    float: right;
}

/*.new-dashboard-section .private-popover__arrow {*/
    /*border: 1px solid black;*/
    /*border-top-color: transparent;*/
    /*border-left-color: transparent;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*transform: rotate(-135deg);*/
    /*!*background-color: rgb(234, 240, 246);*!*/
    /*z-index: 1000;*/
    /*background: #f5f8fa;*/
        /*position: absolute;*/
    /*top: 42px;*/
    /*left: 62px;*/
    /*display: none;*/

/*}*/

/*User profile page css starts*/
.user-page-header {
    margin-bottom: 15px;
}

.new-common-btn {
    height: auto;
    width: auto;
    padding: 5px 10px;
    border: 0;
    /*border-radius: 6px; */
    background-color: #16325c;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

.new-common-btn.disabled, .new-common-btn[disabled] {
    background-color: #a4a4a4;
}

.new-common-btn:focus {
    outline: 0;
    border: 0;
}

.btn-right {
    float: right;
}

.bootbox-footer {
    margin-top: 0 !important;
}

.bootbox-pad-btm {
    padding-bottom: 15px;
}

.btn-margin-left {
    margin-left: 5px;
}

.common-modal {
    border-radius: 5px;
}
.common-modal-header {
    padding: 8px 15px;
    background: #f2f2f5;
    color: #555459;
    font-weight: 900;
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;
}

.common-modal-content {
    border-radius: 5px;
    border-top: 5px solid darkgray;
    /*padding-bottom: 50px;*/
}

.addcustomer-btn-position {
    margin-left: 64%;
}

.popup-input {
    border-radius: 5px !important;
}

.common-modal-body {
    padding-bottom: 0;
}

.api-generate-btn {
    float: right;
    margin-right: 15px;
}

.edit-package-btn-section {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 71%;
}

.add-sender-id-btn-section {
    margin-bottom: 15px;
    margin-left: 72%;
}

.edit-sender-id-btn-section {
    margin-left: 71%;
}

.email-id-setup-request-btn-section {
    margin-bottom: 15px;
    margin-left: 71%;
}

.email-edit-status-btn-section {
    margin-left: 71%;
    margin-top: 10px;
}

.leadtask-btn-section {
    margin-left: 72%;
    margin-bottom: 20px;
}

.transfer-credits-btn-section {
    margin-left: 61%;
}

.add-credits-btn-section {
    margin-left: 71%;
}

.price-table-box,
.price-table-box-content {
    margin-left: 0;
    margin-right: 0;
}

.email-requst-btn-section {
    margin-left: 74%;
}

.lead-create-btn-section {
    margin-left: 84%;
}

.audio-upload-btn-section {
    margin-bottom: 10px;
    margin-left: 70%;
}

.file-upload-btn-section {
    margin-bottom: 10px;
    margin-left: 70%;
}

.app-download-btn-section {
    margin-left: 85%;
}

.addressbook-sms-btn-section {
    margin-left: 74%;
    margin-bottom: 20px;
}

.addressbook-call-btn-section {
    margin-left: 75%;
    margin-bottom: 20px;
}

.add-group-btn-section {
    margin-left: 74%;
    margin-bottom: 20px;
}

.update-group-btn-section {
    margin-left: 71%;
    margin-bottom: 20px;
}

.random-number-btn-section {
    margin-left:79%;
    margin-bottom: 20px;
}

.random-msg-btn-section {
    margin-left:74%;
    margin-bottom: 20px;
}

.rfrl-btn-section {
    margin-left: 79%;
    margin-bottom:20px;
}

.contact-call-btn-section {
    margin-left: 75%;
    margin-bottom: 20px;
}

.lead-add-group-btn-section {
    margin-left: 74%;
}

.lead-edit-group-btn-section {
    margin-left: 71%;
}

.cm-upload-btn-section {
    margin-bottom: 20px;
    margin-left: 71%;
}

.show-more-space {
    padding-bottom: 50px !important;
}

.pad-top-lg {
    padding-top: 20px !important;
}

.pad-top-sm {
    padding-top: 10px !important;
}

.pad-btm-sm {
    padding-bottom: 10px !important;
}

.pad-btm-md {
    padding-bottom: 15px !important;
}

.pad-btm-xl {
    padding-bottom: 25px !important;
}

.pad-btm-xxl {
    padding-bottom: 30px !important;
}

.no-mar {
    margin: 0 !important;
}

.campaign-status-box {
    width: 35%;
}

.cm-file-input {
    width: 50%;
}
.fullscreen-table {
    margin-left: -15px;
    margin-right: -15px;
}

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

.th-width-xs {
    width: 5%;
}

.th-width-sm {
    width: 10%;
}

.th-width-md {
    width: 15%;
}

.th-width-lg {
    width: 20%;
}

.white-caret {
    border-top: 4px solid white !important;
}

.of-visible {
    overflow: visible;
}

.uiPopoverArrow {
    background-color: #ffffff;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    width: 20px;
    height: 20px;
    transform: rotate(-135deg);
    position: absolute;
    top: -2px;
    right: 6px;
    z-index: -1;
}

.top-margin-align {
    margin-top: -27px;
}

.wrapper-no-space {
    margin-top: -40px;
}

.landing-header {
    margin-top: -36px;
    background: #F4F6F9;
    border-bottom: 2px solid #e2e5ea;
}

.custom_selector {
   width: 100%;
   height: 300px !important;
}

.custom_selector option checked,
.custom_selector option:hover {
   /* box-shadow: 0 0 10px 100px grey inset !important; */
   box-shadow: 0 0 10px 100px #16325c inset !important;
   color: white;
}

.icon_margin_top {
   margin-top: 21%;
}

.column-selector-btn-section {
   margin-left: 64%;
   margin-bottom: 20px;
   margin-top: 10px;
}

.form-horizontal .control-label {
   font-size: 13px;
}

/*Lead details page css starts*/

.sidePanel {
    height: 100%;
    width: 80%;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: #f5f8fa;
    overflow-x: hidden;
    transition: 0.5s;
    -webkit-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
    -moz-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
    box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
}

@media (max-width: 769px) {
    .sidePanel {
        width: 100%;
    }
}

/*.sidePanel .lead-profile-col,*/
/*.sidePanel .lead-status-col,*/
/*.sidePanel .lead--right--col {*/
    /*font-family: Montserrat;*/
/*}*/

/*Lead details page - left column css starts*/

.lead-profile-col {
    background-color: #ffffff;
    height: 130px;
    width: 100%;
    border-radius: 6px;
    box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
    -webkit-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
    -moz-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
}

.lead-profile--pict {
    background-image: url('../images/default-avatar.png');
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #eeeeee;
    float: left;
    margin-top: 25px;
    margin-left: 20px;
}

.lead-name-col {
    float: right;
    color: rgb(51, 71, 91);
    margin-right: 5%;
    margin-top: 25px;
}

@media (max-width: 1025px) {
    .lead-name-col {
        margin-right: 10px;
    }
}

.lead-name-col .lead--name--font {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.lead-name-col p {
    margin-bottom: 2px;
    font-size: 12px;
}

.lead-status-col {
    background-color: #ffffff;
    margin-top: 5px;
    width: 100%;
    padding: 20px;
    border-radius: 6px;
    box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
    -webkit-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
    -moz-box-shadow: -11px 5px 37px -3px rgba(0,0,0,0.58);
}

.lead-status-col .custom-angle-down {
    font-size: 18px;
    font-weight: bold;
    color: #0091ae;
}

.lead-status-col .about--font {
    font-size: 18px;
}

.lead-status-col .lead--status--font {
    font-size: 14px;
    font-weight: bold;
    color: #747474;
}

.lead-status-col .about--font:hover {
    color: #0091ae;
}

.lead-status-col .custom-input {
    border: 0;
    border-bottom: 1px solid #eeeeee;
    padding: 0 20px;
    width: 100%;
    margin-top: 12px;
}
/*Lead details page - left column css ends*/

/*Lead details page - right column css starts*/
.lead--right--col .task--col .custom-input {
    width: 85%;
    background-color: #ffffff;
    border: 0;
    border-bottom: 1px solid #eeeeee; /*#cacaca*/
    /*padding: 0 20px;*/
    /*margin-top: 12px;*/
    padding: 0;
    box-shadow: none;
}

.lead--right--col .task--col .task-detail-box .assignto-dropdown,
.lead--right--col .meeting-box .assignto-dropdown {
    border: 0;
    border-bottom: 1px solid #eeeeee;
    outline: 0;
    /*background-color: #f5f8fa;*/
    box-shadow: none;
}

/*.task-detail-box select option:hover,*/
/*!*.task-detail-box select option:focus,*!*/
/*.task-detail-box select option:checked {*/
    /*!*margin: 40px;*!*/
    /*background-color: #16325c;*/
    /*color: ffffff;*/
    /*box-shadow: 0 0 10px 100px #16325c inset !important;*/
    /*-webkit-box-shadow: 0 0 10px 100px #16325c inset !important;*/
    /*-moz-box-shadow: 0 0 10px 100px #16325c inset !important;*/
/*}*/

.lead--right--col .task--col .task-detail-box .task-type-btn {
    border: 0;
    background-color: #f5f8fa;
}

.lead--right--col .custom-input {
    width: 85%;
    border: 0;
    border-bottom: 2px solid #eeeeee;
    padding: 0 20px;
    /*margin-top: 12px;*/
}

.lead--right--col .custom-mail-input {
    border: 0;
    border-bottom: 1px solid #eeeeee;
    /*padding: 0 20px;*/
    width: 85%;
    margin-top: 1%;
    background-color: #ffffff;
}

.lead-status-col .custom-input:focus,
.lead--right--col .custom-input:focus,
.lead--right--col .custom-mail-input:focus {
    box-shadow: none;
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0;
}

.lead--right--col {
    margin-left: -25px;
}

@media (max-width: 767px) {
    .lead--right--col {
        margin-left: 0;
        margin-top: 10px;
}
}

.lead--right--col .notes--box {
    background-color: #ffffff;
}


.lead--right--col .notelist-col {
    max-height: 275px;
    margin: 20px 15px;
    /*padding-right: 12px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.lead--right--col .tasklist-col {
    max-height: 200px;
    margin: 0 15px;
    /*padding-right: 12px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.lead--right--col .log-col {
    max-height: 435px;
    margin-bottom: 20px;
    /*padding-right: 12px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

#custom_carousel .item {
    color:#000;
    background-color: #ffffff;
    /*padding:20px 0;*/
    border-radius: 6px;
    border-bottom: 2px solid #eee;
    border-right: 1px solid #eee;
}

.margin-md {
    margin-top: 20px;
}

.lead-info-btn-section {
    margin-left: 5%;
    /*float:right;*/
    /*margin-right: 5%;*/
    /*margin-top: -2%;*/
}

.custom-nav-pills > li.active > a, .custom-nav-pills > li.active > a:hover, .custom-nav-pills > li.active > a:focus {
    color: white;
    background-color: #16325c !important;
}

.lead--nav > li > a {
    display: inline-block;
    padding: 25px 20px;
    float: left;
    font-size: 12px;
}

@media (max-width: 1025px) {
    .lead--nav > li > a {
        font-size: 8px;
        padding: 25px 15px;
    }
}

@media (max-width: 825px) {
    .lead--nav > li > a {
        font-size: 8px;
        padding: 25px 12px;
    }
}

@media (max-width: 500px) {
    .lead--nav > li > a {
        padding: 15px 4px;
        font-size: 8px;
    }
}

@media (max-width: 400px) {
    .lead--nav > li > a {
        padding: 15px 1px;
        font-size: 8px;
    }
}

.lead--nav > li.active a,
.lead--nav > li a:hover {
    text-decoration: none;
    background-color: #ffffff;
    border-bottom: 5px solid #33475b;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.lead--right--col .lead--nav {
    background-color: #ffffff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #747474;
}

.lead--right--col .custom-panel-body {
    padding: 0;
    /*padding-top: 15px;*/
    border: 0;
    background: #ffffff;
}

/*.lead--right--col .notes--col,*/
/*.lead--right--col .task--col,*/
/*.lead--right--col .meeting--col,*/
/*.lead--right--col .call--col,*/
/*.lead--right--col .sms--col,*/
.lead--right--col .mail--col,
.lead--right--col .activelog--col,
.lead--right--col .leadinfo--col {
    margin: auto;
    background: #ffffff;
}

.lead--right--col .call--col,
.lead--right--col .sms--col {
    margin: 0;
    background-color: #ffffff;
}

.lead--right--col .call--col .call-panel,
.lead--right--col .sms--col .sms-panel,
.lead--right--col .meeting--col .meeting-panel,
.lead--right--col .mail--col .mail-panel {
    background-color: #ffffff;
}

.lead--right--col .call--col .call-panel .call-btn-section {
    margin: 15px -15px;
}

.lead--right--col .custom-panel {
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    background-color: #f5f8fa;
}

.lead--right--col .notes--col .notes,
.lead--right--col .task--col .tasks {
    border: 0;
    width: 100%;
    height: 80px;
    font-size: 12px;
    color: #747474;
    padding-top: 10px;
    padding-left: 15px;
    box-shadow: inset 0px 0px 0px 1px #eee;
}

.lead--right--col .task--col .tasks {
    margin-top: 10px;
    box-shadow: none !important;
}

@media(max-width: 1025px) {
    .lead--right--col .notes--col .notes,
    .lead--right--col .task--col .tasks {
        width: 100%;
    }
}

.ttype-btn:active,
.ttype-btn:focus,
.ttype-btn:visited {
    background-color: #16325c !important;
    color: #FFF;
    padding: 5px 7px;
    outline: none !important;
    letter-spacing: 1px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.lead--right--col .sms--col .sms {
    margin-top: 10px;
    width: 85%;
    border: 0;
    height: 70px;
    font-size: 12px;
    color: #747474;
}

.lead--right--col .meeting--col .meeting-area {
    border: 1px solid #eeeeee;
    width: 85%;
    height: 70px;
    margin-top: 10px;
    font-size: 12px;
    color: #747474;
    padding: 10px;
}

.lead--right--col .notes--col .notes:focus,
.lead--right--col .task--col .tasks:focus,
.lead--right--col .sms--col .sms:focus {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0;
}

.lead--right--col .meeting--col .meeting-area:focus {
    border: 1px solid #eeeeee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0;
}

.lead--right--col .task-detail-box,
.lead--right--col .meeting-detail-box {
    padding-top: 10px;
}

.saved--note,
.saved--task {
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    color: #4a4a4a;
    border-radius: 10px;
    margin: 20px 0;
    padding: 10px;
    position: relative;
}

.notes-main-div div {
    display: inline-block;
}

.saved--note .comment-icon-box,
.saved--task .task-icon-box {
    font-size: 30px;
    /*position: absolute;*/
    /*top: 15%;*/
    width: 10%;
}

.lead--right--col .custom-comments {
    color: darkcyan;
    position: absolute;
    top: 22%;
}

.lead--right--col .custom-comment-alt {
    color: darkslategray;
    position: absolute;
    top: 22%;
}

.lead--right--col .custom-phone {
    color: chocolate;
    position: absolute;
    top: 22%;
}

.lead--right--col .custom-envelope {
    color: #16325c;
    position: absolute;
    top: 22%;
}
.saved--note .note--content,
.saved--task .task--content {
    /*opacity: 0.7;*/
    font-size: 12px;
    width: 88%;
}

.saved--note .note--font,
.saved--task .task--font {
    margin-bottom: 0;
    /*margin-top: 20px;*/
    /*font-weight: bold;*/
}

@media (max-width: 767px) {
    .saved--note .note--font,
    .saved--task .task--font {
        margin-top: -30px;
        margin-left: 40px;
        font-size: 8px;
    }
}

.saved--note .date--time--font,
.saved--task .date--time--font {
    font-size: 10px;
    margin-bottom: 0;
    color: rgb(124, 152, 182);
}

@media (max-width: 767px) {
    .saved--note .date--time--font,
    .saved--task .date--time--font {
        margin-left: 40px;
}
}

.saved--note .note--content .icon--right,
.saved--task .task--content .icon--right {
    float: right;
    padding: 0 5px;
    font-size: 12px;
    color: #16325C;
    margin-top: -15px;
    font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif !important;
}

.saved--note .note--content .icon--right .custom-icon-cut,
.saved--task .task--content .icon--right .custom-icon-cut {
    color: #1fbed6;
}

.saved--note .note--content .icon--right .custom-icon-trash,
.saved--task .task--content .icon--right .custom-icon-trash {
    color: #ff0000;
}

/*@media (max-width: 767px) {*/
    /*.saved--note .note--content .icon--right,*/
    /*.saved--task .task--content .icon--right {*/
        /*margin-top: -5px;*/
    /*}*/
/*}*/

/*.saved--note .note--content .icon--right:hover,*/
/*.saved--task .task--content .icon--right:hover {*/
    /*color: #ff0000;*/
/*}*/

.task--col .icon-box {
    padding: 5px 6px;
    border-radius: 100%;
    background-color: #16325C;
    color: #ffffff;
    margin-right: 5px;
}

.task--col .task-title-font {
    /*font-size: 16px;*/
    /*font-weight: bold;*/
    /*opacity: 0.7;*/
    /*color: #747474;*/
    font-size: 14px;
    font-weight: bold;
    color: #747474;
    /*margin-top: 6px;*/
}

.call--col .call-title-font,
.sms--col .sms-title-font {
    font-size: 14px;
    margin-top: 25px;
    font-weight: bold;
    /*opacity: 0.7;*/
    color: #747474;
}

.mail--col .mail-title-font {
    font-size: 14px;
    margin-top: 5%;
    font-weight: bold;
    /*opacity: 0.7;*/
    color: #747474;
}

/*.mail--col .mail-title-font {*/
    /*font-size: 14px;*/
    /*margin-top: 0;*/
    /*font-weight: bold;*/
    /*opacity: 0.7;*/
    /*color: #747474;*/
/*}*/

.meeting--col .meeting-title-font {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    color: #747474;
}

/*.lead--right--col .task--col .reset-btn {*/
    /*position: absolute;*/
    /*top: 25%;*/
    /*right: 5%;*/
/*}*/

/*@media (max-width: 1025px) {*/
    /*.lead--right--col .task--col .reset-btn {*/
        /*position: absolute;*/
        /*top: 39%;*/
        /*left: 15%;*/
/*}*/
/*}*/

/*@media (max-width: 500px) {*/
    /*.lead--right--col .task--col .reset-btn {*/
        /*position: absolute;*/
        /*top: 57%;*/
        /*left: 20%;*/
/*}*/
/*}*/

.lead--right--col .meeting--col .custom-input {
    border: 0;
    border-bottom: 1px solid #eeeeee;
    padding: 0 20px;
    width: 155px;
    margin-top: 0;
    color: #747474;
}

.lead--right--col .meeting--col .bdr--right {
    border-right: 1px solid #eeeeee;
    background-color: #ffffff;
    height: 450px;
    margin: 10px auto;
}

.lead--right--col .meeting--col .custom-radio-btn {
    margin-top: 15px;
    margin-left: 80px;
}

.lead--right--col .meeting--col .map-box {
    height: 230px;
    width: 75%;
    margin: 25px auto 0;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000;
}

.lead--right--col .meeting--col .location-box {
    height: 25px;
    width: 60%;
    margin: 25px auto 0 40px;
    border: 2px solid #eeeeee;
    border-radius: 4px;
    color: #4a4a4a;
    padding: 0 10px;
    opacity: 0.7;
}

.meeting--col input[type=checkbox] {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    padding: 10px;
    position: absolute;
    bottom: 57px;
    right: 16%;
}

.lead--right--col .notes--col .save-btn,
.lead--right--col .task--col .save-btn,
.lead--right--col .task--col .reset-btn ,
.lead--right--col .meeting--col .save-btn,
.lead--right--col .meeting--col .reset-btn,
.lead--right--col .meeting--col .copy-btn,
.lead--right--col .call--col .save-btn,
.lead--right--col .call--col .call-btn,
.lead--right--col .send-btn,
.lead--right--col .mail--col .choose-btn {
    width: auto;
    /*margin-top:15px;*/
    background-color: #16325C;
    color: #ffffff;
    font-weight: bold;
    border: 0;
    border-radius: 4px;
    padding: 6px 22px;
    margin-left: 15px;

}

.lead--right--col .call--col .save-btn,
.lead--right--col .call--col .call-btn {
    margin-top: 30px;
    margin-left: 15px;
}

.lead--right--col .mail--col .send-btn {
    float: right;
    margin-top: 12px;
    margin-left: 0;
}

.lead--right--col .sms--col .send-btn {
    /*margin-top: 20px;*/
    /*margin-left: 0;*/
    position: absolute;
    left: 0;
    top: 100%;
}

/*.lead--right--col .notes--col .save-btn {*/
    /*width: 50px;*/
    /*!*margin-top:50px;*!*/
    /*!*margin-left: 15px;*!*/
    /*margin-top: 0;*/
/*}*/

/*.lead--right--col .task--col .save-btn,*/
/*.lead--right--col .task--col .reset-btn {*/
    /*width: 50px;*/
    /*margin-top:50px;*/
    /*margin-left: 4px;*/
/*}*/

/*@media (max-width: 1025px) {*/
    /*.lead--right--col .task--col .save-btn,*/
    /*.lead--right--col .task--col .reset-btn {*/
         /*margin-top:0;*/
         /*margin-left: 0;*/
/*}*/
/*}*/

.lead--right--col .meeting--col .btn-left {
    margin-left: 13%;
    margin-top: 6%;
}

.lead--right--col .meeting--col .btn-right {
   /*margin-left: 16%;*/
    margin-top: 6%;
    margin-right: 13%;
}

.lead--right--col .meeting--col .copy-right {
    margin-top: 10%;
    margin-left: 53%;
    width: auto;
    padding: 5px 10px;
}

.lead--right--col .meeting--col .link-box {
    height: 228px;
    width: 75%;
    margin: 25px auto 0;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 20px;
    color: #747474;
    background-color: #eeeeee;
    font-size: 12px;
    text-align: center;
}

.lead--right--col .meeting--col #mapArea {
    display: none;
}

.lead--right--col .meeting--col #mapArea,
.lead--right--col .meeting--col #linkArea {
    position: relative;
    top: 100%;
    left: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .lead--right--col .meeting--col #mapArea,
    .lead--right--col .meeting--col #linkArea {
    position: relative;
}
}

/*.lead--right--col .call--col .call-btn-section {*/
    /*margin-left: 69%;*/
/*}*/

/*.lead--right--col .call--col .call-btn-section .cancel-btn {*/
    /*width: auto;*/
/*}*/

.lead--right--col .mail--col .mail--area {
    margin-top: 20px;
    height: 300px;
    /*overflow-y: scroll;*/
    border: 1px solid #eeeeee;
}

.lead--right--col .mail--col .attachment--font {
    margin-top: 2%;
    /*color: #16325C;*/
    font-weight: bold;
    float: left;
    margin-left: 20px;
}

.lead--right--col .mail--col .choose-file {
    position: absolute;
    left: 18%;
    margin-top: 2%;
}

.lead--right--col .item {
    height: 475px;
}

.lead-status-col {
    height: 405px;
}

@media (max-width: 767px) {
    .lead--right--col .item {
        height: auto;
}
}

.lead--right--col .lead-page-btn-section {
    padding: 10px 2px;
    background-color: #ffffff;
    box-shadow: inset 0 0 5px #eee;
    -webkit-box-shadow: inset 0 0 5px #eee;
    border-radius: 5px;
    border-bottom: 3px solid #eee;
}

.lead--right--col #custom_carousel .call-box,
.lead--right--col #custom_carousel .sms-box,
.lead--right--col #custom_carousel .meeting-box,
.lead--right--col #custom_carousel .mail-box {
    background-color: #ffffff;
}

.custom-nav-tabs {
    margin-bottom: 0;
}

.select2input:focus {
    outline: 0;
}

/*Dashboard Feed Box UI*/
.feed-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.feed-content {
    display: block;
    background: #e0e0e0;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    font-size: 12px;
}

.feed-icon {
    font-size: 12px !important;
    padding-left: 10px;
}

.feed-box-content {
    height: 410px;
    overflow-y: auto;
}

.db-task-box {
    text-align: right;
    padding: 0;
}

.db-task-icon {
    border: 1px solid #ddd;
    padding: 5px;
    background: #f5f8fa;
    margin-right: -5px;
}

.db-task-small-font {
    padding-right: 10px;
}

/*.db-task-mid-column {*/
    /*border-left: 1px solid #dddddd;*/
    /*border-bottom: 1px solid #dddddd;*/
/*}*/

/*.db-task-right-column {*/
    /*!*width: 70%;*!*/
    /*!*border-left: 1px solid #dddddd;*!*/
    /*border-bottom: 1px solid #dddddd;*/
/*}*/

.db-task-right-box {
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 5px 0;
}

.odd-box {
    background: #eeeeee;
}

.even-box {
    background: #ffffff;
}

.text-teal {
    color: #00897b;
}

.task-details-box {
    height: 85px;
    margin-bottom: 5px;
}

.task-icon-col {
    height: 60px;
}

.meeting-task {
   border-left: 3px solid #00C851;
}

.call-task {
   border-left: 3px solid #33b5e5;
}

.mail-task {
   border-left: 3px solid #ff4444;
}

.task-icon {
    margin-top: 18px;
    font-size: 22px;
}

.task-user-icon {
    font-size: 30px;
    padding-top: 5px;
}

.more-info-icon {
    cursor: pointer;
}

.task-name-font {
    margin: 0 !important;
}

.task-nav-tabs > li > a {
/*.task-nav-tabs > li.active > a:hover {*/
    color: #222222 !important;
    /*background-color: #16325c;*/
}

.task-tab-content {
    padding: 15px;
    background: #e3f2fd;
}

.task-modal {
    padding-bottom: 20px;
}

.db-lead-table {
    background: #ffffff;
    font-size: 14px;
}

.db-lead-table th {
    font-weight: bold;
}

.db-lead-status-bar {
    width: 33.33%;
    float: left;
    overflow: hidden;
    color: #fff;
    text-align: center;
    padding: 1.5px 0;
    font-size: 10px;
}

.blue-grey-background {
    background-color: #cfd8dc !important;
}

.new-panel-title-color {
    color: #263238 !important;
    font-size: 16px;
    font-weight: 600;
}

.new-gradient-btn-white {
    border: 1px solid #263238;
    background-color: #ffffff;
    color: #263238;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: normal;
    word-wrap: break-word;
    cursor: pointer;
    margin-top: 5px;
    font-weight: 400;
    margin-right: 10px;
}

.p-medium-font {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.p-number-font {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.purple-number {
    color: #aa66cc;
}

.blue-number {
    color: #428bca;
}

.green-number {
    color: #00c853;
}

.red-number {
    color: #ff4444;
}

.marketing-report-navpill > li.active > a, 
.marketing-report-navpill > li.active > a:hover, 
.marketing-report-navpill > li.active > a:focus {
    /* background-color: #16325c !important; */
}

.marketing-report-table thead > tr > th {
    border-top: 1px solid #b0bec5 !important;
    border-bottom: 1px solid #b0bec5 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-color: #d0d6e2 !important;
    text-align: center;
    vertical-align: middle !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.marketing-report-table thead > tr > td {
    border-top: 1px solid #b0bec5 !important;
    border-bottom: 1px solid #b0bec5 !important;
    font-size: 12px !important;
    /* font-weight: 600 !important; */
    /* background-color: #d0d6e2 !important; */
    text-align: center;
    vertical-align: middle !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.left-column {
    border-left: 1px solid #b0bec5 !important;
}

.right-column {
    border-right: 1px solid #b0bec5 !important;
}

.date-font {
    font-weight: 600;
    color: #428bca;
}

.email-template-header {
    font-size: 16px;
    text-transform: uppercase;
}

.email-template-description {
    font-size: 14px;
}

.lead-config-select2 {
    height: 35px !important;
    overflow-y: auto !important;
    padding-top: 5px !important;
}

.db-stat-box {
    height: 150px !important;
}

.no-pad-right {
    padding-right: 0;
}

.email-task {
   border-left: 3px solid #ff4444;
}

.sms-task {
   border-left: 3px solid green;
}

/* Leadbox Mobile CSS */
@media (max-width: 600px) {
    .lead-box-mob {
        padding: 0;
    }
    }
    
    .lead-nav-pills {
        position: fixed;
        width: 100%;
        z-index: 3000; 
    }
    
    .lead-pill {
        width: 50%;
        background: #cfd8dc;
        text-align: center;
        color: #ffffff !important;
        font-size: 18px;
        font-weight: 600;
    }
    
    .lead-pill a {
        color: #ffffff !important;
    }
    
    .lead-nav-pills > li + li {
        margin-left: 0 !important;
    }
    
    .nav-pills > li.active > a, 
    .nav-pills > li.active > a:hover, 
    .nav-pills > li.active > a:focus {
        color: #ffffff;
        background-color: #16325c !important;
        border-bottom: 2px solid deepskyblue;
    }
    
    .grey-box {
        background: #9e9e9e;
    }
    
    .light-green-box {
        background: #7fd000;
    }
    
    .blue-box {
        background: #21abf6;
    }
    
    .green-box {
        background: #108000;
    }
    
    .mdb-dark-box {
        background: #3b465e;
    }
    
    .pink-box {
        background: #e91e63;
    }

    .lead-box-mob {
        padding: 0 !important;
    }

    .quick_lead_mob {
        margin-top: -10%;
    }

    @media (min-width: 500px) {
        .quick_lead_mob {
            margin-top: -19%;
        }
    }
    
    .lead-db-box-number {
        font-size: 26px;
        color: #ffffff;
        float: left;
        margin: 0;
        padding-left: 15px;
    }
    
    .lead-db-box {
        padding: 10px 0;
        height: 160px;
        margin-bottom: 30px;
    }

    @media (min-width: 500px) {
        .lead-db-box {
            height: 210px;
        }
    }
    
    .lead-db-box-font {
        font-size: 16px;
        color: #ffffff;
        margin-top: 60%;
    }
    
    .lead-db-icon-container {
        margin-top: 45%;
        padding: 0 !important;
    }

    @media (min-width: 500px) {
        .lead-db-icon-container {
            margin-top: 40%;
        }
    }

    
    .lead-db-box-icon {
        font-size: 26px;
        color: #ffffff !important;
        margin-top: 35%;
    }

   

    select.leadbox_dropdown {
        -webkit-appearance: button;
        -webkit-user-select: none;
        background: transparent;
        border-bottom: 0.4px solid #cfd8dc !important;
        border: 0;
        color: #555;
        font-size: 12px;
        overflow: hidden;
        padding: 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    
    select.default_filtermobile {
        -webkit-appearance: button;
        -webkit-user-select: none;
        background: transparent;
        border-bottom: 0.4px solid #cfd8dc !important;
        border: 0;
        color: #555;
        font-size: 12px;
        overflow: hidden;
        padding: 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    select.leadbox_dropdown:focus {
        outline: 0;
        box-shadow: none !important;
    }

    .leadbox_icon {
        font-size: 20px;
        position: relative;
        /* top: 10px; */
    }

    .leadbox_header_row {
        border-bottom: 0.4px solid #ab47bc;
        padding-bottom: 15px;
    }

    #mobleadbox_filter {
        display:none;
        /* text-align:center; */
        background:#ffffff;
        /* color:#fff; */
        padding:30px 20px
    }

    .mobleadfilter_input {
        width: 100%;
    }

    .lead-info-box {
        border-bottom: 0.4px solid #ab47bc;
        padding-bottom: 15px;
    }

    .leadbox_action_icon {
        font-size: 30px;
    }

    .lead-span-box {
        padding: 3px;
        border-radius: 4px;
    }

    .lead-span-font {
        font-size: 16px;
        font-weight: 600;
    }

    .action_icon_holder {
        background: #bdbdbd;
        position: relative;
        top: 15px;
        text-align: center;
        padding: 5px;
        border-radius: 3px;
    }
    
    .lead-grey-box {
        background: #cfd8dc;
    }

    .lead-green-box {
        background: #8bc34a;
    }

    .lead-orange-box {
        background: #ff9800;
    }

    .leadinfo_img_mob {
        height: 70px;
        width: 70px;
        border: 1px solid #000000;
        border-radius: 100%;
        text-align: center;
    }

    .leadinfo_mob_dp {
        margin-top: 12px;
        height: 40px;
    }

    .lead_h3 {
        margin: 0 !important;
    }

    .leadbox_header {
        padding: 30px 10px !important;
    }

    .lead_close {
        opacity: 1 !important;
        margin-top: 7%;
        font-size: 22px;
    }

    .lead_mob_nav_pills {
        background: #cfd8dc !important;
        position: fixed;
        width: 100%;
    }

    .lead_mob_nav_pills > li > a {
        padding: 10px 12px !important;
    }

    @media(max-width: 769px) {
    .leadbox_mob_ui .header-backround-main {
        z-index: 3000 !important;
        }
    }

    #LeadInfoModal {
        margin-top: 20.5%;
    }

    @media(min-width: 600px) {
        #LeadInfoModal {
            margin-top: 11%;
        }
    }

    .leadbox_mob_modal_content {
        height: 100%;
    }

    .lead_modal_dialog {
        height: 100%;
    }

    .lead_detail_footer {
        position: fixed;
        bottom: 0;
    }

    .lead_detail_footer .lead_detail_footer_sec {
        display: inline-block;
        width: 32.33%;
    }

    .lead_detail_footer .lead_detail_footer_sec i {
        font-size: 20px;
    }

    .lead_mob_input {
        border: none !important;
    }
    
    #filter_row {
        margin-bottom: 10px;
    }
    
    .no-pad-mobilepopup {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10%;
	}
	
	.mob-map-area{
		height: 230px;
	    width: 75%;
	    margin: 25px auto 0;
	    border: 1px solid #eeeeee;
	    border-radius: 10px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    z-index: 1000;
	}
	
	.mob-link-area{
		height: 230px;
	    width: 75%;
	    margin: 25px auto 0;
	    border: 1px solid #eeeeee;
	    border-radius: 10px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    z-index: 1000;
	}
    
    * Business Communication Mobile UI */
.call_log_header {
    overflow: visible;
    height: 50px
}

@media (max-width: 600px) {
    .call_log_header {
        height: 85px
    }
}

@media (max-width: 600px) {
    .business_comm_mob_wrapper {
        background: #ffffff;
    }
}

.call_search_input {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
}

.call_info_box_mob {
    border: 1px solid #90a4ae;
    padding: 20px 10px;
    height: 80px;
    padding-top : 6px;
}

.call_detail_mob {
    border: 1px solid #90a4ae;
    padding: 20px 10px;
}

.call_check_icon {
    color: #4F8A10 !important;
    font-size: 22px;
}

.call_check_icon_noresponse {
    color: #f0ad4e !important;
    font-size: 22px;
}

.call_check_icon_noanswer {
    color: #D8000C !important;
    font-size: 22px;
}

.call_check_icon_allother {
    color: #9F6000 !important;
    font-size: 22px;
}

.call_log_icon {
    font-size: 22px;
}

.circle_icon {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    border: 1px solid #000000;
}

.lead_mob_meet_link_area {
    top: 25%;
    left: 20%;
}

.mob_us3_address {
    height: 110px;
}


/* New Contacts CSS Start */

    .customer_count_box {
        height: 125px;
        width: 21%;
        background-color: white !important;
        margin: 0 2%;
        color: #3E4551;
    }
    
    .customer_count_box_new {
        height: 100px;
        width: 21%;
        background-color: white !important;
        margin: 0 2%;
        color: #3E4551;
    }

    .dark-font {
        color: #3E4551;
    }

    .light-grey-font {
        color: #9e9e9e;
    }

    /* .customer_count_box h5 {
        color: #ffffff;
    } */

    .customer_count_box p {
        margin-bottom: 0;
    }

    .contact_table {
        width: 100%;
    }

    .contact_table tr {
        border: 1px solid #b0bec5;
    }

    .contact_table th {
        background: #f5f8fa;
    }

    .contact_table th,
    .contact_table td {
        padding: 15px 0;
        text-align: center;
    }

    .contact_table a {
        color: #0099CC;
    }

    .contact-nav-pills > li > a {
        color: #3E4551;
        font-weight: 600;
    }

    .contact-nav-pills > li.active > a,
    .contact-nav-pills > li.active > a:hover,
    .contact-nav-pills > li.active > a:focus {
        color: white;
        background-color: #16325c !important;
    }

    .tab_min_width {
        width: 10%;
    }

    .tab_min2_width {
        width: 15%;
    }

    .tab_med_width {
        width: 20%;
    }

    .action_icon {
        color: #ffffff !important;
    }

    .contact_dp {
        height: 70px;
        width: 70px;
        border-radius: 100%;
        border: 1px solid #333333;
        text-align: center;
    }

    .contact_dp_img {
        height: 50px;
        margin-top: 5%;
    }

    .contact_details_header {
        border-bottom: 3px solid #16325c !important;
    }

    .contact_details_footer {
        border-top: 3px solid #16325c !important;
    }

    .green_underline {
        border-bottom: 3px solid #00C851;
    }

    .yellow_underline {
        border-bottom: 3px solid #ffbb33;
    }

    .orange_underline {
        border-bottom: 3px solid #FF8800;
    }

    .red_underline {
        border-bottom: 3px solid #CC0000;
    }

    .light_blue_underline {
        border-bottom: 3px solid #33b5e5;
    }

    .violet_underline {
        border-bottom: 3px solid #9933CC;
    }

    .pink_underline {
        border-bottom: 3px solid #ef9a9a;
    }

    .blue_underline {
        border-bottom: 3px solid #16325c;
    }

    .lightviolet_underline {
        border-bottom: 3px solid #aa66cc;
    }
/* New Contacts CSS End */

/* Integration New UI CSS */
.integration-nav-pills li {
    border: 1px solid #000;
    width: 16.5%;
    text-align: center;
}

.integration-nav-pills > li.active > a,
.integration-nav-pills > li.active > a:hover,
.integration-nav-pills > li.active > a:focus {
    background: transparent !important;
    color: #000 !important;
    border-bottom: 0;
}

.integration-nav-pills > li + li {
    margin-left: 0;
}

.left-curved-pill {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right-curved-pill {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.integration-icon-box {
    border: 1px solid #000;
    width: 100%;
    height: 150px;
    text-align: center;
}

.integration-icon-check {
    float: right;
    font-size: 35px;
    color: green;
    margin: 10px 10px 0 0;
}

.integration-icon-close {
    float: right;
    font-size: 35px;
    color: red;
    margin: 10px 10px 0 0;
}

.icon-spanner {
    margin-left: 10px;
    font-size: 30px;
}

.spanner-btn {
    background: transparent;
    border: 0;
    position: absolute;
}