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

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 767px) {
}

button {
    outline: none;
}

.c-offcanvas-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease all;
}

    .c-offcanvas-backdrop.in {
        opacity: 0.5;
        visibility: visible;
    }

.c-offcanvas {
    -webkit-box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.15);
    width: 400px;
    background-color: #FFF;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

    .c-offcanvas.c-offcanvas-left {
        right: auto;
        left: 225px;
    }

.c-collapsed .c-offcanvas.c-offcanvas-left {
    left: 50px;
}

.c-offcanvas .c-offcanvas-heading {
    height: 60px;
    padding: 20px 15px;
    border-bottom: solid 1px #DADBDF;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

    .c-offcanvas .c-offcanvas-heading .c-back {
        border: none;
        outline: none;
        background-color: transparent;
        width: 48px;
        height: 48px;
        vertical-align: top;
        margin-top: -15px;
        margin-left: -12px;
        color: #B0B2BB;
        font-size: 20px;
        text-decoration: none;
        cursor: pointer;
    }

        .c-offcanvas .c-offcanvas-heading .c-back:hover {
            color: #E4801B;
        }

        .c-offcanvas .c-offcanvas-heading .c-back:active {
            color: #CA6B0C;
            background-color: #EEEFF1;
        }

    .c-offcanvas .c-offcanvas-heading .c-close {
        border: none;
        outline: none;
        background-color: transparent;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        color: #B0B2BB;
        text-decoration: none;
        position: absolute;
        top: 50%;
        right: 15px;
        cursor: pointer;
    }

        .c-offcanvas .c-offcanvas-heading .c-close:hover {
            color: #E4801B;
        }

        .c-offcanvas .c-offcanvas-heading .c-close:active {
            color: #CA6B0C;
            background-color: #EEEFF1;
        }

        .c-offcanvas .c-offcanvas-heading .c-close:before {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 24px;
            height: 24px;
            margin: -12px 0 0 -12px;
            font-size: 24px;
            line-height: 24px;
            content: "×";
            text-align: center;
        }

    .c-offcanvas .c-offcanvas-heading .c-value {
        color: #3B3C43;
        text-transform: none;
    }

.c-offcanvas .c-offcanvas-title {
    font-size: 13px;
    line-height: 1.53846154;
    color: #B0B2BB;
    font-weight: 600;
    text-transform: uppercase;
}

.c-offcanvas .c-offcanvas-search {
    height: 35px;
    border-bottom: solid 1px #DADBDF;
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
}

    .c-offcanvas .c-offcanvas-search .c-search {
        border: none;
        outline: none;
        background-color: transparent;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        color: #B0B2BB;
        text-decoration: none;
        position: absolute;
        top: 50%;
        right: 15px;
    }

        .c-offcanvas .c-offcanvas-search .c-search:hover:not(span) {
            color: #E4801B;
        }

        .c-offcanvas .c-offcanvas-search .c-search:active:not(span) {
            color: #CA6B0C;
            background-color: #EEEFF1;
        }

        .c-offcanvas .c-offcanvas-search .c-search:before {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 16px;
            height: 16px;
            margin: -8px 0 0 -8px;
            font-family: "Glyphicons FA";
            font-size: 16px;
            line-height: 16px;
            content: "\f002";
            text-align: center;
        }

    .c-offcanvas .c-offcanvas-search > input[type="text"] {
        width: 100%;
        padding: 0 15px;
        border: none;
        outline: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 34px;
    }

.c-offcanvas .c-offcanvas-toolbar {
    height: 63px;
    padding: 15px;
    border-bottom: solid 1px #DADBDF;
    position: absolute;
    top: 95px;
    right: 0;
    left: 0;
}

.c-offcanvas .c-offcanvas-body,
.c-offcanvas .c-offcanvas-container {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 63px;
    left: 0;
}

.c-offcanvas .c-offcanvas-body {
    padding: 15px;
}

.c-offcanvas .c-offcanvas-search + .c-offcanvas-body,
.c-offcanvas .c-offcanvas-search + .c-offcanvas-container {
    top: 95px;
}

.c-offcanvas .c-offcanvas-search + .c-offcanvas-toolbar + .c-offcanvas-body,
.c-offcanvas .c-offcanvas-search + .c-offcanvas-toolbar + .c-offcanvas-container {
    top: 158px;
}

.c-offcanvas .c-offcanvas-container > .alert {
    margin: 15px;
}

.c-offcanvas .c-offcanvas-footer {
    height: 63px;
    padding: 15px 15px;
    border-top: solid 1px #DADBDF;
    background-color: #FBFBFB;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.c-offcanvas .c-section + .c-section {
    border-top: solid 1px #EEEFF1;
}

.c-offcanvas .c-section-heading {
    padding: 15px 45px 15px 15px;
    position: relative;
}

    .c-offcanvas .c-section-heading .c-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 250px;
        font-weight: 600;
        vertical-align: bottom;
        display: inline-block;
        text-transform: uppercase;
    }

    .c-offcanvas .c-section-heading .c-number {
        margin-left: 5px;
        font-size: 11px;
        color: #9D9FAA;
        font-weight: 400;
    }

    .c-offcanvas .c-section-heading .c-collapse {
        border: none;
        outline: none;
        background-color: transparent;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        color: #B0B2BB;
        text-decoration: none;
        position: absolute;
        top: 50%;
        right: 15px;
    }

        .c-offcanvas .c-section-heading .c-collapse:hover {
            color: #E4801B;
        }

        .c-offcanvas .c-section-heading .c-collapse:active {
            color: #CA6B0C;
            background-color: #EEEFF1;
        }

        .c-offcanvas .c-section-heading .c-collapse:before {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px;
            font-family: "Glyphicons FA";
            font-size: 20px;
            line-height: 100%;
            content: "\f106";
            text-align: center;
        }

        .c-offcanvas .c-section-heading .c-collapse.collapsed:before {
            content: "\f107";
        }

    .c-offcanvas .c-section-heading .c-clear {
        border: none;
        outline: none;
        background-color: transparent;
        padding: 2px;
        font-size: 11px;
        line-height: 100%;
        color: #E4801B;
        border: solid 1px #E4801B;
        border-radius: 3px;
        float: right;
    }

        .c-offcanvas .c-section-heading .c-clear:hover,
        .c-offcanvas .c-section-heading .c-clear:focus {
            color: #FFF;
            background-color: #E4801B;
        }

        .c-offcanvas .c-section-heading .c-clear:active {
            background-color: #CA6B0C;
        }

.c-offcanvas .c-section-heading-left {
    padding: 15px 15px 15px 45px;
}

    .c-offcanvas .c-section-heading-left .c-collapse {
        right: 0;
        left: 15px;
    }

.c-offcanvas .c-section-body,
.c-offcanvas .c-section-container {
    min-height: 50px;
}

.c-offcanvas .c-section-body {
    padding: 15px 15px;
}

.c-offcanvas .c-section-heading + .c-section-body {
    padding-top: 0;
}

.c-offcanvas .c-panel {
    margin-top: 10px;
}

    .c-offcanvas .c-panel:first-child {
        margin-top: 0;
    }

.c-offcanvas .c-panel-heading {
    height: 40px;
    padding: 8px 36px 6px 30px;
    border: solid 1px #DADBDF;
    border-radius: 4px 4px 0 0;
    background-color: #FBFBFB;
    position: relative;
}

    .c-offcanvas .c-panel-heading.collapsed {
        border-radius: 4px;
    }

    .c-offcanvas .c-panel-heading .c-caption {
        color: #3B3C43;
        font-weight: 600;
    }

    .c-offcanvas .c-panel-heading .c-description {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 220px;
        margin-left: 6px;
        font-size: 11px;
        color: #9D9FAA;
        vertical-align: bottom;
        display: inline-block;
    }

    .c-offcanvas .c-panel-heading .glyphicon {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        font-size: 12px;
        line-height: 100%;
        color: #C8C9CF;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 10px;
    }

    .c-offcanvas .c-panel-heading .c-remove {
        border: none;
        outline: none;
        background-color: transparent;
        width: 24px;
        height: 24px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-top: -12px;
        color: #747786;
        text-decoration: none;
        position: absolute;
        top: 50%;
        right: 5px;
    }

        .c-offcanvas .c-panel-heading .c-remove:hover,
        .c-offcanvas .c-panel-heading .c-remove:focus {
            color: #E4801B;
        }

        .c-offcanvas .c-panel-heading .c-remove:before {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 10px;
            height: 10px;
            margin: -5px 0 0 -5px;
            font-family: "Glyphicons Pro";
            font-size: 10px;
            line-height: 100%;
            content: "\E017";
            text-align: center;
        }

    .c-offcanvas .c-panel-heading:hover .c-caption {
        text-decoration: underline;
        cursor: pointer;
    }

    .c-offcanvas .c-panel-heading.has-error {
        background-color: #ed3a55;
    }

