/* global font */
body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.tooltip-inner,
.select2-search input, .select2-container-multi .select2-choices .select2-search-field input,
.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea,
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
.modal, .modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6, .modal .h1, .modal .h2, .modal .h3, .modal .h4, .modal .h5, .modal .h6,
.dropdown-menu,
.dropdown-menu *:not(.fa):not(.far):not(.fab):not(.fal):not(.fad):not(.fas) {
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif !important;
}

/* from custom.css last commit need to check this code
   grid left bar UI changes, background color changed
*/
body, #content {
    background: #f1f2f6;
}

h1, h2, h3, h4 {
    font-weight: 400;
}

.no-data-message h4 {
    font-size: 20px;
    font-weight: 700;
}

.newnav.horizontal-nav #left-panel .navbar-nav.navbar-right {
    margin-top: 9px !important;
}

.horizontal-nav > aside > nav > ul > li > a {
    padding: 17px 8px 7px 8px !important;
}

.horizontal-nav #left-panel {
    border-bottom: solid 1px #d9dce1;
}

.inbox-menu-lg li a:hover {
    background-color: transparent;
}

.inbox-side-bar ul li.active a {
    color: #2f3542 !important;
}

.inbox-side-bar ul.inbox-folder-list li.active a strong {
    float: right;
    padding-right: 4px;
}

.inbox-side-bar ul li a {
    font-size: 13px;
    padding-left: 14px;
}

.inbox-side-bar h6 {
    font-size: 12px;
    border-bottom: 0;
    border-top: 2px solid #dfe4ea;
    padding: 15px 0;
    margin-bottom: 0;
}

ul.inbox-folder-list li {
    border-bottom: 2px solid transparent;
    border-left: 0;
    width: auto;
}

.inbox-folder-scrool .inbox-folder-list {
    display: flex;
}


.quickaccess .inbox-menu-sm li {
    position: relative;
}

    .quickaccess .inbox-menu-sm li a:before {
        position: absolute;
        left: 0;
        font-family: FontAwesome;
        content: "\f096";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
    }

    .quickaccess .inbox-menu-sm li.active a:before, .quickaccess .inbox-menu-sm li:hover a:before, .quickaccess .inbox-menu-sm li:focus a:before {
        content: "\f14a";
        color: #3276b1;
    }

    .quickaccess .inbox-menu-sm li a {
        text-decoration: none;
        background-color: transparent;
        padding-left: 16px;
    }

.quickaccess .smart-form {
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

.widget-body {
    background-color: #fff;
}
/*grid left bar UI changes, background color changed*/


/*--------- v5-loader ----------*/

.fa-spinner, .fa-spin.fa-cog {
    color: #5352ed;
    margin: 0 5px;
    position: relative;
    font-family: 'Font Awesome 5 Duotone';
    font-weight: 900;
    -webkit-animation: fa-spin 1.4s infinite linear;
    animation: fa-spin 1.4s infinite linear;
}

    .fa-spinner:before, .fa-spin.fa-cog:before {
        content: "\f3f4";
        position: absolute;
        right: 0;
        color: var(--fa-primary-color, inherit);
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1);
    }

    .fa-spinner:after, .fa-spin.fa-cog:after {
        content: "\10f3f4";
        color: var(--fa-secondary-color, inherit);
        opacity: 0.4;
        opacity: var(--fa-secondary-opacity, 0.4);
    }

/*.fa-spinner.loader-size-md {
        font-size: 70px;
    }*/


h1.loading-section, h1.loading-section-sm {
    font-size: 0;
}

    h1.loading-section i,
    .table-wrap td h1.loading-section .fa {
        font-size: 60px;
    }

    h1.loading-section-sm i,
    .table-wrap td h1.loading-section-sm .fa {
        font-size: 24px;
    }



.skeleton-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

    .skeleton-wrapper h1.loading-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        height: 100%;
    }

        .skeleton-wrapper h1.loading-section .fa-spinner.pending_el {
            color: #5352ed !important;
            background-color: transparent !important;
            -webkit-animation: fa-spin 1.4s infinite linear;
            animation: fa-spin 1.4s infinite linear;
        }


/*main loader with leftnav*/
body.left-nav2 #content > .skeleton-wrapper {
    padding-left: 256px !important;
}



/*--------- v5-loader end ----------*/

.txt-color-blueDark {
    color: #2F3542 !important;
}

/*-------- colors -------*/
.color-success {
    color: #1BC469 !important;
}

.color-warning {
    color: #F27137 !important;
}

.color-danger {
    color: #F73F49 !important;
}
/*-------- colors end -------*/

/*------- type-2 -------*/
.badge.type-2 {
    padding: 4px 10px;
    border: 1px solid;
    border-radius: 3px;
}

    .badge.type-2:hover, .badge.type-2:focus {
        color: inherit;
    }


.btn-primary.type-2,
.inbox-body .open .btn-primary.type-2.dropdown-toggle {
    color: #2188F9 !important;
    background: rgba(33, 136, 249, 0.1) !important;
    border: 1px solid #2188F9 !important;
    border-radius: 50px;
    padding: 4px 10px 5px;
    font-weight: 400;
    font-size: 13px;
    box-shadow: none !important;
}

    .btn-primary.type-2.dropdown-toggle,
    .inbox-body .open .btn-primary.type-2.dropdown-toggle {
        padding-right: 30px;
        position: relative;
    }

        .btn-primary.type-2.dropdown-toggle .fa-angle-down {
            position: absolute;
            right: 14px;
            top: 9px;
            font-size: 12px;
            font-weight: 400;
            color: #2F3542;
        }
/*------- type-2 end -------*/


/*helper class*/
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}
.overflow-visible {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.v5-m-top-10 {
    margin-top: 10px !important;
}

.v5-m-bottom-10 {
    margin-bottom: 10px !important;
}

.v5-m-left-0 {
    margin-left: 0 !important;
}

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

.v5-no-margin-bottom {
    margin-bottom: 0 !important;
}

.v5-no-padding {
    padding: 0;
}

.v5-hidden {
    display: none;
}

.v5-no-bgcolor {
    background-color: transparent !important;
}

.inbox-data-date > :first-child.numberdropdown {
    display: inline-flex;
    flex-direction: column;
}

.multiline-trim {
    display: -webkit-box !important;
    max-height: 45px;
    margin: 0 auto;
    word-wrap: break-word;
    -webkit-line-clamp: 2; /* for webkit browser like chrome only, for other browser you have to use js */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .multiline-trim > strong {
        display: -webkit-box !important;
        max-height: 40px;
        margin: 0 auto;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#inbox-table tr th.text-right, #inbox-table.table tbody > tr > td.text-right {
    padding-right: 20px !important;
}

#inbox-table tr th.space-right-big, #inbox-table.table tbody > tr > td.space-right-big {
    padding-right: 60px !important;
}

#inbox-table tr th.space-right-medium, #inbox-table.table tbody > tr > td.space-right-medium {
    padding-right: 40px !important;
}

#inbox-table tr th.space-right-small, #inbox-table.table tbody > tr > td.space-right-small {
    padding-right: 20px !important;
}

#inbox-table tr th.space-left-big, #inbox-table.table tbody > tr > td.space-left-big {
    padding-left: 60px !important;
}

#inbox-table tr th.space-left-medium, #inbox-table.table tbody > tr > td.space-left-medium {
    padding-left: 40px !important;
}

#inbox-table tr th.space-left-small, #inbox-table.table tbody > tr > td.space-left-small {
    padding-left: 20px !important;
}

.v5-bg-transparent {
    background-color: transparent;
}

table tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 46%;
    left: 0;
    border-bottom: 1px solid #2f3542;
    width: 100%;
    z-index: 2;
}

.modal .inbox-body .table-wrap.custom-scroll.thumbnail-view {
    overflow: visible;
}

.modal .inbox-body .table-wrap.custom-email-grid-v05 {
    overflow: visible;
}

table .inbox-data-from-lg > :first-child {
    max-width: 400px;
    width: 400px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox-data-date-lg > div {
    width: 140px;
}

.inbox-data-date-md > div {
    width: 120px;
}

table tr > th.inbox-data-150,
table tr > td.inbox-data-150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

table tr > th.inbox-data-200,
table tr > td.inbox-data-200 {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

table tr > th.inbox-data-220,
table tr > td.inbox-data-220 {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
}

table .inbox-data-from-xl > div {
    max-width: 600px;
    width: 600px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-trim > div {
    white-space: normal !important;
}

.inbox-data-email-lg > :first-child:not(.ui-slider) {
    width: auto;
    min-width: 0;
    max-width: 350px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.disabled-tr {
    pointer-events: none;
    opacity: 0.5;
}

.popover-cust-width {
    max-width: 100%;
    min-width: 202px;
}

td.inbox-toggle-row {
    text-align: center;
}
/*helper class end*/

/*gotowebinar page grid changes*/
#inbox-table.table thead > tr > th.inbox-data-sm,
#inbox-table.table tbody > tr > td.inbox-data-sm {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

div th.inbox-data-sm > div,
div td.inbox-data-sm > div {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
/*gotowebinar page grid changes end*/

/* Selcted items custom class start*/
.selected {
    border: none !important;
    -webkit-box-shadow: box-shadow: 0 0 0 1px #0091d9 !important;
    -moz-box-shadow: box-shadow: 0 0 0 1px #0091d9 !important;
    box-shadow: 0 0 0 1px #0091d9 !important;
}
/* Selcted items custom class end*/

/*loading section*/
.loading-section {
    margin: 120px 0;
    text-align: center;
    padding: 20px;
}

    .loading-section .loading-img {
        max-height: 80px;
    }
/*loading section end*/

/*no data*/
.no-data-message {
    text-align: center;
    padding: 40px 20px;
}

    .no-data-message h3 {
        font-weight: 500;
        font-size: 22px;
        margin: 30px 0 10px;
        color: #2F3542;
        text-transform: capitalize;
    }

    .no-data-message p {
        color: #77889a;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
    }

.btn.btn-primary.type2 {
    background-color: rgba(83, 82, 237, 0.15);
    color: #5352ed;
    box-shadow: none;
    font-size: 15px;
    height: auto;
    border: none;
    padding: 4px 10px;
    line-height: 1.1;
}
/*no data end*/

/*btn UI*/
.btn-primary-cta, .btn-secondary-cta, .btn-default-cta {
    /*height: 37px;*/
    border: none;
    padding: 8px 20px;
    border-radius: 30px;
    text-transform: capitalize;
}

/*.btn-primary-cta {
    color: #fff;
    background-color: #5352ed;
    border-color: #5352ed;
}*/

    .btn-primary-cta, .btn-primary-cta:active, .btn-primary-cta.active {
        box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
        -webkit-box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
    }

        .btn-primary-cta:active {
            position: relative;
            top: 0;
            left: 0;
        }

        .btn-primary-cta.disabled {
            color: #fff;
            background-color: #5352ed;
            border-color: #5352ed;
            opacity: 0.5;
        }

.btn-primary-cta2 {
    border: none;
    color: #fff;
    border-radius: 5px;
    background-color: #5352ed;
    border-color: #5352ed;
}

.btn-secondary-cta {
    color: #fff;
    background-color: #58758f;
    border-color: #58758f;
}

    .btn-secondary-cta:hover, .btn-secondary-cta:focus, .btn-secondary-cta:active, .btn-secondary-cta.active {
        color: #fff;
        background-color: #58758f;
        border-color: #58758f;
    }

    .btn-secondary-cta, .btn-secondary-cta:active, .btn-secondary-cta.active {
        box-shadow: 0px 8px 12px 1px rgba(88, 117, 143, 0.35);
        -webkit-box-shadow: 0px 8px 12px 1px rgba(88, 117, 143, 0.35);
    }

        .btn-secondary-cta:active {
            position: relative;
            top: 0;
            left: 0;
        }

        .btn-secondary-cta.disabled {
            color: #fff;
            background-color: #58758f;
            border-color: #58758f;
            opacity: 0.5;
        }


.btn-default-cta {
    background-color: #fff;
    border-color: #fff;
}

    .btn-default-cta:hover, .btn-default-cta:focus, .btn-default-cta:active, .btn-default-cta.active {
        color: #fff;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-default-cta, .btn-default-cta:active, .btn-default-cta.active {
        box-shadow: 0px 8px 12px 1px rgba(88, 117, 143, 0.35);
        -webkit-box-shadow: 0px 8px 12px 1px rgba(88, 117, 143, 0.35);
    }

        .btn-default-cta:active {
            position: relative;
            top: 0;
            left: 0;
        }

        .btn-default-cta.disabled {
            background-color: #fff;
            border-color: #fff;
            opacity: 0.5;
        }


.btn.type2 {
    border-radius: 30px;
}

.btn-default-cta.with-dropdown {
    border-radius: 30px;
    border: 1px solid #D9DCE1;
    background: none;
    box-shadow: none;
    color: #2F3542;
}

.no-shadow, .btn-primary-cta:active {
    box-shadow: none !important;
}

/*btn with effect 1*/

.btn-effect1 {
    padding: 20px;
    text-align: center;
    position: relative;
    width: auto;
}

    .btn-effect1 span {
        display: inline-block;
        min-width: 0.3em;
        transition: 0.5s cubic-bezier(0.5, -1, 0.5, 2);
        opacity: 0;
        text-transform: lowercase;
        transform: translate(0, -20px);
        -webkit-transform: translate(0, -20px);
    }

        .btn-effect1 span:nth-child(1) {
            text-transform: capitalize;
        }

    .btn-effect1:before {
        content: attr(data-text);
        position: absolute;
        width: 100%;
        left: 0;
        transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
        opacity: 1;
        transform: translate(0, 0px);
    }

    .btn-effect1:hover:before, .btn-effect1:focus:before {
        opacity: 0;
        transform: translate(0, 20px);
    }

    .btn-effect1:hover span, .btn-effect1:focus span {
        opacity: 1;
        transform: translate(0, 0);
    }

        .btn-effect1:hover span:nth-child(1), .btn-effect1:focus span:nth-child(1) {
            transition-delay: 0.05s;
        }

        .btn-effect1:hover span:nth-child(2), .btn-effect1:focus span:nth-child(2) {
            transition-delay: 0.1s;
        }

        .btn-effect1:hover span:nth-child(3), .btn-effect1:focus span:nth-child(3) {
            transition-delay: 0.15s;
        }

        .btn-effect1:hover span:nth-child(4), .btn-effect1:focus span:nth-child(4) {
            transition-delay: 0.2s;
        }

        .btn-effect1:hover span:nth-child(5), .btn-effect1:focus span:nth-child(5) {
            transition-delay: 0.25s;
        }

        .btn-effect1:hover span:nth-child(6), .btn-effect1:focus span:nth-child(6) {
            transition-delay: 0.3s;
        }

        .btn-effect1:hover span:nth-child(7), .btn-effect1:focus span:nth-child(7) {
            transition-delay: 0.35s;
        }

        .btn-effect1:hover span:nth-child(8), .btn-effect1:focus span:nth-child(8) {
            transition-delay: 0.4s;
        }

        .btn-effect1:hover span:nth-child(9), .btn-effect1:focus span:nth-child(9) {
            transition-delay: 0.45s;
        }

        .btn-effect1:hover span:nth-child(10), .btn-effect1:focus span:nth-child(10) {
            transition-delay: 0.5s;
        }

        .btn-effect1:hover span:nth-child(11), .btn-effect1:focus span:nth-child(11) {
            transition-delay: 0.55s;
        }

        .btn-effect1:hover span:nth-child(12), .btn-effect1:focus span:nth-child(12) {
            transition-delay: 0.6s;
        }

        .btn-effect1:hover span:nth-child(13), .btn-effect1:focus span:nth-child(13) {
            transition-delay: 0.65s;
        }

        .btn-effect1:hover span:nth-child(14), .btn-effect1:focus span:nth-child(14) {
            transition-delay: 0.7s;
        }

        .btn-effect1:hover span:nth-child(15), .btn-effect1:focus span:nth-child(15) {
            transition-delay: 0.75s;
        }

        .btn-effect1:hover span:nth-child(16), .btn-effect1:focus span:nth-child(16) {
            transition-delay: 0.8s;
        }

        .btn-effect1:hover span:nth-child(17), .btn-effect1:focus span:nth-child(17) {
            transition-delay: 0.85s;
        }

        .btn-effect1:hover span:nth-child(18), .btn-effect1:focus span:nth-child(18) {
            transition-delay: 0.9s;
        }

        .btn-effect1:hover span:nth-child(19), .btn-effect1:focus span:nth-child(19) {
            transition-delay: 0.95s;
        }

        .btn-effect1:hover span:nth-child(20), .btn-effect1:focus span:nth-child(20) {
            transition-delay: 1s;
        }

        .btn-effect1:hover span:nth-child(21), .btn-effect1:focus span:nth-child(21) {
            transition-delay: 1.05s;
        }

        .btn-effect1:hover span:nth-child(22), .btn-effect1:focus span:nth-child(22) {
            transition-delay: 1.1s;
        }

        .btn-effect1:hover span:nth-child(23), .btn-effect1:focus span:nth-child(23) {
            transition-delay: 1.15s;
        }

        .btn-effect1:hover span:nth-child(24), .btn-effect1:focus span:nth-child(24) {
            transition-delay: 1.2s;
        }

        .btn-effect1:hover span:nth-child(25), .btn-effect1:focus span:nth-child(25) {
            transition-delay: 1.25s;
        }

/*btn with effect 1*/

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary,
.btn-primary:active:focus, .btn-primary:active:hover,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #5352ed;
    border-color: #5352ed;
}

/*43341*/
.modal-action-btns .btn-primary-cta.v5-action-btn {
    margin-left: 12px;
    color: #fff;
}

    .modal-action-btns .btn-primary-cta.v5-action-btn > span {
        color: #fff;
    }


/*btn UI end*/


/*badge btn UI*/
.badge {
    font-weight: 400;
    font-size: 13px;
}

a.badge:hover, a.badge:focus {
    color: #2F3542;
}

.badge-success {
    color: #46aa8b;
    background-color: rgba(70, 170, 139, 0.1);
}

.badge-danger {
    color: #f7414a;
    background-color: rgba(247, 65, 74, 0.1);
}

.badge-warning {
    color: #ffc107;
    background-color: rgba(255, 193, 7, 0.1);
}

.badge-info {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, 0.1);
}

.badge-secondary {
    color: #6c757d;
    background-color: rgba(108, 117, 125, 0.1);
}

.badge-primary {
    color: #5352ed;
    background-color: rgba(83, 82, 237, 0.1);
}

.badge-default {
    color: #999;
    background-color: rgba(153, 153, 153, 0.1);
}



.label.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
}

.label-danger.badge-danger {
    color: #f7414a;
    background-color: rgba(247, 65, 74, 0.1);
}

.label-primary.badge-primary {
    color: #5352ed;
    background-color: rgba(83, 82, 237, 0.1);
}

.label-success.badge-success {
    color: #46aa8b;
    background-color: rgba(70, 170, 139, 0.1);
}

.label-info.badge-info {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, 0.1);
}

.label-warning.badge-warning {
    color: #ffc107;
    background-color: rgba(255, 193, 7, 0.1);
}

.label-default.badge-default {
    color: #999;
    background-color: rgba(153, 153, 153, 0.1);
}
/*badge btn UI end*/


/*tabs dropdown*/
.tabs-dropdown.dropdown {
    display: inline-block;
    margin-right: 15px;
}

.tabs-dropdown .btn, .tabs-dropdown .btn:hover, .tabs-dropdown .btn:focus, .tabs-dropdown .btn:active, .tabs-dropdown .btn.active, .tabs-dropdown.open .dropdown-toggle.btn-default {
    color: #5352ed;
    background-color: #fff;
    border-color: #fff;
}

.tabs-dropdown .btn {
    box-shadow: 0px 8px 12px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 8px 12px 1px rgba(0, 0, 0, 0.05);
    height: 37px;
}

.tabs-dropdown.dropdown .btn.dropdown-toggle > .fa {
    margin-left: 25px !important;
    color: #77889a;
    margin-right: -6px;
}
/*tabs dropdown end*/

/*custom range dropdown issues fixed input V5*/
div .range-data {
    width: 200px;
}

div .custom-range-on.dropdown-menu .range-data {
    width: 160px !important;
}

div .custom-range-on.dropdown-menu .range-calendar {
    width: auto !important;
}

div .dropdown-large > li > ul > li > a {
    color: #77889a;
    display: block;
    padding: 8px 14px;
    clear: both;
    font-weight: normal;
    line-height: 2;
    cursor: pointer;
    font-size: 12px;
}

    div .dropdown-large > li > ul > li > a:hover, div .dropdown-large > li > ul > li > a:focus {
        text-decoration: none;
        color: #2f3542;
        background-color: #f1f2f6;
    }

/*custom range dropdown issues fixed input V5 end*/

/*global page related stuff*/
#content {
    padding: 10px 40px 30px;
}

td a, td a:hover, td a:focus {
    color: #77889a;
}

.inbox-body .btn, .inbox-body .btn-group {
    /*-webkit-box-shadow: 0 0 13px 0 rgba(62,44,90,.08);
    box-shadow: 0 0 13px 0 rgba(62,44,90,.08);*/
    /*border: 1px solid rgba(0,0,0,.09);
    border-bottom: 1px solid #e0e0e0;*/
    /*border-radius: 4px;*/
}

    .inbox-body .btn-group .btn {
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height: 25px;
    }

.inbox-nav-bar .page-title > .fa {
    margin-right: 20px;
}

.nodata .well, .custom-message .well {
    margin: 20px 0;
    background-color: #f1f2f6;
    color: #2F3542;
    border: none;
    box-shadow: none;
}

.disabled-me {
    pointer-events: none;
    opacity: 0.4;
}

.panel-title {
    font-weight: 400;
}

.loading {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .loading.loading-md {
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.note-editor .note-toolbar .dropdown-menu {
    padding: 5px 0;
}

.popover {
    min-width: unset;
}

    .popover.popover-auto {
        width: unset;
    }

.popover-content > .with-url {
    word-break: break-all;
}

#popover-auto .popover {
    width: unset;
}

.tooltip-inner {
    background-color: #333;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #333;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #333;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #333;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #333;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #333;
}


.dropdown-menu {
    min-width: 208px;
    border-color: #f1f2f6;
    box-shadow: 0 0 12px rgba(83, 82, 237, 0.15);
    padding: 5px;
    border-radius: 6px;
    z-index: 1030;
    text-align: left;
}

.dropup {
    position: relative;
}

.dropdown-menu.dropdown-menu-sm {
    min-width: 170px;
}

.dropdown-menu > li > a {
    color: #77889a;
    display: block;
    padding: 8px 14px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    cursor: pointer;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #f1f2f6;
        color: #2f3542;
    }

.open > .dropdown-menu {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*color picker zindex issue 37571*/
.colorpicker.dropdown-menu {
    z-index: 2500;
}


.inbox-nav-bar .nav-tabs > li.active > a {
    box-shadow: inset 0 -2px 0 #57889c;
}

    .inbox-nav-bar .nav-tabs > li.active > a, .inbox-nav-bar .nav-tabs > li.active > a:hover, .inbox-nav-bar .nav-tabs > li.active > a:focus {
        border: none;
    }

.dropdown-menu > li > a.disabled {
    opacity: 0.8;
}

.inbox-side-bar button.btn.dropdown-toggle > i:last-child {
    margin: 0;
}


/*toggle btn*/
.v5-toggle.smart-form .toggle input:checked + i:before {
    right: 11px;
    /* right: 3px; */
}

.v5-toggle.smart-form .toggle i:before {
    top: 2px;
    right: 4px;
    width: 14px;
    height: 14px;
}

.v5-toggle.smart-form .toggle i:before {
    background-color: #fff;
}

.v5-toggle.smart-form .radio input:checked + i, .v5-toggle.smart-form .checkbox input:checked + i, .v5-toggle.smart-form .toggle input:checked + i {
    border-color: #5352ed;
    background-color: #5352ed;
}

.v5-toggle.smart-form .input:hover input, .v5-toggle.smart-form .select:hover select,
.v5-toggle.smart-form .textarea:hover textarea, .v5-toggle.smart-form .radio:hover i,
.v5-toggle.smart-form .checkbox:hover i, .v5-toggle.smart-form .toggle:hover i {
    border-color: #5352ed;
}

.v5-toggle.smart-form .toggle i {
    background: #5352ed;
    left: 0;
    right: auto;
    width: 27px;
    height: 18px;
    border-radius:30px;
}

    .v5-toggle.smart-form .toggle i:after {
        margin-left: 35px;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .smart-form .toggle input {
        position: absolute;
        width: 100%;
        opacity: 0;
        z-index: 1;
        max-width: 35px;
        margin-left: 23px;
        height: 18px;
        cursor: pointer;
    }
    .smart-form .toggle i:after {
    content: attr(data-swchoff-text);
    position: absolute;
    top: 2px;
    right: 8px;
    left: 8px;
    font-style: normal;
    font-size: 9px;
    line-height: 13px;
    font-weight: 700;
    text-align: left;
    color: #5f5f5f;
}

/*tabs UI*/

.nav-tabs > li > a {
    padding: 7px 1px 7px;
    color: #77889a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    border: none;
    text-transform: capitalize;
}

.nav-tabs > li.active > a {
    border-bottom: none;
    background-color: transparent;
    text-decoration: none;
    padding-left: 1px;
    color: #3276b1;
    box-shadow: none;
    margin: 0 !important;
    border: none !important;
}

.nav-tabs > li {
    border-bottom: 2px solid transparent;
    border-width: 0 0 2px 0;
    width: auto;
    margin-left: 40px;
    margin-bottom: 0;
}

    .nav-tabs > li.active, .nav-tabs > li:hover, .nav-tabs > li:focus {
        border-bottom-color: #5352ed !important;
    }

.nav-tabs.bordered {
    background-color: transparent;
}

.nav-tabs > li:first-of-type {
    margin-left: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: transparent;
    color: #5352ed !important;
}

div .nav > li > a:hover, div .nav > li > a:focus {
    background-color: transparent;
}

.tabs-inside-widget.nav-tabs {
    padding-top: 20px;
    padding-left: 15px;
}

.nav-tabs.bordered + .tab-content {
    border-top: 2px solid #e5e7eb;
    border-color: #e5e7eb;
    margin-top: -2px;
}


.nav-tabs > li.addtab > a {
    padding: 8px 20px;
    background-color: #5352ed;
    border-color: #5352ed;
}

    .nav-tabs > li.addtab > a:hover, .nav-tabs > li.addtab > a:focus, .nav-tabs > li.addtab > a:active, .nav-tabs > li.addtab > a.active {
        color: #fff;
        background-color: #403fb6 !important;
        border-color: #403fb6 !important;
    }

.v5-tabs.nav-tabs.bordered {
    border-width: 0 0 1px 0;
}

    .v5-tabs.nav-tabs.bordered + .tab-content {
        background-color: transparent;
        border: none;
        padding: 20px 0 !important;
    }


/*removed nav tabs border and spacing*/
.nav-tabs.bordered {
    border: none;
}

    .nav-tabs.bordered + .tab-content {
        border-width: 2px 0 0 0;
        padding: 20px 0 !important;
    }



/*tabs UI end*/

/*tabs sortable UI*/
.nav-tabs.ui-sortable > li {
    /*for #38130*/
    margin-left: 40px !important;
}

    .nav-tabs.ui-sortable > li:first-of-type {
        margin-left: 0 !important;
    }

    .nav-tabs.ui-sortable > li.addtab > a:hover,
    .nav-tabs.ui-sortable > li.addtab > a:focus,
    .nav-tabs.ui-sortable > li.addtab > a:active,
    .nav-tabs.ui-sortable > li.addtab > a.active {
        color: #fff !important;
    }


.v5-nav-tabs-bordered.nav-tabs.bordered {
    background: #fff;
    border: 1px solid #ddd;
}

    .v5-nav-tabs-bordered.nav-tabs.bordered + .tab-content {
        background-color: #fff;
    }


/*#38130*/
.modal-body .nav-tabs.bordered + .tab-content {
    margin-top: -1px;
}

/*tabs sortable UI end*/

/*fixed custom tabs*/
.custom-tabs .nav-tabs > li {
    margin-left: 0;
    border-bottom: 0;
}
/*fixed custom tabs end*/

/*fixed 43367 bgcolor issue*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: transparent;
}

/*global page related stuff end*/




/*form UI*/

label {
    color: #77889a;
}

.form-control, .smart-form .input input, input[type="date"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="text"], textarea, textarea.theme-object, select.infly-formdropdown {
    height: 40px;
    border-color: #d9dce1;
    /*background-color: transparent;*/
    border-radius: 4px !important;
}

.smart-form .input input, .form-control {
    border-radius: 4px !important;
}

.input-group-addon:first-child:last-child,
.input-group-btn:first-child:last-child,
.input-group .form-control:first-child:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.sec-view-assets .input-group .form-control {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.input-group-addon:last-child {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

#imageStepProcess span.input-group-addon.emailImgLinkClick {
    border-radius: 0 4px 4px 0;
}

.smart-form .radio, .smart-form .checkbox {
    color: #77889a;
    font-weight: 400;
}

.widget-body .form-group label {
    margin-left: 0;
}


.note-editor {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

    .note-editor .note-toolbar {
        border-top-left-radius: 4px;
    }

    .note-editor .note-statusbar {
        border-bottom-left-radius: 4px;
    }

.select2-container .select2-choice, .select2-container-multi .select2-choices {
    border-radius: 4px !important;
}

    .select2-container .select2-choice .select2-arrow,
    .sec-view-assets .input-group-btn .search.va-btn,
    .sec-view-assets .select2-dropdown-open .select2-choice .select2-arrow,
    .smart-form .select i {
        border-radius: 0 4px 4px 0;
    }

.form-group label {
    /*margin-left: 10px;*/
}

    .form-group label.checkbox, .form-group label.radio {
        margin-left: 0;
    }

.input-group-addon, .select2-container .select2-choice .select2-arrow {
    background-color: #e4e7ed;
    min-width: 40px;
}

    .input-group-addon .fa, .input-group-addon i {
        color: #77889a;
    }

input[type=text]:focus + .input-group-addon i, textarea:focus + .input-group-addon .fa, textarea:focus + .input-group-addon i {
    color: #fff;
}

.select2-container .select2-choice {
    height: 40px;
    line-height: 40px;
    border-color: #d9dce1;
    color: #77889a;
    background-color: #fff;
}

    .select2-container .select2-choice .select2-arrow {
        width: 40px;
    }

.select2-container-multi .select2-choices, .smart-form .radio i, .smart-form .checkbox i {
    background-color: #fff;
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #e4e7ed;
    border-color: #d9dce1;
    color: #77889a;
}

    .select2-container.select2-container-disabled .select2-choice .select2-arrow {
        background-color: #e4e7ed;
        border-color: #d9dce1;
        color: #77889a;
    }

.select2-container .select2-choice .select2-arrow {
    border-left: 1px solid #d9dce1;
}

.select2-container-multi.select2-container-active .select2-choices {
    border-color: #5352ed;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #e4e7ed;
    opacity: 1;
}

.input-group .input-group-btn .btn {
    height: 40px;
    background-color: #e4e7ed;
}

.MessageBoxContainer .form-control {
    background-color: #f1f2f6;
}

.pg-send-email label.control-label {
    padding-top: 12px;
    margin-left: 0;
}

.pg-send-email .inbox-info-bar .form-group input,
.pg-send-email .inbox-info-bar .select2-container-multi .select2-choices {
    border-color: transparent !important;
}

.pg-send-email .inbox-info-bar em {
    top: 10px;
}

.pg-send-email .inbox-info-bar .form-group .select2-container-multi .select2-choices,
.pg-send-email .inbox-info-bar .form-group .smart-form .radio i,
.pg-send-email .inbox-info-bar .form-group .smart-form .checkbox i {
    background-color: #f1f2f6;
}

.pg-send-email .inbox-info-bar .form-group .form-control,
.pg-send-email .inbox-info-bar .form-group .smart-form .input input,
.pg-send-email .inbox-info-bar .form-group input[type="date"],
.pg-send-email .inbox-info-bar .form-group input[type="email"],
.pg-send-email .inbox-info-bar .form-group input[type="month"],
.pg-send-email .inbox-info-bar .form-group input[type="number"],
.pg-send-email .inbox-info-bar .form-group input[type="password"],
.pg-send-email .inbox-info-bar .form-group input[type="text"],
.pg-send-email .inbox-info-bar .form-group textarea,
.pg-send-email .inbox-info-bar .form-group textarea.theme-object,
.pg-send-email .inbox-info-bar .form-group select.infly-formdropdown,
.pg-send-email .inbox-info-bar .form-group .select2-container .select2-choice {
    background-color: transparent;
}

.pg-send-email .inbox-info-bar .form-group select.infly-formdropdown,
.pg-send-email .inbox-info-bar .form-group .select2-container .select2-choice {
    box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin-top: 10px;
}

.maincontainer .cnav-right .editsos {
    padding: 6px 12px;
    /*border-radius: 30px;*/
}

.pg-cta-modal .form-group label {
    margin-left: 0;
}

.tab-content input[type="radio"] {
    width: 14px;
    height: 14px;
    position: relative;
    top: 4px;
    right: 10px;
}

.pg-intplaybook .cnav-right .editsos.btn-primary-cta, .input .titledesc-colorpicker {
    border-radius: 30px;
}

div .intplaybook-admin .step-colorpicker, div .input .titledesc-colorpicker,
div .intplaybook-admin .title-colorpicker, div .intplaybook-admin .desc-colorpicker, div .intplaybook-admin .banner-colorpicker {
    top: 13px;
}

div .intplaybook-admin .banner-color-setting .banner-colorpicker {
    top: 23px;
}


.form-label-hover,
.smart-form .checkbox input + i:after,
.smart-form .rating input:checked ~ label {
    color: #5352ed;
}

.smart-form .radio input:checked + i, .smart-form .checkbox input:checked + i, .smart-form .toggle input:checked + i,
.smart-form .input input:focus, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .radio input:focus + i, .smart-form .checkbox input:focus + i, .smart-form .toggle input:focus + i,
.smart-form .radio input:checked + i, .smart-form .checkbox input:checked + i, .smart-form .toggle input:checked + i {
    border-color: #5352ed;
}

.smart-form .radio input + i:after {
    background-color: #5352ed;
}

input[type=text]:focus + .input-group-addon, textarea:focus + .input-group-addon {
    border-color: #5352ed;
    background-color: #5352ed;
    color: #fff
}

.select2-results .select2-highlighted {
    background: #5352ed;
    color: #fff;
}

.select2-container .select2-choice .select2-arrow1 {
    background-color: #5352ed;
    border-color: #5352ed;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border-color: #5352ed;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #5352ed;
    border-color: #5352ed;
}

.form-control, .smart-form .input input, input[type="date"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="text"], textarea, textarea.theme-object, select.infly-formdropdown,
.select2-container .select2-choice > .select2-chosen {
    font-weight: 500;
}

    .smart-form .radio input:checked + i, .smart-form .checkbox input:checked + i, .smart-form .toggle input:checked + i, .smart-form .input input:focus, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .radio input:focus + i, .smart-form .checkbox input:focus + i, .smart-form .toggle input:focus + i, .smart-form .radio input:checked + i, .smart-form .checkbox input:checked + i, .smart-form .toggle input:checked + i,
    .smart-form .input:hover input, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .radio:hover i, .smart-form .checkbox:hover i, .smart-form .toggle:hover i {
        border-color: #5352ed;
    }

/*form UI end*/


/* modal UI */

/*.modal .modal-header .btn .btn-text {
    display: none;
}*/

.modal .modal-header {
    height: 70px;
    padding-top: 15px;
    /*padding-top: 0;*/
    border-bottom: 1px solid #d9dce1;
    border-bottom-color: #d9dce1 !important;
}

    .modal .modal-header .modal-title {
        font-size: 18px;
        font-weight: 500;
        color: #212721;
        padding-top: 7px;
        /*padding-top: 0;*/
    }


.modal .modal-title > a {
    color: #212721 !important;
}

.modal-header span, .modal-footer span {
    font-weight: 500;
}

.modal-header, .modal-footer {
    border: none;
}

.modal-content .modal-header .btn, .modal-content .modal-footer .btn {
    padding: 8px 50px 8px 20px;
    border-radius: 30px;
    text-transform: capitalize;
    color: #212721;
    font-size: 13px;
    border: 1px solid #d9dce1;
    background-color: #fff !important;
    /* box-shadow: none !important; */
}

.modal-content .modal-header .open > .dropdown-toggle.btn-primary:hover,
.modal-content .modal-header .open > .dropdown-toggle.btn-primary:focus,
.modal-content .modal-footer .open > .dropdown-toggle.btn-primary:hover,
.modal-content .modal-footer .open > .dropdown-toggle.btn-primary:focus {
    border-color: #d9dce1;
}

.modal-content .modal-header .btn .font-xs, .modal-header .btn .btn-text, .modal-footer .btn .btn-text {
    font-size: 13px !important;
    line-height: 1.428571429;
    padding-top: 0;
    font-weight: 500;
    color: #212721;
}

.modal-content .modal-header .btn .fa-xg {
    display: none;
}

.modal-header .dropdown-toggle .fa-sort-desc {
    margin: 0;
    right: 20px;
    bottom: 10px;
    color: #212721;
    font-size: 13px;
}

    .modal-header .dropdown-toggle .fa-sort-desc:before {
        content: "\f107";
    }

.modal .modal-header .btn-group + .btn-group {
    margin-left: 10px;
}

.modal-header .modalBack .btn .btn-text, .modal-footer .modalBack .btn .btn-text {
    display: none;
}

.modal-content .modal-header .modalBack .btn, .modal-content .modal-footer .modalBack .btn {
    border: none;
    padding: 6px 12px;
    margin: 0 0 0 8px;
    background-color: transparent !important;
}

.modal .modalBack .btn .btn-icon {
    font-size: 24px;
    color: #77889a !important;
}

    .modal .modalBack .btn .btn-icon:before {
        content: "\f177";
    }

.modal .modal-header.fuelux .wizard-actions #wizardPrev .fa-angle-double-left:before {
    content: "\f104";
    font-size: 24px;
}

.modal .modal-header.fuelux .wizard-actions #wizardNext .fa-angle-double-right:before {
    content: "\f105";
    font-size: 24px;
}

.modal-content .modal-header > .pull-right, .modal-content .modal-footer > .pull-right {
    margin-top: 0;
}

.modal-content .modal-action-btns > .pull-right, .modalBack {
    border: none;
    margin: 0;
}

.modal-content .modal-header > div, .modal-content .modal-footer > div {
    padding-right: 0;
}

.modal-content .modal-header .modal-action-btns .btn, .modal-content .modal-footer .modal-action-btns .btn {
    padding-right: 20px;
}

.modal-header .modal-action-btns .btn .fa-save, .modal-footer .modal-action-btns .btn .fa-save,
.modal-header .modal-action-btns .btn .fa-upload, .modal-footer .modal-action-btns .btn .fa-upload,
.modal-header .modal-action-btns .btn .fa-plus-circle, .modal-footer .modal-action-btns .btn .fa-plus-circle {
    display: none;
}

.modal-content .modal-action-btns > div:first-child .btn {
    padding: 6px 0 6px 12px;
    border: none;
    background-color: transparent !important;
}

    .modal-content .modal-action-btns > div:first-child .btn .btn-text {
        display: none;
    }

    .modal-content .modal-action-btns > div:first-child .btn .btn-icon {
        color: #77889a !important;
        font-size: 24px;
        line-height: 1;
    }

.modal-content .modal-action-btns > div:first-child {
    border-left: 1px solid #d9dce1;
    margin-left: 20px;
    padding-left: 8px;
}

.modal-content .modal-header .modal-action-btns > div:nth-child(2) .btn,
.modal-content .modal-footer .modal-action-btns > div:nth-child(2) .btn {
    color: #fff;
    border: 1px solid #d9dce1;
    background-color: #5352ed !important;
    border-color: #5352ed;
    margin-left: 12px;
    box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
    -webkit-box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
}

.modal-content .modal-header .modal-action-btns > div:last-child .btn .btn-text, .modal-content .modal-footer .modal-action-btns > div:last-child .btn .btn-text,
.modal-content .modal-header .modal-action-btns > div:last-of-type .btn .btn-text, .modal-content .modal-footer .modal-action-btns > div:last-of-type .btn .btn-text {
    color: #fff;
}

.modal-header.fuelux .wizard-actions .btn {
    border-radius: 2px;
    border-width: 0 0 0 1px;
}

.modal .modal-header.fuelux .wizard-actions .btn {
    background-color: transparent;
    border: none;
    padding: 13px 0;
    width: 40px;
    /* height: 40px; */
}

.modal .modal-header.fuelux .wizard {
    border: none;
    /*top: 15px;*/
    top: -17px;
    /*top: 0;*/
}

    .modal .modal-header.fuelux .wizard ul li.active, .modal .modal-header.fuelux .wizard ul li:nth-child(even).active {
        background-color: transparent !important;
    }

    .modal .modal-header.fuelux .wizard ul li.active {
        color: #2f3542 !important;
        border-bottom: 3px solid #5352ed;
    }

    .modal .fuelux .wizard ul li, .modal .modal-header.fuelux .wizard ul li:nth-child(even) {
        background-color: transparent !important;
    }

    .modal .modal-header.fuelux .wizard ul li .badge {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        line-height: 24px;
        top: 0;
        padding: 0;
        font-size: 11px;
        font-weight: 500;
        color: #2f3542;
        background-color: rgba(47, 53, 66, 0.1);
    }

        .modal .modal-header.fuelux .wizard ul li .badge i {
            color: #1bc469;
        }

    .modal .modal-header.fuelux .wizard ul li .chevron-icon {
        margin-left: 13px;
        font-size: 20px;
        color: #77889a;
        opacity: 0.5;
        position: absolute;
        right: -25px;
    }

    .modal .modal-header.fuelux .wizard ul li.done .badge {
        background-color: rgba(27, 196, 105,0.1);
    }

    .modal .modal-header.fuelux .wizard ul li .step-title {
        color: #2f3542;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .modal .modal-header.fuelux .wizard ul li.done .step-title {
        color: #1bc469;
    }

    .modal .modal-header.fuelux .wizard ul li {
        margin: 0 30px 0 15px;
        padding: 0;
        border-radius: 0;
    }

.modal-header.fuelux .wizard ul li {
    height: 71px;
    line-height: 71px;
}

.modal .modal-header.fuelux .wizard-actions #wizardNext, .modal .modal-header.fuelux .wizard-actions #wizardPrev {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content .modal-header .fuelux-action-btns .modal-action-btns {
    margin-top: 0;
}


.modal .modal-header.fuelux .wizard-actions #wizardNext, .modal .modal-header.fuelux .wizard-actions #wizardPrev {
    background-color: transparent !important;
}

.modal .modal-header.fuelux .wizard-actions .btn .btn-text {
    display: none;
}

.modal-header.fuelux .modal-title {
    padding-top: 5px;
    max-height: 49px;
}

.modal .modal-body {
    background-color: #f1f2f6;
    border-radius: 0 0 8px 8px;
    padding-bottom: 20px;
}

.modal .modal-footer {
    border-top: 1px solid #d9dce1;
    border-top-color: #d9dce1 !important;
    margin-top: 0;
    height: 70px;
    padding-top: 15px;
    display: none;
}

.modal-header .dropdown-toggle .fa-sort-down {
    color: #212721;
    font-weight: 400;
    bottom: 10px;
    right: 20px;
}

    .modal-header .dropdown-toggle .fa-sort-down:before {
        content: "\f107";
    }


.wizard-finish {
    display: flex;
    justify-content: center;
    height: 70px;
    flex-direction: column;
}

.modal .modal-header.fuelux .wizard-actions .wizard-finish #wizardNext {
    height: unset;
    min-width: 80px;
    border-radius: 30px;
    padding: 8px 4px;
}

.modal .modal-header.fuelux .wizard-actions .wizard-finish .btn .btn-text {
    display: block;
    color: #fff;
}

/*for #47906*/
.modal .modal-header.fuelux .wizard-actions .wizard-finish .btn-primary-cta .btn-text {
    color: #fff !important;
}

.modal .modal-header.fuelux .wizard-actions .wizard-finish .btn .btn-icon {
    display: none;
}

.modal-content .modal-header .btn-primary-cta, .modal .modal-header.fuelux .wizard-actions .wizard-finish #wizardNext {
    background-color: #5352ed !important;
    border-color: #5352ed !important;
    box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
    -webkit-box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
}

.modal-content .modal-header .modal-action-btns > div:nth-child(2) .btn-primary-cta, .modal-content .modal-footer .modal-action-btns > div:nth-child(2) .btn-primary-cta, .modal-content .modal-header .modal-action-btns > div:nth-child(2) .btn, .modal-content .modal-footer .modal-action-btns > div:nth-child(2) .btn {
    color: #fff;
}

    .modal-content .modal-header .modal-action-btns > div:nth-child(2) .btn-primary-cta .btn-text, .modal-content .modal-footer .modal-action-btns > div:nth-child(2) .btn-primary-cta .btn-text, .modal-content .modal-header .modal-action-btns > div:nth-child(2) .btn .btn-text, .modal-content .modal-footer .modal-action-btns > div:nth-child(2) .btn .btn-text {
        color: #fff;
    }

.modal-header .modal-action-btns .btn > div:first-child .fa-ban, .modal-header .modal-action-btns .btn > div:first-child .fa-check-square {
    display: none;
}

/*modal-action-btn-custom*/

.modal-content .modal-action-btns-custom > div:first-child .btn {
    padding: 6px 0 6px 12px;
    border: none;
    background-color: transparent !important;
}

    .modal-content .modal-action-btns-custom > div:first-child .btn .btn-icon {
        color: #77889a !important;
        font-size: 24px;
        line-height: 1;
    }


    .modal-content .modal-action-btns-custom > div:first-child .btn .btn-text {
        display: none;
    }

.modal-content .modal-action-btns-custom > div:first-child {
    border-left: 1px solid #d9dce1;
    margin-left: 20px;
    padding-left: 8px;
}

.modal-content .modal-header .modal-action-btns-custom .btn, .modal-content .modal-footer .modal-action-btns-custom .btn {
    padding-right: 20px;
}


.modal-content .modal-header .modal-action-btns-custom > div:nth-child(2) .btn,
.modal-content .modal-footer .modal-action-btns-custom > div:nth-child(2) .btn {
    color: #fff;
    border: 1px solid #d9dce1;
    background-color: #5352ed !important;
    border-color: #5352ed;
    margin-left: 12px;
    box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
    -webkit-box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
}

    .modal-content .modal-header .modal-action-btns-custom > div:nth-child(2) .btn .btn-text {
        color: #fff;
    }

.profile-img-hold-v5 .form-control.profile-img-holder {
    background: #f1f2f6;
    border: 5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (min-width: 1280px) and (max-width: 1400px) {
    .modal-header.fuelux {
        overflow: hidden;
    }

        .modal-header.fuelux .modal-title {
            width: 12%;
        }

    .modal .modal-header.fuelux .wizard {
        width: 82%;
    }

    .modal-content .modal-header.fuelux .fuelux-action-btns {
        width: 6%;
    }
}



/* modal UI end */

/*grid page UI changes*/
#inbox-table tr th .fa, #inbox-table-contacts tr th .fa {
    color: #77889a;
}

.inbox-body .inbox-side-bar {
    position: relative;
    width: 100%;
    padding: 6px 0;
    height: auto;
}

    .inbox-body .inbox-side-bar .quickaccess1, .inbox-body .inbox-side-bar .inbox-folder-scrool, .inbox-side-bar > h6 {
        display: none;
    }

.inbox-body .table-wrap {
    background-color: #fff;
    margin: 5px 0 10px;
    padding: 0px;
    -webkit-box-shadow: 0 0 13px 0 rgba(62,44,90,.08);
    box-shadow: 0 0 13px 0 rgba(62,44,90,.08);
    border: 1px solid rgba(0,0,0,.09);
    border-bottom: 1px solid #e0e0e0;
    border-radius: 4px;
}

.inbox-body .table-wrap {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
}

.table-wrap-section .inbox-body.no-content-padding .table-wrap {
    padding: 0 !important;
}

.inbox-nav-bar, .inbox-side-bar, .inbox-body.no-content-padding {
    background: transparent;
}

.no-content-padding {
    margin: 0;
}

.inbox-nav-bar {
    padding-left: 0;
    padding-right: 0;
}

.inbox-side-bar > .btn-block {
    display: inline-block;
    width: auto;
    padding: 8px 30px;
    float: left;
    margin: 0 15px 0 0;
}

.inbox-body .inbox-side-bar .header-search {
    float: left;
}

.inbox-action-btns2 .header-search > input[type=text] {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    /*text-transform: capitalize;*/
    padding: 6px 10px 6px;
    height: auto;
    border-radius: 4px 0 0 4px !important;
    width: 30px;
    min-width: auto;
    /*transition: width 0.3s ease;*/
    float: right;
}

.inbox-action-btns2 .header-search > button {
    right: 1px;
    width: 37px;
    border-radius: 4px;
    z-index: 0;
}

.inbox-side-bar > .btn {
    text-transform: capitalize;
    border: none;
    height: 37px;
    display: flex;
    align-items: center;
}

    .inbox-side-bar > .btn strong {
        font-weight: 400;
    }

.inbox-body .inbox-side-bar:after {
    content: "";
    display: table;
    clear: both;
}

table.table thead tr {
    background-color: #d9dce1;
}

#inbox-table tr th {
    padding: 8px 10px !important;
    vertical-align: middle;
    border-bottom: 4px solid #f1f2f6;
    font-weight: 500;
    font-size: 13px;
    color: #2F3542;
    position: relative;
    white-space: nowrap;
}

    #inbox-table tr th.sorting:after {
        color: #77889a;
        position: absolute;
        right: 2px;
        font-family: FontAwesome;
        content: "\f0dc";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        margin-left: 10px;
        font-size: 12px;
    }

    #inbox-table tr th.sorting.sorting-asc:after {
        content: "\f0de";
    }

    #inbox-table tr th.sorting.sorting-desc:after {
        content: "\f0dd";
    }

/*#inbox-table tr th.sorting:before, #inbox-table tr th.sorting:after {
            opacity: 1;
        }

    #inbox-table tr th.sorting.sorting-asc:before, #inbox-table tr th.sorting.sorting-desc:after {
        opacity: 1;
    }*/


#inbox-table .inbox-table-icon {
    padding: 8px 10px !important;
}

    #inbox-table .inbox-table-icon.more-col {
        padding-right: 10px !important;
        text-align: center;
    }

        #inbox-table .inbox-table-icon.more-col .dropdown-menu {
            text-align: left;
            margin-right: -15px;
        }


#inbox-table .radio, #inbox-table .checkbox {
    transform: scale(0.8);
    width: 1px;
    margin-left: auto;
    margin-right: auto;
}

#inbox-table.table tbody > tr > td {
    border-top: 0;
    border-bottom: 5px solid #f1f2f6;
    border-color: #f1f2f6 !important;
    color: #77889a;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px !important;
}

.inbox-body .inbox-footer, .inbox-attach-page .inbox-footer {
    position: relative;
    bottom: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 15px 4px;
    height: auto;
}

    .inbox-body .inbox-footer.no-page-numbers {
        padding: 0 4px 5px;
    }

        .inbox-body .inbox-footer.no-page-numbers > .row {
            height: auto;
        }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr > td, .table-striped > tbody > tr > th {
    background: #fff !important;
    --bs-table-accent-bg:#fff !important;
}

/*36787*/
.inbox-action-btns .inbox-daterange > .btn > span {
    display: none;
}

.inbox-action-btns .inbox-daterange > .dropdown-menu {
    right: 0;
    left: auto;
}

/*for 36784 strikeout*/
tr.strikeout .inbox-data-from > :first-child:not(.ui-slider) {
    display: block !important;
}

/*for #46344*/
.inbox-side-bar .tooltip-inner {
    hyphens: none;
}

.bold {
    font-weight: bold;
}

.text-cap {
    text-transform: capitalize;
}

td .d-bold {
    color: #2F3542;
}

.disabled-tag {
    pointer-events: none;
    opacity: 0.5;
}



.dropdown-div {
    position: relative;
}

td .sub-column {
    display: inline-block;
}

.inbox-footer, .inbox-footer .btn {
    font-size: 12px;
}

#inbox-table.table tbody > tr > td .bold {
    color: #4a505b;
}

#inbox-table tbody tr:hover, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: #f3f5f8;
}

#inbox-table tr th .fa-caret-down, #inbox-table tr th .fa-caret-up,
#inbox-table-contacts tr th .fa-caret-down, #inbox-table-contacts tr th .fa-caret-up {
    margin-left: 8px;
    font-size: 14px;
    position: relative;
}

#inbox-table tr th .fa-caret-down,
#inbox-table-contacts tr th .fa-caret-down {
    bottom: -1px;
}

#inbox-table tr th .fa-caret-up,
#inbox-table-contacts tr th .fa-caret-up {
    top: -4px;
}

.inbox-footer .inbox-pagination-actionbar {
    margin: 0;
}

    .inbox-footer .inbox-pagination-actionbar .pagination {
        margin: 0;
    }

.inbox-footer .pagination > li > a .fa {
    font-size: 20px;
    line-height: 35px;
    color: #3276b1;
}

.inbox-footer .pagination > li.prev > a, .inbox-footer .pagination > li.next > a {
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgba(50, 118, 177, 0.2);
    border-radius: 4px;
}

.inbox-footer .pagination > li > a, .inbox-footer .pagination > li > span {
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    color: #77889a;
    margin: 0;
    border-radius: 5px;
    margin: 0 2.5px;
    padding: 5px 10px;
    min-width: 32px;
    height: 32px;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
}

    .inbox-footer .pagination > .active > a,
    .inbox-footer .pagination > .active > span,
    .inbox-footer .pagination > .active > a:hover,
    .inbox-footer .pagination > .active > span:hover,
    .inbox-footer .pagination > .active > a:focus,
    .inbox-footer .pagination > .active > span:focus,
    .inbox-footer .pagination > li > a:hover,
    .inbox-footer .pagination > li > span:hover,
    .inbox-footer .pagination > li > a:focus,
    .inbox-footer .pagination > li > span:focus /*,
        .inbox-footer .pagination > li > a:hover .fa,
        .inbox-footer .pagination > li > a:focus .fa*/ {
        color: #ffffff;
        background-color: #3276b1;
        border-color: transparent;
    }

.inbox-footer .goto {
    float: right;
    margin-left: 30px;
    color: #77889a;
}

    .inbox-footer .goto .form-control {
        display: inline-block;
        width: 40px;
        text-align: center;
        background-color: transparent;
        padding: 4px 2px;
        height: 28px;
        border-radius: 4px !important;
        margin: 0 4px;
    }

    .inbox-footer .goto .btn {
        padding: 4px 6px;
        color: #5352ed!important;
        border-radius: 4px;
        border: none;
        float: right;
        background-color: transparent !important;
        box-shadow: none;
    }

        .inbox-footer .goto .btn:hover, .inbox-footer .goto .btn:focus, .inbox-footer .goto .btn:active, .inbox-footer .goto .btn.active {
            background-color: #5352ed !important;
            color: #fff !important;
        }

        .inbox-footer .goto .btn .fa {
            font-size: 16px;
            margin-left: 3px;
            top: 2px;
            font-weight: 400;
            position: relative;
        }


.inbox-footer .records-info {
    color: #77889a;
}



.inbox-side-bar h6, .header-folder h6 {
    float: left;
    padding: 10px;
    border: none;
    margin: 0;
    cursor: pointer;
    color: #4a505b !important;
}

    .inbox-side-bar h6 a, .header-folder h6 a {
        margin-left: 10px;
        display: none;
    }

.inbox-nav-bar .header-folder {
    float: right;
    padding-top: 13px;
    max-width: 60%;
}

    .inbox-nav-bar .header-folder .inbox-folder-scrool .inbox-folder-list {
        margin: 0;
    }

    .inbox-nav-bar .header-folder h6 {
        display: none;
    }

.header-folder .inbox-menu-lg > li.active > a {
    border-bottom: none;
    background-color: transparent;
    text-decoration: none;
}


.header-search > input[type=text] {
    padding-left: 30px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.quickaccess {
    float: left;
}

.inbox-sidebar-ui-fix .quickaccess .inbox-filters.custom-scroll {
    display: none !important;
}

.quickaccess h6 .toggle {
    display: none;
}

#inbox-table {
    margin-bottom: 0;
}

    #inbox-table .inbox-table-icon {
        width: 15px !important;
        /*padding-right: 0 !important;*/
    }

    #inbox-table label input[type=checkbox].checkbox.style-2 + span:before {
        border-color: #77889a;
        border-radius: 3px;
        color: #5352ed;
        background: none;
        box-shadow: none;
    }

.inbox-nav-bar .page-title, h1.page-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 31.2px;
    cursor: pointer;
}

.cls-contact-grid .inbox-nav-bar .page-title {
    max-width: 50%;
}

.opportunity-wizard .cls-contact-grid .inbox-footer .col-sm-5, .opportunity-wizard .cls-contact-grid .inbox-footer .col-sm-7,
.opportunity-wizard .associated-contacts .inbox-footer .col-sm-5, .opportunity-wizard .associated-contacts .inbox-footer .col-sm-7 {
    width: 100%;
    margin-bottom: 10px;
}

.inbox-nav-bar .inbox-search, .inbox-nav-bar .inbox-actions {
    display: none !important;
}

.inbox-action-btns .btn, .inbox-action-btns .btn-group {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #4a505b;
    margin: 0;
}

.inbox-action-btns .inbox-pagination-actionbar {
    display: none !important;
}

.inbox-action-btns .inbox-activity .fa-caret-down {
    display: none;
}

.inbox-action-btns .btn .fa, .inbox-action-btns .btn i {
    color: #77889a;
}

.inbox-action-btns .btn:hover .fa, .inbox-action-btns .btn:hover i {
    color: #5352ed;
}

.inbox-action-btns .inbox-sort .fa-caret-down {
    /*display: none;*/
}

.inbox-action-btns .inbox-sort .btn span {
    font-weight: 600;
    font-size: 12px;
}

.inbox-action-btns .inbox-checkbox-triggered > .btn-group .btn, .inbox-action-btns .btn {
    padding-left: 16px;
    padding-right: 16px;
}

.inbox-action-btns .inbox-folder-list li a {
    font-weight: 700;
    font-size: 14px;
}

.inbox-action-btns .inbox-menu-lg li.active a {
    font-weight: 400;
    background: transparent;
    border-bottom: none;
    color: #3276b1;
}

.inbox-action-btns .inbox-sort {
    /*display: none !important;*/
}

.inbox-action-btns2 {
    float: right;
}

.inbox-action-btns {
    float: right;
}


.header-search-wrapper {
    float: left;
    margin-right: 5px;
    padding-bottom: 0 !important;
    display: none;
}

.inbox-action-btns2 .header-search-wrapper {
    display: inline-block;
    margin-right: 3px;
}

.inbox-side-bar .quickaccess h6 span {
    display: none;
}

.inbox-side-bar .quickaccess h6 .fa {
    font-size: 18px;
}

.inbox-nav-bar .btn .fa {
    font-size: 18px;
}

.inbox-nav-bar .inbox-search button {
    padding: 8px 10px;
}

.inbox-nav-bar .inbox-actions .btn {
    padding: 8px 10px;
    margin-right: 10px;
}
/*.inbox-nav-bar-v05:after {
    display: none;
}*/





.inbox-side-bar ul li.active a {
    /*font-weight: 600;*/
}

.folder-wrapper .inbox-folder-list {
    display: flex;
}

    .folder-wrapper .inbox-folder-list li {
        width: auto;
        /* min-width: 80px; */
        text-align: left;
    }

.inbox-side-bar ul li a i {
    display: inline-block;
}

.inbox-side-bar .dropdown-menu > li > a {
    display: block;
    padding: 8px 16px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
}

    .inbox-side-bar .dropdown-menu > li > a > .fa, .inbox-side-bar .dropdown-menu > li > a > .fas, .inbox-side-bar .dropdown-menu > li > a > .far,
    .inbox-side-bar .dropdown-menu > li > a > .fal, .inbox-side-bar .dropdown-menu > li > a > .fad, .inbox-side-bar .dropdown-menu > li > a > .fab {
        margin-left: 0;
    }

.inbox-side-bar ul.inbox-folder-list li.active a strong {
    background-color: rgba(50, 118, 177, 0.21);
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 6px;
    margin-left: 5px;
}

.inbox-nav-bar .folder-wrapper {
    float: right;
    display: flex;
    position: absolute;
    right: 0;
    top: 30px;
}

    .inbox-nav-bar .folder-wrapper h6 a {
        margin: 0 10px;
    }


.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.inbox-nav-bar .page-title > i {
    margin-right: 15px;
    font-size: 26px;
}

.inbox-action-btns .inbox-sort > .btn > .fa {
    margin: 0;
}




.header-folder .inbox-menu-lg > li > a {
    padding: 0 1px 7px;
    color: #77889A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    max-width: 210px;
    font-weight: 400;
}

.header-folder .inbox-menu-lg > li.active a {
    color: #2F3542;
    padding-left: 1px;
}

.header-folder .inbox-menu-lg > li:hover > a .folder-name,
.header-folder .inbox-menu-lg > li:focus > a .folder-name,
.header-folder .inbox-menu-lg > li:active > a .folder-name {
    color: #2F3542;
}


.header-folder .inbox-menu-lg > li {
    margin-left: 28px;
}

.header-folder .inbox-menu-lg .folder-dropdown li {
    margin-left: 0px;
}

.inbox-nav-bar:after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e5e7eb;
}

.inbox-nav-bar {
    position: relative;
    padding-bottom: 0;
}

.inbox-nav-bar-v05 {
    height: 80px;
    padding: 30px 14px 20px;
}


.header-folder .inbox-menu-lg li.active a strong {
    background-color: rgba(50, 118, 177, 0.2);
    font-size: 12px;
    padding: 0 4px;
    border-radius: 4px;
    display: inline-block;
    margin-left: 4px;
    font-weight: 400;
}

ul.inbox-folder-list li.active, ul.inbox-folder-list li:hover, ul.inbox-folder-list li:focus {
    z-index: 15;
}


.header-folder .inbox-menu-lg li.active a strong {
    color: #2F3542;
    margin-left: 5px;
    font-size: 10px;
    line-height: 13px;
    border-radius: 3px;
    padding: 2px 5px;
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif;
    font-weight: 500;
}


.inbox-side-bar .inbox-action-btns2 .quickaccess h6,
.inbox-action-btns .inbox-checkbox-triggered > .btn-group .btn, .inbox-action-btns .btn {
    padding: 6px 10px;
    margin: 0 6px !important;
    border-radius: 4px !important;
    width: 37px;
    height: 37px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .inbox-side-bar .quickaccess.open h6, .inbox-side-bar .quickaccess h6:hover, .inbox-side-bar .quickaccess h6:focus, .inbox-side-bar .quickaccess h6.active,
    .inbox-action-btns .inbox-checkbox-triggered > .btn-group .btn:hover, .inbox-action-btns .inbox-checkbox-triggered > .btn-group .btn:focus, .inbox-action-btns .inbox-checkbox-triggered > .btn-group .btn.active,
    .inbox-action-btns .btn:hover, .inbox-action-btns .btn:focus, .inbox-action-btns .btn.active, .inbox-action-btns .btn-group.open .btn {
        background-color: rgba(83, 82, 237, 0.1);
    }


.inbox-side-bar .quickaccess h6,
.inbox-action-btns .inbox-checkbox-triggered > .btn-group .btn,
.inbox-action-btns .btn,
.inbox-action-btns2 .header-search > button {
    width: 40px;
    height: 40px;
    transition: background-color 0.3s linear;
}

.inbox-action-btns .inbox-sort button {
    font-size: 18px;
}

.inbox-body .inbox-side-bar .header-search {
    height: 37px;
}

.inbox-action-btns2 .header-search > input[type=text] {
    height: 100%;
    /* width: 300px; */
    position: absolute;
    right: 0;
    min-width: 37px !important;
    transition: all 0.3s linear;
}

.inbox-side-bar .quickaccess h6 .fa,
.inbox-action-btns .inbox-checkbox-triggered > .btn-group .btn .fa,
.inbox-action-btns .btn .fa,
.inbox-action-btns2 .header-search > button .fa {
    font-size: 17px;
}

    .inbox-side-bar .quickaccess h6 .fa.fa-filter,
    .inbox-action-btns .btn .fa.fa-ellipsis-v,
    .inbox-side-bar .dropdown-menu > li > a > .fa {
        font-size: 14px;
    }

    .inbox-side-bar .quickaccess h6 .fa.fa-filter,
    .inbox-action-btns .btn .fa.fa-ellipsis-v,
    .inbox-side-bar .dropdown-menu > li > a > .far {
        font-size: 14px;
    }

    .inbox-side-bar .quickaccess h6 .fa.fa-filter,
    .inbox-action-btns .btn .fa.fa-ellipsis-v,
    .inbox-side-bar .dropdown-menu > li > a > .fab {
        font-size: 14px;
    }

    .inbox-footer .pagination > li > a .fa.fa-angle-left,
    .inbox-footer .pagination > li > a .fa.fa-angle-right,
    .inbox-action-btns .btn .fa.fa-table,
    .header-folder li.folder-dropdown .fa.fa-angle-down {
        font-weight: 200;
    }

.header-search.active > input[type=text] {
    opacity: 1;
    border: 1px solid #d9dce1;
    width: 100%;
    margin-right: 37px;
    background-color: #fff;
}

.inbox-action-btns .inbox-sort .btn {
    /*margin-right: 0 !important;*/
}

.inbox-side-bar .btn-group.inbox-activity .btn {
    margin-right: 0 !important;
}


td.inbox-table-icon {
    position: relative;
}


    td.inbox-table-icon .profile-img {
        width: 37px;
        height: 37px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #d9dce1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        float: left;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


        td.inbox-table-icon .profile-img span {
            font-size: 15px;
            margin-top: -2px;
            text-transform: uppercase;
        }


#inbox-table.table tbody > tr > td:first-child, #inbox-table.table thead > tr > th:first-child {
    padding-left: 15px !important;
}

#inbox-table.table tbody > tr > td:last-child, #inbox-table.table thead > tr > th:last-child {
    padding-right: 15px !important;
}


#inbox-table tr td {
    transition: background-color 0.3s ease-in-out;
}

#inbox-table tbody tr:hover > .inbox-table-icon > .profile-img,
tr.highlight > .inbox-table-icon > .profile-img,
tr.unread.highlight > .inbox-table-icon > .profile-img {
    display: none;
}

.dropdown-menu.filtermenu-lg {
    width: 100%;
    padding: 13px;
    min-width: 1000px;
    right: 0;
    left: auto;
}

.filtermenu-lg section ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

    .filtermenu-lg section ul .custom-checkbox {
        position: absolute;
        opacity: 0;
        width: 15px;
        margin-left: 0;
    }

    .filtermenu-lg section ul li > .checkbox {
        height: 26px;
        padding: 4px 6px 4px 0;
        margin: 4px 4px 4px 0;
        text-transform: capitalize;
    }

        .filtermenu-lg section ul li > .checkbox label {
            color: #2f3542;
            display: block;
        }

        .filtermenu-lg section ul li > .checkbox.active, .filtermenu-lg section ul li > .checkbox:hover, .filtermenu-lg section ul li > .checkbox:focus {
            background-color: #f1f2f6;
        }

    .filtermenu-lg section ul li {
        flex-basis: 25%;
        width: 25%;
    }

.filtermenu-lg input[type=checkbox].custom-checkbox + label::before {
    /* transform: scale(0.9); */
    border-color: #dbdee3;
    border-radius: 4px;
    color: #fff;
    background: none;
    box-shadow: none;
    font-size: 10px;
    margin-right: 8px;
    height: 15px;
    width: 16px;
    line-height: 11px;
}

.filtermenu-lg .filter-body li.active input[type=checkbox].custom-checkbox + label::before {
    content: "\f00c";
}

.filtermenu-lg .checkbox label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
}

.filtermenu-lg header .filter-tags .clear-btn {
    color: #2F3542;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 8px;
    padding-left: 10px;
    border-left: 1px solid rgba(0,0,0,0.1);
}

.filtermenu-lg header .filter-close {
    padding-left: 15px;
    margin-left: auto;
}

    .filtermenu-lg header .filter-close .fa {
        font-size: 22px;
        cursor: pointer;
        color: #2F3542;
    }

.filtermenu-lg .filter-body ul {
    max-height: 300px;
    overflow: auto;
}

.borderset .widget-body .filtermenu-lg header {
    padding: 0;
    border: none;
    background-color: transparent;
}


.filter-search {
    position: relative;
    width: 300px;
}

    .filter-search .header-search {
        height: 37px;
        width: 100%;
    }

        .filter-search .header-search > button {
            left: 0;
            right: auto;
        }

        .filter-search .header-search > input[type=text] {
            opacity: 1;
            min-width: 100% !important;
            border-color: #D9DCE1;
            padding-left: 40px;
            border-radius: 4px !important;
        }

.filtermenu-lg header {
    display: flex;
    align-items: center;
}

    .filtermenu-lg header .filter-tags {
        /*flex: 1;*/
        margin-left: 40px;
        text-transform: capitalize;
    }

        .filtermenu-lg header .filter-tags, .filtermenu-lg header .filter-tags > a {
            color: #77889a;
        }

            .filtermenu-lg header .filter-tags > a {
                margin: 0 5px;
                text-transform: uppercase;
            }

.filtermenu-lg .filter-body {
    margin-top: 13px;
}

.filtermenu-lg header .filter-tags {
    margin-left: 30px;
    padding: 10px 15px;
    background-color: #f6f6fe;
}

    .filtermenu-lg header .filter-tags > a {
        padding: 10px 7px;
        margin: 0 1px;
        border-radius: 4px;
        text-decoration: none;
    }

.dropdown-menu .filter-search .header-search > button {
    z-index: 1;
}

/*color setting*/
.btn-primary {
    color: #fff;
    background-color: #5352ed;
    border-color: #5352ed;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
    .btn-primary.active, .inbox-body .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #403fb6;
        border-color: #403fb6;
    }

.inbox-nav-bar .page-title > .fa, .header-folder .inbox-menu-lg .dropdown-menu li.active a,
.filtermenu-lg section ul li.active .checkbox label {
    color: #5352ed;
}

.header-folder .inbox-menu-lg .dropdown-menu li a {
    font-weight: 400;
    font-size: 13px;
}

.header-folder .inbox-menu-lg li.active a strong {
    color: #2F3542;
    background-color: rgba(47, 53, 66, 0.1);
}

ul.inbox-folder-list > li.active, ul.inbox-folder-list > li:hover, ul.inbox-folder-list > li:focus {
    border-bottom-color: #5352ed;
}

.inbox-footer .pagination > .active > a,
.inbox-footer .pagination > .active > span,
.inbox-footer .pagination > .active > a:hover,
.inbox-footer .pagination > .active > span:hover,
.inbox-footer .pagination > .active > a:focus,
.inbox-footer .pagination > .active > span:focus,
.inbox-footer .pagination > li > a:hover,
.inbox-footer .pagination > li > span:hover,
.inbox-footer .pagination > li > a:focus,
.inbox-footer .pagination > li > span:focus /*,
.inbox-footer .pagination > li > a:hover .fa,
.inbox-footer .pagination > li > a:focus .fa*/ {
    color: #ffffff;
    background-color: #5352ed;
}

.inbox-footer .pagination > li.prev > a, .inbox-footer .pagination > li.next > a {
    background-color: rgba(83, 82, 237, 0.15);
}

.inbox-footer .pagination > li > a .fa,
.inbox-side-bar .quickaccess h6 .fa,
.inbox-body .inbox-side-bar .header-search .fa {
    color: #77889a;
}

.inbox-action-btns2 .header-search:hover > button,
.inbox-action-btns2 .header-search > input[type=text]:focus + .btn-search {
    background-color: rgba(83, 82, 237, 0.1);
}

.inbox-side-bar .quickaccess.open h6 > .fa,
.inbox-side-bar .quickaccess h6:hover > .fa,
.inbox-action-btns .btn:hover .fa,
.inbox-action-btns .btn.active .fa,
.inbox-action-btns .btn-group.open .btn .fa,
.inbox-action-btns2 .header-search > button:hover .fa,
.inbox-body .inbox-side-bar .header-search.active .fa {
    color: #5352ed;
}


/*#inbox-table tbody tr:hover,*/
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: #e0e1f5;
}

tr.highlight td, tr.unread.highlight td {
    background: #e0e1f5 !important;
}

#inbox-table tr.highlight label input[type=checkbox].checkbox.style-2 + span:before {
    color: #5352ed;
    background-color: transparent;
    background-image: none;
}

#inbox-table tr.highlight label input[type=checkbox].checkbox.style-2:checked + span:before {
    border-color: transparent;
    font-size: 14px;
}

.filtermenu-lg .filter-body li.active input[type=checkbox].custom-checkbox + label::before {
    background-color: #5352ed;
    border-color: #5352ed;
}

.filtermenu-lg header .filter-tags a.active, .filtermenu-lg header .filter-tags a:hover, .filtermenu-lg header .filter-tags a:focus {
    background-color: #5352ed;
    color: #fff;
}

.filtermenu-lg header .filter-tags .clear-btn:hover, .filtermenu-lg header .filter-tags .clear-btn:focus,
.filtermenu-lg header .filter-close .fa:hover, .filtermenu-lg header .filter-close .fa:focus {
    color: #5352ed;
}

#inbox-table label input[type=checkbox].checkbox.style-2:checked + span:before {
    border-color: transparent;
}

input[type="date"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
    border-color: #5352ed;
}

/*color setting end*/


/*grid page UI changes*/

.quickaccess.dropdown .filtermenu-lg {
    display: none !important;
}

.quickaccess.dropdown.open .filtermenu-lg {
    display: block !important;
}

.inbox-footer .pagination > li {
    display: inline-block !important;
    margin-bottom: 0px !important;
}

.selected-filters {
    padding: 3px 0;
}

    .selected-filters > ul {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style-type: none;
        flex-wrap: wrap;
    }

        .selected-filters > ul > li {
            padding: 2px 7px;
            background-color: #dfe4ea;
            margin-right: 8px;
            border-radius: 4px;
        }

            .selected-filters > ul > li > a {
                color: #2f3542;
                font-size: 13px;
                text-decoration: none;
                text-transform: capitalize;
            }

                .selected-filters > ul > li > a .fa {
                    margin-left: 4px;
                    opacity: 0.6;
                }

                .selected-filters > ul > li > a .fal {
                    margin-left: 4px;
                    opacity: 0.6;
                }

.inbox-folder-scrool {
    overflow: visible;
}


.inbox-action-btns2 .header-search:hover > button, .inbox-action-btns2 .header-search > input[type=text]:focus + .btn-search, .inbox-action-btns2 .header-search.active > button {
    background-color: rgba(83,82,237,.1);
}

ul.inbox-folder-list li.active strong .fa {
    display: inline-block !important;
}


.folder-dropdown .btn {
    color: #77889a;
    background-color: #fff;
    transition: background-color 0.3s linear;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    border: none;
    padding: 6px 10px;
    margin: 0 6px !important;
    border-radius: 50% !important;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .folder-dropdown .btn:hover {
        background-color: rgba(83, 82, 237, 0.1);
    }

        .folder-dropdown .btn:hover .fa {
            color: #5352ed;
        }

.header-folder li.folder-dropdown {
    margin-left: 10px;
}

    .header-folder li.folder-dropdown:hover {
        border-bottom: none;
    }

.folder-dropdown .btn-group.open .dropdown-toggle {
    background-color: rgba(83, 82, 237, 0.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.inbox-side-bar .inbox-action-btns2 .header-search {
    margin-right: 3px;
}

.filter-toggle .smart-form {
    float: left;
    position: relative;
    top: -13px;
}

.filtermenu-lg .filter-toggle {
    padding: 20px 15px;
    position: relative;
    border-bottom: 1px solid #D9DCE1;
    margin: 0 -13px 8px;
}

.inbox-footer .pagination > li > a {
    cursor: pointer;
}

.hide-folders .inbox-folder-scrool {
    display: none;
}


.table-h-scroll .table-wrap.custom-scroll {
    overflow: auto;
}


/*grid page UI changes end*/


/*needs to test it properly*/
#inbox-table.table tbody > tr > td strong {
    font-weight: 500;
}

#inbox-table.table tbody > tr > td {
    height: 64px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 20px;
}

#inbox-table.table tbody > tr {
    height: 64px !important;
}

/*.inbox-data-text > :first-child:not(.ui-slider), .inbox-data-date > :first-child:not(.ui-slider), .inbox-data-attachment > :first-child:not(.ui-slider) {
    display: -webkit-inline-box;
    max-height: 40px;
    margin: 0 auto;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
/*needs to test it properly end*/
/*issues caused by grid changes to other areas*/
.opportunity-wizard .dropdown-menu .thbgcolor {
    background-color: #fff !important;
}

div.opportunity-wizard .custom-tabs2 .tab-content {
    border-top: 1px solid #ddd;
}

div.opportunity-wizard .col-config .col-md-8 > a {
    padding: 18px 0;
}

.pg-search .custom-tabs .nav-tabs > li {
    margin-left: 0;
}

    .pg-search .custom-tabs .nav-tabs > li > a {
        padding: 9px 10px 10px;
    }

.pg-search .slidemenu > li:nth-child(1) {
    margin-left: -8px;
}

.related-assets .dropdown-menu, .additional-info .dropdown-menu {
    min-width: 130px;
}

.opportunity-wizard .customheader .col-md-10 .col-md-2 {
    padding: 0 6px 0 13px;
}

div .opportunity-wizard .form-container label, div .asset-search-bar .search-label {
    font-weight: 400;
}

.opportunity-wizard .header-search.active > input[type=text] {
    max-width: 180px;
}

/*36624*/
.pg-search .inbox-action-btns2 {
    position: absolute;
    left: 0;
}

.pg-search .inbox-body .table-wrap {
    margin-left: 200px;
}

.pg-search .inbox-body .inbox-footer {
    margin-left: 200px;
    width: auto;
}

.pg-search .quickaccess h6 .toggle {
    display: inline-block;
    margin-top: 1px !important;
    right: 0 !important;
}

.pg-search .inbox-side-bar .inbox-action-btns2 .quickaccess h6 {
    width: 100%;
    text-align: left;
    display: block;
}

.pg-search .inbox-side-bar .quickaccess h6:hover {
    background-color: transparent;
}

div .leaderboard-widget .inbox-action-btns2 .header-search-wrapper {
    display: none;
}

div .leaderboard-user .profile-img {
    width: 60px;
    height: 60px;
}

div .leaderboard.leaderboard-user .profile-img i, div .leaderboard.leaderboard-user .profile-img .fa, div .leaderboard.leaderboard-user .profile-img .far,
div .leaderboard.leaderboard-user .profile-img .fal, div .leaderboard.leaderboard-user .profile-img .fad, div .leaderboard.leaderboard-user .profile-img .fab {
    line-height: 60px;
    font-size: 40px;
}

div .leaderboard .userlogo {
    width: 70px;
    height: auto;
    max-height: 70px;
}

div .leaderboard .orglogo {
    width: 55px;
    height: 55px;
    line-height: 52px;
}

    div .leaderboard .orglogo i {
        line-height: 60px;
        font-size: 35px !important;
    }

div .leaderboard td.inbox-data-icon {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}

div .leaderboard-widget .table-wrap > .row {
    margin: 0;
}

div .leaderboard-widget .inbox-body .inbox-footer {
    display: none !important;
}

[data-widget="assetsutilized"] .table-wrap > .row {
    margin: 0;
}

.widget-head .nav > li > a {
    padding-top: 6px;
}

div .cnav-tabs .nav-tabs > li {
    margin-left: 0;
}

div .pb-contactgrid .tabs {
    overflow: hidden;
}

.pg-intplaybook {
    overflow: hidden;
}

div .intplaybook-media .contactlists .btn-group.contact-sort {
    width: auto;
    margin: 0;
}

    div .intplaybook-media .contactlists .btn-group.contact-sort > .dropdown-toggle {
        width: auto;
    }

.pb-contactgrid .header, div .pb-contactgrid .tabs,
.pg-intplaybook .header, .contact-playbook .faq-container,
.pg-intplaybook .tabs.row.faq-container {
    margin-left: 0;
    margin-right: 0;
}

.pb-contactgrid #inbox-table-contacts .activity-tabs .table > tbody > tr > td {
    font-size: 12px;
}

.pb-contactgrid .header-text .playbookname {
    font-size: 42px;
}

.pb-contactgrid .s1 .inbox-body .inbox-side-bar {
    display: none;
}

.pb-contactgrid .s1 .selected-filters {
    display: none;
}

.pb-contactgrid .s1 .no-data-message {
    padding: 0;
    margin: 0 auto;
}

    .pb-contactgrid .s1 .no-data-message img {
        max-width: 80px;
    }

    .pb-contactgrid .s1 .no-data-message h3 {
        font-size: 13px;
        margin: 8px 0 0;
    }

.pb-contactgrid .s1 .call-activity .inbox-nav-bar {
    display: none !important;
}

.pb-contactgrid .inbox-footer {
    display: none;
}

.pb-contactgrid .inbox-body .table-wrap {
    min-height: unset;
    margin-bottom: 0;
}

.pb-contactgrid #inbox-table-contacts {
    padding-bottom: 0;
}

.pb-contactgrid .panel-group {
    margin-bottom: 0;
}


.intplaybook-media .contactlists .inbox-footer .inbox-pagination-actionbar {
    width: auto;
    float: right;
}

.intplaybook-media .contactlists ul.inbox-pagination-actionbar li {
    display: inline-block;
    padding: 0;
    border: none;
}

.intplaybook-media .contactlists .inbox-footer .records-info {
    margin-bottom: 10px;
}

.intplaybook-media .contactlists .inbox-footer .goto {
    margin-top: 6px;
}

.intplaybook-media .contactlists ul.inbox-pagination-actionbar li:hover {
    background: none;
}

.pb-contactgrid #inbox-table.table tbody > tr > td, .pb-contactgrid #inbox-table.table tbody > tr {
    height: 20px !important;
}

    .pb-contactgrid #inbox-table.table tbody > tr > td {
        border-bottom: 1px solid #f1f2f6;
    }

div .pb-contactgrid #inbox-table-contacts .activity-tabs .table > tbody > tr > td {
    padding: 0px !important;
}

.pb-contactgrid .s1 .loading-section {
    margin: 10px;
}

div .pb-contactgrid .activity-tabs .inbox-data-from > .lead-feed {
    width: 290px;
    max-width: 290px;
}

div .pb-contactgrid #inbox-table-contacts .activity-tabs .table > tbody > tr > td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

div .pb-contactgrid #inbox-table-contacts .lead-activity .table > tbody > tr > td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.pb-contactgrid .inbox-nav-bar:after {
    border-bottom: none;
}


.v5-no-sort #inbox-table tr th .fa {
    display: none;
}

div .intplaybook-media .contactwidget {
    min-height: 520px;
    height: auto;
}

.pg-intplaybook .contactwidget .inbox-body .inbox-side-bar {
    padding-left: 5px;
}

.pg-intplaybook .tab_container .tab_content .top-sec .dropdown-menu > li > a {
    color: #77889a !important;
}

div .pg-intplaybook .tab_container .tab_content .top-sec .dropdown-menu > li > a:hover {
    color: #2f3542 !important;
}

div .intplaybook-media .widget-body.no-padding .contactfeed {
    margin: 5px 0;
}

div .intplaybook-media .contactfeedbox .infoblock-all {
    padding-bottom: 5px;
}

.pg-addcontact .btn-effect1 span, .contactlists .btn-effect1 span {
    text-transform: none;
}

.pg-addcontact .btn-secondary-cta .fa {
    display: none;
}

.intplaybook-media .contactwidget .inbox-nav-bar {
    height: 50px;
    padding: 7px;
}

div .intplaybook-media .contactlists .inbox-nav-bar .inbox-search {
    display: none !important;
}

.intplaybook-media .contactlists .header-folder .inbox-menu-lg > li > a {
    padding: 2px 15px 11px 15px;
}

.intplaybook-media .contactlists .inbox-nav-bar .header-folder {
    padding: 0px;
}

div .intplaybook-media .contactlists .list ul li {
    padding: 0px;
}

.intplaybook-media .contactlists .inbox-side-bar > .btn {
    margin-top: -50px;
    height: 28px;
    padding: 8px 15px;
    margin-left: 8px;
}

.intplaybook-media .contactlists .header-search.active > input[type=text] {
    width: 170px;
}

.intplaybook-media .contactlists .no-data-message br {
    display: none;
}

.pb-contact-association .list .inbox-nav-bar {
    height: 50px;
}

.pb-contact-association .btn-group > .dropdown-toggle {
    width: 25px !important;
}

div .pb-contactgrid {
    margin-bottom: 60px;
}

    div .pb-contactgrid .s1 .inbox-footer {
        display: none !important;
    }

    div .pb-contactgrid .inbox-attach-page .inbox-footer {
        bottom: 0;
    }

.activity-startend-dates-v05 {
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 400;
    margin-left: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    line-height: 20px;
}

div .intplaybook-media .contactlists {
    margin-bottom: 10px;
}

    div .intplaybook-media .contactlists .inbox-footer .inbox-pagination-actionbar li {
        display: inline-block;
        border: none;
    }

    div .intplaybook-media .contactlists .list ul li:hover {
        background: none;
    }

    div .intplaybook-media .contactlists .search-n-filter, div .intplaybook-media .contactlists .selected-filters {
        display: none;
    }

    div .intplaybook-media .contactlists .inbox-body .table-wrap {
        margin-bottom: 0;
    }

/*playbook custom tabs broken UI fixed*/
.pg-intplaybook .cnav-tabs .nav-tabs.ui-sortable > li {
    margin-left: 0 !important;
}

.pg-intplaybook .cnav-tabs .nav-tabs > li:nth-child(1) {
    margin-left: -8px !important;
}

/*44915*/
.dropdown-menu > .profile-dropdown-v5 {
    overflow: visible;
}

.profile-dropdown-v5 > .dropdown-menu-inner {
    border-radius: 10px;
    overflow: hidden;
}

/*fixed 44924*/
ul.card-view-v05 .card-footer .right-box .icn-action-btns.open + .dropdown-menu {
    display: block;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}







.v5-feed-right {
    float: right;
    z-index: 1;
    position: relative;
    width: 530px;
    top: 17px;
}

    .v5-feed-right .h1-period {
        margin-top: 20px;
    }

        .v5-feed-right .h1-period label {
            margin-top: 0px !important;
        }
/*#38130*/
.addtab.active a {
    background-color: transparent !important;
    color: #5352ed !important;
}

.dropdown-menu.profiledetails .header-search > input[type=text] {
    padding-right: 30px;
    padding-left: 10px;
    opacity: 1;
}



/*issues caused by grid changes to other areas end*/

/*--------- common page fixes ---------*/

/*for 41740*/
.playbookheader .header-text .playbookname {
    line-height: 1.3;
}

/*for 45113*/
.opportunity-wizard .label-danger.badge-danger {
    color: #f7414a !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    border-radius: 10px;
    padding: 3px 7px;
}
/*for 45124*/
.feedpanelheader ul.card-view-v05 > li div.card-wrap {
    overflow: visible;
}

/*44860*/
.popover-mxwidth-reset .popover {
    max-width: unset;
}

.v5-bg-gray {
    background-color: #f1f2f6 !important;
}

img.max-height-100 {
    max-height: 100% !important;
}

/*--------- common page fixes end ---------*/

/*-------- child-row cascade/accordian logic ------------*/
#inbox-table.table tbody tr.child-row .child-row-body {
    max-height: 0;
    cursor: default;
    padding: 0 10px;
    box-sizing: border-box;
    overflow: hidden;
    transition: max-height 0.3s, padding 0.3s;
}

#inbox-table.table tbody tr.child-row.cascade-active .child-row-body {
    max-height: 500px;
    padding: 10px 10px;
    transition: max-height 0.6s, padding 0.6s;
}

#inbox-table.table tbody tr.child-row,
#inbox-table.table tbody tr.child-row > td {
    height: 0 !important;
    padding: 0 !important;
    border: none !important;
}

    #inbox-table.table tbody tr.child-row.cascade-active > td {
        border-bottom: 5px solid #f1f2f6 !important;
    }
/*-------- child-row cascade/accordian logic end ------------*/

/*option d fixes*/
.w-tabs .nav-tabs > li,
.w-widget .nav-tabs > li {
    margin-left: 0;
    border-bottom: 0;
}

    .w-tabs .nav-tabs > li.active > a,
    .w-widget .nav-tabs > li.active > a {
        margin-left: 30px !important;
    }

    .w-tabs .nav-tabs > li:first-of-type > a,
    .w-widget .nav-tabs > li:first-of-type > a {
        margin-left: 0 !important;
    }

    .w-tabs .nav-tabs > li.active > a,
    .w-widget .nav-tabs > li.active > a {
        border-bottom: 2px solid !important;
    }

.w-widget .inbox-nav-bar, .w-widget .inbox-body .inbox-side-bar, .w-widget .selected-filters, .w-body header.widget-head {
    display: none !important;
}

.w-widget .inbox-body .inbox-footer {
    padding-top: 4px;
    padding-bottom: 5px;
}

.w-widget.w-deal-opp .dealbuttons .nav-tabs {
    margin-bottom: 5px;
}

.w-widget .inbox-body .table-wrap {
    margin: 0;
}

.w-widget table.no-sorting thead th .fa-caret-down, .w-widget table.no-sorting thead th .fa-caret-up {
    display: none;
}

.w-widget .inbox-body .inbox-footer > .row {
    height: unset;
}

/*option d fixes end*/

/*notification-active-feed-adjustment*/
.v5-feed-right.a-v5-feed-adjust {
    position: absolute;
    width: auto !important;
    right: 15px;
    top: 78px;
}
/*notification-active-feed-adjustment-end*/

ul.card-view-v05.card-thumb-view-v05.side-desc {
    margin: 0;
}

    ul.card-view-v05.card-thumb-view-v05.side-desc > li {
        width: 100%;
        display: flex;
        margin: 15px 0;
    }

        ul.card-view-v05.card-thumb-view-v05.side-desc > li > .card-wrap {
            width: 220px;
        }

        ul.card-view-v05.card-thumb-view-v05.side-desc > li > .card-desc {
            flex: 1;
            padding: 10px;
        }

/*note-popover*/
.note-popover-container .popover {
    max-width: 700px;
    width: 545px;
    border-radius: 10px;
    border-color: transparent;
}

    .note-popover-container .popover.left > .arrow,
    .note-popover-container .popover.right > .arrow,
    .note-popover-container .popover.top > .arrow,
    .note-popover-container .popover.bottom > .arrow {
        border-color: transparent;
    }

    .note-popover-container .popover .popover-content {
        padding: 30px 30px 5px 30px;
    }

        .note-popover-container .popover .popover-content .popover-desc {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            padding-right: 25px;
        }

            .note-popover-container .popover .popover-content .popover-desc .icon-holder {
                padding-right: 30px;
            }

                .note-popover-container .popover .popover-content .popover-desc .icon-holder i {
                    font-size: 80px;
                    color: #d9dce1;
                    margin-top: -8px;
                }

            .note-popover-container .popover .popover-content .popover-desc h3.popover-cont-title {
                font-size: 20px;
                font-weight: 500;
                color: #000;
                margin-top: 0;
                margin-bottom: 10px;
            }

            .note-popover-container .popover .popover-content .popover-desc p {
                font-size: 13px;
                color: #2f3542;
                line-height: 21px;
                margin-bottom: 24px
            }

            .note-popover-container .popover .popover-content .popover-desc a.btn-primary-cta {
                min-width: 100px;
                height: 40px;
                border-radius: 20px !important;
                background-color: #5352ed !important;
                color: #fff;
                margin-bottom: 25px !important;
            }
/*note-popover end*/

/*import header section*/
.import-header-box {
    display: inline-block;
}

    .import-header-box .import-box.prime {
        background-color: #f1e5e3;
    }

    .import-header-box .import-box.sec {
        background-color: #e7ede9;
    }

    .import-header-box .import-box p {
        margin: 0 10px 0 0;
        font-size: 13px;
        max-width: 90px;
    }

    .import-header-box .import-box.prime span {
        color: #f27137;
    }

    .import-header-box .import-box {
        padding: 8px 20px;
        margin-right: 13px;
        float: left;
        border-radius: 5px;
        display: flex;
        align-items: center;
    }

        .import-header-box .import-box .value {
            font-size: 24px;
        }

        .import-header-box .import-box.sec .value {
            color: #46aa8b;
            border-right: 1px solid #fff;
            padding-right: 15px;
        }

    .import-header-box .import-progress {
        width: 100px;
        margin-left: 15px;
    }

        .import-header-box .import-progress .progress {
            margin-bottom: 0;
            position: relative;
            height: 3px;
            background-color: #fff;
            border-color: #fff;
            box-shadow: none;
            border-radius: 4px;
            overflow: visible;
        }

            .import-header-box .import-progress .progress .progress-bar {
                line-height: 10px;
                background-color: #46aa8b;
                overflow: visible;
                max-width: 100%;
            }

        .import-header-box .import-progress .progress-completed {
            font-size: 12px;
            font-weight: 500;
            position: absolute;
            right: 0;
            margin-top: 8px;
            color: #2f3542;
        }
/*import header section end*/

/* ----------------- THUMBNAIL CSS ----------------------------*/

ul.card-view-v05 {
    clear: both;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}

    ul.card-view-v05 li {
        list-style: none;
    }

    ul.card-view-v05 > li {
        float: left;
        margin: 15px 13px;
        width: calc(25% - 30px);
        min-width: 394px;
        border: 2px solid transparent;
        box-sizing: border-box;
    }

.pg-campaign-drip ul.card-view-v05 > li {
    min-width: 373px;
}

ul.card-view-v05.superbox > li {
    float: none;
}

ul.card-view-v05 > li div.card-wrap {
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    width: 100%;
    /* height: 450px; */
    position: relative;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(217,222,228,0.5);
    -moz-box-shadow: 0px 2px 5px 0px rgba(217,222,228,0.5);
    box-shadow: 0px 2px 5px 0px rgba(217,222,228,0.5);
    border: none !important;
    overflow: visible;
    /* font-size: 0;*/
    box-sizing: border-box;
}

    ul.card-view-v05 > li div.card-wrap.selected::before {
        z-index: 12;
    }

    ul.card-view-v05 > li div.card-wrap.selected::after {
        z-index: 11;
    }
/* CARD IMAGE HOLDER */
ul.card-view-v05 > li .card-wrap .card-img-holder {
    position: relative;
    width: 100%;
    max-width: 100%;
    /* height: 275px; */
    height: auto;
    padding-top: 75%; /* Keep image container ratio 4:3. That is 800 x 600 */
    border-radius: 5px;
    margin-bottom: 18px;
    background-color: #d9dce1;
}


ul.card-view-v05 > li .card-wrap .card-img-holder {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    ul.card-view-v05 > li .card-wrap .card-img-holder .img-center-box {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: 0;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 5px;
    }

        ul.card-view-v05 > li .card-wrap .card-img-holder .img-center-box img.img-preview {
            width: auto;
            max-width: 100%;
            max-height: 100%;
            padding: 0;
            margin: 0;
        }

        ul.card-view-v05 > li .card-wrap .card-img-holder .img-center-box img.img-placeholder {
            width: 138px;
        }

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder .img-center-box img.img-placeholder {
    width: 104px;
}

ul .card-view-v05 > li .card-wrap .card-img-holder .img-center-box i {
    font-size: 40px;
    color: #fff;
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.img-overlay {
    background-color: rgba(47, 53, 66, .8);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    position: absolute;
    z-index: 8;
    display: none;
    align-items: center;
    align-content: center;
    justify-content: center;
    opacity: 0;
    transition: opacity linear .3s;
}

ul.card-view-v05 > li .card-wrap .card-img-holder:hover span.img-overlay {
    display: flex;
    opacity: 1;
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.img-overlay a.btn-view {
    min-width: 100px;
    max-width: 100%;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    font-size: 13px;
    color: #2f3542;
    background-color: #fff;
    text-align: center;
    display: block;
    text-decoration:none;
}

    ul.card-view-v05 > li .card-wrap .card-img-holder span.img-overlay a.btn-view:hover {
        text-decoration: none;
    }


ul.card-view-v05 > li .card-wrap .card-img-holder span.top-right-cont,
ul.card-view-v05 > li .card-wrap .card-img-holder span.top-left-cont {
    font-size: 0; /* reset inline block element spacing */
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.top-right-cont,
ul.card-view-v05 > li .card-wrap .card-img-holder span.top-left-cont,
ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-right-cont,
ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-left-cont {
    position: absolute;
    z-index: 10;
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.top-right-cont {
    right: 5px;
    top: 5px;
    /* z-index: 5;*/
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.top-left-cont {
    left: 5px;
    top: 5px;
    /* z-index: 5;*/
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-right-cont {
    right: 5px;
    bottom: 5px;
    display: flex;
    z-index: 10;
}

ul.card-view-v05 > li .card-wrap .card-img-holder:hover span.bottom-right-cont {
    z-index: 12;
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-right-cont ul.action-btn-list {
    padding: 0;
    margin: 0;
}

    ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-right-cont ul.action-btn-list li {
        display: block;
        margin: 5px 0 0 0;
        padding: 0;
    }

        ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-right-cont ul.action-btn-list li a {
        }

            ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-right-cont ul.action-btn-list li a:hover {
            }

ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-left-cont {
    left: 5px;
    bottom: 5px;
    z-index: 5;
}

ul.card-view-v05 > li .card-wrap span.label {
    font-size: 11px !important;
    line-height: 15px;
    padding: 0 3px;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
}

ul.card-view-v05 > li .card-wrap span.top-left-cont span.label {
    margin-right: 5px;
    margin-bottom: 5px;
}

ul.card-view-v05 > li .card-wrap span.top-right-cont span.label {
    margin-left: 5px;
    margin-bottom: 5px;
}

ul .card-view-v05 > li .card-wrap span.label:empty,
ul.card-view-v05 > li .card-wrap .card-header .card-meta-data span.label:empty,
ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder span.bottom-left-cont .card-meta-data span.label:empty,
ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-left-cont .card-meta-data span.label:empty {
    display: none;
}

ul.card-view-v05 > li .card-wrap span.label-danger {
    background-color: #f73f49;
}

ul.card-view-v05 > li .card-wrap span.label-default {
    background-color: #77889a;
}

ul.card-view-v05 > li .card-wrap span.label-success {
    background-color: #1bc469;
}

ul.card-view-v05 > li .card-wrap span.label-light-green {
    background-color: #9bc225;
}

ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn {
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 5px;
    background-color: rgba(241, 242, 246,.9);
    color: #2f3542;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    transition: background-color linear .3s;
}

    ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn i {
        font-size: 16px;
        color: #2f3542;
    }

ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn {
    background-color: rgba(255,255,255,1);
}

    ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn:hover {
        text-decoration: none;
    }

    ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn i {
        color: #2f3542;
    }

    ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn.rating-btn {
        flex-direction: column;
    }

        ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn.rating-btn i {
            font-size: 14px;
            color: #f8c659;
        }

        ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn.rating-btn span.rating-count {
            font-size: 10px;
            color: #77889a;
        }

/* CARD HEADER */
ul.card-view-v05 > li .card-wrap .card-header {
    height: 44px;
    width: 100%;
    max-width: 100%;
    display: flex;
    padding: 0px 5px;
    margin-bottom: 10px;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
}

    ul.card-view-v05 > li .card-wrap .card-header .title-holder {
        flex: 1;
        max-width: 100%;
    }

        ul.card-view-v05 > li .card-wrap .card-header .title-holder h3 {
            font-size: 16px;
            color: #2f3542;
            font-weight: 500;
            margin: 0;
            line-height: 22px;
            display: inline-block;
            cursor: pointer;
        }

/* CARD BODY */
ul.card-view-v05 > li .card-wrap .card-body {
    padding: 0 5px;
    height: 38px;
    /*height: auto;
    min-height: 38px;*/
    width: 100%;
    max-width: 100%;
    margin: 0 0 15px 0;
}

    ul.card-view-v05 > li .card-wrap .card-body p {
        font-size: 13px;
        color: #77889a;
        line-height: 19px;
        margin-bottom: 0;
    }
    ul.card-view-v05 > li .card-wrap .card-body p i{
        font-style:normal;
    }

        ul.card-view-v05 > li .card-wrap .card-body p.no-description {
            font-style: italic;
        }

/* CARD FOOTER */
ul.card-view-v05 > li .card-wrap .card-footer {
    width: 100%;
    height: 44px;
    border-top: 1px solid #d9dce1;
    padding: 5px 0 0 0;
    box-sizing: border-box;
}

    ul.card-view-v05 > li .card-wrap .card-footer.justify-space-btw {
        justify-content: space-between;
    }

    ul.card-view-v05 > li .card-wrap .card-footer .left-box {
        /* flex: 1; */
        float: left;
        width: 70%;
    }

    ul.card-view-v05 > li .card-wrap .card-footer .right-box .tooltip .tooltip-inner {
        hyphens: unset;
    }


/*USAGE, VISIT & SCORING DATA ELEMENT DEFAULT STYLE*/
ul.analytics-data-list {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

    ul.analytics-data-list li {
        padding: 0;
        margin: 0;
    }

        ul.analytics-data-list li span.item-lbl-value-pair {
            font-size: 12px;
            line-height: 16px;
            color: #2F3542;
            text-align: left;
            font-weight: 400;
        }

            ul.analytics-data-list li span.item-lbl-value-pair span.item-value {
                font-size: 13px;
                color: #2f3542;
                font-weight: 500;
            }

            ul.analytics-data-list li span.item-lbl-value-pair.text-success {
                color: #46aa8b;
            }

            ul.analytics-data-list li span.item-lbl-value-pair.text-danger {
                color: #f73f49;
            }


/*USAGE, VISIT & SCORING DATA ELEMENT ON CARD FOOTER STYLE*/
ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.analytics-data-list {
    justify-content: flex-start;
    padding: 0 0 0 5px;
}

    ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.analytics-data-list li {
        padding: 0 10% 0 0;
    }

        ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.analytics-data-list li:last-child {
            padding-right: 10px;
        }

        ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.analytics-data-list li span.item-lbl-value-pair {
            font-size: 11px;
        }



/*USAGE, VISIT & SCORING DATA ELEMENT ON THUMB BODY STYLE*/
ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-body ul.analytics-data-list li span.item-lbl-value-pair span.item-value {
    font-size: 13px;
    color: #2f3542;
}








ul.card-view-v05 > li .card-wrap .card-footer .left-box .item-progressbar-holder {
    margin-top: 8px;
    padding-left: 5px;
}

    ul.card-view-v05 > li .card-wrap .card-footer .left-box .item-progressbar-holder span.progress-value {
        margin-right: 0;
        min-width: 40px;
        display: inline-block;
        font-size: 12px;
        color: #2f3542;
        vertical-align: middle;
    }

    ul.card-view-v05 > li .card-wrap .card-footer .left-box .item-progressbar-holder .progress {
        width: 100px;
        height: 3px;
        border: none;
        margin: 0;
        border-radius: 3px;
        box-shadow: none;
        background-color: #d9dce1;
        display: inline-block;
        vertical-align: middle;
    }

        ul.card-view-v05 > li .card-wrap .card-footer .left-box .item-progressbar-holder .progress .progress-bar {
            line-height: 3px;
            background-color: #5352ed;
            border-radius: 3px;
            box-shadow: none;
            border: none;
        }


ul.card-view-v05 > li .card-wrap .card-footer .right-box {
    width: 34px;
    float: right;
}

    ul.card-view-v05 > li .card-wrap .card-footer .right-box .icn-action-btns:hover {
        background: rgba(83, 82, 237,.1);
    }

    ul.card-view-v05 > li .card-wrap .card-footer .right-box ul.action-btn-list {
        float: right;
        padding: 0;
        margin: 0;
        display: flex;
    }

        ul.card-view-v05 > li .card-wrap .card-footer .right-box ul.action-btn-list > li {
            padding: 0;
            margin: 0 0 0 5px;
            margin-left: 5px;
        }

            ul.card-view-v05 > li .card-wrap .card-footer .right-box ul.action-btn-list > li:first-child {
                order: 1;
            }

            ul.card-view-v05 > li .card-wrap .card-footer .right-box ul.action-btn-list > li .icn-action-btns {
                color: #77889a;
                font-size: 22px;
                width: 32px;
                height: 32px;
                display: inline-block;
                line-height: 32px;
                text-align: center;
                border-radius: 5px;
            }




/* DATE on CARD TITLE */
ul.card-view-v05 > li .card-wrap .card-header .card-meta-data {
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding-top: 5px;
    margin-left: 10px;
}

    ul.card-view-v05 > li .card-wrap .card-header .card-meta-data span.label {
        margin-bottom: 5px;
        width: 100%;
    }

        ul.card-view-v05 > li .card-wrap .card-header .card-meta-data span.label:last-child {
            margin-bottom: 0;
        }


/* SOCIAL DRIP STATIC UI */
.card-view-v05 .social-drip-statics-holder {
    height: 32px;
    width: auto;
    background-color: rgb(255 255 255 / .9);
    border-radius: 5px;
    padding: 0;
    margin-top: 5px;
}

    .card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list {
        padding: 0;
        margin: 0;
        font-size: 0;
    }

.social-drip-statics-holder ul.social-drip-statics-list li {
    padding: 0;
    margin: 0;
    display: inline-block;
    border-left: solid 1px #d9dce1;
}

.social-drip-statics-holder ul.social-drip-statics-list.no-border li {
    border: none;
}

.social-drip-statics-holder ul.social-drip-statics-list li:first-child {
    border: none;
}

.social-drip-statics-holder ul.social-drip-statics-list.no-border li {
    border: none;
}

.social-drip-statics-holder ul.social-drip-statics-list li:first-child {
    border: none;
}

.card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a {
    display: flex;
    height: 32px;
    width: auto;
    min-width: 32px;
    flex: 1 1 32px;
    padding: 0 5px;
    margin: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 11px;
    color: #7C8A99;
}

    .card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a i {
        font-size: 11px;
        color: #000;
        margin-top: 1px;
        margin-bottom: 3px;
        text-decoration: none;
    }

        .card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a i.char-hash {
        }

    .card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a span.drip-count {
        font-size: 10px;
        color: #2f3542;
        line-height: 11px;
        font-weight: 500;
    }

.card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li.border-left {
    border-left: solid 1px #d9dce1;
}

.card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a.icon-facebook i {
    color: #3b5998;
}

.card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a.icon-twitter i {
    color: #00acee;
}

.card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a.icon-linkedin i {
    color: #0e76a8;
}

.card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list li a.icon-blogger i {
    color: #fc4f08;
}


.card-view-v05 .social-drip-statics-holder ul.social-drip-statics-list.auto-width-item li a {
    width: auto;
    padding: 0 5px;
}


/* SMALL SQUARE BTN */
ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn.gray-btn {
    height: 26px;
    width: 26px;
    border-radius: 3px;
    background-color: rgba(119, 136, 154,.9);
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    transition: background-color linear .3s;
}

    ul.card-view-v05 > li .card-wrap .card-img-holder a.sqr-btn.gray-btn i {
        font-size: 14px;
        color: #fff;
    }

ul.card-view-v05 > li .card-wrap .card-img-holder span.top-left-cont ul.action-btn-list {
    padding: 0;
    margin: 0;
}

    ul.card-view-v05 > li .card-wrap .card-img-holder span.top-left-cont ul.action-btn-list li {
        display: block;
        margin: 0 0 5px 0;
        padding: 0;
    }


/* ACTION BUTTON LIST FOOTER LEFT BOX */
ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list {
    padding: 0;
    margin: 0;
}

    ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li {
        padding: 0;
        margin: 0 5px 0 0;
        float: left;
    }

        ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns {
            width: 32px;
            height: 32px;
            color: #77889a;
            font-size: 18px;
            line-height: 32px;
            text-align: center;
            border-radius: 5px;
            display: inline-block;
        }

            ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns:hover {
                background: rgba(83,82,237,.1);
            }

            ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg {
                background-color: transparent;
                font-size: 17px;
            }

                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.green-btn:hover,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.green-btn:focus,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.green-btn.active {
                    background: rgba(27, 196, 105,.1);
                    color: #1bc469;
                }

                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.blue-btn:hover,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.blue-btn:focus,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.blue-btn.active {
                    background: rgba(33, 136, 249,.1);
                    color: #2188f9;
                }

                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.red-btn:hover,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.red-btn:focus,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.red-btn.active {
                    background: rgba(247, 63, 73,.1);
                    color: #f73f49;
                }

                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.orange-btn:hover,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.orange-btn:focus,
                ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list > li .icn-action-btns.with-bg.orange-btn.active {
                    background: rgba(247, 149, 49,.1);
                    color: #f79531;
                }

/* organizations page css */
/* parent class organizations-table-v5 */

.organizations-table-v5 .inbox-data-from > :first-child:not(.ui-slider) > :first-child:not(.ui-slider) {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.organizations-table-v5 #inbox-table tr th.th-3rd-width {
    width: 30%;
}

.organizations-table-v5 #inbox-table tr th.text-right.th-width {
    width: 115px;
}

.organizations-table-v5 #inbox-table tr th.th-4th-width {
    width: 7%;
}

.organizations-table-v5 #inbox-table tr th.text-right.th-width-v2 {
    width: 200px
}

.organizations-table-v5 #inbox-table tr th.text-right.th-last {
    width: auto;
}


.organizations-table-v5 #inbox-table tbody tr td.every-4th-td div {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-inline-box;
}

.pg-campaign-drip-contacts-v5 .campaign-drip-section-02 .card-type-01 {
    min-height: 224px;
}


@media (max-width: 1900px) {
    ul.card-view-v05 > li {
        width: calc(33.33333333% - 30px);
    }

    .organizations-table-v5 #inbox-table tr th.text-right.th-width {
        width: 125px;
    }
}

@media (max-width: 1362px) {

    ul.card-view-v05 > li {
        width: calc(50% - 30px);
    }
}


/* CARD THUMB VIEW */
ul.card-view-v05.card-thumb-view-v05 {
}

    ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-body,
    ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header .card-meta-data {
        display: none;
        padding:0px 20px;
        height:54px;
        margin:0px 0px 10px 0px;
        max-height:54px;
        -webkit-line-clamp:3;
    }

    ul.card-view-v05.card-thumb-view-v05 > li {
        margin: 15px 13px;
        width: calc(16.913% - 30px);
        min-width: 240px;
        border: 2px solid transparent;
        border-radius: 5px;
    }

.pg-campaign-drip ul.card-view-v05.card-thumb-view-v05 > li {
    min-width: 212px;
}

ul.card-view-v05.card-thumb-view-v05 > li div.card-wrap {
    /*height: 302px;*/
    height: auto;
    box-sizing: border-box;
}

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder {
    margin-bottom: 10px;
    height: auto;
    padding-top: 100%; /* Img width 210x210, ratio 1:1, padding: 100% */
}

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header {
    height: 18px;
    margin-bottom: 5px;
    padding:0px 20px;
    border:none;
    background:none;
}

    ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header .title-holder h3 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
    }

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-footer .left-box {
    width: 60%;
}

    ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-footer .left-box .item-progressbar-holder {
        margin-top: 5px;
    }

    ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-footer .left-box .item-progressbar-holder {
        margin-top: 5px;
    }

        ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-footer .left-box .item-progressbar-holder .progress {
            width: 60px;
            height: 3px;
        }

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-footer .right-box {
    float: right;
}

ul.card-view-v05 > li .card-wrap .card-footer .infoIcon a {
    width: 32px;
    height: 32px;
    color: #77889a;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    margin-right: 3px;
}

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-footer .infoIcon a {
    color: #77889A;
    font-size: 16px;
}

ul.card-view-v05 > li .card-wrap .card-footer .infoIcon a:hover {
    background: rgba(83,82,237,0.1);
    text-decoration: none;
}


/* PLAYBOOK THUMB CARD */
ul.card-view-v05.card-thumb-view-v05.playbook-card-v05 > li .card-wrap .card-img-holder span.bottom-left-cont {
    z-index: 5;
}

ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-left-cont .card-meta-data {
    width: auto;
    min-width: 70px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

    ul.card-view-v05 > li .card-wrap .card-img-holder span.bottom-left-cont .card-meta-data span.label {
        margin-top: 5px;
        margin-bottom: 0;
        font-size: 10px !important;
        line-height: 13px;
        font-weight: 500 !important;
        padding: 1px 5px;
    }

@media (max-width: 1900px) {

    ul.card-view-v05.card-thumb-view-v05 > li {
        width: calc(16.6% - 30px);
    }

    ul.card-view-v05.superbox.card-thumb-view-v05 > li {
        width: calc(16.4% - 30px);
        min-width: 216px;
    }

    .organizations-table-v5 #inbox-table tr th.th-3rd-width {
        width: 28%;
    }
}

@media (max-width: 1590px) {

    ul.card-view-v05.card-thumb-view-v05 > li {
        width: calc(20% - 30px);
    }

    ul.card-view-v05.superbox.card-thumb-view-v05 > li {
        width: calc(19.7% - 30px);
    }

    .organizations-table-v5 #inbox-table tr th.text-right.th-width {
        width: 145px;
    }

    .organizations-table-v5 #inbox-table tr th.text-right.th-last {
        width: 80px;
    }

    .organizations-table-v5 #inbox-table tbody tr td.th-4th-width div {
        width: 100px;
    }

    .organizations-table-v5 #inbox-table tr th.th-3rd-width {
        width: 20%;
    }
}

@media (max-width: 1450px) {
    .organizations-table-v5 #inbox-table tr th.th-3rd-width {
        width: 17%;
    }
}

@media (max-width: 1362px) {

    ul.card-view-v05.card-thumb-view-v05 > li {
        width: calc(25% - 30px);
    }

    ul.card-view-v05.super.card-thumb-view-v05 > li {
        width: calc(24% - 30px);
    }

    .organizations-table-v5 #inbox-table tr th.text-right.th-2nd-last {
        width: 250px;
    }

    .organizations-table-v5 #inbox-table tr th.text-right.th-5th-width {
        width: 320px;
    }

    .organizations-table-v5 #inbox-table tr th.text-right.th-width-v2 {
        width: 500px;
    }
}

@media (max-width:1090px) {

    ul.card-view-v05.card-thumb-view-v05 > li {
        width: calc(33% - 30px);
    }
}

@media (max-width:810px) {

    ul.card-view-v05.card-thumb-view-v05 > li {
        width: calc(50% - 30px);
    }
}



ul.card-view-v05 > li .card-wrap .card-header .title-holder {
    flex: 1;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}

    ul.card-view-v05 > li .card-wrap .card-header .title-holder > .iconclass {
        margin-top: 8px;
        display: inline-block;
        width: 20px;
    }

ul.card-thumb-view-v05 > li .card-wrap .card-header .title-holder > .iconclass {
    margin-top: 5px;
    display: inline-block;
    width: 20px;
}

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header .title-holder h3 {
    flex: 1;
}

.inbox-body .inbox-footer > .row {
    height: 100px;
}



/* SETUP TEMPLATE CARD */
ul.card-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller {
    height: auto;
    padding-top: 68.2291666%; /* Keep image container ratio 4:3. That is 384 x 262 */
}

ul.card-view-v05 > li .card-wrap .card-header.card-header-single-line {
    height: 40px;
}

ul.card-view-v05 > li .card-wrap .card-body.auto-height {
    display: block;
    height: auto;
    margin: 0;
}


ul.card-view-v05 > li .card-wrap .card-body .item-description-cont {
    height: 38px;
    width: 100%;
    margin-bottom: 10px;
}

ul.card-view-v05 > li .card-wrap .card-body .analytics-data-cont {
    height: 35px;
    width: 100%;
    margin-bottom: 10px;
}

ul.card-view-v05 > li .card-wrap .card-header.card-header-single-line .title-holder h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.card-view-v05.setup-template-card-v05 > li .card-wrap .card-img-holder .img-center-box {
    border: 5px solid #fff;
}

ul.card-view-v05.setup-template-card-v05 > li .card-wrap .card-img-holder span.top-left-cont {
    z-index: 10;
}


/* SETUP TEMPLATE THUMB CARD */
ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller {
    height: auto;
    padding-top: 61.44%; /* Img width 210 x 185 */
    margin-bottom: 10px;
}

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header.card-header-single-line {
    height: 22px;
}

ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-body.auto-height {
    display: block;
    height: 38px;
    height: auto;
}


ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header.card-header-single-line .title-holder h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.card-view-v05.setup-template-card-v05 > li .card-wrap .card-img-holder span.top-left-cont {
    z-index: 10;
}

/*-------------------------------------------------------------*/

/* Rating star action buttons and rating status container */

.rating-action-btns-and-status-cont-v05 {
    width: 100%;
    height: auto;
}

    .rating-action-btns-and-status-cont-v05 .rating-star-btn-holder {
        width: 100%;
        height: 40px;
        margin: 0;
        text-align: center;
        font-size: 0;
        font-weight: normal;
        line-height: 18px;
        padding: 12px 2px;
        border-radius: 25px;
        background-color: #f1f2f6;
    }

        .rating-action-btns-and-status-cont-v05 .rating-star-btn-holder i {
            color: #d9dce1;
            font-size: 14px;
            cursor: pointer;
            display: inline-block;
            margin: 0 1px;
            vertical-align: middle;
        }

            .rating-action-btns-and-status-cont-v05 .rating-star-btn-holder i.rating-star-yellow {
                color: #f8c659;
            }

    .rating-action-btns-and-status-cont-v05 span.rating-value-holder {
        color: #77889a;
        font-size: 12px;
        margin-left: 3px;
        vertical-align: middle;
        margin-right: 4px;
    }

    .rating-action-btns-and-status-cont-v05 .each-rating-level {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        margin-bottom: 7px;
    }

    .rating-action-btns-and-status-cont-v05 .rating-star-label {
        color: #77889a;
        font-size: 12px;
        line-height: 18px;
        padding: 0;
    }

    .rating-action-btns-and-status-cont-v05 .rating-value-label {
        color: #77889a;
        font-size: 12px;
        line-height: 18px;
        padding: 0 0 0;
        min-width: 38px;
    }

    .rating-action-btns-and-status-cont-v05 .rating-proress-bar-holder {
        padding: 0 10px;
        flex: 1;
    }

    .rating-action-btns-and-status-cont-v05 .rating-stats-cont {
        margin-top: 14px;
    }

        .rating-action-btns-and-status-cont-v05 .rating-stats-cont .progress {
            border-radius: 10px;
            height: 9px;
            border: none;
            line-height: 9px;
            background-color: #f1f2f6;
            margin: 0;
            overflow: visible;
            box-shadow: none;
        }

            .rating-action-btns-and-status-cont-v05 .rating-stats-cont .progress .progress-bar {
                height: 9px;
                border: none;
                border-radius: 10px;
                box-shadow: none;
                background-image: none;
                background-color: #f8c659;
                box-shadow: 0px 3px 4px 1px rgba(248, 198, 89, 0.35);
                -webkit-box-shadow: 0px 3px 4px 1px rgba(248, 198, 89, 0.35);
            }

/* Rating comment container */
.rating-comment-cont-v05 {
}

    .rating-comment-cont-v05 label.lbl-box-title,
    .rating-action-btns-and-status-cont-v05 label.lbl-box-title {
        text-align: center;
        font-size: 16px;
        color: #2f3542;
        width: 100%;
        margin-bottom: 8px;
        font-weight: bold;
    }

.rating-comment-cont-v05 {
    width: 100%;
    margin-bottom: 30px;
}

    .rating-comment-cont-v05 .input-group {
        width: 100%;
        margin: 0;
    }

        .rating-comment-cont-v05 .input-group textarea {
            width: 100%;
            height: 192px;
            margin: 0;
            background-color: #f1f2f6;
            color: #77889a;
            font-size: 12px;
            border: none;
            border-radius: 20px !important;
            resize: none;
            padding: 15px 20px;
        }

        .rating-comment-cont-v05 .input-group .form-control:last-child,
        .rating-comment-cont-v05 .input-group .form-control:first-child:last-child {
            border-radius: 20px !important;
        }


/* RATING MODAL POPUP STYLE */
.modal.modal-rating-comment-v05 {
}

    /* Modal body */
    .modal.modal-rating-comment-v05 .modal-body {
        position: relative;
        padding: 30px;
        border-radius: 10px;
        background-color: #ffffff;
    }

        /* Modal close Btn */
        .modal.modal-rating-comment-v05 .modal-body button.close {
            position: absolute;
            right: 12px;
            top: 12px;
            z-index: 10;
            font-size: 30px;
            padding: 0;
            width: 24px;
            height: 24px;
            line-height: 24px;
            color: #77889a;
        }

        /* Submit button */
        .modal.modal-rating-comment-v05 .modal-body .btn.btn-primary {
            width: 150px;
            height: 40px;
            font-size: 13px;
            color: #fff;
            border-radius: 25px;
            background-color: #5352ed;
        }
        /* Rating action btns and status container on modal  */
        .modal.modal-rating-comment-v05 .modal-body .rating-action-btns-and-status-cont-v05 {
            padding-right: 20px;
        }
        /* Rating comment container on modal */
        .modal.modal-rating-comment-v05 .modal-body .rating-comment-cont-v05 {
            padding-left: 7px;
        }




.note-popover-container .popover {
    max-width: 700px;
    width: 545px;
    border-radius: 10px;
    border-color: transparent;
}

    .note-popover-container .popover.left > .arrow,
    .note-popover-container .popover.right > .arrow,
    .note-popover-container .popover.top > .arrow,
    .note-popover-container .popover.bottom > .arrow {
        border-color: transparent;
    }

    .note-popover-container .popover .popover-content {
        padding: 30px 30px 5px 30px;
    }

        .note-popover-container .popover .popover-content .popover-desc {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            padding-right: 25px;
        }

            .note-popover-container .popover .popover-content .popover-desc .icon-holder {
                padding-right: 30px;
            }

                .note-popover-container .popover .popover-content .popover-desc .icon-holder i {
                    font-size: 80px;
                    color: #d9dce1;
                    margin-top: -8px;
                }

            .note-popover-container .popover .popover-content .popover-desc h3.popover-cont-title {
                font-size: 20px;
                font-weight: 500;
                color: #000;
                margin-top: 0;
                margin-bottom: 10px;
            }

            .note-popover-container .popover .popover-content .popover-desc p {
                font-size: 13px;
                color: #2f3542;
                line-height: 21px;
                margin-bottom: 24px
            }

            .note-popover-container .popover .popover-content .popover-desc a.btn-primary-cta {
                min-width: 100px;
                height: 40px;
                border-radius: 20px !important;
                background-color: #3276b1 !important;
                color: #fff;
                margin-bottom: 25px !important;
            }





/* Campaign Drip Contacts V5 Start */

/* Global Styles */
.border-radius-10 {
    border-radius: 10px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.padding-x-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.hide-icon i {
    display: none;
}

.bg-gray {
    background-color: #F1F2F6 !important;
}

/* Small button: 30px heght buytton */
.btn.btn-h30 {
    height: 30px !important;
    padding: 6px 20px;
    box-shadow: none;
}

/*Outline buttons*/
.btn.btn-outline-primary {
    border: 1px solid #F73F49;
    background-color: rgba(247, 63, 73, 0.1);
    border-radius: 30px;
    color: #F73F49;
    transition: .2s all linear;
}

    .btn.btn-outline-primary:hover {
        background-color: rgba(247, 63, 73, 0.3);
    }

.btn.btn-outline-success {
    border: 1px solid #1BC469;
    background-color: rgba(27, 196, 105, 0.1);
    border-radius: 30px;
    color: #1BC469;
    transition: .2s all linear;
}

    .btn.btn-outline-success:hover {
        background-color: rgba(27, 196, 105, 0.3);
    }

.btn.btn-outline-blue {
    border: 1px solid #3276b1;
    background-color: rgba(94, 176, 247,0.3);
    border-radius: 30px;
    color: #3276b1;
    transition: .2s all linear;
}

    .btn.btn-outline-blue:hover {
        background-color: rgba(94, 176, 247,0.6);
    }

.btn.btn-outline-yellow {
    border: 1px solid #F27137;
    background-color: rgba(242, 113, 55, 0.1);
    border-radius: 30px;
    color: #F27137;
    transition: .2s all linear;
}

    .btn.btn-outline-yellow:hover {
        background-color: rgba(242, 113, 55, 0.3);
    }

.btn-gray {
    background-color: #D9DCE1;
    color: #fff;
}

.pb-5 {
    padding-bottom: 5px !important;
}
/*Custom Checkbox & Radio button: Type 01*/
.btn-checkbox-type-1 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0;
    position: relative;
    text-align: left;
}

    .btn-checkbox-type-1 .checkbox-custom,
    .btn-radio-type-1 .radio-custom {
        opacity: 0;
        position: absolute;
    }

    .btn-checkbox-type-1 .checkbox-custom,
    .btn-checkbox-type-1 .checkbox-custom-label,
    .btn-radio-type-1 .radio-custom,
    .btn-radio-type-1 .radio-custom-label {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        cursor: pointer;
        height: 34px;
        width: auto;
        padding: 2px 10px;
        background: #ccc;
        border-radius: 3px;
        box-sizing: border-box;
        line-height: 28px;
        border: 1px solid #D9DCE1;
        background-color: #fff;
        font-size: 13px;
    }

        .btn-checkbox-type-1 .checkbox-custom:checked + .checkbox-custom-label {
            border: 1px solid #1BC469;
            background-color: rgba(27, 196, 105, 0.1);
        }

    .btn-checkbox-type-1 .checkbox-custom-label,
    .btn-radio-type-1 .radio-custom-label {
        position: relative;
    }

    .btn-checkbox-type-1 .checkbox-custom + .checkbox-custom-label:before,
    .btn-radio-type-1 .radio-custom + .radio-custom-label:before {
        content: '';
        background: #fff;
        border: 1px solid #D9DCE1;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        padding: 0;
        margin-right: 10px;
        text-align: center;
        border-radius: 50%;
    }

    .btn-checkbox-type-1 .checkbox-custom:checked + .checkbox-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        background: #1BC469;
        color: #fff;
        font-size: 8px;
        line-height: 13px;
        border: 1px solid #1BC469;
    }

.btn-radio-type-1 .radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.btn-radio-type-1 .radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #bbb;
}

.btn-checkbox-type-1 .checkbox-custom:focus + .checkbox-custom-label,
.btn-radio-type-1 .radio-custom:focus + .radio-custom-label {
    outline: 1px solid #ddd; /* focus style */
}

/* Day selector: Custom button checkbox */

.pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
    width: 32.70%;
}

.pg-campaign-drip-contacts-v5 .day-btn-list-v5 {
    font-size: 0;
}

    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        margin-bottom: 5px;
        margin-right: 5px;
    }

        .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1:nth-child(3n+0) {
            margin-right: 0px;
        }

        .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 .checkbox-custom,
        .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 .checkbox-custom-label {
            min-width: 100%;
        }


/*Toggle Button: overwrited from filter toggle button*/
.pg-campaign-drip-contacts-v5 .smart-form.v5-toggle.v5-toggle-btn-only {
    display: block;
    overflow: hidden;
    height: 32px;
    padding: 0;
    width: 45px;
}

.pg-campaign-drip-contacts-v5 .grey-text {
    color: #77889A;
    line-height: 17px;
    margin: 0 0 10px;
}

.pg-campaign-drip-contacts-v5 .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
    color: #77889A;
}

.pg-campaign-drip-contacts-v5 .v5-toggle.smart-form .toggle i {
    border-color: #D9DCE1 !important;
    background-color: #D9DCE1 !important;
    box-shadow: none;
}

.pg-campaign-drip-contacts-v5 .v5-toggle.smart-form .radio input:checked + i,
.pg-campaign-drip-contacts-v5 .v5-toggle.smart-form .checkbox input:checked + i,
.pg-campaign-drip-contacts-v5 .v5-toggle.smart-form .toggle input:checked + i {
    border-color: #1BC469 !important;
    background-color: #1BC469 !important;
}

.pg-campaign-drip-contacts-v5 .smart-form .radio:hover i,
.pg-campaign-drip-contacts-v5 .smart-form .checkbox:hover i,
.pg-campaign-drip-contacts-v5 .smart-form .toggle:hover i {
    -webkit-box-shadow: none;
    box-shadow: : none;
}

.pg-campaign-drip-contacts-v5 .v5-toggle.smart-form .toggle i:before {
    right: 17px;
}

.pg-campaign-drip-contacts-v5 .v5-toggle.smart-form .toggle input:checked + i:before {
    right: 3px;
}

.pg-campaign-drip-contacts-v5 {
    background-color: #F1F2F6;
}

    .pg-campaign-drip-contacts-v5 .well {
        border: none;
        box-shadow: none;
        background-color: transparent;
    }

    .pg-campaign-drip-contacts-v5 .campaign-drip-section-01 {
        padding-top: 30px;
    }

        .pg-campaign-drip-contacts-v5 .campaign-drip-section-01 .section-seperator hr {
            margin: 30px 0;
        }

        .pg-campaign-drip-contacts-v5 .campaign-drip-section-01 .well {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

    .pg-campaign-drip-contacts-v5 .campaign-drip-section-02 {
        margin-bottom: 26px;
    }

    .pg-campaign-drip-contacts-v5 .campaign-drip-section-03 {
        margin-bottom: 30px;
    }

    .pg-campaign-drip-contacts-v5 .campaign-drip-section-02 .grey-text {
        line-height: 17px;
        color: #77889A;
        margin: 0 0 10px;
    }

    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1:last-child {
        margin-bottom: 0;
    }
/* New Card Template */
.card-type-01 {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    /* border: 1px solid #ccc; */ /* Uncomment border if its container has white bg */
}

    .card-type-01 .card-header {
        height: 40px;
        width: 100%;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .card-type-01 .card-header .title-holder {
            flex: 1;
        }

        .card-type-01 .card-header .action-btn-holder {
        }

            .card-type-01 .card-header .action-btn-holder .info-btn {
                font-size: 16px;
                color: #77889A;
            }

            .card-type-01 .card-header .action-btn-holder .btn {
                margin-left: 10px;
            }

    .card-type-01 .card-body {
        width: 100%;
        height: auto;
        padding: 10px;
        overflow: hidden;
    }

        .card-type-01 .card-body .form-group {
            margin-bottom: 10px;
            overflow: hidden;
        }

        .card-type-01 .card-body .label-and-button-holder {
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

    .card-type-01 .card-title,
    .sec-title-v5 {
        font-size: 16px;
        color: #2F3542;
        line-height: 21px;
    }

        .card-type-01 .card-title strong {
            font-weight: 500;
        }

.day-btn-list-v5 {
}

    .day-btn-list-v5 a.btn {
        background-color: #D9DCE1;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 10px;
    }

        .day-btn-list-v5 a.btn.active,
        .day-btn-list-v5 a.btn:hover {
            border: 1px solid #1BC469;
            background-color: rgba(27, 196, 105, 0.1);
            color: #1BC469;
            transition: .2s all linear;
        }

            .day-btn-list-v5 a.btn.active:hover {
                background-color: rgba(27, 196, 105, 0.3);
            }

.pg-campaign-drip-contacts-v5 .campaign-drip-section-02 .card-type-01 {
    min-height: 214px;
}

.pg-campaign-drip-contacts-v5 .inbox-body .inbox-side-bar .btn-primary {
    position: relative;
    top: -70px;
}


/*dynamic list dropdowns*/
.dynamic-list-dropdowns {
    border-bottom: 1px solid #D9DCE1;
    padding: 14px 0 28px;
}

/* Campaign Drip Contacts V5 End */


/*------------- bootstrap update issues fixes start -------------*/
/*for #40507*/
.table-wrap .radio, .table-wrap .checkbox {
    display: block;
    min-height: 18px;
    padding-left: 20px;
}

    .table-wrap .radio label, .table-wrap .checkbox label {
        display: inline;
        padding: 0;
    }

.table-wrap input[type=checkbox].checkbox, .table-wrap input[type=radio].radiobox {
    visibility: hidden;
    position: absolute;
    z-index: 20;
    width: 18px;
    height: 18px;
}




/*------------- bootstrap update issues fixes end -------------*/


/*user profile page*/
.userprofile h1 {
    font-weight: 500;
    font-size: 26px;
}

    .userprofile h1 i {
        margin-right: 15px;
        font-size: 26px;
        width: 1.28571429em;
        text-align: center;
    }


.userprofile .page-footer {
    border: none;
}

.social-box .smart-form .toggle i, .social-box .smart-form .toggle input:checked + i {
    width: 35px;
}

div .social-block-container {
    background-color: #f1f2f6;
    margin: -18px -33px;
    padding: 0 13px;
}

.social-box .v5-toggle.smart-form .toggle i {
    border-color: #1bc469 !important;
    background-color: #1bc469 !important;
}

.social-box .v5-toggle.smart-form .toggle input:checked + i {
    border-color: #d9dce1 !important;
    background-color: #d9dce1 !important;
}

.social-box .v5-toggle.smart-form .toggle i:after {
    color: #1bc469;
}

.social-box .v5-toggle.smart-form .toggle input:checked + i:after {
    color: #f73f49;
}




.org-info .well.well-border {
    background-color: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
}

.org-info .panel {
    background-color: transparent;
}

.org-info .progress-box li:after, .progress-box li:before,
.v5-userprofile .progress-box li:after, .progress-box li:before {
    background-color: #dddddd;
}

.org-info .progress-box .step-progress,
.v5-userprofile .progress-box .step-progress {
    border-color: #dddddd;
    background-color: #f1f2f6;
}

.org-info + .page-footer {
    border-top: none;
}

.modal .v5-userprofile div .social-block-container {
    margin: -18px -20px;
}

.modal .v5-userprofile .social-block-container.tab-pane > .obj-section {
    margin-bottom: 0;
    padding: 10px 0;
}

.v5-userprofile .page-footer {
    border: none;
}
/*user profile page end*/

/* small button: 30px heght buytton */
.btn.btn-h30 {
    height: 30px !important;
    padding: 6px 20px;
    box-shadow: none;
}

/* large button: 40px heght buytton */
.btn.btn-h40 {
    height: 40px !important;
    padding: 11px 15px;
    box-shadow: none;
    border-radius: 5px;
}

    .btn.btn-h40 i {
        margin-right: 10px;
    }
/*---------------------- social drip v5 view css  ---------------------*/

/*---------------global css -------------*/
.btn.btn-outline-primary {
    border: 1px solid #F73F49;
    background-color: rgba(247, 63, 73, 0.1);
    border-radius: 30px;
    color: #F73F49;
    transition: .2s all linear;
}

.btn.btn-bg-green {
    background-color: #1BC469;
    border-color: #1BC469;
}

    .btn.btn-bg-green:hover {
        background-color: #14bc61;
    }

.btn.btn-bg-orange {
    background-color: #F79531;
    border-color: #F79531;
}

    .btn.btn-bg-orange:hover {
        background-color: #f18f2a;
    }

.btn.btn-bg-blue {
    background-color: #2188F9;
    border-color: #2188F9;
}

    .btn.btn-bg-blue:hover {
        background-color: #187eed;
    }

.hide-icon i {
    display: none;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.p-0 {
    padding: 0;
}

.border-radius-50 {
    border-radius: 50px !important;
}

.text-gray {
    color: #77889A !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}
/*.play-btn {
    font-size: 14px;
    line-height: 18px;
    background-color: #1BC469;
    border-radius: 5px;
    border: 0;
    padding: 11px 15px;
    font-weight: 500;
    box-shadow: none;
}*/
.play-btn:hover {
    background-color: #11b35c !important;
}
/*.play-btn i {
    margin-right: 10px;
}*/
/*.schedule-btn {
    font-size: 14px;
    line-height: 18px;
    background-color: #F79531;
    border-radius: 5px;
    border: 0;
    padding: 11px 15px;
    font-weight: 500;
    box-shadow: none;
}*/
.schedule-btn:hover {
    background-color: #eb8b2a !important;
}
/*.schedule-btn i {
    margin-right: 10px;
}*/
/*.restart-btn {
    font-size: 14px;
    line-height: 18px;
    background-color: #2188F9;
    border-radius: 5px;
    border: 0;
    padding: 11px 15px;
    box-shadow: none;
    font-weight: 500;
}*/
.restart-btn:hover {
    background-color: #1d7de7 !important;
}
/*.restart-btn i {
    margin-right: 10px;
}*/

/*-------------- pg-setup-social-drip-v5 css -----------------*/

.pg-setup-social-drip-v5 {
    background-color: #F1F2F6;
}

    .pg-setup-social-drip-v5 .campaign-drip-section-01 {
        padding-top: 30px;
    }

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.pg-setup-social-drip-v5 .campaign-drip-section-01 .well {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pg-setup-social-drip-v5 .well {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.card-type-01 .card-title, .sec-title-v5 {
    font-size: 16px;
    color: #2F3542;
}

.pg-setup-social-drip-v5 .campaign-drip-section-02 {
    margin-bottom: 26px;
}

    .pg-setup-social-drip-v5 .campaign-drip-section-02 .card-type-01 {
        min-height: 214px;
    }

.card-type-01 {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    /* border: 1px solid #ccc; */
}

    .card-type-01 .card-header {
        height: 40px;
        width: 100%;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .card-type-01 .card-header .title-holder {
            flex: 1;
        }

        .card-type-01 .card-header .action-btn-holder .info-btn {
            font-size: 16px;
            color: #77889A;
        }

    .card-type-01 .card-body {
        width: 100%;
        height: auto;
        padding: 10px;
        overflow: hidden;
    }

        .card-type-01 .card-body .form-group {
            margin-bottom: 10px;
            overflow: hidden;
        }

.pg-setup-social-drip-v5 .day-btn-list-v5 {
    font-size: 0;
}

.btn-checkbox-type-1 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0;
    position: relative;
    text-align: left;
}

.pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
    margin-bottom: 5px;
    margin-right: 5px;
    width: 32.70%;
}

    .pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1:nth-child(3n+0) {
        margin-right: 0px;
    }

    .pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1:last-child {
        margin-bottom: 0;
    }

.pg-setup-social-drip-v5 .campaign-drip-section-02 .grey-text {
    line-height: 17px;
    color: #77889A;
    margin: 0 0 10px;
}

.pg-setup-social-drip-v5 .campaign-drip-section-02 .card-header .frequency-dropdown {
    width: 150px;
    margin-right: 22px;
}

.btn-checkbox-type-1 .checkbox-custom, .btn-radio-type-1 .radio-custom {
    opacity: 0;
    position: absolute;
}

.btn-checkbox-type-1 .checkbox-custom,
.btn-checkbox-type-1 .checkbox-custom-label,
.btn-radio-type-1 .radio-custom,
.btn-radio-type-1 .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
    height: 34px;
    width: auto;
    padding: 2px 10px;
    background: #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    line-height: 28px;
    border: 1px solid #D9DCE1;
    background-color: #fff;
    font-size: 13px;
}

.pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1 .checkbox-custom,
.pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1 .checkbox-custom-label {
    min-width: 100%;
}

.btn-checkbox-type-1 .checkbox-custom:checked + .checkbox-custom-label {
    border: 1px solid #1BC469;
    background-color: rgba(27, 196, 105, 0.1);
}

.btn-checkbox-type-1 .checkbox-custom-label, .btn-radio-type-1 .radio-custom-label {
    position: relative;
}

.btn-checkbox-type-1 .checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #1BC469;
    color: #fff;
    font-size: 8px;
    line-height: 13px;
    border: 1px solid #1bc469;
}

.btn-checkbox-type-1 .checkbox-custom + .checkbox-custom-label:before,
.btn-radio-type-1 .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #D9DCE1;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    padding: 0;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
}

.card-type-01 .card-body .form-group {
    margin-bottom: 10px;
    overflow: hidden;
}

.pg-setup-social-drip-v5 .tab-content .checkbox-pull-right {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 35px;
    z-index: 1;
}

.pg-setup-social-drip-v5 .tab-content .inbox-body .inbox-side-bar .inbox-action-btns {
    display: none;
}

.pg-setup-social-drip-v5 label input[type=radio].radiobox + span:before,
.pg-setup-social-drip-v5 label input[type=checkbox].checkbox + span:before {
    border: 1px solid #D9DCE1;
    border-radius: 3px;
}

.pg-setup-social-drip-v5 .checkbox-pull-right span .choose-randomly {
    font-size: 13px;
    line-height: 17px;
    color: #77889A;
    position: relative;
    top: 2px;
}

.pg-setup-social-drip-v5 .card-type-01 .card-title, .sec-title-v5 strong {
    font-weight: 500;
}

.pg-setup-social-drip-v5 .actions-label button {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    padding: 6px 15px;
    border-radius: 5px;
}

    .pg-setup-social-drip-v5 .actions-label button i {
        margin-right: 10px;
    }

/*
    .pg-setup-social-drip-v5 .tab-content {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

    .pg-setup-social-drip-v5 ul.nav-tabs.bordered {
    border:0;
    }

 */

.pg-setup-social-drip-v5 .checkbox-pull-right .choose-randomly {
    font-size: 13px;
    line-height: 17px;
    color: #77889A;
    position: relative;
    top: 2px;
}

@media (max-width: 1900px) {
    .pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 32.50%;
    }
}

@media (max-width: 1500px) {
    .pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 32.40%;
    }
}




/*-------- wa-widget with w-widget starts --------*/
.wa-widget .w-widget {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.wa-widget .w-widget {
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

    .wa-widget .w-widget .w-body {
        background-color: #fff;
        padding: 0;
    }

    .wa-widget .w-widget .w-header {
        padding: 10px 10px 20px;
    }

        .wa-widget .w-widget .w-header h4 {
            font-weight: 600;
            font-size: 18px;
        }

    .wa-widget .w-widget.status-carousel .carousel-control {
        background-image: none;
        position: absolute;
        display: inline-block;
        top: 45%;
        background-color: #fcfcfd;
        color: #77889a;
        padding: 2px;
        border-radius: 50%;
        cursor: pointer;
        width: 40px;
        height: 40px;
        line-height: 37px;
        text-align: center;
        opacity: 0.8;
        transform: scale(1.2);
    }

.wa-widget .w-tiergoal .w-widget.status-carousel .carousel-control {
    transform: scale(1.2) !important;
}


.wa-widget .w-tiergoal .w-body .playbookstage {
    padding-top: 30px;
    padding-bottom: 6px;
}

/*-------- wa-widget with w-widget end --------*/

/*------------- common ui fixes start -------------*/
.table-wrap-section .inbox-download-list li > .well {
    margin-top: 1px;
}

/*for #46825*/
.filter-toggle-container {
    padding: 18px 20px;
    position: relative;
    background-color: #e7e9ed;
    margin: -20px -20px 10px -20px;
    box-sizing: border-box;
    height: 40px;
}

.filters-container .inbox-menu-sm li.active a {
    border: none;
    color: #5352ed;
}

/*fixed #48075*/
div[data-widget="leaderboardusers"] .leaderboard-widget .widget-body,
div[data-widget="leaderboardorganizations"] .leaderboard-widget .widget-body {
    height: unset;
}

/*for #45762*/
[id$=_image] .inbox-body .table-wrap {
    margin-left: 0;
}

textarea.form-control {
    max-width: 100%;
    width: 100%;
}

/*for #51453*/
.a-notofication-manager-wrap .inbox-footer .inbox-pagination-actionbar .pagination > li {
    display: none !important;
}

    .a-notofication-manager-wrap .inbox-footer .inbox-pagination-actionbar .pagination > li.active {
        display: inline-block !important;
    }

/*#51942*/
ul.card-view-v05 > li .card-wrap .card-img-holder .img-center-box img {
    max-width: 100%;
}

.social-textarea-with-table table,
.message.form-group .input-group,
.modal-body .form-group .input-group {
    max-width: 100% !important;
    width: 100% !important;
}

    .social-textarea-with-table table textarea,
    .message.form-group .input-group textarea,
    .modal-body .form-group .input-group textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 100px;
    }

/*50210 modal body with scroll provision*/
.modal .modal-body-with-scroll {
    max-height: calc( 100vh - 170px );
    overflow: auto;
    padding-right: 13px;
    margin-right: -19px;
}


[id$='_assetsearch_div'] .contentstep .ui-sortable li {
    background-color: #5352ed;
}

    [id$='_assetsearch_div'] .contentstep .ui-sortable li.active {
        background-color: #fff !important;
    }
/*42982*/
@media (min-width: 1400px) {
    .modal .inbox-message > iframe[id$='_preview'] {
        min-height: 550px !important;
    }
}

@media (min-width: 1600px) {
    .modal .inbox-message > iframe[id$='_preview'] {
        min-height: 600px !important;
    }
}

@media (min-width: 1900px) {
    .modal .inbox-message > iframe[id$='_preview'] {
        min-height: 650px !important;
    }
}
/*------------- common ui fixes end -------------*/

/*intplaybook page thumb tooltip popover start*/
.card-v05-open-popover > li div.card-wrap .card-header .popover {
    width: 100% !important;
}
/*intplaybook page thumb tooltip popover end*/


/*43652 listview issue in v5*/
.searchpage .tab-content.v5-listview {
    padding: 0 !important;
    margin: 0 -6px;
}

.searchpage .v5-listview .list-view {
    padding: 0 6px;
}

.list-view #inbox-table.table tbody > tr > td.inbox-data-date.with-title {
    width: 150px !important;
}

.list-view .list-view-thumbnail {
    max-width: 80px !important;
    width: 80px !important;
}

#custom-left-panel .nav > li:hover li.active span,
#custom-left-panel .nav > li.active > a span,
#custom-left-panel .nav > li a:hover span {
    color: #5352ed;
}

#custom-left-panel .nav > li.active > a {
    color: #5352ed;
    background: rgba(83,82,237,0.1);
}


@media(max-width:1900px) {
    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 32.50%;
    }
}

@media(max-width:1500px) {
    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 32.40%;
    }
}

.modal-body h4 {
    color: #77889a;
    font-weight: 500;
}

.select2-container.select2-container-active .select2-choice > .select2-chosen {
    color: #5f6871;
}

.pg-send-email .select2-container.select2-container-active .select2-choice > .select2-chosen.ddlwhen {
    color: #fff;
}

.pg-send-email .select2-dropdown-open .select2-choice .select2-arrow {
    color: #77889a;
}

.div-flex-column {
    flex-direction: column !important;
}

/*permission-block-css-start*/
.a-permission-needed-box-wrap {
    display: flex;
    flex-direction: column;
    min-height: 330px;
    padding: 50px 10px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

    .a-permission-needed-box-wrap .a-body-box-wrap {
        max-width: 224px;
        width: 100%;
        text-align: center;
    }

        .a-permission-needed-box-wrap .a-body-box-wrap i {
            font-size: 50px;
            color: #77889A;
            margin-bottom: 20px;
        }

        .a-permission-needed-box-wrap .a-body-box-wrap h4 {
            font-size: 16px;
            line-height: 20px;
            color: #2F3542;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .a-permission-needed-box-wrap .a-body-box-wrap p {
            font-size: 13px;
            line-height: 17px;
            color: #77889A;
        }
/*permission-block-css-end*/



/*social faild notification start*/

.social-box .v5-toggle.smart-form .toggle input:checked + i:before {
    right: 4px;
    left: unset;
}

.social-box .v5-toggle.smart-form .toggle i {
    width: 37px;
}

    .social-box .v5-toggle.smart-form .toggle i:after {
        left: 4px;
        right: unset;
    }

.social-box .v5-toggle.smart-form .toggle i {
    border-color: #d9dce1 !important;
    background-color: #d9dce1 !important;
}

.social-box .v5-toggle.smart-form .toggle input:checked + i {
    border-color: #d9dce1 !important;
    background-color: #f73f49 !important;
}
/*publish-checkbox for setup-social-edit end*/
/*info-tips-btn-and-popover-css-start*/
.inbox-side-bar .inbox-search-info-tips .btn {
    border-radius: 4px !important;
}

.inbox-side-bar .inbox-search-info-tips i {
    color: #77889a;
    font-size: 20px;
    position: relative;
    top: 2px;
}

.inbox-side-bar .inbox-search-info-tips .btn:hover,
.inbox-side-bar .inbox-search-info-tips.active .btn {
    background-color: rgba(83, 82, 237, 0.1);
}

    .inbox-side-bar .inbox-search-info-tips .btn:hover i,
    .inbox-side-bar .inbox-search-info-tips.active .btn i {
        color: #5352ed;
    }

.inbox-search-info-tips .btn + .popover {
    max-width: 476px;
    min-width: 340px;
    border: none;
}

.info-tips {
    padding: 21px 16px;
}

    .info-tips h3 {
        font-size: 18px;
        margin: 0px 0px 10px;
        line-height: 20px;
        font-weight: 500;
    }

.popover-content .info-tips h3 {
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif !important;
}

.info-tips ol {
    margin: 0px;
    padding: 0px 0px 0px 14px;
}

    .info-tips ol li {
        font-size: 13px;
        line-height: 20px;
        font-style: italic;
        list-style-type: decimal;
        font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif;
    }

        .info-tips ol li:not(:last-child) {
            margin-bottom: 15px;
        }

.inbox-side-bar .inbox-search-info-tips i {
    font-size: 15px;
    top: 0;
}

.inbox-action-btns2 .header-search-wrapper {
    position: relative;
}

.inbox-action-btns2 .inbox-search-info-tips {
    position: absolute;
    right: 40px;
    opacity: 0;
    z-index: -1;
}

.info-tips ol li {
    list-style-type: circle;
}

.inbox-side-bar .inbox-search-info-tips .btn {
    line-height: unset;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inbox-action-btns2 .header-search.active > input[type=text] {
    padding-right: 50px;
}

.inbox-side-bar .inbox-action-btns2 .header-search.active + .inbox-search-info-tips {
    opacity: 1;
    z-index: 15;
    transition: opacity 0.6s linear;
}


@media screen and (min-width:768px) {
    .inbox-search-info-tips .btn + .popover {
        min-width: 476px !important;
    }
}
/*info-tips-btn-and-popover-css-end*/


/*stats top row start*/
.status-row-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

    .status-row-title .block-title {
        color: #2F3542;
        font-weight: 500;
        font-size: 18px;
        line-height: 23px;
    }

    .status-row-title a {
        text-decoration: underline;
        cursor: pointer;
        color: #2188F9;
        font-size: 13px;
        line-height: 21px;
    }

.stats-row {
    display: flex;
    column-gap: 10px;
}

    .stats-row > .col {
        flex: 1;
    }

.stats-card {
    height: 100%;
    border-radius: 10px;
    padding: 20px 20px 30px;
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif;
}

    .stats-card .card-head {
        margin-bottom: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .stats-card .card-head i {
            font-size: 24px;
            padding-top: 9px;
        }

        .stats-card .card-head .card-label {
            font-size: 13px;
            line-height: 17px;
        }

    .stats-card .card-body .list-item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 10px;
    }

        .stats-card .card-body .list-item:last-child {
            margin-bottom: 0;
        }

        .stats-card .card-body .list-item label {
            margin-bottom: 0;
            font-size: 14px;
            line-height: 18px;
            color: #2F3542;
        }

        .stats-card .card-body .list-item .value {
            margin-bottom: 0;
            font-size: 18px;
            line-height: 23px;
            color: #2F3542;
        }

            .stats-card .card-body .list-item .value span {
                font-size: 14px;
            }

    .stats-card.blue {
        background: rgba(33, 136, 249, 0.1);
    }

        .stats-card.blue .card-head {
            color: #2188F9;
        }

    .stats-card.red {
        background: rgba(247, 63, 73, 0.1);
    }

        .stats-card.red .card-head {
            color: #F73F49;
        }

    .stats-card.green {
        background: rgba(27, 196, 105, 0.1);
    }

        .stats-card.green .card-head {
            color: #1BC469;
        }

    .stats-card.orange {
        background: rgba(242, 113, 55, 0.1);
    }

        .stats-card.orange .card-head {
            color: #F27137;
        }
/*css-for-remove-portal-color-for-playbook-end*/

/*stats top row start*/
.status-row-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

    .status-row-title .block-title {
        color: #2F3542;
        font-weight: 500;
        font-size: 18px;
        line-height: 23px;
    }

    .status-row-title a {
        text-decoration: underline;
        cursor: pointer;
        color: #2188F9;
        font-size: 13px;
        line-height: 21px;
    }

.org-stats-row {
    margin: 0 -6.5px;
}

    .org-stats-row .col {
        width: calc((100% / 5) - 13px);
        margin: 0 6.5px;
    }

.users-stats-row {
    margin: 0 -6.5px;
}

    .users-stats-row .col {
        width: calc((100% / 5) - 13px);
        margin: 0 6.5px;
    }

.stats-row {
    display: flex;
    margin-bottom: 30px;
}

.stats-card {
    height: 100%;
    border-radius: 10px;
    padding: 20px 20px 30px;
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif;
}

    .stats-card .card-head {
        margin-bottom: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .stats-card .card-head i {
            font-size: 24px;
            padding-top: 9px;
        }

.multi-values.stats-card .card-head i {
    opacity: 0;
}

.stats-card .card-head .card-label {
    font-size: 13px;
    line-height: 17px;
}

.stats-card .card-body .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.multi-values.stats-card .card-body .stats-results {
    margin-top: -54px;
}

    .multi-values.stats-card .card-body .stats-results .single-result {
        word-break: break-word;
    }

.multi-values.stats-card .card-body .single-result:first-child {
    margin-bottom: 20px;
}

.stats-card .card-body .single-result label {
    font-size: 14px;
    line-height: 18px;
    color: #2F3542;
}

.stats-card .card-body .single-result .value {
    font-size: 30px;
    line-height: 39px;
}

    .stats-card .card-body .single-result .value span {
        font-size: 14px;
        line-height: 18px;
    }

    .stats-card .card-body .single-result .value i {
        font-size: 10px;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        border-radius: 15px;
        text-align: center;
        padding-top: 4px;
    }

        .stats-card .card-body .single-result .value i.up {
            color: #1BC469;
            background: rgba(27, 196, 105, 0.2);
            transform: rotate(45deg);
        }

        .stats-card .card-body .single-result .value i.down {
            background: #EDCDD2;
            color: #F73F49;
            transform: rotate(135deg);
        }

.stats-card .card-body .list-item:last-child {
    margin-bottom: 0;
}

.stats-card .card-body .list-item label {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    color: #2F3542;
}

.stats-card .card-body .list-item .value {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 23px;
    color: #2F3542;
}

    .stats-card .card-body .list-item .value span {
        font-size: 14px;
    }

.stats-card.blue {
    background: rgba(33, 136, 249, 0.1);
}

    .stats-card.blue .card-head {
        color: #2188F9;
    }

.stats-card.red {
    background: rgba(247, 63, 73, 0.1);
}

    .stats-card.red .card-head {
        color: #F73F49;
    }

.stats-card.green {
    background: rgba(27, 196, 105, 0.1);
}

    .stats-card.green .card-head {
        color: #1BC469;
    }

.stats-card.orange {
    background: rgba(242, 113, 55, 0.1);
}

    .stats-card.orange .card-head {
        color: #F27137;
    }

.stats-card.lite-green {
    background: rgba(155, 194, 37, 0.1);
}

    .stats-card.lite-green .card-head {
        color: #9BC225;
    }

.stats-card.lite-blue {
    background: rgba(86, 204, 242, 0.1);
}

    .stats-card.lite-blue .card-head {
        color: #2188F9;
    }
/*stats top row end*/
/*notification-manager-css-start*/
.modal.a-notofication-manager-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    right: -430px;
    background: #fff;
    border-left: 1px solid #d9dce1;
    height: 100%;
    max-width: 410px;
    transition: all ease-in-out .3s;
    left: auto !important;
    overflow: visible !important;
    display: block !important;
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif !important;
}

.a-notofication-manager-wrap .a-header {
    float: left;
    width: 100%;
    padding: 29px 20px 0px;
    border: none;
    background: none !important;
    height: unset;
    min-height: unset;
}

    .a-notofication-manager-wrap .a-header h4 {
        float: left;
        font-weight: 600;
        color: #2f3542;
        font-size: 16px;
    }

        .a-notofication-manager-wrap .a-header h4 .badge {
            background: #F73F49;
            font-size: 10px;
            top: -2px;
            margin-left: 10px;
            position: relative;
            text-transform: capitalize;
            /*box-shadow: 1px 6px 14px 0px rgba(255, 0, 0, .3);*/
            padding: 1px 5px;
            line-height: 14px;
            font-weight: 500;
            border-radius: 3px;
        }

    .a-notofication-manager-wrap .a-header .close-btn {
        float: right;
        color: #77889a;
        font-size: 23px;
        width: 40px;
        text-align: center;
        height: 40px;
        position: relative;
        top: -13px;
        padding: 5px;
        border-radius: 5px;
        line-height: 33px;
    }

.a-notofication-manager-wrap .a-body {
    float: left;
    width: 100%;
    padding: 0px;
    background: none !important;
}

.a-notofication-manager-wrap .a-header-tabs .nav.nav-tabs {
    padding: 0px 15px;
}

    .a-notofication-manager-wrap .a-header-tabs .nav.nav-tabs li:not(:first-child) {
        margin-left: 20px;
    }

.a-notofication-manager-wrap .notify {
    position: relative;
}

    .a-notofication-manager-wrap .notify:after {
        content: '';
        width: 5px;
        height: 5px;
        position: absolute;
        right: -8px;
        background: #F73F49;
        top: 13px;
        border-radius: 50%;
    }

.a-notofication-manager-wrap .a-header-tabs .nav.nav-tabs li a {
    color: #77889a;
}

.a-notofication-manager-wrap .tab-content {
    padding: 10px 0px;
}

    .a-notofication-manager-wrap .tab-content .btn {
        border-radius: 30px;
    }

    .a-notofication-manager-wrap .tab-content .dropdown-btn-group {
        float: left;
        width: 100%;
        padding: 0px 15px;
    }

        .a-notofication-manager-wrap .tab-content .dropdown-btn-group .dropdown {
            float: left;
        }

            .a-notofication-manager-wrap .tab-content .dropdown-btn-group .dropdown .btn {
                min-width: 120px;
                border-radius: 30px;
                background: none;
                box-shadow: none;
                margin-right: 10px;
            }

    .a-notofication-manager-wrap .tab-content .dropdown .btn.dropdown-toggle {
        border: 1px solid #d9dce1;
        position: relative;
        height: 30px;
        line-height: 16px;
        text-align: left;
    }

        .a-notofication-manager-wrap .tab-content .dropdown .btn.dropdown-toggle:after {
            content: '\f107';
            position: absolute;
            font-family: 'FontAwesome';
            right: 10px;
            font-size: 16px;
            top: 7px;
        }

    .a-notofication-manager-wrap .tab-content .dropdown.open .btn.dropdown-toggle:after {
        content: '\f106';
        top: 7px;
    }

    .a-notofication-manager-wrap .tab-content .dropdown-btn-group .delete-icon-link {
        float: right;
        font-size: 16px;
        color: #F73F49;
    }

.a-notofication-manager-wrap .table-wrap {
    min-height: inherit !important;
    width: 100%;
    height: calc(100vh - 232px) !important;
    margin-top: 14px !important;
}

    .a-notofication-manager-wrap .table-wrap ul {
        padding: 0px;
    }

        .a-notofication-manager-wrap .table-wrap ul li {
            float: left;
            width: 100%;
            padding: 10px 10px 10px 20px;
        }

            .a-notofication-manager-wrap .table-wrap ul li:not(:last-child) {
                border-bottom: 1px solid #d9dce1;
                border-top: none !important;
            }

            .a-notofication-manager-wrap .table-wrap ul li h5 {
                float: left;
                margin: 0px 0px 6px;
                font-size: 13px;
                position: absolute;
                font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif !important;
                font-weight: 600 !important;
            }

            .a-notofication-manager-wrap .table-wrap ul li .dropdown {
                float: right;
                cursor: pointer;
                position: relative;
                z-index:;
            }

                .a-notofication-manager-wrap .table-wrap ul li .dropdown .dropdown-toggle {
                    /*color:#77889a;*/
                    width: 32px;
                    height: 32px;
                    text-align: center;
                    top: -8px;
                    position: relative;
                    border-radius: 5px;
                    line-height: 34px;
                }

                .a-notofication-manager-wrap .table-wrap ul li .dropdown ul {
                    padding: 5px;
                }

                    .a-notofication-manager-wrap .table-wrap ul li .dropdown ul li {
                        padding: 0px;
                        border: none !important;
                        text-align: left !important;
                    }

            .a-notofication-manager-wrap .table-wrap ul li p {
                float: left;
                width: 100%;
                font-size: 13px;
                color: #77889a;
                margin: 0px 0px 5px;
                max-height: 36px;
                overflow: hidden;
            }

            .a-notofication-manager-wrap .table-wrap ul li ol {
                float: left;
                width: 100%;
                display: flex;
                flex-direction: row;
                padding: 0px;
            }

                .a-notofication-manager-wrap .table-wrap ul li ol li {
                    width: 50%;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    padding-left: 0px;
                    border: none !important;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }

                    .a-notofication-manager-wrap .table-wrap ul li ol li:last-child {
                        text-align: right;
                        padding-right: 0px;
                        align-items: flex-end;
                    }

                    .a-notofication-manager-wrap .table-wrap ul li ol li span {
                        font-size: 12px;
                        color: #77889a;
                    }

                    .a-notofication-manager-wrap .table-wrap ul li ol li .btn {
                        height: 30px;
                        line-height: 16px;
                        min-width: 60px;
                        text-align: center;
                        border: none;
                        width: fit-content;
                    }

.a-notofication-manager-wrap .inbox-footer {
    bottom: 0px;
    border-top: none;
    background: #fff;
    padding: 9px 15px 9px;
}

    .a-notofication-manager-wrap .inbox-footer .records-info {
        top: 7px;
        position: relative;
    }

.a-notofication-manager-wrap .a-informative-tab-wrap .table-wrap ul li p {
    padding-right: 30px;
    max-height: initial;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.a-notofication-manager-wrap .a-informative-tab-wrap .table-wrap ul li ol li:last-child {
    align-items: flex-start;
}

.a-notofication-manager-wrap .table-wrap ul li:hover {
    cursor: pointer;
}

.a-notofication-manager-wrap .table-wrap .tag-group .custom-checkbox {
    position: absolute;
    z-index: 111;
    opacity: 0;
    cursor: pointer;
}

.a-notofication-manager-wrap .table-wrap ul li .custom-checkbox,
.a-notofication-manager-wrap .table-wrap ul li .custom-checkbox + label {
    display: none;
}

.a-notofication-manager-wrap .table-wrap ul li.selectItem .custom-checkbox,
.a-notofication-manager-wrap .table-wrap ul li.selectItem .custom-checkbox + label {
    display: inline-block;
}

.new-added-notify h5 {
    font-weight: 600;
}

.a-notofication-manager-wrap .table-wrap ul li ol li span.add-complete i {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.notifiacion-Modal-wrap .modal-body {
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif !important;
}

.notifiacion-Modal-wrap p {
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0px 10px;
}

.notifiacion-Modal-wrap ul {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
}

    .notifiacion-Modal-wrap ul li {
        margin-bottom: 10px;
        list-style: none;
        display: flex;
    }

        .notifiacion-Modal-wrap ul li label {
            margin: 0px;
            font-size: 13px;
            color: #77889a;
            margin-right: 25px;
            min-width: 80px;
        }

        .notifiacion-Modal-wrap ul li span {
            margin: 0px;
            font-size: 14px;
            word-break: break-word;
        }

.notifiacion-Modal-wrap .btn-gray {
    margin-top: 15px;
    display: inline-block;
}

.btn-gray {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background: #77889a;
    border-radius: 30px;
    box-shadow: none;
    padding: 7.5px 18px;
}

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

.a-notification-activity-tab-wrap .dropdown-btn-group .btn {
    margin-right: 10px;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li {
    background: none;
    border-top: none !important;
    margin-bottom: 5px;
}

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .WidgetContactHeading {
        display: flex;
        flex-direction: column;
        position: relative;
        padding-left: 0px;
    }

        .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .WidgetContactHeading:before {
            content: '';
            position: absolute;
            left: 0px;
            top: 5px;
            width: 10px;
            height: 10px;
            background: #58758f;
            border-radius: 50%;
            display: none;
        }

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li.interest-status-normal .WidgetContactHeading:before {
        background: #1bc469;
    }

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li.interest-statushot .WidgetContactHeading:before {
        background: #f73f49;
    }

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .WidgetContactHeading h5 {
        font-weight: 500;
    }

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .WidgetContactHeading p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .time-stamp-wrap {
        width: 100px;
        display: flex;
        flex-direction: column;
    }

        .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .time-stamp-wrap span:first-child {
            font-weight: 500;
            margin-bottom: 6px;
        }

        .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .time-stamp-wrap span:last-child {
            font-size: 12px;
            color: #77889a;
        }

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .dropdown {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 20px;
        text-align: right;
    }

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul.dropdown-menu li,
    .a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li ul li {
        display: inherit;
        margin-bottom: 0px;
    }

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body {
    padding: 0px;
    width: calc(100% + 38px );
    margin: 0px -19px;
    border-radius: 0px 0px 10px 10px;
}

    .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .nav.nav-tabs {
        padding: 0px 20px;
        display: -webkit-box;
        margin: 0px;
        border-top: none;
        border-bottom: 1px solid #d9dce1;
        background: none;
    }

        .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .nav.nav-tabs li {
            margin-bottom: -1px;
        }

            .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .nav.nav-tabs li:not(:first-child) {
                margin-left: 27px;
            }

            .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .nav.nav-tabs li a {
                font-weight: 400;
                border: none !important;
                color: #77889A;
                margin: 0px !important;
                padding-left: 0px !important;
                padding-right: 0px !important;
            }

    .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content {
        float: left;
        padding: 20px 20px 0px !important;
        width: 100%;
        margin-bottom: -10px;
    }

        .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content h5,
        .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content h4 {
            font-size: 16px;
            font-weight: 500;
            margin: 0px 0px;
            color: #2F3542;
        }

        .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content .tab-pane + .tab-pane ul {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        }

        .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li {
            position: relative;
            float: left;
            width: 100%;
            margin: 0px;
            height: 30px;
            margin-bottom: 10px;
            display: inherit;
        }

            .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li div:first-child {
                float: left;
                position: relative;
                padding: 0px;
                margin: 0px;
                line-height: 30px;
            }

            .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li input[type="checkbox"] {
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 20;
                cursor: pointer;
                top: 0;
            }

.a-notofication-manager-wrap .modal-dialog {
    width: 100%;
    margin: 0 auto;
}

.a-notofication-manager-wrap .inbox-nav-bar .header-folder {
    max-width: 100% !important;
    float: left;
    padding-top: 2px;
    display: block !important;
}

    .a-notofication-manager-wrap .inbox-nav-bar .header-folder ul {
        padding: 0px 20px !important;
    }

        .a-notofication-manager-wrap .inbox-nav-bar .header-folder ul li {
            margin-left: 18px !important;
            padding-bottom: 2px;
        }

            .a-notofication-manager-wrap .inbox-nav-bar .header-folder ul li:first-child {
                margin-left: 0px !important;
            }

.a-notofication-manager-wrap.a-tab-custom .inbox-nav-bar .header-folder ul li a {
    color: #77889a !important;
    font-weight: 400;
    cursor: pointer;
    padding-bottom: 0px !important;
    line-height: 30px;
    background: none;
    text-decoration: none;
    font-size: 13px;
}

.a-notofication-manager-wrap.a-tab-custom .inbox-nav-bar .header-folder ul li:hover,
.a-notofication-manager-wrap.a-tab-custom .inbox-nav-bar .header-folder ul li:focus,
.a-notofication-manager-wrap.a-tab-custom .inbox-nav-bar .header-folder ul li.active {
    border-bottom-width: 2px !important;
}

.a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust {
    width: 100% !important;
    right: 0;
    left: 20px;
    top: 46px;
}

    .a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust button {
        border-radius: 30px;
        /*background:#5352ed;*/
        border: none !important;
        margin-right: 10px;
        margin-top: 3px;
        padding: 0px;
    }

        .a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust button span {
            color: #fff !important;
            /*background:#5352ed;*/
            border: none;
            border-radius: 30px;
            min-width: 103px;
            box-shadow: none;
            height: 30px;
            line-height: 14px;
        }

.a-notofication-manager-wrap .table-wrap ul li ul li {
    padding: 0px 0px 0px 25px;
}

    .a-notofication-manager-wrap .table-wrap ul li ul li div div {
        padding: 0px 11px !important;
        color: #77889a;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .a-notofication-manager-wrap .table-wrap ul li ul li div div span {
            color: #77889a !important;
        }

.a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust button.btn.dropdown-toggle {
    border: 1px solid #d9dce1 !important;
    position: relative;
    height: 30px;
    line-height: 16px;
    text-align: left;
    background: none;
    margin-top: 3px;
    color: #2f3542;
    min-width: 134px;
    box-shadow: none;
    margin-right: 0px;
    padding: 6px 12px 6px 20px;
    background: none !important;
}

    .a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust button.btn.dropdown-toggle span {
        background: none;
        color: #2f3542 !important;
        width: calc(100% - 28px);
        float: left;
        min-width: unset;
        line-height: 16px;
    }

.a-notofication-manager-wrap .widgetContactFeedName,
.a-notofication-manager-wrap .widgetContactFeedCompany {
    font-weight: 600 !important;
    color: #2f3542 !important;
    font-style: normal;
    text-transform: capitalize;
    /*overflow: hidden;
    max-width: 120px;
    text-overflow: ellipsis;*/
    /*display: inline-block !important;*/
    font-size: 13px;
}

    .a-notofication-manager-wrap .widgetContactFeedName a {
        color: #2f3542 !important
    }

.a-notofication-manager-wrap .WidgetContactHeading {
    font-size: 14px;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .WidgetContactHeading .WidgetContactInfo i {
    width: 8px;
    height: 8px;
    font-weight: 900;
    top: -1px;
    position: relative;
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li input[type=checkbox].custom-checkbox + label::before,
.a-notofication-manager-wrap input[type=checkbox].custom-checkbox + label::before {
    border-radius: 4px;
    margin-right: 10px;
    background: #fff;
}

.announcement-Modal-wrap ul {
    padding: 0px;
}

    .announcement-Modal-wrap ul li {
        padding: 10px;
        list-style: none;
        background: #fff;
        border-radius: 6px;
        margin-bottom: 10px;
    }

.announcement-Modal-wrap .label-box label,
.a-notification-announcement-tab-wrap .label-box label,
.annnouncement-detail-wrap .label-box label {
    margin-right: 10px;
    height: 16px;
    font-size: 11px;
    line-height: 14.2px;
    padding: 1px 5px;
    margin-bottom: 10px;
}

.announcement-Modal-wrap .label-box span,
.a-notification-announcement-tab-wrap .label-box span,
.annnouncement-detail-wrap .label-box span {
    color: #77889a;
    display: none;
}

.announcement-Modal-wrap .annnouncement-detail-wrap {
    padding: 15px;
}

    .announcement-Modal-wrap .annnouncement-detail-wrap p:first-child {
        margin-top: 25px;
    }

    .announcement-Modal-wrap .annnouncement-detail-wrap p:not(:last-child) {
        margin-bottom: 15px;
    }

.a-notofication-manager-wrap .btn.dropdown-toggle + .dropdown-menu li {
    padding-left: 0px;
    border: none;
    margin: 0px;
}

    .a-notofication-manager-wrap .btn.dropdown-toggle + .dropdown-menu li.active a,
    .a-notofication-manager-wrap .btn.dropdown-toggle + .dropdown-menu li a:hover {
        background: #f1f2f6;
    }

.a-notofication-manager-wrap .inbox-footer .inbox-pagination .pagination li a.btn {
    min-width: auto !important;
}

.a-notofication-manager-wrap .inbox-footer .inbox-pagination .pagination li a:focus,
.a-notofication-manager-wrap .inbox-footer .inbox-pagination .pagination li a:hover,
.a-notofication-manager-wrap .inbox-footer .inbox-pagination .pagination li.active a {
    background: #5352ed;
}

.a-notofication-manager-wrap .text-success {
    color: #1bc469 !important;
}

.a-notofication-manager-wrap .text-danger {
    color: #f73f49 !important;
}

.a-notofication-manager-wrap .text-warning {
    color: #f79531 !important;
}

.a-notification-action-tab-wrap .table-wrap ul li:not(:last-child),
.a-notification-informative-tab-wrap .table-wrap ul li:not(:last-child) {
    border-bottom: 1px solid #d9dce1;
}

.a-notification-action-tab-wrap .table-wrap ul li ul li,
.a-notification-informative-tab-wrap .table-wrap ul li ul li {
    border-bottom: none !important;
    padding: 0px;
    float: left;
    width: auto;
    list-style: none;
    margin-bottom: 0px !important;
}

    .a-notification-action-tab-wrap .table-wrap ul li ul li span,
    .a-notification-informative-tab-wrap .table-wrap ul li ul li span {
        line-height: 30px;
        color: #77889a !important;
        font-size: 12px;
    }

    .a-notification-action-tab-wrap .table-wrap ul li ul li + li + li {
        width: 64px !important;
    }

    .a-notification-action-tab-wrap .table-wrap ul li ul li:last-child {
        float: right;
        text-align: center;
        width: 105px;
    }

    .a-notification-action-tab-wrap .table-wrap ul li ul li + div + li {
        width: 105px !important;
    }

.dropdown-menu li {
    width: 100% !important;
}

.a-notofication-manager-wrap .btn {
    height: 30px;
    line-height: 18px;
    min-width: 60px;
    text-align: center;
    border: none;
    width: fit-content;
    border-radius: 30px;
}

.a-notification-informative-tab-wrap .table-wrap ul li div span {
    color: #2f3542 !important;
    font-size: 13px !important;
}

    .a-notification-action-tab-wrap .table-wrap ul li div span strong,
    .a-notification-informative-tab-wrap .table-wrap ul li div span strong {
        color: #2f3542 !important;
        font-size: 14px;
        max-width: 86%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        margin-bottom: 1px;
        padding-left: 25px;
    }

.a-notification-action-tab-wrap .table-wrap ul li div span i {
    color: #77889a;
    font-size: 14px;
    display: -webkit-inline-box !important;
    max-height: 44px;
    margin: 0 auto;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal !important;
    font-weight: 400;
}

.a-notification-informative-tab-wrap .table-wrap ul li div span i {
    color: #77889a;
    font-size: 12px;
    max-height: 44px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal !important;
    width: 95%;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 18px;
    line-height: 18px;
}

.a-notofication-manager-wrap .table-wrap br {
    display: none;
}

.a-notofication-manager-wrap p:empty {
    display: none;
}

.a-notification-announcement-tab-wrap .table-wrap ul li h5 {
    float: none;
    margin: 6px 0px;
}

.a-notification-announcement-tab-wrap .table-wrap ul li {
    border-bottom: 1px solid #d9dce1 !important;
}

    .a-notification-announcement-tab-wrap .table-wrap ul li a:hover {
        text-decoration: none;
    }

    .a-notification-announcement-tab-wrap .table-wrap ul li p {
        min-height: 36px;
        margin-bottom: 6px;
        line-height: 18px;
        font-size: 12px;
    }

.a-notofication-manager-wrap .dropdown.tabs-dropdown {
    margin-left: 20px;
    margin-top: 8px;
}

    .a-notofication-manager-wrap .dropdown.tabs-dropdown .btn {
        border: 1px solid #d9dce1 !important;
        position: relative;
        height: 30px;
        line-height: 16px;
        text-align: left;
        background: none;
        margin-top: -5px;
        color: #2f3542 !important;
        box-shadow: none;
        min-width: 134px;
    }

.a-notofication-manager-wrap .btn.btn-link {
    color: #77889a;
}

.a-notofication-manager-wrap .table-wrap ul li ul li div div a {
    color: #77889a;
}

.a-notofication-manager-wrap .inbox-footer .col-sm-12.col-md-5.col-lg-5 {
    display: none !important;
}

.a-notofication-manager-wrap .inbox-footer .col-sm-12.col-md-7.col-lg-7 {
    width: 100% !important;
}

.a-notofication-manager-wrap .inbox-footer .goto {
    display: none;
    margin-left: 0px;
    margin-top: 2px;
}

.a-notification-announcement-tab-wrap .table-wrap ul li ul li a {
    color: #2188f9;
}

.a-notofication-manager-wrap .table-wrap:empty {
    display: none !important;
}

.a-notification-announcement-tab-wrap .inbox-body .inbox-side-bar {
    display: none;
}

.a-notofication-manager-wrap .custom-range-on.dropdown-menu {
    left: -370px !important;
}

    .a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-data {
        width: 30% !important;
    }

    .a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-calendar {
        width: 70% !important;
    }

.a-notofication-manager-wrap li.custom-range-btns {
    padding-left: 14px !important;
}

    .a-notofication-manager-wrap li.custom-range-btns .btn {
        display: inline-block;
        width: 106px;
    }

.a-notofication-manager-wrap.a-tab-custom .inbox-nav-bar .header-folder ul li.active a strong {
    display: none !important;
}

/* fixed zindex issue like #47840 */
.a-notofication-manager-wrap.in ~ .modal-backdrop.fade.in + .modal-backdrop.in {
    z-index: 1050;
}

.a-notification-informative-tab-wrap .table-wrap ul li ul li:nth-child(3) {
    float: right;
    width: 64px;
    text-align: center;
}

.a-notification-informative-tab-wrap .table-wrap ul li ul li + div + li {
    width: 105px !important;
}

.a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-calendar .range-calendar-left,
.a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-calendar .range-calendar-right {
    position: relative;
    width: 48%;
}

    .a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-calendar .range-calendar-left div input,
    .a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-calendar .range-calendar-right div input {
        margin-bottom: 28px;
    }

    .a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-calendar .range-calendar-left label + label,
    .a-notofication-manager-wrap .custom-range-on.dropdown-menu li.range-calendar .range-calendar-right label + label {
        position: absolute;
        top: 64px;
        left: 8px;
    }

.a-notofication-manager-wrap .table-wrap ul li ul li {
    margin-right: 7px;
}

    .a-notofication-manager-wrap .table-wrap ul li ul li:last-child,
    .a-notofication-manager-wrap .table-wrap ul li ul li:nth-child(2) {
        margin-right: 0px;
    }

    .a-notofication-manager-wrap .table-wrap ul li ul li:nth-child(2) {
        margin-left: 13px;
    }

.a-notofication-manager-wrap .table-wrap ul li span.add-complete {
    color: #1bc469 !important;
    font-weight: 500;
}

.add-complete {
    color: #1bc469 !important;
}

.a-notofication-manager-wrap .table-wrap ul li:hover {
    background: #F1F2F6;
}

.a-notofication-manager-wrap .dropdown.tabs-dropdown .btn i {
    float: right;
}

.a-notofication-manager-wrap .table-wrap:empty {
    display: none;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .WidgetContactHeading .WidgetContactInfo i:before {
    font-size: 9px;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactFeedScore span {
    padding-right: 8px;
    font-size: 13px !important;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactFeedScore .btn {
    margin-right: 0px !important;
    margin-top: 0px !important;
    right: 0px;
    position: relative;
    width: 32px !important;
    height: 32px !important;
    min-width: inherit;
    top: 5px;
    height: 32px !important;
    border-radius: 5px;
    line-height: 37px;
    text-decoration: none !important;
}

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactFeedScore .btn span {
        padding-right: 0px;
        font-weight: 400;
        font-size: 18px !important;
    }

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactActivityWhen {
    padding-right: 48px !important;
    padding-left: 0px !important;
    text-align: right;
    font-size: 11px;
}

.a-notofication-manager-wrap .table-wrap ul li ul li:hover {
    background: none;
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li .select2-container .select2-choice {
    border-radius: 20px !important;
    height: 30px;
    line-height: 30px;
    width: 175px;
}

    .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li .select2-container .select2-choice .select2-chosen {
        padding: 0px 10px;
        font-weight: 400;
        color: #2F3542;
    }

    .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li .select2-container .select2-choice .select2-arrow {
        background: none;
        border: none;
    }

        .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li .select2-container .select2-choice .select2-arrow b:before {
            font-weight: 400;
        }

.a-notofication-manager-wrap .inbox-activity .btn:hover,
.a-notofication-manager-wrap .inbox-activity.open .btn,
.a-notofication-manager-wrap .inbox-activity .btn:focus {
    background: none !important;
    /*color: #5352ed !important;*/
}

    .a-notofication-manager-wrap .inbox-activity .btn:hover i,
    .a-notofication-manager-wrap .inbox-activity .btn:focus i,
    .a-notofication-manager-wrap .inbox-activity.open .btn i {
        /*color: #5352ed !important;*/
    }

.a-notofication-manager-wrap .table-wrap ul li .dropdown.open .dropdown-toggle,
.a-notofication-manager-wrap .table-wrap ul li .dropdown .dropdown-toggle:hover {
    background: rgba(119, 136, 154, 0.1);
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactFeedScore .btn + .dropdown-menu {
    margin-top: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactFeedScore .btn-group .btn:hover,
.a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactFeedScore .btn-group.open .btn {
    background: rgba(119, 136, 154, 0.1);
}

.a-notification-informative-tab-wrap .table-wrap ul li .dropdown-toggle span i {
    display: initial !important;
    font-size: 18px;
    width: auto;
    font-weight: 400;
}

.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .table-wrap ul li h5 {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: fit-content;
    padding-right: 20px;
    font-weight: 500 !important;
    margin-top: 0px !important;
    line-height: 17px;
    font-size: 13px;
    margin-bottom: 10px;
}

.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .table-wrap ul li.new-added-notify h5:after {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    right: 7px;
    background: #F73F49;
    top: 7px;
    border-radius: 50%;
    display: none;
}

.new-added-notify {
    background: rgba(247,63,73,.1) !important;
}

.a-notofication-manager-wrap .badge {
    border-radius: 3px;
    line-height: 14px;
    padding: 1px 5px;
    border: none;
}

.a-notofication-manager-wrap .table-wrap ul li div span {
    display: block;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .table-wrap ul li div span {
    display: inline;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .table-wrap ul li .WidgetContactInfo {
    font-weight: 600;
    max-width: 100%;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .table-wrap ul li.new-added-notify .WidgetContactInfo,
.a-notofication-manager-wrap .table-wrap ul li.new-added-notify div span strong {
    position: relative;
    padding-right: 20px;
}

    .a-notofication-manager-wrap .a-notification-activity-tab-wrap .table-wrap ul li.new-added-notify .WidgetContactInfo:after,
    .a-notofication-manager-wrap .table-wrap ul li.new-added-notify div span strong:after {
        content: '';
        width: 5px;
        height: 5px;
        position: absolute;
        right: 7px;
        background: #F73F49;
        top: 7px;
        border-radius: 50%;
        display: none;
    }

.a-notofication-manager-wrap .a-notification-informative-tab-wrap .table-wrap ul li div span {
    display: flex;
    flex-direction: column;
}

    .a-notofication-manager-wrap .a-notification-informative-tab-wrap .table-wrap ul li div span strong {
        max-width: fit-content;
        line-height: 16.9px;
    }

.a-notofication-manager-wrap .btn-group.inbox-sort .btn {
    padding: 0px;
    width: inherit;
    min-width: inherit;
    margin: 0px !important;
}

    .a-notofication-manager-wrap .btn-group.inbox-sort.open .btn,
    .a-notofication-manager-wrap .btn-group.inbox-sort .btn:hover {
        background: none;
        /*color:#5352ed !important;*/
    }

        .a-notofication-manager-wrap .btn-group.inbox-sort.open .btn i,
        .a-notofication-manager-wrap .btn-group.inbox-sort .btn:hover i {
            /*color:#5352ed !important; */
        }

.a-notofication-manager-wrap .a-notification-informative-tab-wrap .table-wrap ul li .dropdown .dropdown-toggle span {
    display: inherit;
    min-height: unset;
    line-height: inherit;
}

.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .table-wrap ul li span {
    display: inline-block;
}

.a-notofication-manager-wrap .btn-primary-cta {
    box-shadow: none !important;
}

.a-notofication-manager-wrap .btn.dropdown-toggle + .dropdown-menu li.active a {
    color: #2F3542 !important;
}

.a-notofication-manager-wrap .pagination a {
    /*margin:0px 1px !important;
    width:26px !important;*/
}

.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .table-wrap ul li .badge {
    margin-bottom: 10px;
    margin-right: 5px;
}

.announcement-modal-detail .modal-header .with-sub-title {
    position: relative;
    top: -13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .announcement-modal-detail .modal-header .with-sub-title h4 {
        line-height: 23.4px;
        margin-bottom: 5px;
        color: #2F3542;
    }

.announcement-modal-detail .modal-content .modal-action-btns > div:last-child {
    border-left: none;
}

.announcement-modal-detail .inbox-body.no-content-padding {
    background: none;
}

.multi-annoucement .inbox-footer .col-sm-12.col-md-5.col-lg-5 {
    display: none;
}

.multi-annoucement .inbox-footer .col-sm-12.col-md-7.col-lg-7 {
    width: 100%;
    padding-right: 42px;
}

    .multi-annoucement .inbox-footer .col-sm-12.col-md-7.col-lg-7 .pagination li {
        padding: 0px !important;
        background: none !important;
    }

.announcement-modal-detail .modal-header .with-sub-title span {
    width: 100%;
    font-size: 13px;
    color: #77889A;
    font-weight: 400;
}

.multi-annoucement .inbox-footer .col-sm-12.col-md-7.col-lg-7 .pagination + .goto {
    display: none;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .table-wrap ul li.new-added-notify .WidgetContactInfo:after,
.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .table-wrap ul li.new-added-notify .WidgetContactInfo:after {
    display: none !important;
}

@media screen and (max-width:991px) {
    .a-notofication-manager-wrap .a-notification-activity-tab-wrap .table-wrap {
        margin-top: 32px !important;
    }
}
/*notification-manager-css-end*/
/*alert-popup-box-css-start*/
.a-alert-box-wrap {
    padding: 17px 17px 30px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    transform: translate(-50%,-50%);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1051;
    border-radius: 10px;
}

    .a-alert-box-wrap .modal-header h4 {
        margin: 0px 0px 10px;
        color: #2F3542;
        font-size: 18px;
        line-height: 23px;
        font-weight: 500;
    }

    .a-alert-box-wrap .close-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #77889A;
        cursor: pointer;
        font-size: 23px;
        width: 40px;
        height: 40px;
        line-height: 39px;
        border-radius: 5px;
    }

    .a-alert-box-wrap .modal-body .body-content-box {
        /*width: max-content;*/
        margin: 0 auto;
    }

    .a-alert-box-wrap .modal-body p {
        margin: 0px 0px 42px;
        font-size: 13px;
        color: #77889A;
    }

    .a-alert-box-wrap .modal-body .btn {
        width: 100px;
        font-size: 13px;
        line-height: 15px;
        padding: 12px 30px;
        border-radius: 50px !important;
        cursor: pointer;
        height: 40px;
    }

        .a-alert-box-wrap .modal-body .btn.btn-secondary {
            color: #58758F;
            border: 1px solid #58758F;
            background: none;
        }

        .a-alert-box-wrap .modal-body .btn.btn-primary {
            color: #fff;
            border: 1px solid #5352ED;
            background: #5352ED;
        }

        .a-alert-box-wrap .modal-body .btn:first-child {
            margin-right: 20px;
        }

    .a-alert-box-wrap .modal-body .divider {
        border-top: 1px dashed #58bafc;
        width: 100%;
        margin: 0 auto 30px;
        position: relative;
        opacity: 0;
        display: none;
    }

        .a-alert-box-wrap .modal-body .divider:before {
            content: '';
            position: absolute;
            height: 1px;
            width: 20px;
            border-top: 1px dashed #58bafc;
            transform: rotate(45deg);
            top: -1px;
            left: calc(50% - 10px);
        }

        .a-alert-box-wrap .modal-body .divider:after {
            content: '';
            position: absolute;
            height: 1px;
            width: 20px;
            border-top: 1px dashed #58bafc;
            transform: rotate(-45deg);
            top: -1px;
            left: calc(50% - 10px);
        }

.a-notofication-custom-modal .tab-content h4 {
    width: auto !important;
    margin-bottom: 17px !important;
}

.a-notofication-custom-modal .tab-content .clearfiletr-btn {
    width: auto !important;
    top: 5px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 0px;
}

    .a-notofication-custom-modal .tab-content .clearfiletr-btn a {
        color: #2188F9 !important;
        font-size: 13px;
        line-height: 24px;
    }

        .a-notofication-custom-modal .tab-content .clearfiletr-btn a:hover {
            text-decoration: none;
        }

.a-notofication-manager-wrap .inbox-body.no-content-padding {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.a-notofication-manager-wrap .table-wrap {
    padding: 0px !important;
}

.a-notofication-manager-wrap .inbox-nav-bar {
    margin-left: 0px !important;
    padding-left: 0px;
    height: 38px;
    padding-top: 0px;
}

.a-alert-box-wrap .modal-header {
    height: auto;
    border: none;
}

.a-alert-box-wrap .modal-body {
    padding: 0px;
}

.backdrop-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1051;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
}

.badge-dark-red {
    background: #F73F49 !important;
    color: #fff;
}

.annnouncement-detail-wrap .badge {
    border-radius: 3px;
    margin-right: 10px;
    padding: 1px 5px;
    font-size: 11px;
    line-height: 14px;
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content .tab-pane {
    padding-top: 5px;
    position: relative;
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li input[type=checkbox].custom-checkbox + label {
    color: #77889A;
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li input[type=checkbox]:checked.custom-checkbox + label {
    color: #2F3542;
}

    .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li input[type=checkbox]:checked.custom-checkbox + label::before,
    .a-notofication-manager-wrap input[type=checkbox]:checked.custom-checkbox + label::before {
        font-size: 10px;
    }

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .nav.nav-tabs li.active {
    border-top: none !important;
}

    .notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .nav.nav-tabs li.active a {
        color: #2F3542 !important;
        background: none;
        box-shadow: none !important;
    }

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content ul li .select2-container {
    width: auto !important;
    margin: 5px 0px 0px;
}

.annnouncement-detail-wrap h5,
.heading {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 6px;
    color: #2F3542;
}

.back-btn-width-arrow {
    font-size: 12px;
    color: #2188F9 !important;
    line-height: 16px;
    display: inline-block;
    margin-bottom: 20px;
    cursor: pointer;
}

    .back-btn-width-arrow i {
        margin-right: 5px;
        font-size: 16px;
        position: relative;
        top: 2px;
    }

.a-notification-announcement-tab-wrap .table-wrap li a {
    text-decoration: underline;
}

.a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust button.btn.dropdown-toggle i:before,
.a-notofication-manager-wrap .dropdown button.btn.dropdown-toggle i:before {
    content: '\f107' !important;
}

.a-alert-box-wrap .btn-primary-cta {
    box-shadow: none !important;
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content .external-activities-list ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content .interest-level-list ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .page-title .fa {
    display: none !important;
}
/*------------- common ui fixes start -------------*/
.table-wrap-section .inbox-download-list li > .well {
    margin-top: 1px;
}
/*------------- common ui fixes end -------------*/

/*intplaybook page thumb tooltip popover start*/
.card-v05-open-popover > li div.card-wrap .card-header .popover {
    width: 100% !important;
}
/*intplaybook page thumb tooltip popover end*/


/*43652 listview issue in v5*/
.searchpage .tab-content.v5-listview {
    padding: 0 !important;
    margin: 0 -6px;
}

.searchpage .v5-listview .list-view {
    padding: 0 6px;
}

.list-view #inbox-table.table tbody > tr > td.inbox-data-date.with-title {
    width: 150px !important;
}



#custom-left-panel .nav > li:hover li.active span,
#custom-left-panel .nav > li.active > a span,
#custom-left-panel .nav > li a:hover span {
    color: #5352ed;
}

#custom-left-panel .nav > li.active > a {
    color: #5352ed;
    background: rgba(83,82,237,0.1);
}


@media(max-width:1900px) {
    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 32.50%;
    }
}

@media(max-width:1500px) {
    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 32.40%;
    }
}

@media(max-width:1350px) {
    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1:nth-child(3n+0) {
        margin-right: 5px;
    }

    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 35%;
    }

    .pg-campaign-drip-contacts-v5 .campaign-drip-section-02 .card-type-01 {
        min-height: 253px;
    }
}

@media(max-width:1200px) {
    .pg-campaign-drip-contacts-v5 .day-btn-list-v5 .btn-checkbox-type-1 {
        width: 47%;
    }
}

.div-flex-column {
    flex-direction: column !important;
}

/*permission-block-css-start*/
.a-permission-needed-box-wrap {
    display: flex;
    flex-direction: column;
    min-height: 330px;
    padding: 50px 10px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

    .a-permission-needed-box-wrap .a-body-box-wrap {
        max-width: 224px;
        width: 100%;
        text-align: center;
    }

        .a-permission-needed-box-wrap .a-body-box-wrap i {
            font-size: 50px;
            color: #77889A;
            margin-bottom: 20px;
        }

        .a-permission-needed-box-wrap .a-body-box-wrap h4 {
            font-size: 16px;
            line-height: 20px;
            color: #2F3542;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .a-permission-needed-box-wrap .a-body-box-wrap p {
            font-size: 13px;
            line-height: 17px;
            color: #77889A;
        }
/*permission-block-css-end*/
/*notifiaction-manager-V5-css-start*/
.a-notofication-manager-wrap .fa,
.a-notofication-manager-wrap .fas {
    font-weight: 400;
}

.a-notofication-manager-wrap .table-wrap ul li span.add-complete i {
    font-weight: 900;
    font-size: 14px;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .widgetContactFeedScore .btn + .dropdown-menu i {
    margin-right: 10px;
}

.a-notofication-manager-wrap .inbox-nav-bar:after {
    bottom: 2px;
    border-width: 1px;
}

.a-notofication-manager-wrap .a-notification-action-tab-wrap .table-wrap ul li .btn,
.a-notofication-manager-wrap .a-notification-informative-tab-wrap .table-wrap ul li .btn {
    width: 103px;
    line-height: 16px;
}

.a-notofication-manager-wrap b,
.a-notofication-manager-wrap strong {
    font-weight: 500;
}

.a-notofication-manager-wrap .a-header .close-btn:hover {
    color: #5352ED;
    background: rgba(83, 82, 237, .1);
}

.a-notofication-manager-wrap.a-tab-custom .inbox-nav-bar .header-folder ul li.active a,
.a-notofication-manager-wrap.a-tab-custom .inbox-nav-bar .header-folder ul li a:hover {
    color: #2F3542 !important;
}

.a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust .btn-group {
    margin: 0px !important;
}

.a-notofication-manager-wrap.in {
    right: 0px !important;
}

.a-notofication-manager-wrap .dropdown.open .dropdown-toggle i {
    transform: rotate(180deg);
}

.a-notofication-manager-wrap .inbox-body .inbox-side-bar {
    padding-right: 20px;
    padding-top: 10px;
}

.a-notofication-manager-wrap .inbox-action-btns .btn-group .btn {
    width: 32px;
    height: 32px;
    min-width: unset;
    max-width: unset;
    margin-right: 15px;
}

    .a-notofication-manager-wrap .inbox-action-btns .btn-group.open .btn,
    .a-notofication-manager-wrap .inbox-action-btns .btn-group .btn:hover {
        /*color:#5352ED !important;*/
        background: rgba(83, 82, 237, .1) !important;
    }

.a-notofication-manager-wrap .a-notification-activity-tab-wrap .table-wrap {
    margin-top: 20px !important;
}

.a-notofication-manager-wrap .inbox-footer .row {
    height: unset;
}

.a-notofication-manager-wrap .widgetContactFeedName {
    padding-left: 10px;
}

.a-notofication-manager-wrap .v5-feed-right.a-v5-feed-adjust button.btn.dropdown-toggle span + i {
    color: #77889A !important;
    top: 1px;
    position: relative;
    font-size: 14px;
}

.a-notofication-manager-wrap div .dropdown-menu > li > a {
    line-height: 2;
    font-size: 12px;
}

.a-notofication-manager-wrap .dropdown-menu > li.active > a {
    color: #2F3542 !important;
    background: none !important;
}

.a-notofication-manager-wrap .inbox-action-btns .btn-group .btn i {
    font-size: 18px;
}

.a-notification-informative-tab-wrap .table-wrap ul li .dropdown-toggle span,
.a-notification-action-tab-wrap .table-wrap ul li .dropdown .dropdown-toggle span {
    width: 32px;
    height: 32px;
    line-height: 37px;
}

    .a-notification-action-tab-wrap .table-wrap ul li .dropdown .dropdown-toggle span i {
        font-size: 18px;
    }

.dropdown.tabs-dropdown.info .btn i {
    font-size: 16px;
}

.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .table-wrap {
    height: calc(100vh - 202px) !important;
}

.a-alert-box-wrap .close-icon:hover {
    color: #5352ED;
    background: rgba(83, 82, 237, .1);
}

.a-notofication-manager-wrap ul.widgetContactActivityList {
    margin-top: -6px;
    position: relative;
}

.announcement-modal-detail .inbox-body .inbox-side-bar,
.announcement-modal-detail .selected-filters {
    display: none;
}

.announcement-modal-detail .table-wrap {
    min-height: 458px !important;
}

.inbox-body .inbox-footer > .row {
    height: auto;
}

.announcement-modal-detail ul {
    padding: 0px;
    list-style: none;
}

    .announcement-modal-detail ul li {
        padding: 10px 20px 20px;
        background: #fff;
        border-radius: 5px;
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }

.announcement-modal-detail p {
    width: 100%;
    font-size: 13px;
    color: #77889A;
}

.annnouncement-detail-wrap label {
    margin-bottom: 0px;
}

.a-notification-informative-tab-wrap .table-wrap ul li div span strong {
    margin-bottom: 10px;
}

.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .label-box span {
    display: none !important;
}

.a-notofication-manager-wrap .a-notification-announcement-tab-wrap .table-wrap ul li a {
    font-size: 11px;
    color: #2188F9 !important;
}

.a-notification-announcement-tab-wrap .label-box label {
    margin-bottom: 11px
}

    .annnouncement-detail-wrap .table-wrap ul li .label-box label:empty + span,
    .a-notification-announcement-tab-wrap .label-box label:empty + span {
        height: 13px;
        opacity: 0;
        display: block !important;
    }

.annnouncement-detail-wrap h5 {
    margin-bottom: 20px;
    line-height: 18px;
    word-break: break-word;
}

.annnouncement-detail-wrap .modal-body {
    min-height: 300px;
}

.announcement-modal-detail h5 {
    margin-top: 0px;
}

.announcement-modal-detail .table-wrap ul li h5 {
    margin-bottom: 6px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 100%;
}

.inbox-body .inbox-footer li {
    margin-bottom: 0px;
}

.announcement-modal-detail .annnouncement-detail-wrap {
    padding-right: 20px;
    position: relative;
}

    .announcement-modal-detail .annnouncement-detail-wrap p {
        line-height: 21px;
    }

    .announcement-modal-detail .annnouncement-detail-wrap .table-wrap ul li p {
        line-height: 17px;
        margin-bottom: 10px;
        min-height: 34px;
        max-height: 34px !important;
        float: left;
        width: 100%;
    }

.announcement-modal-detail .modal-header {
    padding-left: 30px;
}

.announcement-modal-detail .modal-body {
    padding: 30px 0px 30px 30px;
    min-height: 579px;
    max-height: 579px;
    overflow: hidden;
    /*overflow-y:auto;*/
}

.a-notofication-manager-wrap .a-notification-informative-tab-wrap .table-wrap ul li p + div span:first-child {
    min-height: 44px;
    line-height: 18px;
    color: #77889A !important;
}

.annnouncement-detail-wrap .label-box {
    float: left;
}

.annnouncement-detail-wrap .table-wrap ul li .label-box {
    /*float: none !important;*/
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .col-xs-12.col-sm-12.col-md-9.col-lg-9,
.a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .col-xs-12.col-sm-12.col-md-7.col-lg-8 {
    width: 69%;
}

.a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .col-xs-12.col-sm-12.col-md-3.col-lg-3,
.a-notofication-manager-wrap .a-notification-activity-tab-wrap ul li .col-xs-12.col-sm-12.col-md-5.col-lg-4 {
    width: 31%;
}

.userpic-v5 .activity-dropdown {
    display: none !important;
}

.multi-annoucement .modal-body {
    overflow: hidden !important;
    padding-right: 0px !important;
}

    .multi-annoucement .modal-body .annnouncement-detail-wrap.inbox-attach-page {
        padding-right: 0px !important;
    }

        .multi-annoucement .modal-body .annnouncement-detail-wrap.inbox-attach-page .table-wrap {
            padding-right: 30px !important;
            max-height: 458px !important;
            margin-left: 0px !important;
            background: none;
        }

.announcement-modal-detail ul li:last-child {
    margin-bottom: 0px;
}

.modal.announcement-modal-detail {
    font-family: "IBM Plex Sans",Roboto,"Open Sans",Arial,Helvetica,Sans-Serif !important;
}

.multi-annoucement .modal-body .annnouncement-detail-wrap.inbox-attach-page .table-wrap a,
.single-annoucement .modal-body .annnouncement-detail-wrap.inbox-attach-page .table-wrap a {
    text-decoration: underline;
    font-size: 11px;
    color: #2188F9 !important;
    float: left;
}

    .single-annoucement.modal-body .annnouncement-detail-wrap.inbox-attach-page .table-wrap a:hover,
    .single-annoucement .modal-body .annnouncement-detail-wrap.inbox-attach-page .table-wrap a:hover {
        text-decoration: underline;
        color: #2188F9 !important;
    }

.modal-body .annnouncement-detail-wrap h5,
.single-annoucement .modal-body .annnouncement-detail-wrap h5 {
    padding-right: 50px;
}

.modal-body .annnouncement-detail-wrap p,
.single-annoucement .modal-body .annnouncement-detail-wrap p {
    max-height: 436px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 30px;
}

.multi-annoucement .modal-body .annnouncement-detail-wrap.inbox-attach-page h5 {
    padding-right: 0px;
}

.multi-annoucement .modal-body .annnouncement-detail-wrap.inbox-attach-page p {
    max-height: unset;
    overflow: hidden;
    padding-right: 0px;
}

.modal-dialog.modal-xs .modal-content {
    border-radius: 5px;
}

.annnouncement-detail-wrap .single-announce-label {
    position: absolute;
    float: none;
    top: 39.5px;
    left: 0;
}

    .annnouncement-detail-wrap .single-announce-label + h5 {
        padding-left: 43px;
    }

annnouncement-detail-wrap .single-announce-label:empty + h5 {
    padding-left: 0px;
}

.multi-lv-badge {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.announcement-modal-detail ul.pagination li {
    float: none;
    width: unset;
}

.single-annoucement .modal-body .annnouncement-detail-wrap p ul {
    list-style: inherit;
    list-style-position: inside;
}

    .single-annoucement .modal-body .annnouncement-detail-wrap p ul li {
        padding: 0px;
        background: none;
        border-radius: 0;
        margin-bottom: 0;
        list-style: inherit;
        list-style-position: inside;
    }

.single-annoucement .modal-body .annnouncement-detail-wrap p ul,
.single-annoucement .modal-body .annnouncement-detail-wrap p ol {
    float: left;
    width: 100%;
    margin-bottom: 15px !important;
}
/*notifiaction-manager-V5-css-end*/
/*new-popover-style-css-start*/
.popover.activity-popover {
    border-radius: 5px;
    padding: 0px;
    box-shadow: 0px 0px 20px 0px rgba(119, 136, 154, 0.2);
    width: max(300px, 260px);
    min-width: 260px;
}

    .popover.activity-popover .popover-title {
        display: flex;
        padding: 19.5px 20px;
        background: #fff;
        justify-content: center;
        border-bottom: none;
    }

        .popover.activity-popover .popover-title .user-icon {
            width: 50px;
            height: 50px;
            text-align: center;
            border-radius: 50%;
            background: rgba(83, 82, 237, 0.1);
            justify-content: center;
            display: flex;
            flex-direction: column;
            min-width: 50px;
            text-transform: uppercase;
            overflow: hidden;
        }

            .popover.activity-popover .popover-title .user-icon i {
                font-size: 20px;
                color: #5352ED;
            }

            .popover.activity-popover .popover-title .user-icon img {
                max-width: 50px;
                max-height: 50px;
                margin: 0 auto;
            }

        .popover.activity-popover .popover-title .right-side {
            padding-left: 10px;
            flex: 9;
            display: flex;
            justify-content: center;
            flex-direction: column;
            background: none;
            border: none;
            text-align: left;
            width: calc(100% - 50px);
            word-break: break-all;
        }

            .popover.activity-popover .popover-title .right-side h3 {
                font-size: 14px;
                font-weight: 500;
                margin: 0px 0px 5px;
                line-height: 13px;
                color: #2F3542;
                display: block;
                width: 100%;
            }

    .popover.activity-popover p {
        font-size: 11px;
        margin: 0px;
        color: #2F3542;
        line-height: 16px;
    }

    .popover.activity-popover .popover-content {
        padding: 10px 20px 20px;
        background: #F1F2F6;
        border-radius: 0px 0px 5px 5px;
    }

    .popover.activity-popover .popover-content-box {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #D9DCE1;
    }

    .popover.activity-popover h6 {
        font-size: 10px;
        margin: 0px;
        font-weight: 400;
        color: #77889A;
        line-height: 16px;
    }

    .popover.activity-popover h5 {
        font-size: 12px;
        margin: 0px;
        line-height: 16px;
        color: #2F3542;
        font-weight: 500;
    }

.fontMedium {
    font-weight: 500;
}

.popover.activity-popover .fontMedium {
    font-size: 12px;
}

.text-success {
    color: #1BC469 !important;
}

.popover.activity-popover .popover-content-box.footer {
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}

    .popover.activity-popover .popover-content-box.footer p,
    .popover.activity-popover .popover-content-box.user-create-date p {
        display: inline;
        font-weight: 500;
        font-size: 12px;
    }

        .popover.activity-popover .popover-content-box.footer p + p,
        .popover.activity-popover .popover-content-box.user-create-date p + p {
            float: right;
        }

.popover.activity-popover.left {
    margin-left: -32px !important;
    border: none;
    left: auto !important;
    right: 420px !important;
}

    .popover.activity-popover.left .arrow {
        border-left-color: rgba(0,0,0,0.0) !important;
    }

        .popover.activity-popover.left .arrow:after {
            border-left-color: #F1F2F6 !important;
            border-width: 5px;
        }

.popover.activity-popover .popover-title .user-icon b {
    font-size: 20px;
    color: #5352ED;
}

/*new-popover-style-css-end*/
/*new-notification-nav-icon-css-start*/
.nav-notification {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #D9DCE1;
}

    .nav-notification .noti-icon-wrap {
        position: relative;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 39px;
        border-radius: 5px;
        color: #77889A;
    }

        .nav-notification .noti-icon-wrap i {
            font-size: 20px;
            float: none !important;
        }

        .nav-notification .noti-icon-wrap span {
            position: absolute;
            width: 7px;
            height: 7px;
            border: 2px solid #fffdfd;
            left: calc(63% - 3.5px);
            top: 8px;
            background: #f00;
            border-radius: 50%;
            line-height: unset;
            box-sizing: border-box;
            opacity: 0;
        }

        .nav-notification .noti-icon-wrap:hover {
            background: rgba(83, 82, 237, 0.1);
            color: #5352ED;
            cursor: pointer;
        }

        .nav-notification .noti-icon-wrap.new-notify span {
            opacity: 1;
        }

.userpic-v5 .profile-pic {
    max-width: 32px !important;
    max-height: 32px !important;
    border-radius: 50%;
    line-height: 33px;
    width: 32px !important;
}

.horizontal-nav.newnav .userpic-v5 .profile-pic {
    max-width: 40px !important;
    max-height: 40px !important;
    line-height: 40px;
}

.horizontal-nav.newnav .nav-notification .noti-icon-wrap {
    width: 40px;
    height: 40px;
    line-height: 47px;
}
/*new-notification-nav-icon-css-end*/
/*on-hover-show-scrollbar-css-start*/
.a-notofication-manager-wrap .table-wrap {
    overflow: hidden !important;
    overflow-y: auto !important;
    mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 10px, black 10px);
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 10px, black 10px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}

    .a-notofication-manager-wrap .table-wrap:hover,
    .a-notofication-manager-wrap .table-wrap:focus {
        -webkit-mask-position: left top;
    }
/*on-hover-show-scrollbar-css-end*/
/*align-modal-vertically-center-css-start*/
.modal-v-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100vh - 100px);
}

.a-notofication-manager-wrap .text-black {
    color: #2F3542 !important
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content .tab-pane + .tab-pane + .tab-pane ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.notifiacion-Modal-wrap.a-notofication-custom-modal .modal-body .tab-content .tab-pane .row {
    margin-left: 0px !important;
}
/*align-modal-vertically-center-css-end*/
.intereststatus-active {
    color: #C05C1A;
}

/*.intereststatus-notsure {
    color: #C0C1C5;
}
.intereststatus-other {
    color: #CCC691;
}
.intereststatus-hot {
    color: #E50909;
}
.intereststatus-closed {
    color: #100F0F;
}
.intereststatus-high {
    color: #32B12C;
}
.intereststatus-medium {
   color: #4DB9FD!important;
}
.intereststatus-low {
    color: #DBCA00;
}
.intereststatus-notinterested {
    color: #100F0F;
}*/


.firstaction .switch {
    position: relative;
    display: inline-block;
    width: 78px;
    height: 19px;
}

    .firstaction .switch input {
        display: none;
    }

.firstaction .firstactionslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    box-shadow: 0px 1px 6px rgba(202, 34, 34, .3);
    border: 1px solid #888;
}

    .firstaction .firstactionslider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 3px;
        top: 2px;
        background-color: #e36640;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

.firstaction input:checked + .firstactionslider {
    background-color: #fff;
}

    .firstaction input:checked + .firstactionslider:before {
        -webkit-transform: translateX(55px);
        -ms-transform: translateX(55px);
        transform: translateX(55px);
    }

/*------ ADDED CSS ---------*/
.firstaction .firstactionslider:after {
    content: 'PUSH';
    color: #000;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

.firstaction input:checked + .firstactionslider:after {
    content: 'PULL';
    color: #000;
}

/*--------- END --------*/

/*View assets wedget on opportunities*/
.opportunity-create .widget-asset-search .inbox-nav-bar-v05 {
    padding-top: 0;
}

    .opportunity-create .widget-asset-search .inbox-nav-bar-v05 .inbox-folder-list li form {
        position: relative;
    }

        .opportunity-create .widget-asset-search .inbox-nav-bar-v05 .inbox-folder-list li form button {
            position: absolute;
            border: none;
            background: none;
            left: 3px;
            top: 12px;
        }

        .opportunity-create .widget-asset-search .inbox-nav-bar-v05 .inbox-folder-list li form .btn-clear-form button {
            right: 0;
            left: inherit;
        }

.opportunity-create .widget-asset-search .inbox-nav-bar .header-folder {
    float: left;
}

.opportunity-create .widget-asset-search .view-asset-tab-content-v05 {
    border: none !important;
    padding: 0 !important;
}

.pb-contactgrid .template .temp-ico .social-left {
    max-width: 45px;
}

    .pb-contactgrid .template .temp-ico .social-left i {
        font-size: 32px;
        padding-left: 0px;
    }

.modal-dialog table center {
    min-width: unset !important;
    max-width: 558px;
    margin: 0 auto;
}

    .modal-dialog table center .row {
        margin: 0px;
    }
/*fixed-border-radius-css*/
.pg-intplaybook .maincontainer .cnav-right .editsos {
    border-radius: 30px;
}

.pg-intplaybook .maincontainer ul.ui-sortable li.active span,
.tabs ul.slidemenu li.active span,
.slidemenu .tabs ul li.active span,
.tabs ul li.active span.task-count,
.tabs ul li.active span.accounts-tcount {
    color: #fff !important;
}

.tabs .btn {
    box-shadow: none !important;
    border-radius: 30px !important;
}

.pb-contactgrid .cnav-right .btn-custom {
    border-radius: 0px;
    border-radius: 30px !important;
}
/*fixed-border-radius-css-end*/

/*Guided-search-section-css-start*/
.guided-search-wrap .guided-search-label {
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 17px 24px;
    border-radius: 4px;
    margin-right: 30px;
    width: 208px;
    text-align: center;
    line-height: 16px;
    box-shadow: none !important;
    display: none;
}

    .guided-search-wrap .guided-search-label i {
        margin-right: 10px;
    }

.guided-search-wrap .input-group {
    float: left;
    width: 100%;
}

    .guided-search-wrap .input-group .form-control {
        line-height: 32px;
        height: unset;
        padding-right: 50px;
        border-radius: 4px !important;
        font-size: 14px;
        font-weight: 400;
    }

    .guided-search-wrap .input-group ::placeholder {
        opacity: 1 !important;
        color: #555 !important;
    }

    .guided-search-wrap .input-group ::-webkit-input-placeholder {
        opacity: 1 !important;
        color: #555 !important;
    }

    .guided-search-wrap .input-group :-ms-input-placeholder {
        opacity: 1 !important;
        color: #555 !important;
    }

    .guided-search-wrap .input-group .input-group-btn {
        position: absolute;
        z-index: 11;
        right: 0;
        width: auto;
    }

        .guided-search-wrap .input-group .input-group-btn .btn {
            height: 49px;
            background: none !important;
            border: none !important;
            box-shadow: none;
            color: #555555;
            line-height: 44px;
            padding-right: 16px;
        }
/*Guided-search-section-css-end*/
/*trending-solution-section-css-start*/
.tranding-solution-wrap {
    padding: 0px !important;
    background: none !important;
    box-shadow: none !important;
}

    .tranding-solution-wrap .w-header {
        display: none;
    }

    .tranding-solution-wrap .w-body {
        background: none !important;
    }

    .tranding-solution-wrap.w-video-carousel .video-carousel .video-item {
        box-shadow: none;
        background-color: #fff;
        padding-bottom: 3px;
    }

    .tranding-solution-wrap .v-data {
        margin-top: 20px;
    }

    .tranding-solution-wrap .v-data-title {
        display: flex;
    }

        .tranding-solution-wrap .v-data-title a {
            flex: 1;
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #000 !important;
            line-height: 17px;
            margin-bottom: 10px !important;
            white-space: normal !important;
            height: 34px;
            max-height: 34px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .tranding-solution-wrap .v-data-title i {
            color: #6AC346;
            display: none;
        }

    .tranding-solution-wrap .social-activity {
        display: flex;
        position: relative;
        align-items: center;
    }

        .tranding-solution-wrap .social-activity:before {
            content: '';
            position: absolute;
            top: -5px;
            left: -13px;
            width: calc(100% + 13px);
            height: 1px;
            background: rgba(85, 85, 85, 0.1);
        }

        .tranding-solution-wrap .social-activity .social-rating {
            flex: 1;
            font-size: 13px !important;
            white-space: nowrap;
        }

        .tranding-solution-wrap .social-activity .btn {
            margin: 0px 0px 0px 5px !important;
            box-shadow: none;
            width: 32px;
            height: 32px;
            padding: 0px;
            line-height: 32px;
            text-align: center !important;
        }

            .tranding-solution-wrap .social-activity .btn i,
            .tranding-solution-wrap .social-activity .view-media.btn i,
            .tranding-solution-wrap .social-activity .sqr-btn i {
                font-size: 18px !important;
            }

            .tranding-solution-wrap .social-activity .btn:hover {
                color: #0D5C91;
                background: rgba(13, 92, 145, 0.1);
            }

    .tranding-solution-wrap .video-carousel .v-data-sec {
        padding-left: 0px !important;
        padding-top: 0px;
    }

    .tranding-solution-wrap .video-item-inner span.img-overlay.cursor-pointer {
        background-color: rgba(47, 53, 66, .8);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 4px 4px 0px 0px;
        position: absolute;
        z-index: 8;
        display: none;
        align-items: center;
        align-content: center;
        justify-content: center;
        opacity: 0;
        transition: opacity linear .3s;
    }

        .tranding-solution-wrap .video-item-inner span.img-overlay.cursor-pointer a.btn-view {
            min-width: 100px;
            max-width: 100%;
            padding: 0 15px;
            height: 30px;
            line-height: 30px;
            border-radius: 15px;
            font-size: 13px;
            color: #2f3542;
            background-color: #fff;
            text-align: center;
            display: block;
        }

    .tranding-solution-wrap .video-item-inner:hover span.img-overlay.cursor-pointer {
        display: flex;
        opacity: 1;
    }

    .tranding-solution-wrap .video-item-inner span.img-overlay.cursor-pointer a.btn-view:hover {
        text-decoration: none;
    }

    .tranding-solution-wrap .social-activity .view-media.btn {
        margin-right: 14px !important;
    }

    .tranding-solution-wrap .social-activity .social-rating i {
        font-size: 13px !important;
        margin-right: 0px;
    }

    .tranding-solution-wrap .social-activity .sqr-btn {
        color: #555;
        box-shadow: none;
        width: 32px;
        height: 32px;
        padding: 0px;
        line-height: 34px;
        text-align: center !important;
        border-radius: 4px;
    }

    .tranding-solution-wrap .v-data .v-data-desc {
        color: #555 !important;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 18px;
        margin-bottom: 20px !important;
        max-height: 54px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .tranding-solution-wrap .v-data .v-data-desc i {
            color: #555 !important;
            font-weight: 400;
            font-size: 12px !important;
            line-height: 18px;
        }

    .tranding-solution-wrap .social-activity .sqr-btn:hover {
        background: rgba(85, 85, 85, 0.1);
    }

.w-video-carousel.tranding-solution-wrap .video-carousel .carousel-control.slide-right {
    right: -14px !important;
}

.w-video-carousel.tranding-solution-wrap .video-carousel .carousel-control.slide-left {
    left: -14px !important;
}
/*responsive*/
@media screen and (min-width:1920px) {
    .w-video-carousel.tranding-solution-wrap .videos-v2 li {
        width: 14.28555%;
    }
}

@media screen and (min-width:1680px) and (max-width:1919px) {
    .w-video-carousel.tranding-solution-wrap .videos-v2 li {
        width: 16.66666666666667%;
    }
}

@media screen and (min-width:1366px) and (max-width:1679px) {
    .w-video-carousel.tranding-solution-wrap .videos-v2 li {
        width: 20%;
    }
}

@media screen and (min-width:1200px) and (max-width:1365px) {
    .w-video-carousel.tranding-solution-wrap .videos-v2 li {
        width: 25%;
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .w-video-carousel.tranding-solution-wrap .videos-v2 li {
        width: 33.3%;
    }
}

@media screen and (min-width:575px) and (max-width:767px) {
    .w-video-carousel.tranding-solution-wrap .videos-v2 li {
        width: 50%;
    }
}
/*trending-solution-section-css-end*/



/*text summary start*/
#divTextEditorContainer .modal-header {
    background: #ffffff !important;
    width: 500px;
    padding: 10px;
    height: 55px;
}

#tblTextEditorContainer .panel {
    border: none;
    padding: 0;
}

    #tblTextEditorContainer .panel .panel-heading {
        border-radius: 0 !important;
        border: none !important;
        padding: 5px;
        background: #f1f2f6 !important;
    }

#tblTextEditorContainer .note-editable {
    padding-left: 3px;
    background: rgba(239,239,239,0.5);
    border-radius: 0px !important;
}

#tblTextEditorContainer .note-status-output {
    display: none;
}

/*business planning start*/
.business-planning-wrap .overall-score {
}

    .business-planning-wrap .overall-score .score-wrap {
        background: #FFFFFF;
        border-radius: 10px;
        padding: 30px 40px 16px;
    }

        .business-planning-wrap .overall-score .score-wrap .head-part {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .business-planning-wrap .overall-score .score-wrap .head-part h3 {
                font-weight: 500;
                font-size: 18px;
                line-height: 23px;
                color: #2F3542;
                margin: 0 0 15px;
            }

                .business-planning-wrap .overall-score .score-wrap .head-part h3 span {
                    font-weight: 400;
                }

        .business-planning-wrap .overall-score .score-wrap .body-part {
            display: flex;
            padding-bottom: 20px;
        }

            .business-planning-wrap .overall-score .score-wrap .body-part .performance-graph {
                width: 40%;
            }

            .business-planning-wrap .overall-score .score-wrap .body-part .performance {
                width: 30%;
                padding: 0 40px;
                border-left: 1px solid #D9DCE1;
            }

                .business-planning-wrap .overall-score .score-wrap .body-part .performance label {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 18px;
                    color: #2F3542;
                    margin-bottom: 46px;
                }

                .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff {
                    font-weight: 500;
                    font-size: 30px;
                    line-height: 39px;
                    color: #2F3542;
                    margin-bottom: 10px;
                }

                    .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff span {
                        font-size: 16px;
                    }

                    .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff i {
                        font-size: 16px;
                        text-align: center;
                        width: 32px;
                        height: 32px;
                        background: rgba(27, 196, 105, 0.2);
                        margin-right: 5px;
                        border-radius: 100%;
                        color: #1BC469;
                        padding-top: 8px;
                    }

                        .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff i::before {
                            transform: rotate(45deg);
                            display: inline-block;
                        }

                .business-planning-wrap .overall-score .score-wrap .body-part .performance .note {
                    font-size: 13px;
                    line-height: 17px;
                    color: #77889A;
                }

            .business-planning-wrap .overall-score .score-wrap .body-part .status {
                width: 30%;
                padding: 0 40px;
                border-left: 1px solid #D9DCE1;
            }

                .business-planning-wrap .overall-score .score-wrap .body-part .status label {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 18px;
                    color: #2F3542;
                    margin-bottom: 17px;
                }

.tag-outlined {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.5px;
    padding: 3px 10px;
    margin: 0;
    border-radius: 10px;
    display: inline-block;
    color: #408BEA !important;
    background: linear-gradient( 0deg, rgba(64, 139, 234, 0.15), rgba(64, 139, 234, 0.15)), #FFFFFF;
    border: 1px solid rgba(64, 139, 234, 0.3);
}

.business-planning-wrap .overall-score .score-wrap .body-part .status ul {
    margin: 0;
    padding: 0;
}

    .business-planning-wrap .overall-score .score-wrap .body-part .status ul li {
        list-style-type: none;
        margin-bottom: 15px;
    }

        .business-planning-wrap .overall-score .score-wrap .body-part .status ul li .date {
            display: inline-block;
            font-weight: 500;
            font-size: 13px;
            line-height: 17px;
            color: #2F3542;
        }

        .business-planning-wrap .overall-score .score-wrap .body-part .status ul li label {
            font-size: 13px;
            line-height: 17px;
            color: #77889A;
            min-width: 62px;
            margin-bottom: 0;
        }

.business-planning-wrap .overall-score .score-wrap .footer-part {
    padding-top: 10px;
    border-top: 1px solid #D9DCE1;
}

    .business-planning-wrap .overall-score .score-wrap .footer-part ul {
        padding: 0;
        margin: 0;
    }

        .business-planning-wrap .overall-score .score-wrap .footer-part ul li {
            display: inline-block;
            margin-right: 20px;
            list-style-type: none;
        }

            .business-planning-wrap .overall-score .score-wrap .footer-part ul li i {
                font-size: 6px;
                margin-right: 8px;
                position: relative;
                top: -2px;
            }

i.red {
    color: #F73F49;
}

i.orange {
    color: #F27137;
}

i.yellow {
    color: #F8C659;
}

i.green {
    color: #1BC469 !important;
}

.business-planning-wrap .channel-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 10px;
}

    .business-planning-wrap .channel-card .card-inner {
        background: #F1F2F6;
        border-radius: 10px;
        text-align: center;
        padding: 20px 30px;
    }

        .business-planning-wrap .channel-card .card-inner label {
            font-size: 18px;
            line-height: 23px;
            margin-bottom: 40px;
            color: #2F3542;
        }

        .business-planning-wrap .channel-card .card-inner .peofile-pic {
            width: 90px;
            height: 90px;
            border: 5px solid #fff;
            border-radius: 100%;
            overflow: hidden;
            position: relative;
            margin: 0 auto 20px;
        }

            .business-planning-wrap .channel-card .card-inner .peofile-pic img {
                width: 100%;
                height: auto;
                top: 50%;
                left: 50%;
                position: absolute;
                transform: translate(-50%, -50%);
            }

        .business-planning-wrap .channel-card .card-inner .manager-name {
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            color: #2F3542;
            margin-bottom: 5px;
        }

        .business-planning-wrap .channel-card .card-inner .email {
            font-size: 14px;
            line-height: 18px;
            color: #77889A;
            margin-bottom: 5px;
        }

        .business-planning-wrap .channel-card .card-inner .phone-no {
            font-size: 14px;
            line-height: 18px;
            color: #77889A;
        }

.score-card2 .layer-1 {
    width: 120px;
    height: 120px;
    display: block;
    background-color: #58758f;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
}

.score-card2 .medal-wrap {
    text-align: center;
}

.score-card2 h4 {
    text-align: center;
    margin-top: 10px;
}

.performance-graph.score-card2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .performance-graph.score-card2 .middle-box {
        margin-left: -40px;
    }

.business-planning-wrap .channel-card .card-inner.chmanagers {
    padding-top: 35px;
    padding-bottom: 35px;
}

/*requirments starts*/
.tier-label .title {
    border-bottom-color: #D9DCE1;
}

.tier-bronze .title {
    border-bottom-color: #967444;
}

.tier-bronze:hover, .tier-bronze.active {
    background: rgba(150, 116, 68, 0.1);
}

.tier-silver .title {
    border-bottom-color: #AEAEAE;
}

.tier-silver:hover, .tier-silver.active {
    background: rgba(174, 174, 174, 0.1);
}

.tier-gold .title {
    border-bottom-color: #D3AF37;
}

.tier-gold:hover, .tier-gold.active {
    background: rgba(211, 175, 55, 0.1);
}

.tier-platinum .title {
    border-bottom-color: #92A7BA;
}

.tier-platinum:hover, .tier-platinum.active {
    background: rgba(146, 167, 186, 0.1);
}

/*company goals*/

.bp-blocks {
    padding-top: 30px;
    border-top: 1px solid #77889A;
    margin-top: 40px;
}

    .bp-blocks h4 {
        font-size: 20px;
        color: #2F3542;
        font-weight: 500;
    }

    .bp-blocks p {
        color: #77889A;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 20px;
    }


.company-goal-toggle {
    color: #2188F9;
    text-align: center;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

    .company-goal-toggle:after {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        top: 10px;
        height: 1px;
        background-color: #77889A;
        z-index: 0;
    }

    .company-goal-toggle > span {
        background-color: #f1f2f6;
        padding: 4px 10px;
        z-index: 1;
        position: relative;
    }

/*business planning start*/
.business-planning-wrap .overall-score {
}

    .business-planning-wrap .overall-score .score-wrap {
        background: #FFFFFF;
        border-radius: 10px;
        padding: 30px 40px 16px;
    }

        .business-planning-wrap .overall-score .score-wrap .head-part {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .business-planning-wrap .overall-score .score-wrap .head-part h3 {
                font-weight: 500;
                font-size: 18px;
                line-height: 23px;
                color: #2F3542;
                margin: 0 0 15px;
            }

                .business-planning-wrap .overall-score .score-wrap .head-part h3 span {
                    font-weight: 400;
                }

        .business-planning-wrap .overall-score .score-wrap .body-part {
            display: flex;
            padding-bottom: 20px;
        }

            .business-planning-wrap .overall-score .score-wrap .body-part .performance-graph {
                width: 40%;
            }

            .business-planning-wrap .overall-score .score-wrap .body-part .performance {
                width: 30%;
                padding: 0 40px;
                border-left: 1px solid #D9DCE1;
            }

                .business-planning-wrap .overall-score .score-wrap .body-part .performance label {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 18px;
                    color: #2F3542;
                    margin-bottom: 46px;
                }

                .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff {
                    font-weight: 500;
                    font-size: 30px;
                    line-height: 39px;
                    color: #2F3542;
                    margin-bottom: 10px;
                }

                    .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff span {
                        font-size: 16px;
                    }

                    .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff i {
                        font-size: 16px;
                        text-align: center;
                        width: 32px;
                        height: 32px;
                        background: rgba(27, 196, 105, 0.2);
                        margin-right: 5px;
                        border-radius: 100%;
                        color: #1BC469;
                        padding-top: 8px;
                    }

                        .business-planning-wrap .overall-score .score-wrap .body-part .performance .diff i::before {
                            transform: rotate(45deg);
                            display: inline-block;
                        }

                .business-planning-wrap .overall-score .score-wrap .body-part .performance .note {
                    font-size: 13px;
                    line-height: 17px;
                    color: #77889A;
                }

            .business-planning-wrap .overall-score .score-wrap .body-part .status {
                width: 30%;
                padding: 0 40px;
                border-left: 1px solid #D9DCE1;
            }

                .business-planning-wrap .overall-score .score-wrap .body-part .status label {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 18px;
                    color: #2F3542;
                    margin-bottom: 17px;
                }

.tag-outlined {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.5px;
    padding: 3px 10px;
    margin: 0;
    border-radius: 10px;
    display: inline-block;
    color: #408BEA !important;
    background: linear-gradient( 0deg, rgba(64, 139, 234, 0.15), rgba(64, 139, 234, 0.15)), #FFFFFF;
    border: 1px solid rgba(64, 139, 234, 0.3);
}

.business-planning-wrap .overall-score .score-wrap .body-part .status ul {
    margin: 0;
    padding: 0;
}

    .business-planning-wrap .overall-score .score-wrap .body-part .status ul li {
        list-style-type: none;
        margin-bottom: 15px;
    }

        .business-planning-wrap .overall-score .score-wrap .body-part .status ul li .date {
            display: inline-block;
            font-weight: 500;
            font-size: 13px;
            line-height: 17px;
            color: #2F3542;
        }

        .business-planning-wrap .overall-score .score-wrap .body-part .status ul li label {
            font-size: 13px;
            line-height: 17px;
            color: #77889A;
            min-width: 62px;
            margin-bottom: 0;
        }

.business-planning-wrap .overall-score .score-wrap .footer-part {
    padding-top: 10px;
    border-top: 1px solid #D9DCE1;
}

    .business-planning-wrap .overall-score .score-wrap .footer-part ul {
        padding: 0;
        margin: 0;
    }

        .business-planning-wrap .overall-score .score-wrap .footer-part ul li {
            display: inline-block;
            margin-right: 20px;
            list-style-type: none;
        }

            .business-planning-wrap .overall-score .score-wrap .footer-part ul li i {
                font-size: 6px;
                margin-right: 8px;
                position: relative;
                top: -2px;
            }

i.red {
    color: #F73F49;
}

i.orange {
    color: #F27137;
}

i.yellow {
    color: #F8C659;
}

i.green {
    color: #1BC469 !important;
}

.business-planning-wrap .channel-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 10px;
}

    .business-planning-wrap .channel-card .card-inner {
        background: #F1F2F6;
        border-radius: 10px;
        text-align: center;
        padding: 20px 30px;
    }

        .business-planning-wrap .channel-card .card-inner label {
            font-size: 18px;
            line-height: 23px;
            margin-bottom: 40px;
            color: #2F3542;
        }

        .business-planning-wrap .channel-card .card-inner .peofile-pic {
            width: 90px;
            height: 90px;
            border: 5px solid #fff;
            border-radius: 100%;
            overflow: hidden;
            position: relative;
            margin: 0 auto 20px;
        }

            .business-planning-wrap .channel-card .card-inner .peofile-pic img {
                width: 100%;
                height: auto;
                top: 50%;
                left: 50%;
                position: absolute;
                transform: translate(-50%, -50%);
            }

        .business-planning-wrap .channel-card .card-inner .manager-name {
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            color: #2F3542;
            margin-bottom: 5px;
        }

        .business-planning-wrap .channel-card .card-inner .email {
            font-size: 14px;
            line-height: 18px;
            color: #77889A;
            margin-bottom: 5px;
        }

        .business-planning-wrap .channel-card .card-inner .phone-no {
            font-size: 14px;
            line-height: 18px;
            color: #77889A;
        }

/*requirments starts*/
.tier-label .title {
    border-bottom-color: #D9DCE1;
}

.tier-bronze .title {
    border-bottom-color: #967444;
}

.tier-bronze:hover, .tier-bronze.active {
    background: rgba(150, 116, 68, 0.1);
}

.tier-silver .title {
    border-bottom-color: #AEAEAE;
}

.tier-silver:hover, .tier-silver.active {
    background: rgba(174, 174, 174, 0.1);
}

.tier-gold .title {
    border-bottom-color: #D3AF37;
}

.tier-gold:hover, .tier-gold.active {
    background: rgba(211, 175, 55, 0.1);
}

.tier-platinum .title {
    border-bottom-color: #92A7BA;
}

.tier-platinum:hover, .tier-platinum.active {
    background: rgba(146, 167, 186, 0.1);
}

/*company goals*/

.bp-blocks {
    padding-top: 30px;
    border-top: 1px solid #77889A;
    margin-top: 40px;
}

    .bp-blocks h4 {
        font-size: 20px;
        color: #2F3542;
        font-weight: 500;
    }

    .bp-blocks p {
        color: #77889A;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 20px;
    }


.company-goal-toggle {
    color: #2188F9;
    text-align: center;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

    .company-goal-toggle:after {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        top: 10px;
        height: 1px;
        background-color: #77889A;
        z-index: 0;
    }

    .company-goal-toggle > span {
        background-color: #f1f2f6;
        padding: 4px 10px;
        z-index: 1;
        position: relative;
    }

        .company-goal-toggle > span > i {
            margin-left: 8px;
            font-size: 13px;
        }

    .company-goal-toggle.collapsed > span > i:before {
        content: "\f077";
    }

/*company goals end*/



/*company-goals-table*/
.company-goals-table .stages-wrap {
    padding: 40px 0;
}

    .company-goals-table .stages-wrap .stages-inner {
        margin: 0 -15px;
        display: flex;
    }

    .company-goals-table .stages-wrap .stage {
        margin: 0 15px;
        padding-bottom: 30px;
        width: 20%;
    }

        .company-goals-table .stages-wrap .stage .title {
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            color: #2F3542;
            padding: 18px 20px 11px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom-width: 2px;
            border-bottom-style: solid;
        }

            .company-goals-table .stages-wrap .stage .title i {
                font-size: 16px;
                color: #1BC469;
                display: none;
            }

        .company-goals-table .stages-wrap .stage.active .title i {
            display: block;
        }

        .company-goals-table .stages-wrap .stage ul {
            margin-bottom: 0;
            padding-left: 0;
        }

            .company-goals-table .stages-wrap .stage ul li {
                margin-bottom: 10px;
                list-style-type: none;
                font-size: 13px;
                line-height: 17px;
            }

                .company-goals-table .stages-wrap .stage ul li i {
                    font-size: 6px;
                    color: #77889A;
                    margin-right: 10px;
                    position: relative;
                    top: -2px;
                }

                .company-goals-table .stages-wrap .stage ul li:last-child {
                    margin-bottom: 0px;
                }

        .company-goals-table .stages-wrap .stage .revenue, .company-goals-table .stages-wrap .stage .certification, .company-goals-table .stages-wrap .stage .training {
            padding: 15px 20px;
            font-size: 13px;
            color: #2F3542;
            line-height: 17px;
        }

        .company-goals-table .stages-wrap .stage .revenue, .company-goals-table .stages-wrap .stage .certification {
            border-bottom: 1px solid #D9DCE1;
        }

        .company-goals-table .stages-wrap .stage .certification {
            min-height: 120px;
        }
/*requirments end*/
/*category-score-css-start*/
.category-score.bp-blocks {
    margin-top: 47px;
    border-top: none;
    padding-top: 0px;
}

.heading-with-btn {
    display: flex;
}

    .heading-with-btn .heading-box {
        flex: 1;
    }

.category-score.bp-blocks .btn-primary-border {
    background: none;
    border: 1px solid #4443E4;
    color: #4443E4;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 500;
}

.score-tabing-box {
    margin-top: 20px;
    border: 1px solid #D9DCE1;
    border-radius: 10px;
    overflow: hidden;
}

    .score-tabing-box .nav-tabs {
        display: flex;
        width: 100%;
    }

        .score-tabing-box .nav-tabs li {
            width: 25%;
            margin: 0px;
            border-bottom: none;
        }

            .score-tabing-box .nav-tabs li:not(:first-child) {
                border-left: 1px solid #D9DCE1;
            }

            .score-tabing-box .nav-tabs li a {
                padding: 30px 20px;
                color: #2F3542;
                position: relative;
                height: 100%;
            }

            .score-tabing-box .nav-tabs li.active:hover a,
            .score-tabing-box .nav-tabs li.active a,
            .score-tabing-box .nav-tabs li.active a:focus {
                background: #fff;
                color: #2F3542 !important;
            }

        .score-tabing-box .nav-tabs > li.active, .score-tabing-box .nav-tabs > li:hover, .score-tabing-box .nav-tabs > li:focus {
            border-bottom: none !important;
        }

        .score-tabing-box .nav-tabs li a i.collapse-arrw {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .score-tabing-box .nav-tabs li.active a i.collapse-arrw:before {
            content: "\f077";
        }

    .score-tabing-box .chart-box {
        width: 70px;
        height: 70px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        display: flex;
        position: relative;
    }

        .score-tabing-box .chart-box .percent {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .score-tabing-box .content-box {
        width: calc(100% - 70px);
        padding-left: 20px;
    }

        .score-tabing-box .content-box h5 {
            margin: 0px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 500;
            max-width: 133px;
            margin-bottom: 11px;
        }

    .score-tabing-box .nav-tabs li.active a:after {
        content: '';
        position: absolute;
        top: 100%;
        border-top: 10px solid #D9DCE1;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .score-tabing-box .content-box .score-count-box {
        color: #77889A;
        font-weight: 400;
    }

        .score-tabing-box .content-box .score-count-box strong {
            font-weight: 500;
            color: #2F3542;
        }

    .score-tabing-box .content-box span {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-right: 10px;
        float: left;
        text-align: center;
        font-size: 8px;
        line-height: 16px;
    }

        .score-tabing-box .content-box span.upward {
            background: rgba(27, 196, 105, 0.2);
            color: rgba(27, 196, 105, 1);
        }

.company-goal-toggle > span > i {
    margin-left: 8px;
    font-size: 13px;
}

.company-goal-toggle.collapsed > span > i:before {
    content: "\f077";
}

/*company goals end*/



/*company-goals-table*/
.company-goals-table .stages-wrap {
    padding: 40px 0;
}

    .company-goals-table .stages-wrap .stages-inner {
        margin: 0 -15px;
        display: flex;
    }

    .company-goals-table .stages-wrap .stage {
        margin: 0 15px;
        padding-bottom: 30px;
        width: 20%;
    }

        .company-goals-table .stages-wrap .stage .title {
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            color: #2F3542;
            padding: 18px 20px 11px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom-width: 2px;
            border-bottom-style: solid;
        }

            .company-goals-table .stages-wrap .stage .title i {
                font-size: 16px;
                color: #1BC469;
                display: none;
            }

        .company-goals-table .stages-wrap .stage.active .title i {
            display: block;
        }

        .company-goals-table .stages-wrap .stage ul {
            margin-bottom: 0;
            padding-left: 0;
        }

            .company-goals-table .stages-wrap .stage ul li {
                margin-bottom: 10px;
                list-style-type: none;
                font-size: 13px;
                line-height: 17px;
            }

                .company-goals-table .stages-wrap .stage ul li i {
                    font-size: 6px;
                    color: #77889A;
                    margin-right: 10px;
                    position: relative;
                    top: -2px;
                }

                .company-goals-table .stages-wrap .stage ul li:last-child {
                    margin-bottom: 0px;
                }

        .company-goals-table .stages-wrap .stage .revenue, .company-goals-table .stages-wrap .stage .certification, .company-goals-table .stages-wrap .stage .training {
            padding: 15px 20px;
            font-size: 13px;
            color: #2F3542;
            line-height: 17px;
        }

        .company-goals-table .stages-wrap .stage .revenue, .company-goals-table .stages-wrap .stage .certification {
            border-bottom: 1px solid #D9DCE1;
        }

        .company-goals-table .stages-wrap .stage .certification {
            min-height: 120px;
        }
/*requirments end*/
/*category-score-css-start*/
.category-score.bp-blocks {
    margin-top: 47px;
    border-top: none;
    padding-top: 0px;
}

.heading-with-btn {
    display: flex;
}

    .heading-with-btn .heading-box {
        flex: 1;
    }

.category-score.bp-blocks .btn-primary-border {
    background: none;
    border: 1px solid #4443E4;
    color: #4443E4;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 500;
}

.score-tabing-box {
    margin-top: 20px;
    border: 1px solid #D9DCE1;
    border-radius: 10px;
    overflow: hidden;
}

    .score-tabing-box .nav-tabs {
        display: flex;
        width: 100%;
    }

        .score-tabing-box .nav-tabs li {
            width: 25%;
            margin: 0px;
            border-bottom: none;
        }

            .score-tabing-box .nav-tabs li:not(:first-child) {
                border-left: 1px solid #D9DCE1;
            }

            .score-tabing-box .nav-tabs li a {
                padding: 30px 20px;
                color: #2F3542;
                position: relative;
                height: 100%;
            }

            .score-tabing-box .nav-tabs li.active:hover a,
            .score-tabing-box .nav-tabs li.active a,
            .score-tabing-box .nav-tabs li.active a:focus {
                background: #fff;
                color: #2F3542 !important;
            }

        .score-tabing-box .nav-tabs > li.active, .score-tabing-box .nav-tabs > li:hover, .score-tabing-box .nav-tabs > li:focus {
            border-bottom: none !important;
        }

        .score-tabing-box .nav-tabs li a i.collapse-arrw {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .score-tabing-box .nav-tabs li.active a i.collapse-arrw:before {
            content: "\f077";
        }

    .score-tabing-box .chart-box {
        width: 70px;
        height: 70px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        display: flex;
        position: relative;
    }

        .score-tabing-box .chart-box .percent {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .score-tabing-box .content-box {
        width: calc(100% - 70px);
        padding-left: 20px;
    }

        .score-tabing-box .content-box h5 {
            margin: 0px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 500;
            max-width: 133px;
            margin-bottom: 11px;
        }

    .score-tabing-box .nav-tabs li.active a:after {
        content: '';
        position: absolute;
        top: 100%;
        border-top: 10px solid #D9DCE1;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .score-tabing-box .content-box .score-count-box {
        color: #77889A;
        font-weight: 400;
    }

        .score-tabing-box .content-box .score-count-box strong {
            font-weight: 500;
            color: #2F3542;
        }

    .score-tabing-box .content-box span {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-right: 10px;
        float: left;
        text-align: center;
        font-size: 8px;
        line-height: 16px;
    }

        .score-tabing-box .content-box span.upward {
            background: rgba(27, 196, 105, 0.2);
            color: rgba(27, 196, 105, 1);
        }

#tblTextEditorContainer .note-statusbar {
    display: none;
}

.text-editor-close-btn {
    border-left: 1px solid #D9DCE1;
    margin-left: 20px;
}

    .text-editor-close-btn a {
        border: none;
        text-decoration: none;
        margin-left: 10px;
        box-shadow: none;
    }

        .text-editor-close-btn a i {
            color: #77889A !important;
            font-size: 26px !important;
        }

        .text-editor-close-btn a:hover {
            background: none;
        }
/*text summary end*/
/*fixed-social-posting-day-section-css-start*/
.pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1 .checkbox-custom,
.pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1 .checkbox-custom-label {
    padding-left: 30px;
}

.pg-setup-social-drip-v5 .btn-checkbox-type-1 .checkbox-custom + .checkbox-custom-label:before,
.pg-setup-social-drip-v5 .btn-radio-type-1 .radio-custom + .radio-custom-label:before {
    position: absolute;
    top: 9px;
    left: 10px;
}

@media screen and (max-width:1365px) {
    .pg-setup-social-drip-v5 .day-btn-list-v5 .btn-checkbox-type-1:nth-child(3n+0) {
        margin-right: 5px;
    }
}
/*fixed-social-posting-day-section-css-end*/
.leaderbargraph {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .leaderbargraph > .leaderbargraph-item {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
/*add-icon for calender-arrow-start*/
.glyphicon-arrow-right:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
}

.glyphicon-arrow-left:before {
    content: "\f104";
    font-family: 'Font Awesome 5 Pro';
}
/*add-icon for calender-arrow-end*/
/*ui-fixed for-opportunity-grid-start*/
.opportunity-grid-wrap #inbox-table tr th.updatedon-head {
    min-width: 108px;
}

.opportunity-grid-wrap #inbox-table tr th.account-head {
    min-width: 114px;
}

.opportunity-grid-wrap #inbox-table tr th.opportunity-head {
    min-width: 134px;
}

.opportunity-grid-wrap #inbox-table tr th.opportunity-head-for-mobile {
    min-width: 134px;
}
/*ui-fixed for-opportunity-grid-end*/
/*popover-text-wrap-css-start*/
.popover-text-break {
    word-break: break-all;
}
/*popover-text-wrap-css-end*/
/*text-wrap-css-start*/
#itemname,
.va-print .details-list .value {
    word-break: break-all;
}
/*text-wrap-css-end*/
/*social-status-modal-textarea-resize-css-start*/
.social-status-modal-wrap textarea,
.social-status-modal-wrap .form-control {
    min-height: 100px;
    width: 100% !important;
}

.social-status-modal-wrap .text-box-wrap {
    float: left;
    width: 100%;
}
/*social-status-modal-textarea-resize-css-start*/
.score-tabing-box .content-box span.upward i {
    transform: rotate(-40deg);
}

.score-tabing-box .content-box span.downward {
    background: rgba(247, 63, 73, 0.2);
    color: rgba(247, 63, 73, 1);
}

    .score-tabing-box .content-box span.downward i {
        transform: rotate(145deg);
    }

.score-tabing-box .tab-content {
    padding: 30px 0px;
}

    .score-tabing-box .tab-content .scroe-head {
        padding: 0px 20px 20px;
    }

        .score-tabing-box .tab-content .scroe-head .badge {
            margin-left: 10px;
        }

.badge-warning-border {
    color: #F8C659;
    background: rgba(248, 198, 89, 0.1);
    border: 1px solid #F8C659;
}

.cat-score-detail-wrap {
    max-width: 932px;
}

    .cat-score-detail-wrap ul {
        display: flex;
        width: 100%;
        padding: 0px;
        border: 1px solid #D9DCE1;
        border-left: none;
    }

        .cat-score-detail-wrap ul li {
            width: 33.3%;
            margin: 0px;
            display: flex;
            padding: 30px 20px;
        }

            .cat-score-detail-wrap ul li:not(:first-child) {
                border-left: 1px solid #D9DCE1;
            }

            .cat-score-detail-wrap ul li .content-box h5 {
                font-weight: 400;
            }

.cat-score-detail-grid-box {
    margin-top: 30px;
}

.text-green {
    color: #1BC469 !important;
}

.text-red {
    color: #F73F49 !important;
}

.cat-score-detail-grid-box .table-wrap {
    padding-left: 20px;
}

    .cat-score-detail-grid-box .table-wrap table {
        margin: 0px;
    }

    .cat-score-detail-grid-box .table-wrap tr th {
        background: #D9DCE1;
    }

    .cat-score-detail-grid-box .table-wrap tr td {
        color: #77889A;
    }

        .cat-score-detail-grid-box .table-wrap tr th:nth-last-child(2),
        .cat-score-detail-grid-box .table-wrap tr td:nth-last-child(2) {
            text-align: right;
            padding-right: 90px;
        }

    .cat-score-detail-grid-box .table-wrap tr:last-child td {
        border-bottom: 1px solid #ddd;
    }

.badge-gold {
    color: #D3AF37;
    background: rgba(211, 175, 55, 0.1);
    border: 1px solid #D3AF37;
}

.badge-platinum {
    color: #92A7BA;
    background: rgba(146, 167, 186, 0.1);
    border: 1px solid #92A7BA;
}
/*responsive*/
@media screen and (max-width:1449px) {
    .business-planning-wrap .overall-score .score-wrap .body-part .performance-graph,
    .business-planning-wrap .overall-score .score-wrap .body-part .performance,
    .business-planning-wrap .overall-score .score-wrap .body-part .status {
        width: 33.3%;
    }
}
/*category-score-css-end*/
/*business planning end*/
/*announcement-widget-modal-new-design-css-start*/
.announcement-widget-modal-new-ui .widget-body {
    background: none;
}

    .announcement-widget-modal-new-ui .widget-body .table-wrap {
        float: left;
        width: 100%;
        margin-bottom: 0px;
        padding-top: 0px !important;
    }

        .announcement-widget-modal-new-ui .widget-body .table-wrap ul li {
            float: left;
            width: 100%;
        }

            .announcement-widget-modal-new-ui .widget-body .table-wrap ul li:not(:last-child) {
                margin-bottom: 20px;
            }

            .announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info {
                float: left;
                width: 100%;
                padding: 20px;
                margin: 0px;
                border: none;
                background: #fff;
                border-radius: 5px;
            }

                .announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info span.label {
                    display: inline-block;
                    margin-bottom: 6px;
                    padding: 1px 5px;
                    font-size: 11px;
                    line-height: 14px;
                    font-weight: 500;
                    color: #fff;
                    background: #F73F49;
                    border-radius: 3px;
                }

                .announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info span.annoucement-content-wrap {
                    float: left;
                    width: 100%;
                }

                    .announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info span.annoucement-content-wrap strong {
                        float: left;
                        width: 100%;
                        font-size: 14px;
                        line-height: 18px;
                        color: #2F3542;
                        font-weight: 500;
                        margin-bottom: 6px;
                    }

                    .announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info span.annoucement-content-wrap span {
                        font-size: 13px;
                        line-height: 17px;
                        color: #77889A;
                    }

    .announcement-widget-modal-new-ui .widget-body .inbox-footer {
        float: left;
        width: 100%;
    }

        .announcement-widget-modal-new-ui .widget-body .inbox-footer .records-info {
            line-height: 34px;
        }
    /*announcement-widget-modal-new-design-css-end*/
    .announcement-modal-detail ul li p ul,
    .announcement-modal-detail ul li p ol,
    .announcement-widget-modal-new-ui .widget-body .table-wrap ul li ul li,
    .announcement-widget-modal-new-ui .widget-body .table-wrap ul li ol li,
    .a-notification-announcement-tab-wrap .table-wrap ul li p ul,
    .a-notification-announcement-tab-wrap .table-wrap ul li p ol,
    .a-notification-announcement-tab-wrap .table-wrap ul li p ul li,
    .a-notification-announcement-tab-wrap .table-wrap ul li p ol li {
        list-style: inherit;
        list-style-position: inside;
    }

        .a-notification-announcement-tab-wrap .table-wrap ul li p ul li {
            border: none !important;
            margin-left: 0px !important;
        }

.announcement-modal-detail .annnouncement-detail-wrap p ol {
    padding: 0px;
    list-style-position: inside;
}

.announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info ul li,
.announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info ol li {
    margin: 0px;
}

    .announcement-widget-modal-new-ui .widget-body .table-wrap ul li .alert.alert-info ul li:last-child {
        margin-bottom: 15px;
    }

.multi-annoucement .announcement-modal-detail ul li p ul {
    list-style: initial;
    list-style-position: inside;
}

.label-top-position {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 10px;
    background-color: #77889a;
}

.popover-cust-width {
    max-width: 100%;
    min-width: 202px;
}
/*START OF IMAGE GALLERY PAGE LIST-VIEW CSS*/
.gallery-list-view-width .inbox-data-from {
    width: 400px !important;
}
/*END OF IMAGE GALLERY PAGE LIST-VIEW CSS*/
/*Contact-Lists-Page Custom CSS Start*/
.contact-lists-width table .increase-width {
    width: 400px !important;
}
/*Contact-Lists-Page Custom CSS End*/
.social-checkbox label input[type=checkbox] + span:before {
    width: 15px;
    height: 15px;
    line-height: 15px;
}
/*START OF SETUP-GROUPS PAGE CSS*/
.text-trim-popover .inbox-data-from :first-child:not(.ui-slider) {
    max-width: unset !important;
    white-space: normal;
}

.text-trim-popover #inbox-table tr td span + .popover {
    word-break: break-all;
}
/*END OF SETUP-GROUPS PAGE CSS*/

.bp-bg-red {
    color: #F73F49 !important;
}

.bp-bg-darkorange {
    color: #F27137 !important;
}

.bp-bg-orange {
    color: #F79531 !important;
}

.bp-bg-green {
    color: #1BC469 !important;
}

.badge-2 {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding: 1px 5px;
    border-radius: 3px;
}

    .badge-2.badge-2-danger {
        color: #F73F49;
        background: rgba(247, 63, 73, 0.1);
        border: 1px solid #F73F49;
    }

    .badge-2.badge-2-gray {
        color: #2F3542;
        background: rgba(47, 53, 66, 0.1);
        border: 1px solid rgba(47, 53, 66, 0.5);
    }

.label-2 {
    padding: 1px 5px;
    border-radius: 3px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
}

    .label-2.label-2-danger {
        background: #F73F49;
    }


/*mobile related css only*/

/* Mobile Friendly Contact Grid Page Starts Here */
@media only screen and (max-width: 1279px) {

    .dropdown-menu {
        min-width: 220px;
        max-width: 100%;
    }

    .actionsdiv {
        float: none;
        text-align: right;
        margin-top: 15px;
        margin-bottom: 5px;
    }

        .actionsdiv .rowcount-block .rowcount {
            float: right;
            font-size: 20px;
            line-height: 26px;
            color: #2F3542;
            text-decoration: none;
        }

        .actionsdiv .rowcount-block {
            float: left;
        }

            .actionsdiv .rowcount-block i {
                float: left;
                padding-right: 19px;
                font-size: 20px;
                line-height: 26px;
                color: #2F3542;
            }

        .actionsdiv .action-tool-icon {
            margin-left: 22px;
            font-size: 16px;
            line-height: 26px;
            color: #77889A;
            cursor: pointer;
        }

            .actionsdiv .action-tool-icon.bulkdeletedisable {
                pointer-events: none;
                opacity: 0.5;
                cursor: default;
            }

        .actionsdiv .select-tools-dropdown {
            margin-left: 15px;
            margin-right: 0;
        }

            .actionsdiv .select-tools-dropdown button {
                background: none;
                border: none;
                box-shadow: none;
                line-height: normal;
                padding: 6px 15px 5px;
                font-size: 18px;
                top: -2px;
            }

            .actionsdiv .select-tools-dropdown.open button {
                background: rgba(83, 82, 237, 0.1);
            }


    /*info popup start*/
    .modal-info-popup.modal {
        background: rgba(47, 53, 66, 0.8);
    }

    .modal-info-popup .modal-inner {
        width: calc(100% - 30px);
        margin-left: 15px;
        background: #fff;
        position: relative;
        top: 100%;
        transform: translateY(calc(-100% - 15px));
        border-radius: 5px;
        overflow: hidden;
    }

        .modal-info-popup .modal-inner .modal-header {
            border-bottom: none;
            padding: 20px;
            height: auto;
            display: flex;
            align-items: center;
            position: relative;
        }

            .modal-info-popup .modal-inner .modal-header .close-popup {
                position: absolute;
                right: 10px;
                font-size: 14px;
                top: 10px;
                font-weight: normal;
                font-size: 15px;
                line-height: 11px;
                color: #77889A;
            }

            .modal-info-popup .modal-inner .modal-header .profile-image {
                width: 50px;
                height: 50px;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 500;
                font-size: 20px;
                line-height: 16px;
                background: rgba(83, 82, 237, 0.1);
                margin-right: 20px;
                color: #5352ED;
            }

            .modal-info-popup .modal-inner .modal-header .profile-name {
                font-weight: 500;
                font-size: 14px;
                line-height: 16px;
                margin-bottom: 5px;
                color: #2F3542;
            }

            .modal-info-popup .modal-inner .modal-header .profile-email {
                font-size: 11px;
                line-height: 14px;
                color: #2F3542;
            }

        .modal-info-popup .modal-inner .modal-body {
            background: #F1F2F6
        }

            .modal-info-popup .modal-inner .modal-body .profile-info .view-row {
                border-bottom: 1px solid #D9DCE1;
                padding: 10px 0;
            }

                .modal-info-popup .modal-inner .modal-body .profile-info .view-row:last-child {
                    border-bottom: 0;
                }

                .modal-info-popup .modal-inner .modal-body .profile-info .view-row label {
                    font-size: 10px;
                    line-height: 13px;
                    color: #77889A;
                    margin-bottom: 0;
                }

                .modal-info-popup .modal-inner .modal-body .profile-info .view-row .name {
                    color: #2F3542;
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 16px;
                }

                    .modal-info-popup .modal-inner .modal-body .profile-info .view-row .name .date {
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 20px;
                    }

                    .modal-info-popup .modal-inner .modal-body .profile-info .view-row .name.green {
                        color: #1BC469;
                    }

                .modal-info-popup .modal-inner .modal-body .profile-info .view-row .email {
                    font-size: 11px;
                    line-height: 14px;
                    color: #2F3542;
                }
    /*info popup end*/

}

@media (max-width:992px) {
    .text-green {
        color: #1BC469 !important;
    }

    .inbox-nav-bar:after {
        display: none;
    }
    /* Hide border color-profile grid folder */

    /*Contacts page*/
    ul.inbox-folder-list > li.active, ul.inbox-folder-list > li:hover, ul.inbox-folder-list > li:focus {
        border-bottom: none;
    }

    .btn-default.active, .btn-default:focus, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
        background: #fff;
        color: #333;
    }

    ul.dropdown-menu > li > a > i.fa-check {
        float: right;
        margin-right: 0;
    }

    .hide-in-mobileview {
        display: none !important;
    }

    .show-xs {
        display: block !important;
        margin-right: 0;
    }

    .convert-dropdown-mobile.nav-tabs {
        min-width: 200px;
        border-color: #f1f2f6;
        background: #fff !important;
        box-shadow: 0 0 12px rgba(83, 82, 237, 0.15);
        padding: 5px;
        border-radius: 6px;
        z-index: 1030;
        text-align: left;
        display: inline-block;
    }

        .convert-dropdown-mobile.nav-tabs > li {
            float: none;
            margin-left: 0;
        }

            .convert-dropdown-mobile.nav-tabs > li > a {
                font-weight: normal;
                padding: 8px 14px !important;
                justify-content: flex-start;
                background: #fff;
            }

            .convert-dropdown-mobile.nav-tabs > li.active, .nav-tabs > li:hover, .nav-tabs > li:focus {
                border-bottom: none !important;
            }

                .convert-dropdown-mobile.nav-tabs > li.active a, .nav-tabs > li a:hover, .nav-tabs > li a:focus {
                    background-color: #f1f2f6 !important;
                    color: #2f3542 !important;
                    border: none;
                    font-weight: normal;
                    text-align: left;
                }

    #inbox-table tr th {
        padding: 5px 10px !important;
    }

    #inbox-table th.inbox-table-icon {
        padding: 0px 10px !important;
    }
    /*Training page start*/
    .training-page-mobile-view .inbox-table-icon.training-mobile-thumb {
        max-width: 70px;
        text-align: center;
        width: 70px !important;
        padding-right: 0 !important;
    }

    #inbox-table.training-page-mobile-view tbody > tr > td:first-child {
        padding-right: 0 !important;
    }

    .training-page-mobile-view .training-mobile-thumb .imgDiv {
        margin-top: 0;
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

        .training-page-mobile-view .training-mobile-thumb .imgDiv img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            border-radius: 5px !important;
        }

    .training-page-mobile-view .training-mobile-thumb i {
        margin-top: 0;
        font-size: 60px !important;
    }

    .training-page-mobile-view .training-mobile-desc .label {
        background: #77889A;
        padding: 2px 6px !important;
        font-size: 9px;
        display: inline !important;
    }

        .training-page-mobile-view .training-mobile-desc .label.label-danger {
            background-color: #F73F49 !important;
        }

    .training-page-mobile-view .training-mobile-desc .description {
        color: #2F3542;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 5px;
        line-height: 16px;
    }

    .training-page-mobile-view .training-mobile-desc .sub-desc {
        font-size: 11px;
        line-height: 16px;
        color: #77889A;
    }

        .training-page-mobile-view .training-mobile-desc .sub-desc ul li::marker {
            display: none;
        }

        .training-page-mobile-view .training-mobile-desc .sub-desc .item-value {
            margin-left: 3px;
            font-size: 11px;
        }

    ul.analytics-data-list li span.item-lbl-value-pair.text-success {
        color: #1BC469;
    }

        ul.analytics-data-list li span.item-lbl-value-pair.text-success .item-value {
            color: #1BC469;
        }

    .training-page-mobile-view .training-mobile-desc .sub-desc .text-danger {
        color: #F73F49;
    }

    .course-templates .inbox-nav-bar.no-content-padding .btn-group {
        width: 100%;
    }

        .course-templates .inbox-nav-bar.no-content-padding .btn-group .dropdown-menu {
            width: 100%;
        }

        .course-templates .inbox-nav-bar.no-content-padding .btn-group button {
            width: 100%;
            justify-content: space-between;
            max-width: inherit;
            border: 1px solid #D9DCE1;
            height: 36px;
            box-shadow: none;
        }

    .header-status-mobile {
        display: none !important;
        margin-top: 20px;
    }

        .header-status-mobile .progress {
            height: 5px;
            background: #D9DCE1;
            border-radius: 5px;
        }

        .header-status-mobile .progress-bar {
            border-radius: 5px;
            line-height: 9px;
        }

            .header-status-mobile .progress-bar span {
                display: none;
            }

        .header-status-mobile .completed {
            color: #77889a;
            font-size: 12px;
            line-height: 21px;
        }

        .header-status-mobile .name {
            color: #2f3542;
            font-weight: 500;
            font-size: 13px;
            line-height: 21px;
            margin-bottom: 5px;
            display: flex;
            justify-content: space-between;
        }

            .header-status-mobile .name .value-percentage {
                font-weight: normal;
                font-size: 9px;
                line-height: 21px;
                color: #2F3542;
            }

    .course-templates {
        padding-top: 0 !important;
    }

    .coursecatalog-setting {
        display: none !important;
    }

    .header-status-mobile .coursebar, .header-status-mobile .curriculumbar {
        flex: 1;
    }

        .header-status-mobile .coursebar .progress-bar {
            background: #5352ED;
        }

        .header-status-mobile .curriculumbar .progress-bar {
            background: #F73F49;
        }

    .inbox-nav-bar.no-content-padding {
        margin: 0 5px 10px !important;
        padding-top: 10px;
    }
    /*Training page end*/

    /* Opportunity page start*/
    #inbox-table tr th.score-head, #inbox-table.table tbody > tr > td.score-td, #inbox-table tr th.stage-head, #inbox-table.table tbody > tr > td.stage-td {
        max-width: 50px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #inbox-table tr th.opportunity-head, #inbox-table.table tbody > tr > td.opportunity-td {
        min-width: 152px;
    }
    /* Opportunity page end*/

    /*Playbook page start*/
    .pg-playbook-internal .inbox-nav-bar.no-content-padding .btn-group {
        width: 100%;
    }

        .pg-playbook-internal .inbox-nav-bar.no-content-padding .btn-group .dropdown-menu {
            width: 100%;
        }

        .pg-playbook-internal .inbox-nav-bar.no-content-padding .btn-group button {
            width: 100%;
            justify-content: space-between;
            max-width: inherit;
            border: 1px solid #D9DCE1;
            height: 36px;
        }
    /*Playbook page end*/
}

@media (max-width:767px) {
    .pg-course {
        margin: 0px -20px 0px -20px;
    }

    .table-wrap .radio, .table-wrap .checkbox {
        padding-left: 15px !important;
    }

    #content {
        padding: 10px 20px 30px;
        /* Reduced left right margin on mobile */
    }

    .inbox-pagination {
        margin-top: 15px;
    }

    .trim-text-inMobile {
        width: 170px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #inbox-table .inbox-table-icon.phone-icon-inmobile {
        width: 45px !important;
    }

    table td.phone-icon-inmobile > div {
        margin-top: 0 !important;
    }

    table td.phone-icon-inmobile span.multipleNumber.dropdown, table td.phone-icon-inmobile span.singleNumber.dropdown {
        font-size: 18px;
        top: 50%;
        margin-top: -10px;
    }

    table td span.multipleNumber.disable-state, table td span.singleNumber.disable-state {
        opacity: 0.2;
    }

    .sent-to-column-for-mobile {
        line-height: normal !important;
    }

        .sent-to-column-for-mobile > div {
            line-height: normal;
        }

        .sent-to-column-for-mobile .email-label-mobile {
            font-weight: 500;
            font-size: 12px;
            color: #2F3542;
        }

        .sent-to-column-for-mobile .sent-to-subject {
            font-size: 11px;
        }

    .company-contact-for-mobile {
        line-height: normal !important;
    }

        .company-contact-for-mobile .company-name-for-mobile {
            font-weight: 500;
            font-size: 12px;
            color: #2F3542;
        }

        .company-contact-for-mobile .contact-name-for-mobile {
            font-size: 11px;
            color: #77889A;
        }

            .company-contact-for-mobile .contact-name-for-mobile strong {
                font-size: 11px;
                font-weight: normal;
                color: #77889A;
            }

    #inbox-table.table tbody > tr > td:first-child {
        padding-left: 20px !important;
        width: inherit !important;
        min-width: 60px;
    }

    #inbox-table.table thead > tr > th:first-child {
        padding-left: 20px !important;
    }

    td.inbox-table-icon div.profile-img {
        left: 55%;
    }

    #inbox-table .inbox-table-icon.initial-column-checkbox {
        width: 56px !important;
    }

    #inbox-table .inbox-table-icon.initial-column {
        width: 56px !important;
    }

    #inbox-table .inbox-data-icon.profile-state {
        padding-left: 10px !important;
    }

    #inbox-table tbody tr:focus, #inbox-table tbody tr:hover {
        background: inherit;
    }

        #inbox-table tbody tr:focus td, #inbox-table tbody tr:hover td {
            background: #fff !important;
        }

    #inbox-table tbody tr.highlight:hover td {
        background: rgba(132, 47, 51, 0.1) !important;
    }

    .inbox-footer .records-info {
        display: none;
    }

    .inbox-nav-bar.no-content-padding {
        margin-bottom: 5px !important;
    }

        .inbox-nav-bar.no-content-padding .btn-group {
            white-space: nowrap;
        }

            .inbox-nav-bar.no-content-padding .btn-group button {
                max-width: 220px;
                white-space: normal;
                padding-top: 0;
                padding-bottom: 0;
                line-height: 17px;
                display: flex;
                align-items: center;
                height: 34px;
                text-align: left;
                text-overflow: ellipsis;
            }

    .inbox-body .inbox-footer {
        padding-top: 0;
        float: left;
    }
    /*.inbox-body .inbox-footer > .row {
        height: 30px;
    }*/
    .popover {
        display: none !important;
    }

    #content .inbox-body .table-wrap {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .nav-tabs.bordered + .tab-content {
        margin: 0 -15px;
        border: 0;
    }

    .nav-tabs.bordered {
        border: none;
        border-bottom: 1px solid #ddd;
        display: flex;
        align-items: flex-end;
        overflow-x: scroll;
    }

    .nav-tabs > li {
        white-space: nowrap;
    }

    .inbox-nav-bar.no-content-padding {
        margin: 0 5px 10px !important;
    }
    /* Opportunity page start*/
    .opportunity-mobile-styles#inbox-table.table tbody > tr > td:first-child {
        min-width: 40px;
    }
    /* Opportunity page end*/
}

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

    #inbox-table.table tbody > tr > td.inbox-data-date {
        max-width: 160px;
    }

    #inbox-table.table tbody > tr > td.training-mobile-thumb {
        width: 94px !important;
    }
}
/* Mobile Friendly Contact Grid Page Ends Here */

@media only screen and (max-width: 320px) {
    .inbox-nav-bar.no-content-padding .btn-group button {
        max-width: 145px;
    }

    .training-page-mobile-view .training-mobile-thumb .imgDiv img {
        max-width: 43px !important;
    }
}

/*
        Animation is here since we can't do this in JS with inline styles :(
      */
@keyframes skeletonAnimation {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 0.8;
    }
}

/*
        Reset all styles of an element
      */
.reset-this {
    animation: none;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0;
    border-style: none;
    border-width: medium;
    border-color: inherit;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: separate;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-right-style: none;
    border-right-width: medium;
    border-spacing: 0;
    border-top: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto;
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: none;
    column-span: 1;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font: normal;
    font-family: inherit;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes: '\201C' '\201D' '\2018' '\2019';
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-color: inherit;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}



/*
        Pending styles for CSS class based example
      */
.skeleton-wrapper .pending {
    color: #bdc3c7 !important;
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7 !important;
    animation-name: skeletonAnimation;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.skeleton-wrapper .pending_el {
    color: #ccc !important;
    background-color: #ccc !important;
    animation-name: skeletonAnimation;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.skeleton-wrapper .container2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.skeleton-wrapper .avatar {
    display: block;
    width: 150px;
    height: 150px;
}

.skeleton-wrapper .content {
    background-color: #f0f0f0 !important;
    padding: 10px 16px;
    color: #34495e !important;
    font-family: system-ui, sans-serif;
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
}

.skeleton-wrapper .demo:empty {
    margin: auto;
    width: 500px;
    height: 600px; /* change height to see repeat-y behavior */

    background-image: radial-gradient( circle 50px at 50px 50px, lightgray 99%, transparent 0 ), linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 );
    background-repeat: repeat-y;
    background-size: 100px 200px, /* circle */
    50px 200px, /* highlight */
    150px 200px, 350px 200px, 300px 200px, 250px 200px;
    background-position: 0 0, /* circle */
    0 0, /* highlight */
    120px 0, 120px 40px, 120px 80px, 120px 120px;
    animation: shine 1s infinite;
}

@keyframes shine {
    to {
        background-position: 0 0, 100% 0, /* move highlight to right */
        120px 0, 120px 40px, 120px 80px, 120px 120px;
    }
}

.skeleton-wrapper .bg-image {
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    /*  background-image: url();   */
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 30%
}

/*Guided-search-with-button-css-start*/
.guided-search-with-btn {
    padding: 30px;
    margin: -10px -40px 0;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

    .guided-search-with-btn .guided-search-wrap .guided-search-label {
        display: block;
    }

    .guided-search-with-btn .guided-search-wrap .input-group {
        width: calc(100% - 238px);
    }

        .guided-search-with-btn .guided-search-wrap .input-group .form-control {
            padding-left: 50px;
            padding-right: 12px;
        }

        .guided-search-with-btn .guided-search-wrap .input-group .input-group-btn {
            right: auto;
        }

.guided-search-wrap .input-group .input-group-btn .btn {
    line-height: 42px;
}

.guided-search-with-btn .btn-clear-form-v4-v1 {
    position: absolute;
    padding: 7px 13px;
    font-size: 16px;
    right: 0;
    z-index: 11;
    height: 49px;
    display: flex;
    align-items: center;
    color: #63656A;
}
/*Guided-search-with-button-css-end*/



.guided-search-section > .guided-search-bar {
    width: 355px;
    position: relative;
    background-color: #fff;
    margin-left: -26px;
    margin-right: 20px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    overflow-y: auto;
    transition: height .3s;
}
.guided-search-section .guided-search-bar .section-normal .accordion{
    overflow:hidden;
    overflow-y:auto;
    padding-bottom:7px;
}

.guided-search-section {
    display: flex;
}

    .guided-search-section > .guided-search-result {
        flex: 1;
        /*overflow: hidden;*/
        /*overflow-y: auto;*/
        transition: height .3s;
    }

.section-highlighted {
    background-color: #D9D7D5;
    padding: 15px 30px;
}

.guided-search-bar h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
}

.guided-search-bar ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    width: 100%;
}
.guided-search-bar li {
    margin: 10px 0px;
}

.guided-search-bar li .checkbox {
    min-height: 26px;
    padding: 4px 6px 4px 0;
    margin: 4px 4px 4px 0;
    text-transform: capitalize;
    float:left;
    width:100%;
}

    .guided-search-bar li .checkbox .custom-checkbox {
        position: absolute;
        opacity: 0;
        width: 15px;
        margin-left: 0;
    }

    .guided-search-bar li .checkbox label {
        color: #2f3542;
        display: block;
        position:relative;
        padding-left:23px;
    }

.guided-search-bar input[type=checkbox].custom-checkbox + label::before {
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    content: "";
    background-color: #fff;
    border:1px solid #dbdee3;
    border-radius: 4px;
    color: #fff;
    box-shadow: none;
    font-size: 10px;
    margin-right: 8px;
    height: 15px;
    width: 16px;
    line-height: 13px;
    left:0;
    top:6px;
    font-weight:700;
    text-align:center;
}
.guided-search-bar input[type=checkbox].custom-checkbox:checked + label:before {
    content: "\f00c";
}


.guided-search-bar .accordion-header {
    position: relative;
}

    .guided-search-bar .accordion-item .accordion-header .panel-title:after {
        font-family: 'Font Awesome 5 Pro';
        content: "\f107";
        position: absolute;
        color: #000;
        font-size: 16px;
        line-height: 22px;
        right: 30px;
        top: calc(50% - 10px);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        width:unset;
    }

    .guided-search-bar .accordion-item .accordion-header  .panel-title.collapsed:after {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.guided-search-bar .accordion .accordion-item {
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    background-color: #fff;
    border: none;
    box-shadow: none;
}

.guided-search-bar .accordion .accordion-item .accordion-header {
    background-color:transparent;
    border: none;
    padding: 10px 15px;
    margin-top: 0;
    cursor: pointer;
}

.guided-search-bar .accordion .accordion-item + .accordion-item > .accordion-header {
    margin-top: 10px;
}

.guided-search-bar h4.panel-title {
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #000;
}

.guided-search-bar .panel-group .panel-heading + .panel-collapse .panel-body {
    border: none;
}

.guided-search-bar .accordion-body {
    padding: 0 30px;
}

.guided-search-close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    padding: 10px;
    cursor: pointer;
}

    .guided-search-close > i {
        font-weight: 400;
    }

.guided-search-result ul.card-view-v05 > li .card-wrap .card-footer {
    padding: 12px 5px;
}

.guided-search-bar input[type=checkbox]:checked.custom-checkbox + label::before {
    background-color: #5352ed;
    border-color: #5352ed;
    background-color: #9EB356;
    border-color: #9EB356;
}

.guided-search-bar .guided-toggle > .smart-form {
    position: relative;
    float: unset;
    top: 0;
}

.guided-search-bar .guided-toggle {
    position: relative;
    min-height: 32px;
    padding: 6px 17px;
}


.guided-breadcrumb {
    padding-top: 35px;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}

    .guided-breadcrumb > span {
        color: #63656A;
    }

    .guided-breadcrumb > a {
        color: #2188F9;
        text-decoration: none;
    }

/*ul.card-view-v05 > li .card-wrap span.label.custom-label{
            font-weight: 400;
        font-size: 13px !important;
        line-height: 17px;
        color: #58758F;
        background: rgba(88, 117, 143, 0.1);
        padding: 1px 9px;
        border: 1px solid #58758F;
        border-radius: 3px;
        box-sizing: border-box;
    }*/




/*partner locator css */

.partner-locator-v5 .pg-course {
    margin: -10px -50px 0px;
    padding: 0px;
    width: calc(100% + 100px);
}

.partner-locator-v5 .guided-search-with-btn .guided-search-wrap .input-group .form-control {
    background: transparent;
}

.partner-locator-v5 .guided-search-with-btn {
    margin: 0px -40px 0;
    background: #ffffff80;
    border-bottom: 1px solid #D9DCE1;
}

.partner-locator-v5 .section-highlighted {
    display: none;
}

.partner-locator-v5 .guided-search-bar .panel-group .panel,
.partner-locator-v5 .guided-search-bar .panel-default > .panel-heading {
    background-color: transparent;
}

.guided-search-section > .guided-search-bar {
    background-color: #ffffff80;
}

.partner-locator-v5 .guided-search-bar h4.panel-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2F3542;
    text-transform: uppercase;
}

.partner-locator-v5 .guided-search-bar li .checkbox label {
    color: #000000b3;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    cursor: pointer;
    padding-left: 25px;
}

.partner-locator-v5 .guided-search-section > .guided-search-result {
    padding-left: 20px;
}
.partner-locator-v5 .guided-search-section .guided-card-wrap{
    position:relative;
}
.partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li {
    width: calc(16.913% - 30px);
    border: 0;
    min-width: 237px;
}
    /*.partner-locator-v5 ul.card-view-v05 > li .card-wrap .card-img-holder span.img-overlay {
    display:none;
}*/
    .partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller {
        padding-top: 61.44%;
    }

    .partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li div.card-wrap {
        padding: 0 0px 10px;
    }

.partner-locator-v5 ul.card-view-v05.setup-template-card-v05 > li .card-wrap .card-img-holder .img-center-box {
    padding: 20px;
    border: 0;
    background-color: #e5e6ea;
}

.partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller {
    background-color: transparent;
}

.partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header {
    height: 38px;
    padding: 0 20px;
}

.partner-locator-v5 ul.card-view-v05 > li .card-wrap .card-header .title-holder {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header .title-holder h3 {
    font-size: 14px;
    font-weight:600;
    line-height:20px;
}

.partner-locator-v5 ul.card-view-v05 > li .card-wrap .card-body {
    padding: 0 20px;
    height: 54px;
    margin: 0 0 10px 0;
    max-height: 54px;
    -webkit-line-clamp: 3;
}

.partner-locator-v5 .search-result-text > span {
    margin: 17px 0 26px;
    float: left;
    font-weight: 500;
    font-size: 24px;
    line-height: 23px;
}

.partner-locator-v5 .clear-all-filter {
    float: right;
    padding: 0px 0px 0px 10px;
}

    .partner-locator-v5 .clear-all-filter a {
        display: block;
        font-weight: 400;
        color: #2188F9;
        text-decoration: none;
        font-size: 13px;
        line-height: 17px;
        margin: 30px 0 0;
    }

.partner-locator-v5 .inbox-body .inbox-side-bar,
.partner-locator-v5 .selected-filters {
    display: none
}

.partner-locator-v5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

    .partner-locator-v5 .more-info-div {
        padding: 0 20px;
        margin: 0 0 10px;
        height: 37px;
    }

        .partner-locator-v5 .more-info-div .country-name {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #77889A;
            margin: 0 0 5px;
        }

        .partner-locator-v5 .more-info-div .mail-id a {
            color: #2188F9;
        }

    .partner-locator-v5 .guided-search-result ul.card-view-v05 > li .card-wrap .card-footer {
        padding: 12px 20px;
        border-top: 1px solid #F1F2F6;
        background-color:#F1F2F6;
    }

    .partner-locator-v5 .card-wrap .label.custom-label {
        font-weight: 400;
        font-size: 13px !important;
        line-height: 17px;
        padding: 2px 9px;
        border: 1px solid;
        border-radius: 3px;
    }

    .partner-locator-v5 .header {
        background-size: cover;
        background-repeat: no-repeat;
        background-position:left center;
        background-color: #333;
        min-height: 150px;
        padding:20px;
    }

    .partner-locator-v5 .title {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }

    .partner-locator-v5 .banner-text {
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }

    .partner-locator-v5 .guided-search-bar .guided-toggle {
        padding: 20px 30px;
        border-bottom: 1px solid #D9DCE1;
    }

    .partner-locator-v5 .guided-search-with-btn .guided-search-wrap .guided-search-label {
        display: none;
    }

    .partner-locator-v5 .guided-search-with-btn .guided-search-wrap .input-group {
        width: calc(100% - 60px);
        margin: 0 0 0 25px;
        flex-direction:column;
    }

    .partner-locator-v5 .smart-form .toggle {
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 0;
        position:relative;
    }

    .partner-locator-v5 .smart-form .swtich-label {
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        color: #2F3542;
    }

    .partner-locator-v5 .smart-form .toggle i {
        position: relative;
        margin: 0 5px;
        top: 0;
        box-shadow: none;
        transition: unset;
        border: 0;
    }
    .smart-form .toggle i:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    opacity: 1;
    transition: right .2s;
    -o-transition: right .2s;
    -ms-transition: right .2s;
    -moz-transition: right .2s;
    -webkit-transition: right .2s;
}

    .partner-locator-v5 .v5-toggle.smart-form input:checked + i {
        background: #dadce0 !important;
        border-color: #dadce0 !important;
        box-shadow: none;
        transition: unset;
    }

    .partner-locator-v5 .country-region-dropdown {
        padding: 30px 18px 30px 30px;
    }

        .partner-locator-v5 .country-region-dropdown h4 {
            margin: 0 0 10px;
        }

        .partner-locator-v5 .country-region-dropdown select {
            width: 100%;
            border: 1px solid #D9DCE1;
            background: #FFFFFF;
            border-radius: 5px;
            font-weight: 400;
            font-size: 13px;
            line-height: 17px;
            padding: 6px 14px 6px 10px;
            -webkit-appearance: none;
            position: relative;
            cursor: pointer;
        }

        .partner-locator-v5 .country-region-dropdown .select-wrap {
            position: relative;
        }

            .partner-locator-v5 .country-region-dropdown .select-wrap .select-arrow {
                position: absolute;
                top: 15px;
                right: 14px;
                color: #77889A;
                pointer-events: none;
            }

@media (max-width: 1900px) {
    .partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li {
        width: calc(18.287% - 0px);
    }
}

@media (max-width: 1600px) {
    .partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li {
        margin: 15px 9px;
    }
}

@media (max-width: 1559px) {
    .partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li {
        margin: 15px 13px;
        width: calc(25.346% - 30px);
    }
}

@media (max-width: 1300px) {
    .partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li {
        margin: 15px 13px;
        width: calc(25% - 30px);
        min-width: 218px;
    }
}

.partnertag {
    color: #2188F9 !important;
    background: linear-gradient(0deg, rgba(33, 136, 249, 0.1), rgba(33, 136, 249, 0.1)), #FFFFFF;
    border: 1px solid #2188F9 !important;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 17px;
    padding: 2px 9px;
    border: 1px solid;
    border-radius: 3px;
}
ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .more-info-div{
    padding:0px 20px;
    margin:0px 0px 10px;
    height:37px;
}
ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .more-info-div p.country-name{
    font-weight:400;
    font-size:12px;
    line-height:16px;
    margin:0px 0px 5px;
    color:#77889A;
}
ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .more-info-div span.mail-id a{
    font-size:12px;
    line-height:16px;
    font-weight:400;
    color: #2188F9;
    text-decoration: none;
}
.partner-locator-v5 .guided-search-bar .accordion-item {
    background: none;
    border: none;
    float: left;
    width: 100%;
}
.partner-locator-v5 .guided-search-bar .accordion-item .accordion-header{
    border:none;
}
.partner-locator-v5 .guided-search-bar .accordion-item .accordion-header .panel-title{
    padding:10px 17px;
    background:none;
    border:none;
    box-shadow:none;
    position:relative;
    text-transform:capitalize;
    margin:0px;
    cursor:pointer;
}
.partner-locator-v5 .guided-search-bar .accordion-item .accordion-header .panel-title:after{
    background:none;
    position:absolute;
    top:13px;
    right:10px;
}
.country-region-dropdown .select-wrap .form-control{
    box-shadow:none;
}
.guided-search-result .inbox-footer .inbox-pagination{
    float:right;
}
.guided-search-result .inbox-footer .inbox-pagination .pagination.inbox-pagination-actionbar{
    display:inline-block;
}
.guided-search-result .inbox-footer .inbox-pagination .pagination.inbox-pagination-actionbar li a{
    height:32px;
    display:block;
}
.guided-search-result .inbox-footer .inbox-pagination .pagination.inbox-pagination-actionbar li a .fa{
    line-height:30px;
}
/*------ solution-preview-section-start ------*/
.solution-overview-wrap .solution-with-rating-box {
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    margin-right:10px;
}
.solution-overview-wrap .solution-with-rating-box .col-md-2 {
    width: 326px;
}
.solution-overview-wrap .solution-with-rating-box .col-md-10 {
    flex: 1;
}
.solution-overview-wrap .solution-with-rating-box .solution-img {
    display: flex;
    height: 185px;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    align-items: center;
    overflow: hidden;
    border-radius: 5px;
}
.solution-overview-wrap .solution-with-rating-box .orgheader,
.solution-overview-wrap .solution-with-rating-box .solheader,{
    padding-top:7px;
}
.solution-overview-wrap .solution-with-rating-box h1 {
    margin: 0px 0px 20px;
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 400;
}

.solution-overview-wrap .solution-with-rating-box .rating-box {
    float: left;
    width: 100%;
}

.solution-overview-wrap .solution-with-rating-box .rating-box ul {
    margin: 0px;
    padding: 0px;
}

.solution-overview-wrap .solution-with-rating-box .rating-box ul li {
    float: left;
    list-style: none;
}

 .solution-overview-wrap .solution-with-rating-box .rating-box ul li i {
    font-size: 14px;
    padding-top:3px;
 }

.solution-overview-wrap .solution-with-rating-box .rating-box ul li:not(:last-child) {
    margin-right: 50px;
}

.solution-overview-wrap .solution-with-rating-box .rating-box ul li .rating-star-yellow a {
    font-size: 13px;
    color: #555555 !important;
 }

.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box {
    margin-top: 0px;
}

.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box ul li {
    margin: 0px;
    padding: 0px;
    position: relative;
    float:none;
}

.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box ul li span {
    color: #77889A !important;
    font-weight:400;
    font-size:14px;
    line-height:24px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
}

.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box ul li span a {
    color: #2188F9 !important;
    text-decoration:none;
}

.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box ul li span a:hover {
    text-decoration: none;
}

.solution-overview-wrap .solution-with-rating-box .border-right{
    border-right:transparent;
}

.solution-overview-wrap .solution-with-rating-box .extra-left-padg{
    padding-left:80px;
}

.solution-overview-wrap .solution-with-rating-box .push-right{
    text-align:right;
}

.solution-overview-wrap .solution-with-rating-box .btn {
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 700;
    color: #0D5C91;
    background: rgba(13, 92, 145, 0.1);
    border: 1px solid #0D5C91;
}
.solution-overview-wrap .solution-with-rating-box .txt-grey{
    display:inline-block;
    font-weight:400;
    font-size:13px;
    line-height:17px;
    color:#77889A;
    margin:0 0 5px;
}
.solution-overview-wrap .solution-with-rating-box .engagement1 .badge{
    font-weight:500;
    font-size:14px;
    padding:4px 10px;
    line-height:18px;
    border-radius:3px;
}
.solution-overview-wrap .solution-with-rating-box .engagement1 .engementlevel-medium{
    color:#4DB9FD !important;
    background-color:rgb(65 224 247 / 10%);
}
.solution-overview-wrap.solution-view-v5 .solution-with-rating-box .btn.no-fixed-width{
    display:inline-block;
    max-width:unset;
    font-weight:500;
    width:auto;
}
.solution-overview-wrap .solution-with-rating-box .btn.btn-primary-border {
    color: #5352ed;
    background: rgba(13, 92, 145, 0.1);
    border: 1px solid #5352ed;
}

.solution-overview-wrap .solution-with-rating-box .btn.btn-primary-cta {
    color: #fff;
    background: #0D5C91;
}

.solution-overview-wrap .solution-with-rating-box .btn:not(:last-of-type) {
    margin-bottom: 24px;
}

.solution-overview-wrap .opportunity-template .nav.nav-pills {
    padding: 0px 0px;
    border-bottom:1px solid #D9DCE1;
}

.solution-overview-wrap .opportunity-template .nav.nav-pills li:not(:last-child) {
    margin-right: 40px;
}

.solution-overview-wrap .opportunity-template .nav.nav-pills li a {
    font-size: 14px;
    line-height: 18px;
    font-weight:500;
    color: #333F48;
    padding: 15px 0px;
    border-radius: 0px;
    background:transparent;
    border-bottom:4px solid transparent;
}

.solution-overview-wrap .opportunity-template .nav.nav-pills li.active a {
    background: none;
    border-bottom: 4px solid;
    color:#2c54cd;
    border-color:#2c54cd; 
}
    .solution-overview-wrap .opportunity-template .nav.nav-pills li a.active {
        background: none;
        border-bottom: 4px solid;
        color: #2c54cd;
        border-color: #2c54cd;
    }    

.solution-overview-wrap .opportunity-template .nav.nav-pills li a:hover,
.solution-overview-wrap .opportunity-template .nav.nav-pills li a:focus {
	border-bottom: 4px solid;
    border-color:#2c54cd; 
}

.solution-overview-wrap .s3-tabs .tab-pane {
    padding-top: 30px;
    color: #000;
}

.solution-overview-wrap .s3-tabs .tab-pane .webbannerframe {
    margin-top: 11px;
}

.solution-overview-wrap .s3-tabs .tab-content li {
    list-style-type: unset;
}

.solution-overview-wrap .opportunity-template .tab-content .additional-info .cf-label{
    font-size:18px;
    line-height:21.6px;
    font-weight:500;
    display: inline-block;
    margin-bottom: 10px;
}
.solution-overview-wrap .opportunity-template .tab-content .additional-info p:empty{
    display:none;
}
.solution-overview-wrap .opportunity-template .tab-content .additional-info .cf-value {
    position:relative;
    padding-left: 14px;
    color:#000;
}
.solution-overview-wrap .opportunity-template .tab-content .additional-info .cf-value:before {
    content:'';
    position:absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 4px;
    border-radius:50%;
    background:#000;
}

/*lenovo solution css overwride*/

.solution-overview-wrap .solution-with-rating-box .solution-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e5e6ea;
}

.solution-overview-wrap .solution-with-rating-box .solution-img .display-img {
    display: none;
}

.solution-overview-wrap.solution-view-v5 .solution-with-rating-box .btn {
    max-width: 338px;
    margin-left: auto;
    padding: 10px 20px;
    font-size: 14px;
}
.solution-overview-wrap.solution-view-v5 .breadcrumb-box ul.breadcrumb li { 
    color:#000;
}
.solution-overview-wrap.solution-view-v5 .s3-tabs .inbox-nav-bar .page-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.solution-overview-wrap.solution-view-v5 .video-carousel .carousel-indicators {
    display:none !important;
}
.solution-overview-wrap .related-document-v5 {
    background: transparent;
}
.solution-overview-wrap .related-document-v5 .inbox-nav-bar {
    padding-top: 0;
    padding-left: 0;
}
.solution-overview-wrap.solution-view-v5 .s3-tabs .related-products-v5 .inbox-nav-bar .page-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

/*------ solution-preview-section-end ------*/
/*------ solution-overview thumb design ------*/
.solution-overview-wrap .my-30 {
    margin: 30px 0;
    width: 100%;
    border-bottom: 1px solid #D9DCE1;
}
.solution-overview-wrap .inbox-nav-bar { height:auto;}
.solution-overview-wrap .selected-filters, .solution-overview-wrap .inbox-side-bar {
    display:none;
}
.solution-overview-wrap ul.card-view-v05.setup-template-card-v05 > li .card-wrap .card-img-holder .img-center-box {
    opacity: 0;
}
.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 {
    margin: 5px;
    display:flex;
}
.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li {
    padding: 0 5px;
    margin: 0;
    width:20%;
    min-height:260px;
}
.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller {
    padding-top: 56.25%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header {
    padding: 10px 20px 0 20px;
}
.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li .card-wrap {
    background: #F1F2F6!important;
    padding: 0!important;
}
.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header .title-holder h3 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
}
.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-body {
    min-height: 80px;
    padding: 0 20px;
}
.solution-overview-wrap ul.card-view-v05 > li .card-wrap .card-body p {
    color: #333F48;
    min-height: 80px;
    -webkit-line-clamp: 4;
}
.solution-overview-wrap ul.card-view-v05 > li .card-wrap .card-body p i {
    font-style: initial;
}
.solution-overview-wrap .inbox-nav-bar:after {
    display: none;
}
.solution-overview-wrap .playbooks-view-v5,
.solution-overview-wrap .related-document-v5 {
    background: #fff;
    border-radius: 4px;
}
.solution-overview-wrap .related-products-v5 .inbox-nav-bar {
    margin-left: 20px;
    padding-top: 0;
}
.solution-overview-wrap .modal .inbox-body .table-wrap.custom-scroll.thumbnail-view {
    margin: 0;
}

/*------ solution-overview thumb design end ------*/

/*related-products-v5*/

.solution-overview-wrap .related-products-v5 {
    margin: 0 -20px;
}

.solution-overview-wrap .related-products-v5 ul.card-view-v05.card-thumb-view-v05 > li {
    border: 0;
    padding: 0 13px;
}

.related-products-v5 .inbox-body .table-wrap.custom-scroll.thumbnail-view {
    background: #f1f2f6 !important;
}

.solution-overview-wrap .related-products-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap {
    background: #fff;
}

.solution-overview-wrap .related-products-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}

.solution-overview-wrap .related-products-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header {
    padding: 20px 20px 0;
}

.solution-overview-wrap .related-products-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header .title-holder h3 {
    line-height: 17px;
    font-weight: 500;
    color: #000;
}

.solution-overview-wrap related-products-v5 ul.card-view-v05 > li .card-wrap .card-body p {
    color: #6F7170;
}

.solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li::marker {
    font-size: 0;
}

.solution-overview-wrap ul.card-view-v05 > li .card-wrap .card-footer .left-box ul.action-btn-list {
    list-style: none;
}

.solution-overview-wrap .related-document-v5 ul.card-view-v05 > li .card-wrap .card-footer {
    width: calc(100% - 40px);
    margin: 0 auto;
}

.solution-overview-wrap .with-bg-contain ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller {
    background-size: contain;
}

.solution-overview-wrap .s3-tabs .relatedAssets .inbox-body .inbox-side-bar {
    display: none;
}

.solution-overview-wrap .s3-tabs .relatedAssets .selected-filters {
    display: none;
}

.solution-overview-wrap .s3-tabs .relatedAssets .inbox-nav-bar {
    height: unset;
    padding-top: 19px;
}

.solution-overview-wrap .s3-tabs .inbox-body .inbox-footer {
    display: none !important;
}

.solution-overview-wrap .related-document-v5 {
    margin-top: 30px;
}

.solution-overview-wrap .s3-tabs .inbox-nav-bar .page-title {
    font-size: 18px;
    font-weight: 500;
    color: #000 !important;
}

.solution-overview-wrap .s3-tabs .inbox-nav-bar .page-title > i {
    display: none;
}

.solution-overview-wrap .playbooks-view-v5 .inbox-nav-bar, .solution-overview-wrap .related-document-v5 .inbox-nav-bar {
    padding-left: 30px;
}

.related-products-v5 .inbox-nav-bar {
    margin-left: 14px;
    margin-right: 9px;
}

.related-products-v5 .inbox-nav-bar .page-title {
    font-size: 20px;
    font-weight: 500;
 }

[id$="_relatedAssets_presentations"] .inbox-nav-bar .page-title {
    margin-bottom: 10px;
    margin-top: 0px;
}

.solution-overview-wrap .playbooks-view-v5 ul.card-view-v05.card-thumb-view-v05[item-count="4"] > li,
.solution-overview-wrap .related-document-v5 ul.card-view-v05.card-thumb-view-v05[item-count="4"] > li {
    width: 25%;
}

.solution-overview-wrap .carousel-control-actions {
    z-index: 13;
}

.related-products-v5 .inbox-nav-bar .page-title > i {
    display: none;
}
.solution-overview-wrap .opportunity-template .carousel-control-actions.slide-next{
    left:auto;
    right:10px;
}
.organization-overview .opportunity-template .carousel-control-actions{
    background-color:#fcfcfd;
    margin-top:-26px;
    color:#77889a;
    text-shadow:none;
    position:absolute;
    display:inline-block;
    top:40%;
    padding:2px;
    border-radius:50%;
    cursor:pointer;
    width:40px;
    height:40px;
    line-height:16px;
    text-align:center;
    opacity:1;
}
/*related-products-v5-css-end*/
#companylogo.brand-name img{
    width:auto!important;
    height:unset!important;
    margin:0px!important;
    max-width:165px;
    max-height:70px;
    padding:10px 10px 10px 12px;
}
.guided-search-bar-header .selectedfilters .filter-btn{
    display:inline-block;
    font-weight:500;
    font-size:12px;
    color:#555555;
    background:#F1F2F6;
    border:1px solid rgba(119, 136, 154, 0.5);
    border-radius:4px;
    padding:5px 7px;
    margin:0 3px 6px 0;
    cursor:text;
    text-transform: capitalize
}
.guided-search-bar-header .selectedfilters .filter-btn a i{
    color:#555555;
    font-size:10px;
    margin-left:7px;
    cursor:pointer;
    padding:2px 3px;
}
.pg-guided-search .guided-search-section .guided-search-bar .section-normal {
    padding-bottom: 5px;
    border-right: 2px solid #00000008;
    padding-top: 35px;
    padding-left: 25px;
    padding-right: 22px;
}
.btn-secondary{
    background:none;
    box-shadow:none !important;
}
.btn{
    border-radius:4px;
}
.btn-primary-cta, .btn-secondary-cta, .btn-default-cta{
    border: none;
    padding: 8px 20px;
    border-radius: 30px;
    text-transform: capitalize;
}
.btn-primary-cta, .btn-primary-cta:active, .btn-primary-cta.active{
    box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
    -webkit-box-shadow: 0px 8px 12px 1px rgba(83, 82, 237, 0.35);
}
.input-group-text i{
    color:#77889a;
}
.form-control,
.form-select{
    resize:none;
    font-size:13px;
    font-weight:500;
}
/*css-for-rounded-checkbox-start*/
.custom-radiobutton {
    padding: 4px 6px 4px 0px;
    margin: 4px 4px 4px 0;
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    text-transform: capitalize;
    min-height: 26px;
}
.custom-radiobutton:not(:last-child){
    margin-bottom:8px;
}
.custom-radiobutton input{
    position:absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.custom-radiobutton label{
    position:relative;
    padding-left:25px;
    line-height:22px;
}
.custom-radiobutton label:before{
    content:'';
    position:absolute;
    left:3px;
    top:2px;
    width:16px;
    height:16px;
    background:#fff;
    border:1px solid #dbdee3;
    border-radius:50%;
}
.custom-radiobutton label:after{
    content:'';
    position:absolute;
    left:7px;
    top:5.5px;
    width:8px;
    height:8px;
    background:#fff;
    border-radius:50%;
}
/*css-for-rounded-checkbox-end*/
a.home-link {
    padding: 0 15px;
    font-size: 20px;
    text-decoration: none;
    color: #333;
    position: relative;
    top: 2px;
}
.border-bottom{
    border-bottom:1px solid #D9D7D5;
}
.guided-search-section .guided-search-bar .section-normal .accordion .accordion-item ul li.active label{
    /*color:#000;*/
}
.form-label{
    font-weight:400;
    font-size:12px;
    line-height:16px;
}
.form-control:focus,
.form-select:focus{
    box-shadow:none;
}
textarea.form-control + .form-label{
    margin-left:10px!important;
    margin-top:3px;
}
.modal .modal-body .btn {
    min-width: 100px;
    font-size:13px;
    line-height: 24px;
    font-weight: 500;
}
@media screen and (min-width:1500px){
    .solution-overview-wrap ul.card-view-v05.card-thumb-view-v05 > li .card-wrap{
        min-height:351px;
    }
}
.partner-locator-v5 .guided-search-section .guided-card-wrap .skeleton-wrapper {
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: center;
}
.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box.sol-rating ul li:not(:nth-child(-n+2)):before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #3E8DDD;
}
.solution-overview-wrap .solution-with-rating-box .rating-box.sol-rating ul li{
    float:left;
}
.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box.sol-rating ul li{
    padding:0px 10px;
}
.solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box.sol-rating ul li:first-child{
    padding-left:0px;
    padding-right:0px;
}
.rating-box.created-date-box.sol-rating:not(:last-child) {
    margin-bottom: 10px;
}
/*css-for-request-info-btn-modal-select-start*/
.select-wrap.req-info-select-btn i{
    position:absolute;
    right:25px;
    margin-top:12px;
}
/*css-for-request-info-btn-modal-select-end*/
ul.inner-ul {
    padding-left: 20px;
}
ul.card-view-v05.setup-template-card-v05.custom-card-ui li .card-wrap .card-img-holder .img-center-box,
.solution-overview-wrap .solution-with-rating-box .custom-card-ui .solution-img {
    background-color: #fff;
}
ul.card-view-v05.setup-template-card-v05.custom-card-ui li div.card-wrap{
    background-color:#e5e6ea;
}
ul.card-view-v05.setup-template-card-v05.custom-card-ui li .card-wrap .card-body p,
ul.card-view-v05.setup-template-card-v05.custom-card-ui li .card-wrap .more-info-div p.country-name{
    color:#000;
}
.guided-search-result .dropdown.sort-dropdown ul li a{
    font-size:13px;
    color:#77889a;
    padding: 8px 16px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
}
.guided-search-result .dropdown.sort-dropdown .btn:after{
    display:none;
}
.guided-search-bar::-webkit-scrollbar,
.guided-search-result::-webkit-scrollbar,
.opportunity-template .tab-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.guided-search-bar::-webkit-scrollbar-track,
.guided-search-result::-webkit-scrollbar-track,
.opportunity-template .tab-content::-webkit-scrollbar-track {
    background: #f1f2f6;
    border-radius: 10px;
}

.guided-search-bar::-webkit-scrollbar-thumb,
.guided-search-result::-webkit-scrollbar-thumb,
.opportunity-template .tab-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
    min-height: 20px;
    visibility:hidden;
}
.guided-search-bar:hover::-webkit-scrollbar-thumb,
.guided-search-result:hover::-webkit-scrollbar-thumb,
.opportunity-template .tab-content:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}
#dropdownMenuButton1 {
    border: none !important;
}
body.no-scroll {
    overflow: hidden;
}
body.scroll {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.opportunity-template .tab-content{
    overflow:hidden;
    overflow-y:auto;
}
main {
    transition: all ease-in-out .3s;
}
header {
    width: 2000px;
}

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

    header {
        width: 1500px;
    }
}
/*css-for-amp-content-syndication-modal-start*/
.amp-content-syndication .modal-dialog{
    max-width:1400px;
}
.amp-content-syndication .modal-dialog iframe{
    min-height:calc(100vh - 180px) !important;
}
/*css-for-amp-content-syndication-modal-end*/
/*------- white-msg-box start -------*/
.new-msg-box{
    min-height:430px;
}
.white-msg-box{
    background:#fff;
    padding:60px 30px;
    border-radius:10px;
}
.new-msg-box i{
    font-size:50px;
}
.new-msg-box h3{
    font-size:30px;
    font-weight:600;
}
#thankyoubox.new-msg-box i{
    color: #008000 !important;
}
#errorbox.new-msg-box i{
    color: #ff0000 !important;
}
/*------- white-msg-box end -------*/
/*css-for-product-card-start*/
.product-card-wrapper .guided-search-result .card-thumb-view-v05 .card-wrap .info-badge{
    background-color:#77889A;
    font-size:11px;
    font-weight:400;
    margin-left:16px;
    padding: 1px 5px;
    border-radius: 3px;
    color:#fff;
}
.product-card-wrapper .guided-search-result .card-thumb-view-v05 .card-wrap .btn-learn-more{
    padding:0px 10px;
    margin-bottom:10px;
    margin-top:20px;
}
.product-card-wrapper ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-header{
    padding:10px 20px;
}
.product-card-wrapper .guided-search-result .card-thumb-view-v05 .card-wrap .btn-learn-more a{
    width:100%;
    background-color:#4443E4!important;
}
.product-card-wrapper ul.card-view-v05 > li .card-wrap .card-body{
    height:65px;
    max-height:65px;
}
.product-card-wrapper ul.card-view-v05 > li .card-wrap .card-body p{
    padding-top:10px;
}
.product-overview .solution-with-rating-box .custom-card-ui{
	padding-right:14px;
}
.product-overview .solution-with-rating-box .page-title{
	margin-bottom:10px;
	line-height:32px;
}
.product-overview .solution-with-rating-box .assetinfo{
	float:left;
	width:100%;
}
.product-overview .solution-with-rating-box .assetinfo li{
	margin-bottom:8px;
}
.product-overview .solution-with-rating-box .assetinfo .org-wrap{
	font-size:12px;
}
.product-overview .solution-with-rating-box .assetinfo .org-wrap .orgname{
	font-size:14px;
	font-weight:600;
}
.product-overview .solution-with-rating-box .requestinfo-wrap .productQA{
	font-size:14px;
	color:#77889A;
	margin-bottom:10px;
}
.product-overview .solution-with-rating-box .requestinfo-wrap .request-info{
	font-size:14px;
	font-weight:500;
}
.product-overview .s3-tabs .tab-pane {
    padding-top: 30px;
    color: #2F3542;
}

.product-overview .opportunity-template .tab-content{
  max-width:calc(100% - 400px);
}
.product-overview .opportunity-template .tab-content .description{
  font-size:14px;
  line-height:24px;
  text-align:justify;
}

.product-details ul{
  list-style-type:none;
  padding:0;
  column-count:2;
  column-gap:10px;
}
.product-details ul li{
  display: flex;
  background-color:#fff;
  border-radius:5px 5px 0px 0px;
}
.product-details ul li:last-child{
    border-radius:0px 0px 5px 5px;
}
.product-details ul li span {
  flex:0 0 50%;
  padding: 11px;
}
.product-details ul li > span.productType{
  font-weight: 600;
  color: #2F3542;
  font-size: 14px;
}
.product-details ul li > span {
  border-bottom: 1px solid #F1F2F6;
  border-right: 1px solid #F1F2F6;
  font-size:14px;
  color:#2F3542;
  font-weight:400;
  line-height:18px;
}
.product-details ul li > span:last-child {
  border-right: none;
}
.certificate-head{
    font-weight:500;
    font-size:16px;
    color:#2F3542;
}
.ceritificates-container ul{
    display:grid;
    padding:0px;
    grid-gap:165px;
    list-style-type:none;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.ceritificates-container ul li .badge-wrapper{
  height: 182px;
  width: 334px;
  border-radius:5px;
  background-color: #fff;
  /*padding: 10px;*/
  text-align: center;
  display:flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}
.ceritificates-container ul li .badge-wrapper img{
    max-height:100%;
    max-width:100%;
    object-fit:contain;
}
.choose-option-form-wrap{
	max-width:348px;
	border-radius:10px;
    position:absolute;
    z-index:1;
    top:30px;
    right:30px;
}
.choose-option-form-wrap .input-wraps{
	float:left;
	width:100%;
	padding:30px 30px 10px;
	background:#fff;
	border-radius: 10px 10px 0px 0px;
}
.choose-option-form-wrap .input-wraps h4{
	font-size:18px;
	font-weight:500;
	color:#2F3542;
	margin:0px 0px 20px;
}
.choose-option-form-wrap .input-wraps .form-group{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.choose-option-form-wrap .input-wraps .form-group label{
	font-size:12px;
	font-weight:400;
	color:#77889A;
	margin-bottom:5px;
}
.choose-option-form-wrap .input-wraps .form-group .select-with-arrow{
	position:relative;
}
.choose-option-form-wrap .input-wraps .form-group .select-with-arrow::after {
	content: '\f107';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	width: 38px;
	height: 37px;
	background: #E8E9EE;
	text-align: center;
	line-height: 38px;
	top: 1px;
	right: 1px;
}
.choose-option-form-wrap .input-wraps .form-group .form-select{
	font-size:14px;
	font-weight:400;
	color:#2F3542;
	height:39px;
	border:1px solid #D9DCE1;
	border-radius:5px;
	background-image:none;
	box-shadow:none;
}
.choose-option-form-wrap .input-wraps .form-group.quantity-input-wrap{
	margin-top:10px;
}
.choose-option-form-wrap .input-wraps .form-group.quantity-input-wrap p{
	font-size:14px;
	font-weight:400;
	color:#2F3542;
	margin:0px;
}		
.choose-option-form-wrap .input-wraps .form-group.quantity-input-wrap .input-group{
	width:unset;
	margin-left:auto;
}
.choose-option-form-wrap .input-wraps .form-group.quantity-input-wrap .input-group-btn{
	height:24px;
	line-height:18px;
}
.choose-option-form-wrap .input-wraps .form-group.quantity-input-wrap .btn{
	width:24px;
	height:24px;
	padding:4px !important;
	text-align:center;
	line-height:6px;
	font-size:20px;
	font-weight:700;
	background:#F1F2F6;
	border-radius:5px;
}
.choose-option-form-wrap .input-wraps .form-group.quantity-input-wrap .form-control{
	width:30px;
    height:24px;
	padding:3px;
	line-height: 16px;
  	font-size: 16px;
	text-align: center;
	border: none;
	box-shadow: none;
}
.footer-desc{
	float:left;
	width:100%;
	padding:20px 30px 30px;
	background:#000E9C;
	border-radius:0px 0px 10px 10px;
}
.footer-desc .price-view {
	float:left;
	width:100%;			
}
.footer-desc .price-view h5{
	font-size:26px;
	color:#fff;
	font-weight:500;
	margin:0px;			
}
.footer-desc .price-view h5 small{
	font-size:14px;
	color:#fff;			
}
.footer-desc .price-view p{
	font-size:14px;
	font-weight:500;
	color:#fff;
	margin:0px;
	line-height:22px;			
}
.footer-desc .total-price-list-wrap{
	float:left;
	width:100%;			
}
.footer-desc .total-price-list-wrap p{
	font-size:13px;
	color:#fff;
	margin:0px auto 0 0;			
}
.footer-desc .total-price-list-wrap a{
	font-size:14px;
	color:#2188F9;
	text-decoration:underline;
	font-weight:500;	
}
.footer-desc .btn-section{
	float:left;
	width:100%;
	margin-top:20px;	
}
.footer-desc .btn-section .btn{
	float:left;
	width:100%;
	padding:11px;
	font-size:16px;
	line-height:17px;
	font-weight:500;
	color:#000E9C;
	background:#fff;
	border-radius:4px;	
}
/*css-for-product-card-end*/

/*css-for-mobile-start*/
@media screen and (min-width:1024px){
    .swipeSidebar{
        display:none;
    }
}
@media screen and (max-width:1199px){
    .solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box.sol-rating ul li{
        padding:0px 8px;
    }
    .solution-overview-wrap .solution-with-rating-box .rating-box.created-date-box.sol-rating ul li:first-child{
        padding:0px;
    }
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-7.extra-left-padg{
        padding-left:10px;
    }
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-7.extra-left-padg{
        padding-left:10px;
    }
    .solution-overview-wrap iframe{
        width:100% !important;
        overflow:auto;
    }
}
@media screen and (max-width:1099px){
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-5.border-right {
        width:70%;
    }
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-7.extra-left-padg {
        width:30%;
    }
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-7.extra-left-padg .col-md-6.col-lg-6  {
        width:100%;
        margin-bottom:10px;
    }
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-7.extra-left-padg .col-md-6.col-lg-6 .mrg-btm.push-right {
        text-align:left;
    }
}
@media screen and (max-width:1023px){
    .guided-search-section{
        position:relative;
    }
    .guided-search-section .swipeSidebar {
        position: absolute;
        left: -4px;
        top: 5px;
        z-index: 111;
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 50%;
        font-size: 25px;
        padding: 0px;
        text-align: center;
        transition:all ease-in-out .2s;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .2);
    }
    .guided-search-section .swipeSidebar i{
        line-height:30px;
    }
    .guided-search-section .guided-search-bar {
        position: fixed;
        left: -355px;
        z-index: 11;
        background: #fff;
        transition:all ease-in-out .2s;
    }
    .guided-search-section.swicthSidebar .guided-search-bar {
        left:0;
    }
    .guided-search-section.swicthSidebar .swipeSidebar {
        left:278px;
    }
    .guided-search-section.swicthSidebar .swipeSidebar i{
        transform:rotate(180deg);
    }
    .guided-search-section ul.card-view-v05.card-thumb-view-v05 {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(218px, 1fr));
        gap:13px;
        margin:0px;
    }
    .guided-search-section ul.card-view-v05.card-thumb-view-v05 li {
        margin:0px;
        width:unset;
    }
    .solution-overview-wrap .solution-with-rating-box .col-sm-8.border-right{
        width:100%;
        margin-bottom:15px;
    }
    .solution-overview-wrap .solution-with-rating-box .col-sm-8.border-right + .col-sm-4{
        width:100%;
    }
    .solution-overview-wrap .solution-with-rating-box .breadcrumb-box .breadcrumb li:not(:last-child){
        margin-right:8px;
    }
    .solution-overview-wrap .solution-with-rating-box .breadcrumb-box .breadcrumb{
        flex-wrap:nowrap;
    }
    .solution-overview-wrap .solution-with-rating-box .breadcrumb-box .breadcrumb li{
        position:relative;
    }
    .solution-overview-wrap .solution-with-rating-box .breadcrumb-box .breadcrumb li:before{
        padding:0px 8px 0px 0px;
    }
    .solution-overview-wrap .solution-with-rating-box .breadcrumb-box .breadcrumb li .backbutton{
        white-space:nowrap;
    }    
    .solution-overview-wrap .solution-with-rating-box .breadcrumb-box .breadcrumb li:not(:first-child){
        padding-left:8px;
    }   
    .solution-overview-wrap .solution-with-rating-box .breadcrumb-box .breadcrumb li:first-child + li:before{
        content:'';
        padding:0px;
        left:0;
        width:1px;
        height:100%;
        background:#BCBCBC;
        position:absolute;
    }
}
@media screen and (min-width:768px) and (max-width:1024px){
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-5.border-right {
        width:100%;
        margin-bottom:15px;
    }
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-7.extra-left-padg {
        width:100%;
    }
}
@media screen and (max-width:767px){
    .solution-overview-wrap .solution-with-rating-box .solution-img{
        max-width:300px;
        margin:0 auto;
    }
    .solution-overview-wrap .solution-with-rating-box .col-md-2{
        width:100%;
        margin-bottom:15px;
        padding-right:0px;
    }
    .solution-overview-wrap .solution-with-rating-box .col-md-2 + .col-md-10{
        width:100%;
    }
    .solution-overview-wrap .opportunity-template .nav.nav-pills{
        display:inherit;
        white-space:nowrap;
        overflow:hidden;
        overflow-x:auto;
        border:none;
    }
    .solution-overview-wrap .opportunity-template .nav.nav-pills li{
        display:inline-block;
    }
}
@media screen and (max-width:668px){
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-5.border-right {
        width:100%;
        margin-bottom:15px;
    }
    .solution-overview-wrap.partner-product-overview .solution-with-rating-box .col-md-6.col-lg-7.extra-left-padg {
        width:100%;
    }
}
/*css-for-mobile-end*/

/*css-for-choose-options-start*/
.solution-overview-wrap.solution-view-v5 .solution-with-rating-box .btn.btn-primary-cta.btn-addtocart {
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 70px;
    width: 240px;
}

.solution-overview-wrap.solution-view-v5 .solution-with-rating-box .btn.btn-primary-cta.btn-addtocart[disabled] {
    background-color: #D9DCE1 !important;
    border-color: #D9DCE1 !important;
}

.solution-overview-wrap.solution-view-v5 .solution-with-rating-box .btn-addtocart-container.disabled{
    cursor: not-allowed;
}

.price-factor-field-container {
    margin-bottom: 10px;
}

.price-factor-field-label {
    display: block;
}

.price-factor-field {
    appearance: none;
    padding: 11px 10px;
    border-color: #d9dce1;
    border-radius: 5px;
    border: 0;
    color: #2F3542;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    position: relative;
    width: 100%;
}
.solution-variant-pricing-information {
    background: #FFFFFF;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    width: 350px;
    right: 52px;
    z-index: 1;
}
.solution-variant-pricing-information .variant-pricing-fields-container {
    padding: 0px 30px 20px 30px;
}
.solution-variant-pricing-information .div-title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    margin: 0 0 20px 0;
    padding: 30px 0 0 30px;
}

.solution-variant-pricing-information .price-factor-field-holder {
    position: relative;
    overflow: hidden;
    border: 1px solid #D9DCE1;
    border-radius: 5px;
}
.solution-variant-pricing-information .price-factor-field-holder .roted-arrow {
    position: absolute;
    bottom: 0;
    right: 0px;
    height: 41px;
    width: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #77889A;
    font-size: 20px;
    background: #E8E9EE;
            pointer-events: none;
}
 .solution-variant-pricing-information .pricing-box {
     padding: 20px 30px 30px 30px;
    background: #000E9C;
    margin: 0;
}

.pricing-box .solution-pricing-label {
    color: #fff;
    font-size: 26px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
}

.pricing-box .solution-pricing-amount {
    color: #fff;
    font-size: 26px;
    line-height: 22px;
    font-weight: 500;
    margin: 0;
}

.pricing-box .solution-pricing-tax-label {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    margin: 0;
}

.pricing-box .solution-pricing-with-tax-amount {
    display:block;
    margin:8px 0 0;
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
}

.pricing-box .column-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
   }

.pricing-box .left-column {
    flex: 1 1 0;
    padding: 0 10px 0 0;
}
.pricing-box .right-column {
    flex: 0 1 auto;
    align-self: end;
}
.pricing-box .right-column .price-list-link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #2188F9;
    text-decoration: underline;
}

.solution-overview-wrap .pricing-box .btn-addtocart-container .btn-addtocart {
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    padding: 12px;
    min-width: 100%;
    background: #fff !important;
    color: #000E9C !important;
}
/*css-for-choose-options-end*/
/*css-for-partners-venasol-products-start*/
#content.reset-padding{
    padding:10px 1px 30px;
}
.reset-padding .solution-with-rating-box{
    padding:0px 40px;
}
/*.reset-padding .product-overview .opportunity-template .tab-content{
    padding:0px 40px;
}*/
/*.reset-padding .opportunity-template .nav.nav-pills{
    padding:0px 40px;
}*/
#tab_pricelist #inbox-table.table tbody > tr > td:first-child{
    width:644px!important;
}
#tab_pricelist #inbox-table.table tbody > tr > td:nth-of-type(2){
    width:192px!important;
}
#tab_pricelist #inbox-table.table tbody > tr > td:nth-of-type(3){
    width:322px!important;
}
.variant-pricing-fields-container .price-factor-field-container .price-factor-field:focus-visible{
    outline:transparent!important;
}
.marketplace-cart-items{
    padding-left:34px;
    height:100%;
}
.order-items-container .order-items .table-wrap .well{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background: #fbfbfb;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px #ececec;
}
.backtocart{
    font-size: 14px;
  color: #0050d7;
  cursor: pointer;
}
/*css-for-partners-venasol-products-end*/
/*css-for-bg-white-start*/
#content.partner-locator-v5 {
    height:unset!important;
}
#content.partner-locator-v5 .product-card-wrapper{
    padding-left:30px;
    padding-right:30px;
}
.pg-guided-search {
    background-color: #fff;
}

.pg-guided-search .guided-search-section .guided-search-bar .section-normal {
    background-color: #F8F8F8;
}

.partner-locator-v5 ul.card-view-v05.setup-template-card-v05.custom-card-ui li div.card-wrap {
    background-color: #fff;
}

.partner-locator-v5 ul.card-view-v05.setup-template-card-v05.custom-card-ui li .card-wrap .card-img-holder .img-center-box {
    border-radius: 0px;
}

.partner-locator-v5 .guided-search-section .guided-card-wrap h3 {
    font-size: 20px;
    font-weight: 700;
    width: calc(100% - 110px);
}

.partner-locator-v5 .guided-search-section .guided-card-wrap a {
    width: fit-content;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.partner-locator-v5 ul.card-view-v05 > li .card-wrap .card-header .title-holder h3 {
    width: 100%;
}

.partner-locator-v5 ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .more-info-div span.mail-id a {
    min-height: 14px;
    display: inline-block;
}

.reset-padding .solution-with-rating-box {
    background-color: #F8F8F8;
    padding: 40px;
    margin-bottom:0px;
    margin-right:0px;
}

.solution-overview-wrap .solution-with-rating-box .border-right {
    margin-left: 20px;
}

.solution-overview-wrap .solution-with-rating-box h1 {
    margin-bottom: 0px;
}

.solution-view-v5 #organizationfilters a {
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
    color: #255d38;
    background-color: #D5EADB;
    display:inline-block;
    margin-bottom:5px;
    padding: 3px 8px;
    border-radius: 8px;
}
/*css-for-bg-white-end*/
footer.footer{
    position:fixed;
    width:100%;
}
footer.footer p{
    margin-bottom:0px;
}
.SmallBox{
        position: fixed;
    right: 5px;
    top: 60px;
    width: 420px;
    color: #fff;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid transparent;
}
.SmallBox.animated.fast{
    animation-duration:.4s;
}
.SmallBox .textoFull{
    width:93%;
    float: left;
    padding-left: 20px;
}
.SmallBox span{
        font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    display: block;
    margin: 4px 0;
}
.SmallBox p{
    display:none;
}
.miniIcono{
    height: 100%;
    font-size: 20px;
}
.miniIcono i{
    line-height:30px;
}
.animated.bounce{
    animation-name:bounce;
    transform:translateY(2px);
    animation: gelatine 0.5s infinite;
}
/*@-webkit-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0)
    }

    40% {
        -o-transform: translateY(-30px)
    }

    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    animation-name: bounce;
    transform: translateY(2px);
    animation: gelatine 0.5s infinite;
}*/
.organization-overview .solution-with-rating-box .solution-img{
    background-color:#fff!important;
}
.organization-overview ul.card-view-v05.card-thumb-view-v05{
    margin-left: -15px;
    margin-right: -15px;
}
.organization-overview ul.card-view-v05.card-thumb-view-v05 > li{
    width:calc(16.913% - 30px)!important;
}
.organization-overview ul.card-view-v05.card-thumb-view-v05 > li .card-wrap{
    background-color:#fff!important;
    min-height:314px;
}
.organization-overview ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-img-holder.card-img-holder-smaller{
    padding-top:61.44%!important;
    background-size: contain;
    height: auto;
    background-color:#fff;
}
.organization-overview ul.card-view-v05 > li .card-wrap .card-body p{
    -webkit-line-clamp: 3;
    min-height: 57px;
}
.organization-overview ul.card-view-v05.card-thumb-view-v05 > li .card-wrap .card-footer {
    display: none;
}
iframe body{
    overflow-y:auto;
    padding-bottom:50px;
}