.c-offcanvas .c-panel-body,
.c-offcanvas .c-panel-container {
    border: 1px #DADBDF;
    border-style: none solid solid;
    border-radius: 0 0 4px 4px;
}

.c-offcanvas .c-panel-body {
    padding: 15px;
}

    .c-offcanvas .c-panel-body.collapse,
    .c-offcanvas .c-panel-body.collapsing {
        padding-top: 0;
        padding-bottom: 0;
    }

        .c-offcanvas .c-panel-body.collapse .c-collapse-wrapper,
        .c-offcanvas .c-panel-body.collapsing .c-collapse-wrapper {
            padding-top: 15px;
            padding-bottom: 15px;
        }

.c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-search,
.c-offcanvas.cp-offcanvas-call-history .c-offcanvas-search {
    padding-right: 5px;
    height: auto;
    display: flex;
    align-items: center;
}

    .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-search input[type="text"],
    .c-offcanvas.cp-offcanvas-call-history .c-offcanvas-search input[type="text"] {
        height: 48px;
        flex: 0 1 100%;
        width: auto;
        position: relative;
        min-width: 0;
    }

    .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-search select,
    .c-offcanvas.cp-offcanvas-call-history .c-offcanvas-search select {
        border: none;
        box-shadow: none;
        padding: 0;
        font-size: 12px;
    }

.c-offcanvas.cp-offcanvas-lead-transfer {
    width: 320px;
}

    .c-offcanvas.cp-offcanvas-lead-transfer .c-assign-to-me {
        border-bottom: 1px solid #DADBDF;
    }

        .c-offcanvas.cp-offcanvas-lead-transfer .c-assign-to-me .cp-listgroup-item > span {
            border-top: none;
        }

    .c-offcanvas.cp-offcanvas-lead-transfer .c-assign-list .cp-listgroup > *:first-child .cp-listgroup-item > span {
        border-top: none;
    }

    .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-container {
        bottom: 175px;
    }

        .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-container .c-offcanvas-search {
            position: relative;
            top: 0;
        }

    .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-footer {
        height: auto;
        padding: 0;
    }

        .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-footer label {
            margin-bottom: 0;
        }

        .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-footer .c-offcanvas-footer-section {
            padding: 15px;
        }

            .c-offcanvas.cp-offcanvas-lead-transfer .c-offcanvas-footer .c-offcanvas-footer-section + .c-offcanvas-footer-section {
                border-top: 1px solid #EEEFF1;
            }

    .c-offcanvas.cp-offcanvas-lead-transfer .c-list-pagination {
        flex: 0 0 35px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .c-offcanvas.cp-offcanvas-lead-transfer .c-list-pagination > label {
            color: #C8C9CF;
            text-align: center;
            flex: 1 1 auto;
        }

        .c-offcanvas.cp-offcanvas-lead-transfer .c-list-pagination > button {
            color: #B0B2BB;
        }

            .c-offcanvas.cp-offcanvas-lead-transfer .c-list-pagination > button:hover {
                color: #E4801B;
            }

.c-offcanvas.cp-offcanvas-call-history {
    width: 320px;
}

    .c-offcanvas.cp-offcanvas-call-history .c-offcanvas-container {
        top: 109px;
        bottom: 0;
    }

    .c-offcanvas.cp-offcanvas-call-history .c-offcanvas-search {
        padding-right: 5px;
        height: auto;
        display: flex;
        align-items: center;
    }

        .c-offcanvas.cp-offcanvas-call-history .c-offcanvas-search input[type="text"] {
            height: 48px;
            flex: 0 1 100%;
            width: auto;
            position: relative;
            min-width: 0;
        }

        .c-offcanvas.cp-offcanvas-call-history .c-offcanvas-search select {
            border: none;
            box-shadow: none;
            padding: 0;
            font-size: 12px;
        }

    .c-offcanvas.cp-offcanvas-call-history .c-more {
        padding: 15px;
    }

    .c-offcanvas.cp-offcanvas-call-history .c-section-heading .c-title {
        color: #9D9FAA;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item:hover .c-caption {
        color: #3B3C43;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item > * {
        border-top: none;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item > .c-icon .cpicon-call-missed {
        color: #da5f40;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item > .c-icon .cpicon-call-received {
        color: #82b944;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item > .c-icon .cpicon-call-made {
        color: #4f8dcc;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item > .c-icon .cpicon-call-transferred {
        color: #82b944;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item > .c-icon .c-declined {
        color: #ea8015;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-red {
        color: #CF664B;
    }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-actions {
        vertical-align: top;
        padding-bottom: 0;
    }

        .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-actions .c-sub {
            margin-top: 0;
        }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action {
        display: none;
        margin-top: 4px;
    }

        .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action .btn-group {
            line-height: 1em;
        }

            .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action .btn-group .dropdown-toggle {
                border: none;
                background: none;
                display: inline-block;
                position: relative;
                overflow: hidden;
                height: 24px;
                width: 32px;
                color: #9D9FAA;
                box-shadow: none;
                border-radius: 4px;
            }

                .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action .btn-group .dropdown-toggle .cpicon {
                    font-size: 24px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-left: -12px;
                    margin-top: -12px;
                }

                .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action .btn-group .dropdown-toggle:hover {
                    color: #595B66;
                    background: #DADBDF;
                }

                .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action .btn-group.open .dropdown-toggle,
                .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action .btn-group .dropdown-toggle:active {
                    box-shadow: none;
                    color: #3B3C43;
                    background: #C8C9CF;
                }

        .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item .c-call-action .cpicon {
            font-size: 18px;
        }

    .c-offcanvas.cp-offcanvas-call-history .cp-listgroup-item:hover .c-call-action {
        display: block;
    }

.c-well {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 15px;
    text-align: center;
    border: dashed 1px #98B8DC;
    background-color: #EDF5FC;
}

    .c-well:last-child {
        margin-bottom: 0;
    }

.c-panel + .c-well {
    margin-top: 6px;
}

.c-well p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 140%;
}

    .c-well p + p {
        margin-top: 15px;
    }

.c-well .c-or {
    padding: 0 25px;
    font-size: 12px;
    color: #98B8DC;
    display: inline-block;
}

.c-well .c-button {
    border: none;
    outline: none;
    background-color: transparent;
    padding-left: 22px;
    font-size: 13px;
    color: #608DBB;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

    .c-well .c-button > .glyphicon {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        font-size: 16px;
        line-height: 100%;
        color: #98B8DC;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .c-well .c-button:hover,
    .c-well .c-button:focus,
    .c-well .c-button:active {
        color: #E4801B;
    }

        .c-well .c-button:hover > .glyphicon,
        .c-well .c-button:focus > .glyphicon,
        .c-well .c-button:active > .glyphicon {
            color: #E4801B;
        }

.c-link-dashed {
    color: #608DBB;
    text-decoration: none !important;
    border-bottom: dashed 1px #608DBB;
    display: inline-block;
    cursor: pointer;
}

    .c-link-dashed:hover,
    .c-link-dashed:focus {
        color: #E4801B;
        border-bottom-color: #E4801B;
    }

    .c-link-dashed:active {
        border-bottom-style: solid;
    }

.c-help {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: 3px;
    color: #FFF;
    vertical-align: middle;
    text-decoration: none;
    background-color: #9D9FAA;
    position: relative;
    top: -1px;
    display: inline-block;
    cursor: help;
}

    .c-help:hover,
    .c-help:focus,
    .c-help:active {
        color: #FFF;
        background-color: #E4801B;
    }

    .c-help:before {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 11px;
        height: 11px;
        margin: -7.5px 0 0 -5.5px;
        font-family: "Glyphicons Pro";
        font-size: 11px;
        line-height: 100%;
        font-weight: 600;
        content: "?";
        text-align: center;
    }

.c-checkbox {
    min-height: 26px;
    padding-top: 7px;
}

    .c-checkbox input[type="checkbox"] {
        margin-top: 4px;
        margin-left: -1px;
    }

.c-group + .c-group {
    border-top: solid 1px #EEEFF1;
}

.c-group .c-group-heading {
    padding: 12px 15px 12px 45px;
    position: relative;
}

    .c-group .c-group-heading:hover {
        background-color: #FBFBFB;
    }

    .c-group .c-group-heading:active {
        background-color: #EEEFF1;
    }

.c-group .c-heading-table td {
    padding: 12px 15px 12px 0;
}

.c-group .c-group-heading .c-title,
.c-group .c-heading-table .c-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
    font-weight: 600;
    vertical-align: bottom;
    display: inline-block;
}

.c-group .c-group-heading .c-number,
.c-group .c-heading-table .c-number {
    margin-left: 5px;
    font-size: 11px;
    color: #9D9FAA;
}

.c-group .c-group-heading .c-collapse,
.c-group .c-heading-table .c-collapse {
    border: none;
    outline: none;
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    color: #B0B2BB;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 15px;
    cursor: pointer;
}

    .c-group .c-group-heading .c-collapse:hover,
    .c-group .c-heading-table .c-collapse:hover {
        color: #E4801B;
    }

    .c-group .c-group-heading .c-collapse:before,
    .c-group .c-heading-table .c-collapse:before {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 20px;
        margin: -10px 0 0 -10px;
        font-family: "Glyphicons FA";
        font-size: 20px;
        line-height: 100%;
        content: "\f106";
        text-align: center;
    }

    .c-group .c-group-heading.collapsed .c-collapse:before,
    .c-group .c-heading-table.collapsed .c-collapse:before,
    .c-group .c-group-heading .c-collapse.collapsed:before,
    .c-group .c-heading-table .c-collapse.collapsed:before {
        content: "\f107";
    }

.c-group .c-group-heading .c-check,
.c-group .c-heading-table .c-check {
    margin-right: 6px;
    vertical-align: top;
}

.c-group .c-group-heading .c-actions,
.c-group .c-heading-table .c-actions {
    margin-top: -5px;
    float: right;
}

.c-group .c-group-container {
    padding-bottom: 12px;
}

.c-group .c-group-item {
    padding: 6px 15px 6px 45px;
    position: relative;
    cursor: default;
}

    .c-group .c-group-item .c-collapse {
        border: none;
        outline: none;
        background-color: transparent;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        color: #B0B2BB;
        text-decoration: none;
        position: absolute;
        top: 50%;
        left: 15px;
    }

        .c-group .c-group-item .c-collapse:hover {
            color: #E4801B;
        }

        .c-group .c-group-item .c-collapse:before {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px;
            font-family: "Glyphicons FA";
            font-size: 20px;
            line-height: 100%;
            content: "\f107";
            text-align: center;
        }

    .c-group .c-group-item .c-check {
        margin-right: 6px;
        vertical-align: top;
        display: none;
    }

    .c-group .c-group-item .c-number {
        margin-left: 5px;
        font-size: 11px;
        color: #9D9FAA;
    }

    .c-group .c-group-item .c-add,
    .c-group .c-group-item .c-remove {
        margin-top: -2px;
    }

    .c-group .c-group-item .c-remove {
        margin-right: 6px;
    }

    .c-group .c-group-item:hover {
        background-color: #FBFBFB;
    }

.c-group .c-group-footer {
    margin-top: 10px;
    padding-bottom: 20px;
    padding-left: 45px;
}

.c-group.c-group-iconic .c-group-item .c-name:before {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    font-size: 14px;
    line-height: 100%;
    color: #B0B2BB;
    content: "\f007";
    text-align: center;
    position: relative;
    top: 2px;
}

.c-group.c-group-iconic .c-group-item:hover .c-name:before {
    color: #E4801B;
}

.c-group.c-group-iconic .c-group-item.c-group-item-user .c-name:before {
    font-family: "Glyphicons Pro";
    content: "\E004";
}

.c-group.c-group-iconic .c-group-item.c-group-item-phone .c-name:before {
    font-family: "Glyphicons FA";
    content: "\f095";
}

.c-group.c-group-editable .c-group-item .c-check,
.c-group.c-group-editable .c-group-item .c-include,
.c-group.c-group-editable .c-group-item .c-exclude,
.c-group.c-group-editable .c-group-item .c-add,
.c-group.c-group-editable .c-group-item .c-remove {
    display: inline-block;
}

.c-group.c-group-draggable .c-group-item {
    padding-left: 70px;
}

    .c-group.c-group-draggable .c-group-item:before {
        width: 14px;
        height: 14px;
        margin-top: -8px;
        font-family: "Glyphicons FA";
        font-size: 14px;
        line-height: 100%;
        color: #B0B2BB;
        content: "\f07d";
        text-align: center;
        position: absolute;
        top: 50%;
        left: 45px;
    }

.c-group.c-group-disabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.c-group.c-group-empty .c-group-heading .c-collapse {
    color: #EEEFF1;
}

.c-group.c-group-empty .c-group-footer {
    display: none;
}

.c-group.c-group-table {
    /*
		@mainFontSize: 13px;
		@miscFontSize: 11px;

        
		.c-channel {
			font-size: @mainFontSize;
			font-weight: 600;
		}
        .c-leadtype {
			font-size: @miscFontSize;
			color: @gray-40;
		}
		.c-campaign {
			font-size: @miscFontSize;
			color: @gray-40;
			&:before{
				display: inline-block;
				font-family: "Glyphicons FA";
				font-size: 13px;
				line-height: 100%;
				content: "\f0b1"; // briefcase
				color: @gray-50;
				margin-right: 10px;
				vertical-align: middle;
			}
		}
		.c-source {
			font-size: @miscFontSize;
			color: @gray-40;
			&:before{
				display: inline-block;
				font-family: "Glyphicons FA";
				font-size: 13px;
				line-height: 100%;
				content: "\f0ac"; // globe
				color: @gray-50;
				margin-right: 10px;
				vertical-align: middle;
			}
		}
		.c-connected-number {
			font-size: @miscFontSize;
			position: relative;
			&.c-tooltip {
				border-bottom: 1px dashed @gray-70;
				cursor: help;
			}
			&:before{
				display: inline-block;
				position: absolute;
				left: -20px;
				top: 2px;			
				width: 20px;
				padding-right: 5px;

				content: "\f095"; // phone
				font-family: "Glyphicons FA";
				font-size: 15px;
				line-height: 100%;
				text-align: left;			
				color: @gray-50;
				vertical-align: middle;
			}

		}
		.c-connected-flow {
			font-size: @miscFontSize;
			font-weight: bold;
			&:before{
				display: inline-block;
				content: "\f054"; // chevron-right
				font-weight: normal;
				font-family: "Glyphicons FA";
				font-size: 11px;
				line-height: 100%;
				color: @gray-50;
				margin-left: 5px;
				margin-right: 10px;
			}
		}

        */
}

    .c-group.c-group-table .c-group-container {
        padding: 0 15px 0 75px;
    }

        .c-group.c-group-table .c-group-container:before,
        .c-group.c-group-table .c-group-container:after {
            content: " ";
            display: table;
        }

        .c-group.c-group-table .c-group-container:after {
            clear: both;
        }

        .c-group.c-group-table .c-group-container:before,
        .c-group.c-group-table .c-group-container:after {
            content: " ";
            display: table;
        }

        .c-group.c-group-table .c-group-container:after {
            clear: both;
        }

    .c-group.c-group-table .c-table {
        width: 100%;
        margin-bottom: 15px;
    }

        .c-group.c-group-table .c-table tbody tr td {
            padding: 6px 6px 6px 0;
            border-bottom: 1px solid #EEEFF1;
        }

            .c-group.c-group-table .c-table tbody tr td:last-child {
                padding-right: 0;
            }

        .c-group.c-group-table .c-table tbody tr:last-child td {
            border-bottom: 0;
        }

.cp_call-status {
    position: absolute;
    top: 78px;
    left: 138px;
}

    .cp_call-status .c-status {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        background-color: #3C5E88;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    }

        .cp_call-status .c-status:before {
            font-family: 'Glyphicons FA';
            font-size: 13px;
            line-height: 13px;
            color: #FFF;
            content: "\f095";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 13px;
            height: 13px;
            margin: -6.5px 0 0 -6.5px;
        }

    .cp_call-status .c-status-available {
        background-color: #81A657;
    }

    .cp_call-status .c-status-unavailable {
        background-color: #CF664B;
    }

.c-collapsed .cp_call-status {
    top: 26px;
    left: 30px;
}

    .c-collapsed .cp_call-status .c-status {
        width: 15px;
        height: 15px;
    }

        .c-collapsed .cp_call-status .c-status:before {
            font-size: 8px;
            line-height: 8px;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 8px;
            height: 8px;
            margin: -4px 0 0 -4px;
        }

@media screen and (max-height: 750px) {
    :not(.c-collapsed) .cp_call-status {
        top: 28px;
        left: 34px;
    }

        :not(.c-collapsed) .cp_call-status .c-status {
            width: 15px;
            height: 15px;
        }

            :not(.c-collapsed) .cp_call-status .c-status:before {
                font-size: 8px;
                line-height: 8px;
                position: absolute;
                left: 50%;
                top: 50%;
                width: 8px;
                height: 8px;
                margin: -4px 0 0 -4px;
            }
}

.cp_call-notification {
    background-color: #2f3035;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 135px;
    z-index: 50;
    -webkit-box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0.15);
}

    .cp_call-notification .c-calls-heading,
    .cp_call-notification .c-calls-item {
        padding: 10px 15px;
        font-size: 11px;
        color: #C8C9CF;
        background-color: #26262b;
        cursor: pointer;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .cp_call-notification .c-calls-heading:hover,
        .cp_call-notification .c-calls-item:hover {
            color: #FFF;
            background-color: #595B66;
        }

    .cp_call-notification .c-calls-heading {
        text-align: center;
    }

    .cp_call-notification .c-calls-list {
        display: none;
    }

    .cp_call-notification .c-calls-item:before,
    .cp_call-notification .c-calls-item:after {
        content: " ";
        display: table;
    }

    .cp_call-notification .c-calls-item:after {
        clear: both;
    }

    .cp_call-notification .c-calls-item:before,
    .cp_call-notification .c-calls-item:after {
        content: " ";
        display: table;
    }

    .cp_call-notification .c-calls-item:after {
        clear: both;
    }

    .cp_call-notification .c-calls-item .c-primary {
        float: left;
    }

    .cp_call-notification .c-calls-item .c-secondary {
        float: right;
    }

    .cp_call-notification .c-calls:hover .c-calls-heading {
        display: none;
    }

    .cp_call-notification .c-calls:hover .c-calls-list {
        display: block;
    }

    .cp_call-notification .c-activecall {
        position: relative;
    }

    .cp_call-notification .c-activecall-animation {
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .cp_call-notification .c-activecall .c-activecall-details {
        padding: 15px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

        .cp_call-notification .c-activecall .c-activecall-details .c-primary {
            font-size: 13px;
            line-height: 100%;
            color: #EEEFF1;
            font-weight: 600;
        }

            .cp_call-notification .c-activecall .c-activecall-details .c-primary > a {
                color: #FFF;
                text-decoration: none;
                border-bottom: dashed 1px #9D9FAA;
            }

                .cp_call-notification .c-activecall .c-activecall-details .c-primary > a:hover {
                    border-bottom: solid 1px #FFF;
                }

        .cp_call-notification .c-activecall .c-activecall-details.c-livecall-mode {
            text-align: left;
        }

            .cp_call-notification .c-activecall .c-activecall-details.c-livecall-mode .c-primary > a {
                color: #FFF;
                text-decoration: none;
                border-bottom: solid 1px #FFF;
            }

                .cp_call-notification .c-activecall .c-activecall-details.c-livecall-mode .c-primary > a:hover {
                    color: #DADBDF;
                    border-bottom: solid 1px #DADBDF;
                }

    .cp_call-notification .c-activecall .c-secondary,
    .cp_call-notification .c-activecall .c-progress {
        margin-top: 10px;
        font-size: 11px;
        line-height: 100%;
        color: #B0B2BB;
    }

    .cp_call-notification .c-activecall .c-error {
        padding: 10px;
        font-size: 11px;
        color: #FFF;
        background-color: #CF664B;
        display: block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .cp_call-notification .c-activecall .c-spinner {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    .cp_call-notification .c-activecall .c-open-wrapper {
        margin-top: 15px;
        text-align: center;
    }

        .cp_call-notification .c-activecall .c-open-wrapper .c-open-button {
            color: #FFF;
            font-weight: normal;
            border-color: #FFF;
            opacity: 0.7;
        }

            .cp_call-notification .c-activecall .c-open-wrapper .c-open-button:focus,
            .cp_call-notification .c-activecall .c-open-wrapper .c-open-button:hover {
                opacity: 1;
            }

    .cp_call-notification .c-activecall .c-livecall-controls {
        margin-top: 15px;
        margin-left: -7.5px;
        margin-right: -7.5px;
        display: flex;
        flex-flow: row nowrap;
    }

        .cp_call-notification .c-activecall .c-livecall-controls > * {
            flex: auto;
            margin-left: 7.5px;
            margin-right: 7.5px;
        }

        .cp_call-notification .c-activecall .c-livecall-controls .btn-default {
            background-color: #595B66;
            border-color: #595B66;
            color: #FFF;
        }

            .cp_call-notification .c-activecall .c-livecall-controls .btn-default:hover {
                background-color: #4d4f58;
                border-color: #4d4f58;
            }

            .cp_call-notification .c-activecall .c-livecall-controls .btn-default:disabled {
                background-color: #3B3C43;
                border-color: #3B3C43;
                color: #9D9FAA;
            }

        .cp_call-notification .c-activecall .c-livecall-controls .btn-danger {
            background-color: #CF664B;
            border-color: #CF664B;
            color: #FFF;
        }

            .cp_call-notification .c-activecall .c-livecall-controls .btn-danger:hover {
                background-color: #c65335;
                border-color: #c65335;
            }

        .cp_call-notification .c-activecall .c-livecall-controls .btn-success {
            background-color: #81A657;
            border-color: #81A657;
            color: #FFF;
        }

            .cp_call-notification .c-activecall .c-livecall-controls .btn-success:hover {
                background-color: #71924c;
                border-color: #71924c;
            }

    .cp_call-notification .c-activecall .c-controls {
        margin-top: 15px;
    }

        .cp_call-notification .c-activecall .c-controls .c-control {
            outline: none;
            border: none;
            background-color: red;
            position: relative;
            vertical-align: middle;
            text-align: center;
            width: 32px;
            height: 32px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

            .cp_call-notification .c-activecall .c-controls .c-control + .c-control {
                margin-left: 10px;
            }

            .cp_call-notification .c-activecall .c-controls .c-control:before {
                font-family: 'Glyphicons IVR';
                font-size: 16px;
                line-height: 16px;
                color: #FFF;
                content: "\E353";
                position: absolute;
                left: 50%;
                top: 50%;
                width: 16px;
                height: 16px;
                margin: -8px 0 0 -8px;
            }

        .cp_call-notification .c-activecall .c-controls .c-control-answer {
            background-color: #81A657;
        }

            .cp_call-notification .c-activecall .c-controls .c-control-answer:before {
                content: "\e900";
            }

            .cp_call-notification .c-activecall .c-controls .c-control-answer:hover {
                background-color: #A7CA84;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-answer:active {
                background-color: #678A45;
            }

        .cp_call-notification .c-activecall .c-controls .c-control-transfer {
            background-color: #E4801B;
        }

            .cp_call-notification .c-activecall .c-controls .c-control-transfer:before {
                content: "\e904";
            }

            .cp_call-notification .c-activecall .c-controls .c-control-transfer:hover {
                background-color: #F5B26F;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-transfer:active {
                background-color: #CA6B0C;
            }

        .cp_call-notification .c-activecall .c-controls .c-control-voicemail {
            background-color: #63B0C6;
        }

            .cp_call-notification .c-activecall .c-controls .c-control-voicemail:before {
                content: "\e908";
            }

            .cp_call-notification .c-activecall .c-controls .c-control-voicemail:hover {
                background-color: #81D3E2;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-voicemail:active {
                background-color: #31A5B9;
            }

        .cp_call-notification .c-activecall .c-controls .c-control-livecall {
            background-color: #3B3C43;
        }

            .cp_call-notification .c-activecall .c-controls .c-control-livecall:before {
                content: "\e976";
                font-family: 'cpicons';
                font-size: 20px;
                margin-left: -10px;
                margin-right: -10px;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-livecall:hover:not(:disabled) {
                background-color: #53545e;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-livecall:active {
                background-color: #2f3035;
            }

        .cp_call-notification .c-activecall .c-controls .c-control-decline,
        .cp_call-notification .c-activecall .c-controls .c-control-hangup {
            background-color: #CF664B;
        }

            .cp_call-notification .c-activecall .c-controls .c-control-decline:before,
            .cp_call-notification .c-activecall .c-controls .c-control-hangup:before {
                content: "\e902";
            }

            .cp_call-notification .c-activecall .c-controls .c-control-decline:hover,
            .cp_call-notification .c-activecall .c-controls .c-control-hangup:hover {
                background-color: #EB937C;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-decline:active,
            .cp_call-notification .c-activecall .c-controls .c-control-hangup:active {
                background-color: #B25037;
            }

        .cp_call-notification .c-activecall .c-controls .c-control-record {
            background-color: #608DBB;
            padding: 0;
            color: #FFF;
            font-size: 11px;
            line-height: 12px;
            font-weight: 600;
            text-transform: uppercase;
            overflow: visible;
        }

            .cp_call-notification .c-activecall .c-controls .c-control-record:hover {
                background-color: #98B8DC;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-record:after {
                position: absolute;
                padding: 1px 4px;
                border-radius: 7px;
                top: -4px;
                right: -8px;
                color: #FFF;
                font-size: 9px;
                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
            }

            .cp_call-notification .c-activecall .c-controls .c-control-record.c-disabled {
                background-color: #35373d;
                color: #747786;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-record.c-recording:after {
                content: 'ON';
                background-color: #81A657;
            }

            .cp_call-notification .c-activecall .c-controls .c-control-record.c-paused:after {
                content: 'OFF';
                background-color: #CF664B;
            }

.c-collapsed .cp_call-notification {
    width: 235px;
    border-radius: 6px;
    left: 65px;
    bottom: 15px;
}

.cp_call-notification .c-animation-ripple {
    left: 50%;
    bottom: -1px;
    position: absolute;
    background-color: transparent;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    animation: ripple 0.7s linear infinite;
    overflow: hidden;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 25px rgba(0, 0, 0, 0.2), 0 0 0 50px rgba(0, 0, 0, 0.2), 0 0 0 100px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 25px rgba(0, 0, 0, 0.2), 0 0 0 50px rgba(0, 0, 0, 0.2), 0 0 0 100px rgba(0, 0, 0, 0.2), 0 0 0 200px rgba(0, 0, 0, 0);
    }
}

.cp_sms-notification {
    background-color: #2f3035;
    position: absolute;
    border-radius: 6px;
    left: 240px;
    bottom: 15px;
    width: 235px !important;
    z-index: 50;
    padding: 15px;
    display: flex;
    flex-flow: column nowrap;
    color: #B0B2BB;
    font-size: 12px;
    -webkit-box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0.15);
}

.c-collapsed .cp_sms-notification {
    left: 65px;
}

.cp_sms-notification .c-spinner {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.cp_sms-notification .c-message-heading {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 15px;
    align-items: center;
}

    .cp_sms-notification .c-message-heading .c-icon {
        font-size: 32px;
        margin-right: 15px;
    }

    .cp_sms-notification .c-message-heading .c-sender {
        min-width: 0;
    }

        .cp_sms-notification .c-message-heading .c-sender .c-name {
            margin-bottom: 5px;
            font-size: 14px;
            font-weight: 500;
            color: #FFF;
            line-height: 120%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .cp_sms-notification .c-message-heading .c-sender .c-phone {
            line-height: 100%;
        }

.cp_sms-notification .c-message-text {
    line-height: 120%;
    word-break: break-word;
    overflow: hidden;
}

.cp_sms-notification .c-message-footer {
    margin-top: 15px;
}

    .cp_sms-notification .c-message-footer .c-button {
        display: inline-block;
        border-color: #B0B2BB;
        background-color: transparent;
        color: #B0B2BB;
    }

        .cp_sms-notification .c-message-footer .c-button:hover {
            border-color: #FFF;
            background-color: transparent;
            color: #FFF;
        }

.cp_telecom-toolbar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    z-index: 50;
    background-color: #2f3035;
    text-align: center;
}

    .cp_telecom-toolbar:before,
    .cp_telecom-toolbar:after {
        content: " ";
        display: table;
    }

    .cp_telecom-toolbar:after {
        clear: both;
    }

    .cp_telecom-toolbar:before,
    .cp_telecom-toolbar:after {
        content: " ";
        display: table;
    }

    .cp_telecom-toolbar:after {
        clear: both;
    }

    .cp_telecom-toolbar .c-spinner {
        width: 50px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .cp_telecom-toolbar .c-controls {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        padding: 12px 15px;
    }

        .cp_telecom-toolbar .c-controls .c-telecom-btn {
            font-size: 24px;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            position: relative;
            text-align: center;
            line-height: 100%;
            color: #9D9FAA;
            background: none;
            border: none;
        }

            .cp_telecom-toolbar .c-controls .c-telecom-btn + .c-telecom-btn {
                margin-left: 8px;
            }

            .cp_telecom-toolbar .c-controls .c-telecom-btn:hover {
                color: #FFF;
                text-decoration: none;
            }

            .cp_telecom-toolbar .c-controls .c-telecom-btn.c-disabled,
            .cp_telecom-toolbar .c-controls .c-telecom-btn:disabled {
                color: #747786 !important;
            }

            .cp_telecom-toolbar .c-controls .c-telecom-btn.c-status:after {
                content: '';
                background-color: #C8C9CF;
                vertical-align: middle;
                display: block;
                position: absolute;
                right: 0px;
                bottom: -1px;
                border: 2px solid #2f3035;
                width: 0.5em;
                height: 0.5em;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                overflow: hidden;
                text-indent: -9999px;
            }

            .cp_telecom-toolbar .c-controls .c-telecom-btn.c-status.c-status-avaialble:after {
                background-color: #81A657;
            }

            .cp_telecom-toolbar .c-controls .c-telecom-btn.c-status.c-status-unavaialble:after {
                background-color: #CF664B;
            }

            .cp_telecom-toolbar .c-controls .c-telecom-btn.c-telecom-updating:before {
                content: " ";
                background: url("/Content/app/assets/img/loader-light.gif") no-repeat center center;
                background-size: 24px;
                position: absolute;
                left: 50%;
                top: 50%;
                width: 24px;
                height: 24px;
                margin: -12px 0 0 -12px;
            }

            .cp_telecom-toolbar .c-controls .c-telecom-btn .c-badge {
                position: absolute;
                bottom: 4px;
                right: -4px;
                font-size: 10px;
                border-radius: 4px;
                padding: 1px 4px 2px;
                background-color: #E4801B;
                border: 2px solid #2f3035;
            }

.c-collapsed .cp_telecom-toolbar .c-controls {
    flex-flow: column nowrap;
    padding-left: 0;
    padding-right: 0;
}

    .c-collapsed .cp_telecom-toolbar .c-controls .c-telecom-btn {
        margin: 0;
    }

        .c-collapsed .cp_telecom-toolbar .c-controls .c-telecom-btn + .c-telecom-btn {
            margin-top: 6px;
        }

.cp-toolbar.c-calling:not(.c-collapsed) .c-panes {
    bottom: 200px !important;
}

.cp_call-transfer .c-available {
    margin-top: 6px;
    font-weight: 600;
    display: inline-block;
}

.cp_call-transfer .c-offcanvas-flex {
    display: flex;
    flex-flow: column nowrap;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 63px;
}

    .cp_call-transfer .c-offcanvas-flex .c-offcanvas-search {
        position: relative;
        top: auto;
        flex: 0 0 35px;
    }

    .cp_call-transfer .c-offcanvas-flex .c-offcanvas-toolbar {
        position: relative;
        top: auto !important;
        flex: 0 1 63px;
        height: auto;
    }

    .cp_call-transfer .c-offcanvas-flex .c-offcanvas-toolbar2 + .c-offcanvas-container {
        border-top: 1px solid #EEEFF1;
    }

    .cp_call-transfer .c-offcanvas-flex .c-offcanvas-container {
        position: relative;
        top: auto !important;
        bottom: auto !important;
        flex: 0 1 auto;
    }

.cp_call-transfer .c-offcanvas-tabs {
    position: absolute;
    top: -1px;
}

    .cp_call-transfer .c-offcanvas-tabs .nav-tabs {
        border-top: 1px solid #DADBDF;
        border-bottom: 0;
        width: 440px;
    }

    .cp_call-transfer .c-offcanvas-tabs .c-tab {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .cp_call-transfer .c-offcanvas-tabs .c-tab > a {
            width: 184px;
            text-align: center;
            border-top-color: #DADBDF;
            border-bottom-color: #EEEFF1;
            border-radius: 0 0 3px 3px;
        }

            .cp_call-transfer .c-offcanvas-tabs .c-tab > a:hover {
                border-color: #DADBDF;
            }

            .cp_call-transfer .c-offcanvas-tabs .c-tab > a.active,
            .cp_call-transfer .c-offcanvas-tabs .c-tab > a:active,
            .cp_call-transfer .c-offcanvas-tabs .c-tab.active > a {
                border-top-color: #FFF;
                border-bottom-color: #DADBDF;
            }

                .cp_call-transfer .c-offcanvas-tabs .c-tab > a.active:before,
                .cp_call-transfer .c-offcanvas-tabs .c-tab > a:active:before,
                .cp_call-transfer .c-offcanvas-tabs .c-tab.active > a:before {
                    top: auto;
                    bottom: -1px;
                }

.cp_call-transfer .c-external-number {
    font-size: 20px;
}

.cp_call-transfer .c-status {
    font-size: 12px;
}

.cp_call-transfer .c-agents-list .c-section-body {
    padding: 0;
}

.cp_call-transfer .cp-listgroup > .cp-listgroup-item {
    cursor: pointer;
}

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item > span {
        border: none;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-icon,
    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-avatar {
        width: 48px;
    }

        .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-icon > .glyphicon {
            font-size: 24px;
            color: #B0B2BB;
            text-align: center;
        }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-avatar {
        padding-right: 0;
    }

        .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-avatar .c-photo-status {
            position: relative;
            display: block;
            /* &:before { // status dot
                        display: block;
                        content: '';
                        width: 12px;
                        height: 12px;
                        border: 2px solid @list-group-bg; // status dot border matches background color
                        .rounded(50%);
                        background: @gray-70;
                        position: absolute;
                        right: 0;
                        bottom: 0;
                    }*/
        }

            .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-avatar .c-photo-status img {
                width: 32px;
                height: 32px;
                background-color: #EEEFF1;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
            }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item.c-status-available .c-avatar .c-photo-status:before {
        background: #81A657;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item.c-status-unavailable .c-avatar .c-photo-status:before {
        background: #CF664B;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item:hover > span {
        background-color: #FBFBFB;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item:hover .c-name {
        color: #747786;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item:hover .c-avatar .c-photo-status:before {
        border-color: #FBFBFB;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-name {
        font-size: 13px;
        font-weight: 600;
        display: block;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-status {
        margin-top: 0;
        font-size: 11px;
        line-height: inherit;
        color: #9D9FAA;
        display: block;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-progress {
        text-align: right;
        width: 70px;
        font-size: 11px;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-progress-current {
        color: #9D9FAA;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-progress-success {
        color: #81A657;
    }

    .cp_call-transfer .cp-listgroup > .cp-listgroup-item .c-progress-fail {
        color: #CF664B;
    }

.cp-message-center-modal .c-padding {
    padding: 15px;
}

.cp-message-center-modal .modal-container {
    height: 450px;
}

.cp-message-center-modal .c-modal-wrapper {
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
}

.cp-message-center-modal .c-sidebar-left {
    flex: 1 1;
    display: flex;
    flex-flow: column nowrap;
}

    .cp-message-center-modal .c-sidebar-left .c-contacts-container {
        flex-basis: 100%;
        overflow-y: auto;
    }

        .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact {
            cursor: pointer;
        }

            .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact:hover .c-caption {
                color: #3B3C43;
            }

            .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact > * {
                border-top: 0;
                border-bottom: 1px solid #e5e5e5;
            }

                .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact > *:first-child {
                    border-left: 3px solid transparent;
                    padding: 10px 12px;
                }

            .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact .c-name {
                max-width: 0;
                padding-right: 0;
            }

                .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact .c-name .c-caption {
                    text-overflow: ellipsis;
                    overflow-x: hidden;
                    white-space: nowrap;
                }

            .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact .c-unread {
                padding-left: 5px;
                padding-right: 10px;
            }

            .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact.c-conversation-selected > * {
                background: #FBFBFB;
            }

                .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact.c-conversation-selected > *:first-child {
                    border-left-color: #E4801B;
                }

            .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact .badge {
                padding: 3px 5px;
                background-color: #E4801B;
            }

            .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact .c-chat-close-btn {
                color: #DADBDF;
                font-size: 18px;
            }

                .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-contact .c-chat-close-btn:hover {
                    color: #3B3C43;
                    text-decoration: none;
                }

        .cp-message-center-modal .c-sidebar-left .c-contacts-container .c-more {
            padding: 15px;
        }

    .cp-message-center-modal .c-sidebar-left .c-search {
        position: relative;
    }

        .cp-message-center-modal .c-sidebar-left .c-search > input[type="text"] {
            width: 100%;
            height: 40px;
            padding-right: 45px;
            padding-left: 14px;
            font-size: 12px;
            border: 1px solid #e5e5e5;
        }

            .cp-message-center-modal .c-sidebar-left .c-search > input[type="text"]::-moz-placeholder {
                color: #B0B2BB;
                opacity: 1;
            }

            .cp-message-center-modal .c-sidebar-left .c-search > input[type="text"]:-ms-input-placeholder {
                color: #B0B2BB;
            }

            .cp-message-center-modal .c-sidebar-left .c-search > input[type="text"]::-webkit-input-placeholder {
                color: #B0B2BB;
            }

            .cp-message-center-modal .c-sidebar-left .c-search > input[type="text"]:focus {
                outline: none;
                border-color: #F5B26F !important;
                background-color: #FFF;
            }

        .cp-message-center-modal .c-sidebar-left .c-search > .c-icon {
            margin-top: -8px;
            font-family: 'Glyphicons FA';
            font-size: 15px;
            line-height: 100%;
            color: #DADBDF;
            position: absolute;
            top: 50%;
            right: 14px;
        }

            .cp-message-center-modal .c-sidebar-left .c-search > .c-icon:before {
                content: "\f002";
            }

        .cp-message-center-modal .c-sidebar-left .c-search > input[type="text"]:focus + .c-icon {
            color: #E4801B !important;
        }

    .cp-message-center-modal .c-sidebar-left .c-side-header select.form-control {
        padding-left: 5px;
    }

    .cp-message-center-modal .c-sidebar-left .c-side-footer {
        border-top: 1px solid #e5e5e5;
    }

.cp-message-center-modal .c-main {
    position: relative;
    flex: 2 2;
    display: flex;
    flex-flow: column nowrap;
    border-left: 1px solid #e5e5e5;
}

    .cp-message-center-modal .c-main .c-chat {
        max-width: 100%;
        overflow-y: auto;
        flex-basis: 100%;
        padding: 15px 15px 0;
    }

        .cp-message-center-modal .c-main .c-chat .c-message-bubble {
            border-radius: 5px;
            background: #f6f6f6;
            padding: 10px;
            margin-bottom: 15px;
        }

            .cp-message-center-modal .c-main .c-chat .c-message-bubble .c-message-header {
                margin-bottom: 5px;
            }

            .cp-message-center-modal .c-main .c-chat .c-message-bubble .c-message-text {
                word-break: break-word;
            }

            .cp-message-center-modal .c-main .c-chat .c-message-bubble .c-author-type {
                font-size: 12px;
                color: #9D9FAA;
            }

            .cp-message-center-modal .c-main .c-chat .c-message-bubble .c-message-status {
                font-size: 12px;
                color: #747786;
                margin-right: 4px;
                top: 0;
            }

            .cp-message-center-modal .c-main .c-chat .c-message-bubble .c-time {
                font-size: 11px;
                color: #595B66;
            }

            .cp-message-center-modal .c-main .c-chat .c-message-bubble.c-lead {
                background: #EDF5FC;
            }

                .cp-message-center-modal .c-main .c-chat .c-message-bubble.c-lead .c-author {
                    color: #608DBB;
                }

                .cp-message-center-modal .c-main .c-chat .c-message-bubble.c-lead .c-author-type {
                    color: #98B8DC;
                }

    .cp-message-center-modal .c-main .c-chat-input-bar .input-group-btn.c-plus-btn-wrap {
        display: table-cell !important;
    }

    .cp-message-center-modal .c-main .c-template-overlay {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
    }

        .cp-message-center-modal .c-main .c-template-overlay .c-template-window {
            padding: 15px;
            position: absolute;
            bottom: 15px;
            left: 15px;
            right: 15px;
            background: #FFF;
            border-radius: 5px;
            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }

            .cp-message-center-modal .c-main .c-template-overlay .c-template-window .c-template-text {
                padding: 10px 10px 15px;
                font-size: 13px;
                font-weight: 600;
                line-height: 120%;
            }

            .cp-message-center-modal .c-main .c-template-overlay .c-template-window .c-template-footer {
                text-align: right;
            }

.cp-message-center-modal .c-sidebar-right {
    flex: 1 2;
    border-left: 1px solid #e5e5e5;
    overflow-y: auto;
}

    .cp-message-center-modal .c-sidebar-right .glyphicon {
        color: #B0B2BB;
    }

    .cp-message-center-modal .c-sidebar-right .c-sidebar-right-wrap {
        padding-top: 0;
    }

    .cp-message-center-modal .c-sidebar-right .c-leadname {
        margin: 10px 0;
        font-size: 13px;
        font-weight: 600;
    }

    .cp-message-center-modal .c-sidebar-right .c-leadinfo {
        position: relative;
        padding-left: 25px;
        font-size: 12px;
        margin-bottom: 10px;
    }

        .cp-message-center-modal .c-sidebar-right .c-leadinfo .glyphicon {
            font-size: 16px;
            position: absolute;
            left: 5px;
            top: 0;
        }

    .cp-message-center-modal .c-sidebar-right .c-lead-status {
        font-size: 12px;
    }

    .cp-message-center-modal .c-sidebar-right .c-lead-workflow {
        margin-top: 10px;
        font-size: 12px;
    }

    .cp-message-center-modal .c-sidebar-right .c-sidebar-section {
        position: relative;
        padding-top: 15px;
    }

        .cp-message-center-modal .c-sidebar-right .c-sidebar-section + .c-sidebar-section {
            padding-bottom: 15px;
            border-top: 1px solid #e5e5e5;
        }

    .cp-message-center-modal .c-sidebar-right .c-participants-list li {
        font-size: 12px;
        margin-bottom: 10px;
    }

cp-simple-audio-player[mode="regular"] .cp-sap,
.cp-simple-audio-player[mode="regular"] .cp-sap,
cp-simple-audio-player[mode="standalone"] .cp-sap,
.cp-simple-audio-player[mode="standalone"] .cp-sap,
cp-simple-audio-player[mode="integrated"] .cp-sap,
.cp-simple-audio-player[mode="integrated"] .cp-sap {
    padding-left: 60px;
    position: relative;
    display: block;
}

cp-simple-audio-player[mode="regular"] .cp-sap-control,
.cp-simple-audio-player[mode="regular"] .cp-sap-control,
cp-simple-audio-player[mode="standalone"] .cp-sap-control,
.cp-simple-audio-player[mode="standalone"] .cp-sap-control,
cp-simple-audio-player[mode="integrated"] .cp-sap-control,
.cp-simple-audio-player[mode="integrated"] .cp-sap-control {
    margin-top: -15px;
    outline: none;
    border: none;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    cp-simple-audio-player[mode="regular"] .cp-sap-control:before,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control:before,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control:before,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control:before,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control:before {
        font-family: 'Glyphicons FA';
        font-size: 12px;
        line-height: 16px;
        color: #FFF;
        text-align: center;
        content: "\f005";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
    }

cp-simple-audio-player[mode="regular"] .cp-sap-control-play,
.cp-simple-audio-player[mode="regular"] .cp-sap-control-play,
cp-simple-audio-player[mode="standalone"] .cp-sap-control-play,
.cp-simple-audio-player[mode="standalone"] .cp-sap-control-play,
cp-simple-audio-player[mode="integrated"] .cp-sap-control-play,
.cp-simple-audio-player[mode="integrated"] .cp-sap-control-play {
    background-color: #81A657;
}

    cp-simple-audio-player[mode="regular"] .cp-sap-control-play:before,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-play:before,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:before,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-play:before,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-play:before {
        content: "\f04b";
        transform: translateX(1px);
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-play:hover,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-play:hover,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:hover,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:hover,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-play:hover,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-play:hover {
        background-color: #A7CA84;
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-play:active,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-play:active,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:active,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:active,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-play:active,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-play:active {
        background-color: #678A45;
    }

cp-simple-audio-player[mode="regular"] .cp-sap-control-pause,
.cp-simple-audio-player[mode="regular"] .cp-sap-control-pause,
cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause,
.cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause,
cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause,
.cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause {
    background-color: #CF664B;
}

    cp-simple-audio-player[mode="regular"] .cp-sap-control-pause:before,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-pause:before,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause:before,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause:before,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause:before {
        content: "\f04c";
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-pause:hover,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-pause:hover,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause:hover,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause:hover,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause:hover,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause:hover {
        background-color: #EB937C;
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-pause:active,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-pause:active,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause:active,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-pause:active,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause:active,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-pause:active {
        background-color: #B25037;
    }

cp-simple-audio-player[mode="regular"] .cp-sap-control-record,
.cp-simple-audio-player[mode="regular"] .cp-sap-control-record,
cp-simple-audio-player[mode="standalone"] .cp-sap-control-record,
.cp-simple-audio-player[mode="standalone"] .cp-sap-control-record,
cp-simple-audio-player[mode="integrated"] .cp-sap-control-record,
.cp-simple-audio-player[mode="integrated"] .cp-sap-control-record {
    background-color: #CF664B;
}

    cp-simple-audio-player[mode="regular"] .cp-sap-control-record:before,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-record:before,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-record:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-record:before,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-record:before,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-record:before {
        content: "\f130";
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-record:hover,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-record:hover,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-record:hover,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-record:hover,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-record:hover,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-record:hover {
        background-color: #EB937C;
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-record:active,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-record:active,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-record:active,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-record:active,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-record:active,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-record:active {
        background-color: #B25037;
    }

cp-simple-audio-player[mode="regular"] .cp-sap-control-stop,
.cp-simple-audio-player[mode="regular"] .cp-sap-control-stop,
cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop,
.cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop,
cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop,
.cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop {
    background-color: #CF664B;
}

    cp-simple-audio-player[mode="regular"] .cp-sap-control-stop:before,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-stop:before,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop:before,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop:before,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop:before {
        content: "\f04d";
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-stop:hover,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-stop:hover,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop:hover,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop:hover,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop:hover,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop:hover {
        background-color: #EB937C;
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-control-stop:active,
    .cp-simple-audio-player[mode="regular"] .cp-sap-control-stop:active,
    cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop:active,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control-stop:active,
    cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop:active,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-control-stop:active {
        background-color: #B25037;
    }

cp-simple-audio-player[mode="regular"] .cp-sap-spinner,
.cp-simple-audio-player[mode="regular"] .cp-sap-spinner,
cp-simple-audio-player[mode="standalone"] .cp-sap-spinner,
.cp-simple-audio-player[mode="standalone"] .cp-sap-spinner,
cp-simple-audio-player[mode="integrated"] .cp-sap-spinner,
.cp-simple-audio-player[mode="integrated"] .cp-sap-spinner {
    position: absolute;
    top: 50%;
    left: 30px;
}

cp-simple-audio-player[mode="regular"] .cp-sap-error,
.cp-simple-audio-player[mode="regular"] .cp-sap-error,
cp-simple-audio-player[mode="standalone"] .cp-sap-error,
.cp-simple-audio-player[mode="standalone"] .cp-sap-error,
cp-simple-audio-player[mode="integrated"] .cp-sap-error,
.cp-simple-audio-player[mode="integrated"] .cp-sap-error {
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 30px;
    height: 30px;
}

    cp-simple-audio-player[mode="regular"] .cp-sap-error:before,
    .cp-simple-audio-player[mode="regular"] .cp-sap-error:before,
    cp-simple-audio-player[mode="standalone"] .cp-sap-error:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-error:before,
    cp-simple-audio-player[mode="integrated"] .cp-sap-error:before,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-error:before {
        font-family: 'Glyphicons FA';
        font-size: 24px;
        line-height: 24px;
        color: #EABF2D;
        text-align: center;
        content: "\f071";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
    }

cp-simple-audio-player[mode="regular"] .cp-sap-name,
.cp-simple-audio-player[mode="regular"] .cp-sap-name,
cp-simple-audio-player[mode="standalone"] .cp-sap-name,
.cp-simple-audio-player[mode="standalone"] .cp-sap-name,
cp-simple-audio-player[mode="integrated"] .cp-sap-name,
.cp-simple-audio-player[mode="integrated"] .cp-sap-name {
    font-weight: 600;
}

cp-simple-audio-player[mode="regular"] .cp-sap-status,
.cp-simple-audio-player[mode="regular"] .cp-sap-status,
cp-simple-audio-player[mode="standalone"] .cp-sap-status,
.cp-simple-audio-player[mode="standalone"] .cp-sap-status,
cp-simple-audio-player[mode="integrated"] .cp-sap-status,
.cp-simple-audio-player[mode="integrated"] .cp-sap-status {
    color: #9D9FAA;
}

cp-simple-audio-player[mode="regular"] .cp-sap-time,
.cp-simple-audio-player[mode="regular"] .cp-sap-time,
cp-simple-audio-player[mode="standalone"] .cp-sap-time,
.cp-simple-audio-player[mode="standalone"] .cp-sap-time,
cp-simple-audio-player[mode="integrated"] .cp-sap-time,
.cp-simple-audio-player[mode="integrated"] .cp-sap-time {
    font-size: 11px;
    line-height: 100%;
    color: #9D9FAA;
}

cp-simple-audio-player[mode="regular"] .cp-sap-progress,
.cp-simple-audio-player[mode="regular"] .cp-sap-progress,
cp-simple-audio-player[mode="standalone"] .cp-sap-progress,
.cp-simple-audio-player[mode="standalone"] .cp-sap-progress,
cp-simple-audio-player[mode="integrated"] .cp-sap-progress,
.cp-simple-audio-player[mode="integrated"] .cp-sap-progress {
    width: auto;
    height: 6px;
    background: #FBFBFB;
    border: none;
    color: #81A657;
    -webkit-appearance: none;
    cursor: pointer;
}

    cp-simple-audio-player[mode="regular"] .cp-sap-progress::-moz-progress-bar,
    .cp-simple-audio-player[mode="regular"] .cp-sap-progress::-moz-progress-bar,
    cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-moz-progress-bar,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-moz-progress-bar,
    cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-moz-progress-bar,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-moz-progress-bar {
        background: #E4801B;
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 40px 40px;
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-progress::-webkit-progress-value,
    .cp-simple-audio-player[mode="regular"] .cp-sap-progress::-webkit-progress-value,
    cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-webkit-progress-value,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-webkit-progress-value,
    cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-webkit-progress-value,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-webkit-progress-value {
        background: #E4801B;
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 40px 40px;
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-progress::-ms-fill,
    .cp-simple-audio-player[mode="regular"] .cp-sap-progress::-ms-fill,
    cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-ms-fill,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-ms-fill,
    cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-ms-fill,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-ms-fill {
        background: #E4801B;
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 40px 40px;
    }

    cp-simple-audio-player[mode="regular"] .cp-sap-progress::-webkit-progress-bar,
    .cp-simple-audio-player[mode="regular"] .cp-sap-progress::-webkit-progress-bar,
    cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-webkit-progress-bar,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-progress::-webkit-progress-bar,
    cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-webkit-progress-bar,
    .cp-simple-audio-player[mode="integrated"] .cp-sap-progress::-webkit-progress-bar {
        background: #EEEFF1;
    }

cp-simple-audio-player[mode="regular"] .cp-sap-progress-recording,
.cp-simple-audio-player[mode="regular"] .cp-sap-progress-recording,
cp-simple-audio-player[mode="standalone"] .cp-sap-progress-recording,
.cp-simple-audio-player[mode="standalone"] .cp-sap-progress-recording,
cp-simple-audio-player[mode="integrated"] .cp-sap-progress-recording,
.cp-simple-audio-player[mode="integrated"] .cp-sap-progress-recording {
    height: 6px;
    background: #E4801B;
    display: block;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    -webkit-animation: progress-bar-custom 2s linear infinite;
    -o-animation: progress-bar-custom 2s linear infinite;
    animation: progress-bar-custom 2s linear infinite;
}

cp-simple-audio-player[mode="regular"] .cp-sap,
.cp-simple-audio-player[mode="regular"] .cp-sap {
    min-width: 200px;
    height: 60px;
    padding-right: 80px;
}

cp-simple-audio-player[mode="regular"] .cp-sap-name,
.cp-simple-audio-player[mode="regular"] .cp-sap-name {
    display: none;
}

cp-simple-audio-player[mode="regular"] .cp-sap-time,
.cp-simple-audio-player[mode="regular"] .cp-sap-time {
    width: 70px;
    margin-top: -5px;
    position: absolute;
    right: 15px;
    top: 50%;
}

cp-simple-audio-player[mode="regular"] .cp-sap-progress,
.cp-simple-audio-player[mode="regular"] .cp-sap-progress {
    margin-top: -3px;
    position: absolute;
    left: 60px;
    right: 100px;
    top: 50%;
}

cp-simple-audio-player[mode="standalone"] .cp-sap,
.cp-simple-audio-player[mode="standalone"] .cp-sap {
    min-width: 200px;
    height: 60px;
    margin: 15px 0;
    padding-right: 80px;
    padding-left: 80px;
}

    cp-simple-audio-player[mode="standalone"] .cp-sap .cp-sap-spinner,
    .cp-simple-audio-player[mode="standalone"] .cp-sap .cp-sap-spinner {
        left: 38px;
    }

cp-simple-audio-player[mode="standalone"] .cp-sap-control,
.cp-simple-audio-player[mode="standalone"] .cp-sap-control {
    margin-top: -24px;
    padding: 0;
    width: 48px;
    height: 48px;
}

    cp-simple-audio-player[mode="standalone"] .cp-sap-control:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-control:before {
        font-size: 20px;
        line-height: 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 20px;
        margin: -10px 0 0 -10px;
    }

cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:before,
.cp-simple-audio-player[mode="standalone"] .cp-sap-control-play:before {
    transform: translateX(2px);
}

cp-simple-audio-player[mode="standalone"] .cp-sap-error,
.cp-simple-audio-player[mode="standalone"] .cp-sap-error {
    margin-top: -24px;
    width: 48px;
    height: 48px;
}

    cp-simple-audio-player[mode="standalone"] .cp-sap-error:before,
    .cp-simple-audio-player[mode="standalone"] .cp-sap-error:before {
        font-size: 32px;
        line-height: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 32px;
        height: 32px;
        margin: -16px 0 0 -16px;
    }

cp-simple-audio-player[mode="standalone"] .cp-sap-name,
.cp-simple-audio-player[mode="standalone"] .cp-sap-name {
    display: none;
}

cp-simple-audio-player[mode="standalone"] .cp-sap-time,
.cp-simple-audio-player[mode="standalone"] .cp-sap-time {
    width: 70px;
    margin-top: -5px;
    position: absolute;
    right: 15px;
    top: 50%;
}

cp-simple-audio-player[mode="standalone"] .cp-sap-progress,
.cp-simple-audio-player[mode="standalone"] .cp-sap-progress,
cp-simple-audio-player[mode="standalone"] .cp-sap-progress-recording,
.cp-simple-audio-player[mode="standalone"] .cp-sap-progress-recording {
    height: 8px;
    margin-top: -4px;
    position: absolute;
    left: 80px;
    right: 100px;
    top: 50%;
}

cp-simple-audio-player[mode="integrated"] .cp-sap,
.cp-simple-audio-player[mode="integrated"] .cp-sap {
    height: 66px;
    padding-top: 15px;
    padding-bottom: 15px;
}

cp-simple-audio-player[mode="integrated"] .cp-sap-name,
.cp-simple-audio-player[mode="integrated"] .cp-sap-name {
    display: block;
}

cp-simple-audio-player[mode="integrated"] .cp-sap-time,
.cp-simple-audio-player[mode="integrated"] .cp-sap-time {
    display: block;
}

cp-simple-audio-player[mode="integrated"] .cp-sap-progress,
.cp-simple-audio-player[mode="integrated"] .cp-sap-progress {
    width: auto;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    cp-simple-audio-player[mode="integrated"] .cp-sap-progress[value="0"],
    .cp-simple-audio-player[mode="integrated"] .cp-sap-progress[value="0"] {
        display: none;
    }

.c-offcanvas cp-simple-audio-player[mode="integrated"] .cp-sap-progress,
.c-offcanvas .cp-simple-audio-player[mode="integrated"] .cp-sap-progress {
    width: 400px;
}

cp-drop-zone-uploader .cp-uploader {
    width: 100%;
    height: 240px;
    padding: 60px 30px;
    color: #608DBB;
    text-align: center;
    vertical-align: middle;
    border: dashed 1px #98B8DC;
    background-color: #EDF5FC;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    cp-drop-zone-uploader .cp-uploader.k-dropzone-active {
        color: #E4801B;
        border-color: #E4801B;
        background-color: #FEF3E7;
    }

    cp-drop-zone-uploader .cp-uploader .k-dropzone-hovered {
        background: none;
    }

    cp-drop-zone-uploader .cp-uploader .k-upload {
        display: none;
    }

cp-drop-zone-uploader .cp-uploader-heading {
    font-size: 20px;
    font-weight: 600;
}

cp-drop-zone-uploader .cp-uploader-button {
    padding: 10px 15px;
    color: #608DBB;
    font-weight: 600;
    border: dashed 1px #608DBB;
    background: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

cp-drop-zone-uploader .k-dropzone-active .cp-uploader-button {
    color: #E4801B;
    border-color: #E4801B;
}

@-webkit-keyframes progress-bar-custom {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-custom {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}