@import url(../fonts/itc_webfont.css);

html {
    position: relative;
    min-height: 100%;
}

.modal-backdrop.in {
    display: none !important;
}

body {
    /* overflow-x: hidden; */
    font-family: "itcweb Std", sans-serif;
    letter-spacing: 0.03rem;
    position: relative;
    padding-right: 0 !important;
}

.modal-backdrop.in {
    display: none !important;
}
/*body.sticky-footer {
  margin-bottom: 56px;
}*/

body.sticky-footer .content-wrapper {
    min-height: calc(100vh - 56px - 56px);
    padding-top: 56px;
}

/* body.fixed-nav {
  padding-top: 56px;
} */
/*spinner*/
.overlayEffect {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(31,29,29,.63);
    -moz-opacity: 1;
    opacity: 1;
    right: 0;
    bottom: 0;
    z-index: 999999;
}

.imgProgress {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    margin-top: 230px;
}


.content-wrapper {
    min-height: calc(100vh - 56px);
    padding-top: 1rem;
}

.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 3px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
}

    .scroll-to-top:focus,
    .scroll-to-top:hover {
        color: white;
    }

    .scroll-to-top:hover {
        background: #343a40;
    }

    .scroll-to-top i {
        font-weight: 800;
    }

.smaller {
    font-size: 0.7rem;
}

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

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

#mainNav .navbar-collapse {
    overflow: auto;
    max-height: 75vh;
}

    #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
        cursor: pointer;
    }

    #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
    #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
        padding-left: 0;
    }

        #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
        #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
            display: block;
            padding: 0.5em 0;
        }

.sidenav-second-level-1 > li > a {
    display: block;
    padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
    text-decoration: none;
}

.sidenav-second-level-1 > li > a:hover {
    text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
    padding-left: 1em;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
    padding-left: 2em;
}

#mainNav .navbar-collapse .sidenav-toggler {
    display: none;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
    position: relative;
    min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item .profile-drpdown:after {
    float: right;
    width: 8px;
    height: 6px;
    content: "";
    border: none;
    background-image: url(../images/svg/down_arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    top: 19px;
    position: absolute;
    right: -12px;
    cursor: pointer;
    opacity: 0.8;
}

#mainNav
.navbar-collapse
.navbar-nav > .nav-item.dropdown > .nav-link
.indicator {
    position: absolute;
    top: 5px;
    left: 21px;
    font-size: 10px;
}

#mainNav
.navbar-collapse
.navbar-nav > .nav-item.dropdown.show > .nav-link:after {
    content: "\f107";
}

#mainNav
.navbar-collapse
.navbar-nav > .nav-item.dropdown
.dropdown-menu > .dropdown-item > .dropdown-message {
    overflow: hidden;
    max-width: none;
    text-overflow: ellipsis;
}

/*nav-main-menu*/
.align-newitem {
    background-color: #fff;
    width: 100%;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
    border-top-left-radius: 12px;
    position: relative;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #eceded;
}

.navbar {
    padding: 0.5rem 0rem 0rem 1rem;
    background-color: #343a40;
    padding-right: 0 !important
}

.search-item {
    margin-left: 1.2rem !important;
    position: absolute;
    left: 0;
}

.search-field {
    height: 2.4rem !important;
    border: 0.1rem solid #101c1d29 !important;
    border-radius: 6px !important;
    font-weight: 450;
    color: #797f80;
    font-size: 12px;
    background-color: #f5f6f6;
}

.search-box {
    width: 26rem !important;
}

    .search-box .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 1rem;
        height: 1rem;
        text-align: center;
        pointer-events: none;
        color: black;
        left: 0.8rem;
        top: 0.7rem;
    }

    .search-box input::placeholder {
        font-weight: 450;
        color: #797f80;
        font-size: 12px;
        letter-spacing: 0.03rem;
    }

    .search-box input::-ms-input-placeholder {
        font-weight: 450;
        color: #797f80;
        font-size: 12px;
        letter-spacing: 0.03rem;
    }

    .search-box input::-ms-input-placeholder {
        /* padding-left: 25px;*/
        font-weight: 450;
        color: #797f80;
        font-size: 12px;
        letter-spacing: 0.03rem;
    }

.icon-align {
    position: relative;
    padding-right: 28px;
    top: 4px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: contain;
    display: inline-block;
    background-position: 1px 0px;
}

.collapse_new {
    position: absolute;
    left: 168px;
    background-color: #fff;
    top: 5px;
    height: 100vh;
    border-right: 1px solid #eceded;
}

.collapse_new_menu {
    position: fixed;
    left: 168px;
    background-color: #fff;
    top: 70px;
    height: 100vh;
    border-right: 1px solid #eceded;
}

.dashboard_icon {
    background-image: url("../images/svg/ico_dashboard.svg");
}

.numbers_icon {
    background-image: url("../images/svg/ico_number.svg");
}

.user_icon {
    background-image: url("../images/svg/ico_user.svg");
}

.teams_icon {
    background-image: url("../images/svg/ico_teams.svg");
}

.settings_icon {
    background-image: url("../images/svg/ico_setting.svg");
}

.scripts_icon {
    background-image: url("../images/svg/ico_script.svg");
}

.integrations_icon {
    background-image: url("../images/svg/ico_integration.svg");
}

.analytics_icon {
    background-image: url("../images/svg/ico_analytics.svg");
}

.reports_icon {
    background-image: url("../images/svg/ico_report.svg");
}

.billing_icon {
    background-image: url("../images/svg/ico_billing.svg");
    padding-right: 26px;
}

.call_active {
    background-image: url("../images/svg/ico_make call_small.svg");
    width: 26px;
    background-size: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 7px;
}

.apps_icon {
    background-image: url(../images/svg/ico_apps.svg);
    width: 16px;
    background-size: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 8px;
}

.notification_icon {
    background-image: url(../images/svg/notification_icon.svg);
    width: 16px;
    background-size: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 8px;
}

.integrations_active {
    color: #fff !important;
    background-color: #17b978;
    opacity: 1 !important;
    border-radius: 6px;
}

.categories_li {
    font-weight: 500;
    color: #101c1d;
    padding: 18px 3px 18px 24px;
    font-size: 18px;
}

.align-newitem li {
    padding-right: 20px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.float-end {
    float: right !important;
}

.user_name {
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #101c1d;
    /* width: 94.5px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0.8;
}

.user_phone {
    text-align: left;
    padding-left: 10px;
    font-size: 11px;
    font-weight: 450;
    color: #3f494a;
}

.use_main {
    line-height: 1em;
    padding-top: 5px;
}

.main_to_user {
    /* margin-left: 25px; */
    margin-right: 10px;
    cursor: pointer;
}

.credit_txt {
    color: #fff;
    opacity: 0.5;
    font-weight: 450;
    font-size: 10px;
}

.credit_val {
    color: #e98e26;
    font-weight: 500;
    font-size: 13px;
    position: relative;
    top: 1px;
    letter-spacing: 0.1rem;
}

.nav-credit {
    display: block;
    padding: 0.3rem 1rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.add-credit-link {
    color: #fff !important;
    font-weight: 450;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    padding-top: 3px;
    text-decoration: underline !important;
    opacity: 0.8;
}

    .add-credit-link:hover {
        color: #fff !important;
        opacity: 1 !important;
        cursor: pointer;
    }

.main-hdtxt {
    color: #101c1d;
    font-weight: 500;
    font-size: 28px;
}

.container-fluid {
    width: 100%;
    padding-right: 45px;
    padding-left: 35px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 20px;
}

.gray-txtnrml {
    color: #797f80;
    font-size: 14px;
    font-weight: 450;
}

.line-center {
    margin: 0 auto;
    align-items: center;
    justify-content: right;
}

.search-box-ineer {
    width: 20rem !important;
}

.search-field-inner {
    height: 2.4rem !important;
    border: 0.1rem solid #eceded !important;
    border-radius: 6px !important;
    font-weight: 450;
    color: #797f80;
    font-size: 12px;
    padding-left: 29px;
}

.sub-hdtxt {
    color: #101c1d;
    font-weight: 500;
    font-size: 18px;
}

.small-box {
    padding: 3px;
    border: 1px solid #d6d6d6;
    width: 38px;
    height: 38px;
}

.card {
    padding: 20px;
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #eceded;
    border-radius: 6px;
}

.align-box {
    align-items: center;
    align-content: center;
    justify-content: center;
}

.box-text-b {
    text-align: left;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 500;
    width: 158px;
}

.box-text-c {
    text-align: left;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 500;
    width: 158px;
}

.box-text-s {
    color: #797f80;
    font-weight: 450;
    font-size: 11px;
    padding-left: 10px;
}

.box-red-bt {
    text-align: center;
    font-weight: 450;
    letter-spacing: 0px;
    color: #f24949;
    font-size: 11px;
    border: 1px solid #f24949;
    border-radius: 4px;
    background-color: #f249490f;
    padding: 7px 15px 5.5px 15px;
    cursor: pointer;
}

    .box-red-bt:focus {
        outline: none !important;
    }

.close-d {
    width: 8px;
    height: 8px;
    position: relative;
    left: -2px;
    top: -2px;
}

.box-green-bt {
    background: #ffffff0f 0% 0% no-repeat padding-box;
    border: 1px solid #17b978;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0px;
    color: #17b978;
    font-weight: 450;
    padding: 7px 15px 5.5px 15px;
    cursor: pointer;
}

    .box-green-bt:focus,
    .box-green-bt:hover {
        background-color: #17b978;
        color: #fff;
        outline: none !important;
    }

.align-box-cnt {
    align-items: center;
    align-content: center;
    justify-content: right;
}

.card-custom {
    width: 280px;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.box-connect-bt {
    text-align: center;
    font-size: 11px;
    letter-spacing: 0px;
    padding: 7px 15px 5.5px 15px;
    color: #17b978;
    font-weight: 450;
}

.align-box-cnt2 {
    align-items: center;
    align-content: center;
    justify-content: center;
}

.box-connect-bt2 {
    text-align: center;
    font-size: 11px;
    letter-spacing: 0px;
    padding: 7px 15px;
    color: #101c1d;
    font-weight: 500;
}

.box-green-bt2 {
    background: #ffffff0f 0% 0% no-repeat padding-box;
    border: 1px solid #17b978;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0px;
    color: #fff;
    font-weight: 450;
    padding: 7px 15px 5.5px 15px;
    cursor: pointer;
    background-color: #17b978;
    outline: none !important;
}
/* Settings */
.nav-item .nav-link.active {
    color: #fff !important;
    background-color: #17b978;
    opacity: 1 !important;
    border-radius: 6px;
}

.custom_card {
    justify-content: left;
    width: 343px;
}

.left-box {
    justify-content: left;
}

.time-zone {
    font-size: 14px;
    color: #797f80;
    margin-bottom: 0;
}

.form-group .options {
    color: #101c1d !important;
    font-size: 12px;
    /*cursor: default;*/
}

.business-txt {
    font-size: 16px;
    color: #101c1d;
    font-weight: 450;
}

.dot-icon {
    width: 5px;
    height: 5px;
    color: black;
}

.edit-option a {
    color: #086972;
    font-size: 14px;
    cursor: default;
    text-decoration: none;
}

.sat-daytxt {
    font-size: 16px;
    color: #8c9292;
}

.off-daytxt {
    color: #8c9292;
}

.welcome-txt {
    background-color: #f5f6f6;
}

.black-txt {
    color: #101c1d;
}

.custm-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.remove-txt {
    font-size: 12px;
    color: #101c1d;
    margin-bottom: -4px;
}

.assing-num {
    margin-top: 20px !important;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 20px;
    background-color: #ccc;
    border-radius: 10rem;
    margin: 0;
    cursor: pointer;
}

    .switch input:checked {
        background-color: #ccc;
    }

.toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    .toggle:before {
        position: absolute;
        content: "";
        height: 0.9rem;
        width: 0.9rem;
        left: 0.2rem;
        bottom: 0.18rem;
        background-color: white;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

input:checked + .toggle {
    background-color: #17b978;
}

    input:checked + .toggle:before {
        -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
        transform: translateX(25px);
    }

.toggle.round {
    border-radius: 2rem;
}

    .toggle.round:before {
        border-radius: 50%;
    }

.teams_li {
    padding-top: 10px;
}

    .teams_li .ico-back {
        background-image: url(../images/svg/ico_back.svg);
        background-repeat: no-repeat;
        background-position: 5px;
        left: 17px;
        font-size: 12px;
        color: #6a7273;
        padding: 9px 14px;
        cursor: pointer;
    }

.label-name {
    font-size: 14px;
    color: #6a7273;
    margin-bottom: 0px;
}

.change-num {
    color: #086972;
    font-size: 12px;
    margin-bottom: 0 !important;
}

.txt-box {
    color: #101c1d;
    font-size: 13px;
}

    .txt-box.num_custm {
        cursor: default;
    }

.custm-table .table-head th {
    border-bottom: none !important;
}

.custm-table th, tr {
    border-bottom: 1px solid #dee2e6;
    border-top: none;
}

.custm-table.table-row {
    border-bottom: 1px solid #dee2e6;
}

.table-row {
    border-bottom: 1px solid #dee2e6;
}

.custm-table th, .custm-table td {
    padding: 16px 5px 16px 10px;
}
/* .custm-table .table-head th:first-child {
  padding-left: 51px !important;
} */
.routing-inner {
    border: 1px solid #eceded;
    border-radius: 5px;
}

.routing-txt {
    background-color: #f0f6f7;
    padding: 10px 16px;
}

.custm-check {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

    .custm-check .rd-txt {
        color: #6a7273;
        font-size: 13px;
        padding-left: 25px;
    }

.call-route-hd {
    color: #6a7273;
    font-size: 12px;
}

.robin-txt {
    font-size: 14px;
    color: #6a7273;
}

.eamil-1 {
    border: 1px solid #086972;
    color: #086972;
    font-size: 12px;
    font-weight: 450;
    border-radius: 3px;
    padding: 5px;
}

.close {
    color: #086972;
    font-size: 18px;
    opacity: 0.95;
}

.fa-ellipsis-v {
    color: #6a7273;
}

.cl-fix {
    background-color: #f5f6f6;
    border-radius: 5px;
    width: 300px;
}

.cl-box {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #dedede;
    background-color: #f3eff1;
    padding: 3px 7px;
    margin: 4px 10px;
    cursor: default;
}

    .cl-box .kg {
        color: #e2547a;
        font-size: 11px;
    }

.cl-fix-txt {
    font-size: 13px;
    color: #101c1d;
    padding-top: 11px;
    cursor: default;
}

.cl-list {
    background-color: #6a7273;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 8px;
    width: 35px;
    text-align: center;
    cursor: default;
}

    .cl-list span {
        color: #ffffff;
    }

.box-2 {
    background-color: #ececff;
}

    .box-2 .kv {
        color: #4545a8;
    }

.box-3 {
    background-color: #f9ebe7;
    padding: 2px 6px;
}

    .box-3 .mr {
        color: #bc5636;
    }

.custm-box {
    margin: 4px;
    width: 35px;
    height: 35px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
}

    .custm-box .kg {
        font-size: 12px;
    }

.custm-dropdown {
    border: 1px solid #eceded;
    padding: 15px;
    border-radius: 5px;
    width: 300px;
}

    .custm-dropdown .drop-arrow {
        background-image: url(../images/svg/ico_form_dropdown.svg);
        background-repeat: no-repeat;
    }

.custm-collapse {
    display: none;
}

.wrap-custm {
    margin-left: 170px !important;
}

.agent-box {
    margin-right: 5px;
}

.bx-clr {
    background-color: #f1f1fb;
}

    .bx-clr .hg {
        color: #5f71e8;
    }

.bx-clr-1 {
    background-color: #ecf8e4;
}

    .bx-clr-1 .pr {
        color: #5e7e49;
    }

.bx-clr-2 {
    background-color: #f3ebf8;
}

    .bx-clr-2 .mf {
        color: #6b3e85;
    }

.bx-clr-3 {
    background-color: #ffeef2;
}

    .bx-clr-3 .mb {
        color: #a24861;
    }

.bx-clr-4 {
    background-color: #ffffff;
}

    .bx-clr-4 .txt-clr {
        color: #086972;
        cursor: default;
    }

.cl-box-1 {
    border-radius: 50%;
    border: 1px solid #086972;
}

.bg-clr:hover {
    background-color: #f0f6f7;
    cursor: pointer;
}

.small-box-1 {
    padding: 3px;
    border: none;
}

.bt-create {
    background-color: #17b978;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    margin-left: 38px;
}

.num-box {
    padding-top: 4px;
}

    .num-box input {
        margin-top: 2px;
    }

.custm-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .custm-radio input {
        position: absolute;
        opacity: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #e2e3e3;
}

.custm-radio input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #17b978;
}

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

.custm-radio input:checked ~ .checkmark:after {
    display: block;
}

.custm-radio .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #17b978;
}

.search-box-inner {
    width: 29rem !important;
}

.modal-right .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 438px;
}

.modal-right .modal-content {
    min-height: 100vh;
    border: none;
    border-radius: 0;
}

.edit-title {
    font-size: 14px;
    color: #101c1d;
    font-weight: 500;
    opacity: 1;
}

    .edit-title span {
        color: #797f80;
    }

.btn-close {
    color: #6a7273;
}

.slot-opt a {
    font-size: 12px;
    cursor: pointer;
}

.select-mnd {
    background-color: #f5f6f6;
    font-size: 12px;
    color: #797f80;
    cursor: default;
}

.select-week {
    border: 1px solid #e2e3e3;
    color: #3f494a;
    font-size: 12px;
    border-radius: 2px;
}

.select-frd {
    border: 1px solid #086972;
    color: #086972;
    background-color: #f3fcf8;
}

.cancel-txt {
    font-size: 12px;
    color: #101c1d;
    font-weight: 500;
    margin-right: 25px !important;
    padding: 9px 12px;
    border: none;
    background-color: #ffffff;
    cursor: pointer;
    opacity: 1;
    transition: border 2s;
    border: 1px solid transparent;
}

    .cancel-txt:hover {
        background-color: #eceded;
        border-radius: 5px;
        color: #101c1d;
        opacity: 1;
        animation-duration: 1s;
        animation-name: border;
    }

    .cancel-txt::after {
        animation-duration: 1s;
        animation-name: border;
        border: 1px solid red;
    }

/*Integration diable css*/
.integrationDisableClass {
    /*opacity: 0.4;*/
    pointer-events: none;
}

@keyframes border {
    0% {
        border: 1px solid #17b978;
    }

    100% {
        border: 1px solid transparent;
    }
}

.opt-select {
    color: #797f80;
    font-size: 12px;
    cursor: default;
}

.txt-speech {
    padding-left: 0 !important;
}

.footer-shadow {
    box-shadow: 0px -4px 6px #0000000f;
    padding: 16px 23px;
    padding-right: 45px;
}

.num-h5 {
    font-size: 15px;
    color: #101c1d;
    font-weight: 500;
}

.int-mdl-txt {
    font-size: 18px;
}

.num-txt {
    font-size: 12px;
    color: #797f80;
}

.txt-or {
    font-size: 12px;
    color: #101c1d;
}

.new-num {
    color: #086972;
    font-size: 12px;
    cursor: pointer;
}

.custm-hr {
    width: 92%;
    float: right;
    margin-top: 0.8rem;
}

.modal-right .custm-dialog {
    right: 50%;
}

.modal-right .md-purchase {
    box-shadow: -6px 0px 6px #0000001f;
}

.modal-right .md-custm-cntnt {
    width: 50rem;
}

.cust-rel {
    height: 2.4rem;
    width: 14.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sel-list {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.sr-num {
    color: #17b978;
    border: 1px solid #17b978;
    background-color: #ffffff;
    margin-top: 24px;
    font-size: 12px;
    padding: 9px 23px;
}

.purchase-card {
    /*width: 263px;*/
    width: 250px;
}

.custm-modal .modal-dialog {
    right: 370px;
}

.custm-modal .modal-content {
    width: 809px;
}

.custm-md-txt {
    font-size: 13px;
    margin-bottom: 0 !important;
    padding-top: 5px;
}

.add-setting {
    background-color: #f0f6f7;
    border-radius: 6px;
    color: #6a7273;
}

.edit-days a {
    cursor: pointer;
}

    .edit-days a:hover {
        text-decoration: underline !important;
    }

.edit-custm a {
    cursor: pointer;
}

.num_custm {
    background-color: #f5f6f6;
    border: none;
}

.play-bt {
    margin-top: 10px;
    padding: 6px 10px;
}

.custm-toast1 {
    width: 70%;
    padding: 10px;
    background-color: #ef1616f0;
    color: white;
    border-radius: 5px;
    font-size: 12px;
}

.custm-toast {
    width: 70%;
    padding: 10px;
    background-color: #7bd7b2;
    color: #101c1d;
    border-radius: 5px;
    font-size: 12px;
}

.custm-team-toast {
    padding: 10px;
    background-color: #7bd7b2;
    color: #101c1d;
    border-radius: 5px;
    font-size: 12px;
}

.toggle:after {
    right: 0.5rem;
}

.bt-dscnt {
    display: none;
}

.btn-close {
    outline: none !important;
}

.edit-option a:hover {
    color: #086972 !important;
}

.opt-name {
    padding: 0.55rem 0.75rem;
    padding-left: 10px;
}

.team-name {
    padding-top: 11px !important;
}

.team-operator {
    padding-top: 30px !important;
    text-align: right;
}

.cust-grp {
    margin-bottom: 0.5rem !important;
}
/*.team-num {
  padding-top: 29px !important;
}*/
.num-purchase {
    padding: 0 15px;
}

.sel-width {
    width: 92%;
}

.sel-col {
    margin-right: 0.5rem !important;
}

.box-connect-bt:hover {
    cursor: pointer;
}

.custm-toast .close {
    padding-top: 8px;
    right: 9px;
}

    .custm-toast .close:focus {
        outline: none;
    }

.custm-row-num {
    background-color: #fff5f5;
    margin: 0;
    padding: 0 1.2rem 1.3rem;
    border-radius: 0.3rem;
}

.no-num-hd {
    font-size: 1.1rem;
    color: #101c1d;
    font-weight: 500;
}

.assign-num {
    color: #ffffff;
    background-color: #17b978;
    font-size: 12px;
    margin-top: 28px;
    padding: 0.5rem 0.8rem;
}

.team_member {
    color: #086972;
}

.custom-tab .nav-link.active {
    color: #101c1d !important;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #086972;
}

.num-tabs .nav-tabs {
    border: none;
}

.custom-tab .nav-link {
    color: #6a7273;
    font-size: 14px;
    border: none;
    margin-bottom: -16px;
    margin-right: 50px;
    padding: 0 0 10px 0;
}

.gray-assign-txt {
    font-size: 12px;
    color: #6a7273;
    font-weight: 450;
}

.number-box {
    padding: 4px 6px;
}

.num-card {
    background-color: #f3fcf8;
    height: 183px;
    border: none;
    cursor: default;
}

.num-card-1:hover {
    box-shadow: 0px 3px 8px #0000000f;
}

.reserved-card {
    width: 266px;
}

.user-bt {
    padding: 0 15px;
}

.user-search {
    margin-right: 45px;
}

.user-search-box {
    width: 700px !important;
}

.sel-form .options {
    font-size: 12px;
    color: #797f80;
}

.sel-form label {
    font-size: 12px;
    color: #101c1d;
}

.bx-back-clr {
    color: #f8f2fc;
}

    .bx-back-clr .jk {
        color: #9f66c4;
    }

.tm-manager {
    color: #17b978;
}

.team-assign {
    color: #086972;
}

.custm-checkbox {
    width: 20px;
    height: 20px;
    margin-top: -16px;
    margin-left: -35px;
    border: 1px solid #e2e3e3;
}

.check_box {
    padding-left: 35px;
}

.check-1 {
    margin-top: -6px;
}

.small-cr-icon {
    width: 8px;
    height: 8px;
    /*background-color: #919191;*/
    margin-top: -27px;
    margin-left: 17px;
    border-radius: 50%;
    position: absolute;
}

.green-icon {
    background-color: #17b978;
}

.orange-icon {
    background-color: #e98e26;
}

.red-icon {
    background-color: #f24949;
}

.remove-user {
    border: 1px solid #f24949;
    color: #f24949;
    background-color: #ffffff0f;
    font-size: 12px;
    margin-top: -28px;
    cursor: pointer !important;
}

.user-number {
    height: 35px !important;
}

.form-group .role-sel {
    margin-top: 6px;
}

.ivr-inner {
    width: 490px;
}

    .ivr-inner .sel-ivr {
        width: 230px;
    }

.txt-press {
    font-size: 13px;
    color: #ffffff;
    background-color: #6a7273;
    font-weight: 450;
}

    .txt-press:focus {
        font-size: 13px;
        color: #ffffff;
        background-color: #6a7273;
        font-weight: 450;
    }

.num-set-txt {
    cursor: pointer;
}

.user-radio {
    cursor: pointer;
}

.num-set-link:hover {
    text-decoration: none;
}

.card-box-txt {
    color: #101c1d;
}

.view-list {
    border: 1px solid #086972;
    color: #086972;
    background-color: #ffffff;
    text-align: center;
    padding: 6px;
    font-size: 13px;
    cursor: pointer;
}

.with-team {
    font-size: 14px;
    color: #101c1d;
}

.see-more {
    text-align: center;
    color: #086972;
    font-size: 12px;
}

    .see-more span {
        background-color: white;
        position: absolute;
        margin: -35px -82px;
        padding: 0 50px;
        cursor: pointer;
    }

.config-ivr {
    font-size: 12px;
    color: #17b978;
}

.v-icon {
    margin-top: -20px;
    margin-left: auto !important;
}

.num-box {
    margin-top: 0 !important;
}

.ext-num::placeholder {
    color: #101c1d;
}

.md-input {
    width: 370px;
}

.user-num-purchase:hover {
    background-color: #179160;
}

.user-num-card:hover {
    box-shadow: 0px 3px 8px #0000000f;
}

.custm-checkbox:checked::after {
    border: 1px solid #17b978 !important;
}

.purch_card {
    background-color: #f3fcf8;
    padding: 19px;
}

.admin-label {
    margin-left: 29px;
    margin-top: 7px;
}

.usr-sr-nm {
    height: 35px;
    margin-top: 25px;
}

.custm-sel-width {
    width: 233px;
}

.sel-area {
    width: 122px;
}

.txt-area {
    width: 202px;
}

.view-all {
    cursor: pointer;
}

.custm_line {
    margin-top: -35px;
}

.custm-check-box {
    padding-top: 13px;
}

.custm-checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: 1px solid #e2e3e3;
    border-radius: 3px;
}

.custom-check input:checked ~ .custm-checkmark {
    background-color: #ffffff;
    border: 1px solid #17b978;
}

.custom-check .custm-checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #17b978;
    border-radius: 3px;
}

.custom-check input:checked ~ .custm-checkmark:after {
    display: block;
}

.custom-check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.mem-drop-bx {
    padding: 8px;
}

.mem-name {
    padding-top: 13px !important;
}

.clr-list {
    font-size: 12px;
    color: #086972;
    font-weight: 450;
    text-align: right;
    margin-right: 20px;
    position: fixed;
    top: 316px;
    left: 365px;
}

.sidenav-second-level-1 li a.active {
    color: #101c1d !important;
    font-weight: 500;
}

    .sidenav-second-level-1 li a.active:after {
        content: "";
        border-right: 3px solid #086972;
        position: absolute;
        right: 0;
        width: 3px;
        height: 27px;
        top: 5px;
    }

.custm-checkbx {
    margin-top: -36px;
}

    .custm-checkbx .custm-checkmark {
        top: 1px;
    }

.usr-admin {
    font-size: 12px;
    color: #101c1d;
}

.assigned-box {
    padding-top: 4px;
}

.small-icon-box img {
    width: 35px;
}

.assigned-bx-2 {
    padding-top: 9px;
}

.num-searchbox {
    margin-top: -23px;
    align-content: end;
    justify-content: end;
}

.voice-txt-box,
.custm_sel_box {
    width: 490px;
}

.drop-list-items li:active {
    color: #6a7273 !important;
}

.user-custm-check {
    margin-top: -4px;
    margin-left: -35px;
}

.custm-table .table-head th:first-child .user-custm-check {
    padding-top: 5px !important;
}

.user-custm-check-1 {
    margin-left: -5px;
}

.pre-sel-width {
    width: 140px;
}

.sel-width-1 {
    width: 235px;
}

.prefix-width {
    margin-left: -26px;
}

.input-txt-wd {
    width: 202px;
}

.sr-btn {
    margin-left: 29px;
}

.team-custm-check {
    padding-top: 10px;
    margin-left: -40px;
}

#Unassign {
    margin-top: 2px;
}

    #Unassign:hover {
        cursor: default !important;
    }

.add-team a:hover {
    color: #ffffff;
}

.script-td {
    padding: 0px 0 0 9px;
}

.script-custm-check-1 {
    padding-top: 11px;
    padding-bottom: 25px;
    margin-left: -5px;
}

.intro-txt {
    color: #797f80;
}

.script-option {
    color: #101c1d !important;
    font-size: 12px;
}

.script-box {
    width: 30px;
    height: 30px;
    padding: 5px 6px;
}

    .script-box .kg {
        font-size: 10px;
    }

.scrpt-bx {
    padding: 0 9px 0 0;
}

.script-img {
    width: 31px;
    margin: 4px 0;
}

.custm-script span {
    padding-top: 11px;
}

.script-desc {
    border: 1px solid #eceded;
    border-radius: 4px;
    padding: 15px;
}

    .script-desc p {
        font-size: 12px;
        color: #101c1d;
    }

.form-group .form-control {
    border: 1px solid #eceded;
}

.desc-backcl {
    background-color: #f5f6f6;
}

.hello-desc {
    font-size: 12px;
    color: #101c1d;
}

.cancel-mark:hover {
    color: #086972;
}

.cancel-mark:focus {
    outline: none;
    color: #086972;
}

.play-msg {
    color: #086972;
    font-size: 12px;
    cursor: default;
    font-weight: 500;
    padding: 0 !important
}

.usr-status {
    font-size: 12px;
    color: #6a7273;
    position: absolute;
    margin: 22px 0 0 75px;
}

.usr-name {
    margin-top: -6px;
}

.mark-user {
    padding-top: 37px;
}

.usr-card {
    background-color: #f3fcf8;
    border: none;
}

.usr_card {
    justify-content: left;
    width: 325px;
    padding-right: 35px;
}

.edit-option button {
    border: none;
    background-color: #ffffff;
    color: #086972;
    font-size: 12px;
}

    .edit-option button:focus {
        outline: none;
    }

.press-ivr {
    width: 100px;
    height: 37px;
    font-size: 13px;
    color: #ffffff;
    background-color: #6a7273;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 8px;
    text-align: center;
}

.press-ivr-txt {
    font-size: 13px;
    color: #101c1d;
    width: 391px;
    height: 37px;
    border: 1px solid #eceded;
    border-radius: 5px;
    background-color: #ffffff;
}

.ivr-dropdown {
    margin-top: -43px;
}

.ivr_press_txt {
    padding-left: 50px;
}

.usr-tbl-txt {
    font-size: 14px;
}

.user-hdg-txt {
    font-size: 13px;
}

.card-back-clr {
    background-color: #f3fcf8;
    border: none;
    cursor: pointer;
}

.team-custm-box {
    padding: 4px 8px;
}

.txt-team {
    padding-top: 12px;
}

.file-uploader {
    margin-top: -36px;
    height: 100px;
    width: 525px;
    padding: 5px 12px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    border-style: dashed;
    position: relative;
    top: -60px;
}

    .file-uploader .choose-file {
        padding: 20px 0 10px;
    }

.drag-files {
    font-size: 13px;
    color: #101c1d;
    font-weight: 450;
}

    .drag-files .browse-txt {
        color: #086972;
    }

.selected-file {
    width: 525px;
    background-color: #f5f6f6;
    margin-top: 15px;
    padding: 8px;
    border-radius: 5px;
    font-size: 12px;
}

.upload_audio {
    width: 525px;
}

.upload-audio-label {
    font-size: 13px;
    color: #101c1d;
}

.edit_options a {
    font-size: 12px;
    color: #086972;
    font-weight: 450;
    cursor: pointer;
}

    .edit_options a:hover {
        color: #086972 !important;
        text-decoration: none;
    }

.template-head-txt {
    font-size: 13px;
    color: #101c1d;
    font-weight: 500;
}

.template-body-txt {
    font-size: 14px;
    color: #101c1d;
    font-weight: 450;
}

.sel-day {
    cursor: pointer;
}

.add-members {
    margin-left: 40px;
}

.usr-numbers {
    padding-top: 18px !important;
}

.usr-box {
    width: 750px !important;
}

.options:focus {
    box-shadow: none;
}

.bt-create:focus {
    box-shadow: none;
}

.close-bt:hover {
    color: #086972;
    opacity: 0.95;
}

.close-bt:focus {
    color: #086972;
    outline: none;
}

.save-btn:hover {
    color: #ffffff;
}

.cutmr-reltn {
    font-weight: 450;
}

.add-new-drop {
    width: 208px;
    float: left;
}

.ivr-dropdown {
    float: right;
}

.remove-option {
    float: left;
}

.custm_sel_box1 {
    width: 490px;
}

.add-new-ivr {
    position: relative;
    top: 10px !important;
    left: 15px !important;
    font-size: 12px;
    color: #086972;
    font-weight: 450;
    cursor: default;
}

.tree > li:before {
    content: "";
    display: block;
    width: 34px;
    height: 0;
    border-top: 1px dotted;
    margin-top: -1px;
    position: absolute;
    top: 12px;
    left: 16px;
}

.tree,
.tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tree ul {
        margin-left: 8px;
        position: relative;
        margin-top: -9px;
    }

        .tree ul ul {
            margin-left: 0.5em;
        }

        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: -173px;
            bottom: 0;
            left: 0;
            border-left: 1px dotted;
            color: #149dc8;
        }

        .tree ul li ul:before {
            top: 0px;
        }

    .tree li {
        margin: 0;
        padding: 0 1em;
        color: #369;
        font-weight: 700;
        position: relative;
        padding-left: 0px;
    }

.indicator {
    margin-right: 5px;
}

.tree li a {
    text-decoration: none;
    color: #369;
    padding-left: 20px;
}

.treeview {
    display: block !important;
}

.ivr_treeview {
    padding-left: 60px;
}

.num_toggle {
    font-size: 12px;
    font-weight: 700;
    display: block;
    background-color: transparent;
    width: 100%;
    text-align: left;
    padding-left: 12px;
    box-shadow: none;
    height: 32px;
    border: 1px solid #086972;
    color: #086972;
    border-radius: 5px;
    z-index: 999;
}

.num-dropdown.show .num_toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.num_toggle:focus {
    outline: none;
}

.custm-num-scroll {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .custm-num-scroll li {
        color: #086972;
        border-top: 1px solid #086972;
        font-size: 12px;
        padding: 8px 0px 11px 13px !important;
        margin-bottom: 2px;
        cursor: pointer;
        border-radius: 0;
    }

.num-dropdown .dropdown-menu {
    border: 1px solid #086972;
    padding: 7px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100% !important;
}

.custm-num-scroll li:hover {
    background-color: #ffffff;
    color: #086972;
}

.custm-num-scroll li:active {
    background-color: #ffffff;
    color: #086972;
}

.num-dropdown .ivr-scroll {
    top: -6px !important;
}

.num-dropdown {
    padding-left: 0;
    padding-right: 0;
}

    .num-dropdown .ivr-scroll {
        transform: translate3d(4px, 44px, 0px) !important;
    }

    .num-dropdown .custm-num-scroll {
        left: -12px !important;
        z-index: 99999;
    }

.down-icon {
    position: relative;
    top: -31px;
    right: -184px;
    width: 25px;
    background-color: #f3fcf8;
    border: none;
    padding-left: 7px;
    height: 30px;
    border-left: 1px solid #086972;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #086972;
}

.tree > li ul.treeview-menu li button.down-icon,
.tree > li ul.treeview-menu li button.down-icon {
    position: relative;
    width: 24px;
    background-color: #f3fcf8;
    border: none;
    padding-left: 7px;
    height: 30px;
    border-left: 1px solid #086972;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #086972;
    color: #086972;
}

.tree > li ul.treeview-menu li i.down-icon,
.tree > li ul.treeview-menu li i.icon-down,
.tree > li ul.treeview-menu li i.icon-up {
    position: relative;
    top: 1px;
    color: #086972;
    left: -1px;
    background-color: #f3fcf8;
    z-index: 111;
}

.down-icon:focus {
    outline: none;
}

.down-icon i {
    color: #086972;
}

.icon-up {
    display: none;
}

.display-in {
    display: block !important;
}

.tree > ul > li::after {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0;
}

.tree > li:first-child i {
    position: relative;
    top: 17px;
}

.tree > li:first-child > div {
    position: relative;
    top: -25px;
    left: 57px;
    margin-bottom: 20px;
}

.tree > li:first-child:before {
    content: "";
    display: block;
    width: 33px;
    height: 0;
    border-top: 1px dotted;
    margin-top: -1px;
    position: absolute;
    top: 29px;
    left: 17px;
}

.tree > li:first-child ul:before {
    top: -158px;
}

ul.treeview-sec li {
    margin-top: -8px;
}

.ivr-treeview li {
    padding-left: 52px;
}

.treeview-sec li {
    list-style: none;
}

    .treeview-sec li a {
        text-decoration: none;
    }

.tree > li ul li:first-child i {
    position: relative;
    color: #d1ab0f;
    top: 2px;
    left: 60px;
}

.tree > li ul li:last-child ul:before {
    top: -62px;
    left: 9.5px;
    color: #d1ab0f;
    border-left: 1px dotted;
}

.tree > li ul li:last-child ul:before {
    background: #fff;
    height: 37px;
    bottom: 0;
}

.tree > li > ul > li:first-child:before {
    content: "";
    display: block;
    width: 28px;
    height: 0;
    border-top: 1px dotted;
    margin-top: -1px;
    position: absolute;
    top: 14px;
    left: 77px;
    color: #d1ab0f;
}

.tree > li > i {
    color: #149dc8;
}

.tree > li > div {
    position: relative;
    top: -40px;
    left: 57px;
}

.tree > li > ul > li > ul:before {
    background: #fff;
    height: 28px;
    bottom: 0;
    top: -62px;
    left: 9.5px;
    color: #d1ab0f;
    border-left: 1px dotted;
}

.tree > li > ul > li:before {
    content: "";
    display: block;
    width: 28px;
    height: 0;
    border-top: 1px dotted;
    margin-top: -1px;
    position: absolute;
    top: 14px;
    left: 77px;
    color: #d1ab0f;
}

.tree > li ul.treeview-menu li:last-child ul:before {
    top: -68px;
    left: 10px;
    color: #d1ab0f;
    border-left: 1px dotted;
}

ul.tree li ul.treeview-menu li ul:before {
    top: -68px;
    left: 10px;
    color: #d1ab0f;
    border-left: 1px dotted;
}

.tree > li ul.treeview-menu li i {
    position: relative;
    z-index: 999;
    background-color: #fff;
    color: #d1ab0f;
    top: 2px;
    left: 60px;
}

.remove-ivr {
    margin-right: 33px;
}

.tree > li
ul.treeview-sec
li
ul.ivr-treeview
li
div.dropdown
ul.custm-num-scroll:before {
    content: none;
}

.num-dropdown .icon-up {
    display: none;
}

.modal-user {
    overflow: hidden;
}

    .modal-user .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.ivr-file {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

.ivr-selected-file {
    width: 525px;
    background-color: #f5f6f6;
    margin-top: 10px;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 12px;
}

/*   number setting new changes   */
.flow-btn {
    font-size: 13px;
    color: #ffffff;
    background-color: #17b978;
    padding: 9px 15px;
    border-radius: 4px;
    font-weight: 500;
    margin: 10px 0px 15px;
}

.sel-action {
    border: 1px solid #eceded;
    height: 70px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .sel-action:hover {
        background-color: #f0f6f7;
    }

    .sel-action span {
        font-size: 12px;
        color: #3f494a;
        font-weight: 450;
    }

.modal-header,
.modal-body {
    padding: 22px;
    padding-right: 45px;
}

.playback-msg textarea::placeholder {
    color: #101c1d;
}

.conf-msg input::placeholder {
    color: #101c1d;
}

.input-group-append .stop-txt {
    font-size: 11px;
    color: #101c1d;
    font-weight: 450;
    width: 80px;
}

.plus-icon {
    font-size: 18px;
    padding-left: 5px;
    margin: -5px 0;
}

.monday:hover,
.tuesday:hover,
.wedday:hover,
.thursday:hover,
.friday:hover,
.saturday:hover,
.sunday:hover {
    border: 1px solid #086972;
    color: #086972;
    background-color: #f3fcf8;
    padding: 4px 5px !important;
}

.monday .plus-icon:after,
.tuesday .plus-icon:after,
.wedday .plus-icon:after,
.thursday .plus-icon:after,
.friday .plus-icon:after,
.saturday .plus-icon:after,
.sunday .plus-icon:after {
    content: "+";
}

.monday:hover .plus-icon:after,
.tuesday:hover .plus-icon:after,
.wedday:hover .plus-icon:after,
.thursday:hover .plus-icon:after,
.friday:hover .plus-icon:after,
.saturday:hover .plus-icon:after,
.sunday:hover .plus-icon:after {
    content: "x";
}

.sl-dys {
    font-size: 11px;
}

.wk-days-clr {
    color: #101c1d !important;
}

.week-day-clr {
    color: #6a7273;
}

.cl-frwd-txt {
    color: #797f80;
    font-size: 18px;
    font-weight: 500;
}

.graytxt {
    color: #6a7273;
    font-size: 14px;
    font-weight: 450;
}

.cl-rcrd-txt {
    color: #797f80;
}

.modal-header .close {
    padding: 0;
    margin: 0;
}

.custom-uploader {
    width: 394px;
}

.rm-text {
    cursor: pointer;
}

.fa-ellipsis-v {
    cursor: pointer;
}

.assigned-text {
    font-size: 12px;
    color: #17B978;
    background-color: #f3fcf8;
    background-image: url(../images/svg/ico_connected.svg);
    background-repeat: no-repeat;
    background-position-y: 12px;
    background-position-x: 10px;
    padding: 7px 10px 7px 26px;
}

    .assigned-text:focus {
        box-shadow: none;
    }

.unassigned-text {
    font-size: 12px;
    color: #F24949;
    background-color: #F249490F;
    border: 1px solid #F24949;
    background-image: url(../images/svg/ico_disconnect.svg);
    background-repeat: no-repeat;
    background-position-y: 12px;
    background-position-x: 10px;
    padding: 7px 10px 7px 26px;
}

.non-edit input {
    background-color: #fff !important;
}

/*  Add-on page   */

.addon_icon {
    background-image: url(../images/svg/ico_addon.svg);
}

.small-addtxt {
    width: 46%;
}

.unsub-bt {
    font-size: 13px;
    color: #F24949;
    padding: 7px 15px;
    border: 1px solid #F24949;
    border-radius: 4px;
    background-color: #FFFFFF0F;
    font-weight: 500;
}

.brand-logo .logo-txt {
    font-size: 11px;
    color: #6A7273;
    font-weight: 450;
}

.brand-logo .brand-img {
    width: 54px;
}

.logo-change {
    position: relative;
    cursor: pointer;
}

.uploadProfileInput {
    position: absolute;
    left: 22px;
    top: -3px;
    width: 48px;
    height: 17px;
    cursor: pointer;
}

    .uploadProfileInput::-webkit-file-upload-button {
        cursor: pointer;
    }

.logo-change {
    font-size: 12px;
    color: #086972;
    font-weight: 450;
    padding-left: 22px;
    cursor: pointer;
}

.brand-label {
    font-size: 11px;
    color: #6A7273;
    font-weight: 450;
}

.brand-input {
    font-size: 12px;
    font-weight: 450;
    width: 300px;
}

    .brand-input::placeholder {
        color: #101C1D;
    }

.addnew-rsn a {
    font-size: 12px;
    cursor: pointer;
}

.register-cname {
    background-color: #FFF5F5;
    border-radius: 4px;
    padding: 35px 28px;
}

.cname-hd {
    font-size: 18px;
    color: #101C1D;
    font-weight: 500;
}

.cname-para {
    font-size: 12px;
    color: #797F80;
    font-weight: 450;
}

.register-btn {
    align-self: center;
}

.register-cnamebt {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    background-color: #17B978;
    padding: 8px 15px;
}

.cname-input {
    color: #101c1d;
    font-size: 12px;
    cursor: default;
    background-color: #f5f6f6;
    width: 300px;
}

.input-smltxt {
    font-size: 11px;
    color: #6A7273;
    font-weight: 450;
    width: 300px;
}

.addon-tabs .nav-item .nav-link.active {
    color: #101c1d !important;
    background-color: #FFFFFF;
    font-weight: 500;
}

.reason-input {
    font-size: 12px;
    font-weight: 450;
    border: 1px solid #e2e3e3 !important;
    height: 40px;
    border-radius: 2px;
}

    .reason-input::placeholder {
        color: #797f80 !important
    }

.rounded-border {
    border: 1px solid #ECEDED;
    border-radius: 4px;
    padding: 20px;
}

.verified-block-main {
    float: right;
    width: 430px;
}

.notverified-block {
    background-image: url(../images/img_notverified.png);
    width: 205px;
    height: 466px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
}

.verified-block {
    background-image: url(../images/img_verified.png);
    width: 205px;
    height: 466px;
    background-repeat: no-repeat;
    float: left;
}

.reasons {
    margin-left: -3px;
    flex-direction: column;
    display: inline-flex;
}

    .reasons .sel-day {
        width: fit-content;
    }

.notverified-name {
    color: #101c1d;
    font-weight: 500;
    font-size: 18px;
    padding: 105px 0 2px 0px;
    text-align: center;
    /* margin-top: 105px; */
    white-space: nowrap;
    width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}

.notverified-city {
    font-size: 11px;
    color: #6a7273d1;
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px;
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}

.verified-name {
    color: #101c1d;
    font-weight: 500;
    font-size: 18px;
    padding: 105px 0 0px 0px;
    text-align: center;
    /* margin-top: 105px; */
    white-space: nowrap;
    width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}

.verified-number {
    font-size: 12px;
    color: #6a7273d1;
    font-weight: 400;
    text-align: center;
    padding-bottom: 15px;
}

.verified-img {
    width: 58px;
    margin: 0 auto;
    display: block
}

.call-reason {
    padding: 3px;
    text-align: center;
    width: 167px;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    -webkit-box-shadow: -1px 1px 8px 3px rgb(194 184 194 / 32%);
    -moz-box-shadow: -1px 1px 8px 3px rgb(194 184 194 / 32%);
    box-shadow: -1px 1px 8px 3px rgb(194 184 194 / 32%);
    margin-top: 15px;
    padding-top: 0;
}

    .call-reason span {
        text-transform: uppercase;
        font-size: 8px;
        color: #6a7273d1;
    }

    .call-reason div {
        color: #3f494a;
        font-size: 11px;
        white-space: nowrap;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 auto;
        cursor: default;
    }

.dailer-link img {
    float: right;
    margin: 5px 5px 2px 0px;
}
/*    Media library    */
.media-library_icon {
    background-image: url(../images/svg/ico_media\ library.svg);
}

.media-opt {
    width: 200px !important;
}

.media-search {
    margin-right: 75px;
}

.media-txt {
    width: 69%;
}

.audio-filename {
    padding-top: 20px !important;
}

.media-td {
    padding: 10px 0px 0px 9px;
}

.media-table th, .media-table td {
    vertical-align: middle;
}

.media-tbl-txt {
    font-size: 14px;
}

.med-set {
    font-size: 12px;
    color: #086972;
}

.play-med {
    font-size: 12px;
    color: #17B978;
    align-self: center;
}

.audio-file-input {
    height: 100px;
}

.audio-uploader {
    position: relative;
    top: -98px;
    margin-top: 0;
}

.media-uploader {
    position: relative;
    top: -98px;
}

.make-global {
    font-size: 12px;
    color: #101C1D;
    align-self: center;
}

.delete-modal .modal-dialog {
    max-width: 370px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.md-del-txt {
    font-size: 12px;
    color: #101C1D;
}

.del-filename {
    font-weight: 500;
}

.del-items {
    font-size: 12px;
    color: #797F80;
    padding-left: 14px;
    padding-top: 8px;
    margin-bottom: 0;
}

    .del-items li {
        padding: 4px 0px;
    }

.delete-bt {
    background-color: #F24949;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

.delete-filetxt {
    position: relative;
    left: 10%;
    font-size: 12px;
    color: #086972;
    text-align: end;
    font-weight: 450;
    cursor: pointer;
}

.setng-icon {
    text-align: end;
}

.tb-hd-txt {
    cursor: pointer;
}

.mem-txt {
    margin-left: -5px;
}

.media-thd {
    vertical-align: middle !important;
}

.tooltip {
    font-size: 10px !important;
    color: #FFFFFF !important;
    font-weight: 500;
    top: 3px;
}

.apps-tooltip {
    top: 5px;
}

.tooltip-inner {
    background-color: #FFFFFF;
    border-radius: 2px;
    padding: 8px 6px;
    box-shadow: -1px 1px 8px 3px rgb(194 184 194 / 32%);
    font-size: 14px;
    color: #101c1d;
    font-weight: 450;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-width: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #FFFFFF;
}

/*  Login page   */

.login-body {
    padding-top: 120px;
}

.login-icon {
    padding-bottom: 33px;
}

.login-content {
    border: 1px solid #F5F6F6;
    padding: 48px 32px;
    width: 546px;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0px 5px 5px #00000014;
}

.hd-login {
    text-align: center;
    font-size: 28px;
    color: #101C1D;
    font-weight: 500;
}

.form-group .frm-lgn {
    font-size: 12px;
    border: 1px solid #101C1D14;
    border-radius: 4px;
    font-weight: 450;
    height: 38px;
}

    .form-group .frm-lgn::placeholder {
        color: #797F80;
    }

.login-lbl {
    font-size: 11px;
    color: #6A7273;
    font-weight: 450;
    margin-bottom: 0;
}

.frgt-pwd {
    font-size: 12px;
    color: #086972;
    font-weight: 450;
    cursor: pointer;
    text-decoration: none;
}

    .frgt-pwd:hover, .sign-up-txt:hover {
        color: #086972 !important;
        text-decoration: none;
    }

.signin-bt {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    width: 100%;
    background-color: #17B978;
    border-radius: 4px;
    margin: 32px 0px;
    padding: 10px 0px;
}

.reset-bt {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    width: 100%;
    background-color: #17B978;
    border-radius: 4px;
    margin-top: 32px;
    padding: 10px 0px;
}

.itc-acnt {
    text-align: center;
    font-size: 12px;
    color: #6A7273;
}

.sign-up-txt {
    color: #086972;
    font-weight: 500;
    cursor: pointer;
}

.forgot-text {
    font-size: 18px;
    color: #3F494A;
    font-weight: 450;
    text-align: center;
}

.pwd-field {
    position: relative;
}

.eye-icon {
    position: absolute;
    top: 31px;
    right: 10px;
    color: #8C9292;
    font-size: 12px;
}

.invalid-email, .invalid-password {
    display: none;
    font-size: 12px;
    color: #F24949;
    padding-top: 5px;
}

.email-error {
    font-size: 12px;
    color: #F24949;
    padding-top: 2px;
}

/*  mysettings new changes  */
.busns-hrs {
    width: 34%;
}

.setngs {
    width: 38%;
}

.clfrwd {
    width: 48%;
}

.hld-list {
    width: 54%;
}

/*  Dashboard   */

.cl-summary {
    font-size: 15px;
    color: #101C1D;
    font-weight: 500;
    padding-bottom: 18px;
}

.cl-list-bx {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.yellow-tile {
    background-color: #FFC1070A !important;
    border: 1px solid #FFC107 !important;
}

.mellisa-brooke-txt {
    font-size: 22px;
    color: #101C1D;
    font-weight: 700;
}

.cl-list-num {
    font-size: 28px;
    color: #101C1D;
    font-weight: 700;
    padding-top: 3px;
}

    .cl-list-num span {
        font-size: 22px;
    }

.cl-duration {
    font-size: 13px;
    color: #101C1D;
    font-weight: 450;
    margin-top: -8px;
    min-height: 22px;
}

.cl-dtls {
    font-size: 14px;
    color: #6A7273;
    font-weight: 450;
    padding-top: 6px;
}

.cl-list-bx1 {
    width: 20%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 26px;
}

.call-box {
    background-color: #FFFFFF;
    border: 1px solid #ECEDED;
    border-radius: 6px;
    padding: 18px;
    height: 170px;
}

.msd-cls {
    padding-top: 5px;
}

.ur-rank {
    font-size: 12px;
    color: #1D82A2;
    font-weight: 450;
    background-color: #F1F8FA;
    border-radius: 20px;
    padding: 4px 10px;
}

.custm_drpdown {
    font-size: 12px;
    display: block;
    background-color: transparent;
    width: 250px;
    text-align: left;
    padding-left: 12px;
    box-shadow: none;
    height: 34px;
    border: 1px solid #eceded;
    border-radius: 6px;
    cursor: pointer;
}

    .custm_drpdown:focus {
        outline: none !important;
        cursor: pointer;
    }

.dropdown-week .dropdown-menu {
    width: 100%;
    box-shadow: 0px 3px 12px #0000001F;
    border-radius: 6px;
    border: none;
}

.dropdown-week ul li {
    font-size: 12px;
    color: #6A7273;
    font-weight: 450;
    padding: 9px;
    margin: 4px 4px 4px 5px;
    width: 96%;
    border-radius: 6px;
}

    .dropdown-week ul li:hover, .dropdown-week ul li:active {
        color: #6A7273;
        background-color: #F0F6F7;
        cursor: pointer;
    }

.dropdown-online .custm_drpdown {
    font-size: 12px;
    display: block;
    color: #6A7273;
    background-color: #F3FCF8;
    width: 100px;
    text-align: left;
    padding-left: 3px;
    box-shadow: none;
    height: 32px;
    border: 1px solid #eceded;
    border-radius: 6px;
    cursor: pointer;
}

.dropdown-online .dropdown-menu {
    top: -2px !important;
    min-width: 100px;
    box-shadow: 0px 3px 12px #0000001f;
    border-radius: 6px;
    border: none;
    padding: 0;
}

.dropdown-online ul li {
    font-size: 11px;
    color: #101C1D;
    font-weight: 450;
    padding: 9px;
    width: 92%;
    margin: 4px;
    border-radius: 6px;
}

    .dropdown-online ul li:hover, .dropdown-online ul li:active, .dropdown-online ul li:focus {
        background-color: #F0F6F7;
        color: #101C1D;
        opacity: 1;
        cursor: pointer;
    }

.dropdown-online .custm_drpdown::after {
    float: right;
    width: 8px;
    height: 6px;
    content: "";
    border: none;
    background-image: url(../images/svg/down_arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    top: 13px;
    position: absolute;
    right: 16px;
    cursor: pointer;
}

.online-icon {
    position: relative;
    top: 1px;
    left: 7px;
    width: 9px;
    height: 9px;
    background-color: #17B978;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
}

.away-icon {
    position: relative;
    top: 1px;
    left: 7px;
    width: 9px;
    height: 9px;
    background-color: #E98E26;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
}

.busy-icon {
    position: relative;
    top: 1px;
    left: 7px;
    width: 9px;
    height: 9px;
    background-color: #F24949;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
}

.offline-icon {
    position: relative;
    top: 1px;
    left: 7px;
    width: 9px;
    height: 9px;
    background-color: #919191;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
}

.dropdown-avathar .dropdown-menu {
    width: 172px;
    top: 40px;
    left: inherit;
    right: 0;
    border: none;
    box-shadow: 0px 2px 7px #00000038;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown-avathar ul li {
    font-size: 12px;
    color: #6A7273;
    font-weight: 450;
    padding: 9px;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #f3f3f3;
}

    .dropdown-avathar ul li:hover, .dropdown-avathar ul li:active {
        background-color: #F0F6F7;
        color: #101C1D;
        opacity: 1;
        cursor: pointer;
    }

.dropdown-avathar .dropdown-menu:after {
    border-bottom: 10px solid #dcdbdb;
    border-bottom-color: rgb(255 255 255 / 99%);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    left: 70%;
    position: absolute;
    top: -9px;
}

.dropdown-menu .list-hover {
    background-color: #F0F6F7;
    opacity: 1;
}

.cl-icon-green {
    background-color: #F3FCF8;
    padding: 6px;
    border-radius: 6px;
}

.cl-icon-blue {
    background-color: #F1F9FC;
    padding: 6px;
    border-radius: 6px;
}

.cl-icon-red {
    background-color: #FFF4F4;
    padding: 6px;
    border-radius: 6px;
}

.cl-icon-ltblue {
    background-color: #F1F8FA;
    padding: 6px;
    border-radius: 6px;
}

.cl-icon-bx {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
}

/*  Analytics   */

/*.call-graph{
  display: flex;
  justify-content: space-between;
  align-items: center;
}*/
.analitycs-th {
    width: 35%;
}

.add-note {
    font-size: 12px;
    color: #086972;
    font-weight: 450;
}

.outgng-icon {
    align-self: center;
    padding-left: 6px;
}

.user-num {
    margin: 22px 0 0 63px;
}

.cl-username {
    padding: 9px 0px 0px 6px;
    margin-top: -6px;
}

.filter-sel {
    width: 150px !important;
}

.dnld-icon {
    padding-right: 8px;
    margin-top: -2px;
}

.user-ph {
    margin: 22px 0 0 55px;
}

.box-2 .jb {
    color: #6A6AC5;
}

.box-4 {
    background-color: #D8ECF1;
}

    .box-4 .dr {
        color: #52B3CC;
    }

.listen-cl {
    color: #17B978;
}

    .listen-cl img {
        margin-top: -4px;
    }

.sel-week-clr {
    color: #101C1D !important;
}

.user-box {
    justify-content: center;
}

.input-cntrl {
    position: relative;
    font-size: 9px;
    color: #797F80;
    font-weight: 500;
    top: 2px;
    left: -35px;
    align-self: center;
}

.analytic-inpt {
    background-color: #FFFFFF;
}

/*  New Changes  */

.tb-custm-wd {
    padding-right: 35px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 53px;
    width: 100%;
    word-break: break-word;
}

.scrpt-txt-wd {
    width: 61%;
}

.del-fileBtn {
    position: absolute;
    font-size: 12px;
    color: #086972;
    font-weight: 450;
    cursor: pointer;
    border: none;
    background-color: #fff;
    right: 5px;
    top: 16px;
}

.delete-Text {
    text-align: end;
}

.dropdown-online ul li .online-items {
    opacity: 0.62;
}

.templates-txt-wd {
    width: 54%;
}

.custom-date {
    position: relative;
}

.date-picker {
    position: absolute;
    top: 56px;
}

.custm-table {
    position: relative;
}

.date-picker input {
    font-size: 12px;
    border: 1px solid #eceded;
    border-radius: 6px;
    height: 34px;
    padding-left: 12px;
    width: 213px;
}

    .date-picker input::placeholder {
        color: #101C1D;
    }

.date-picker .bt-create {
    margin-left: 5px;
}

.template_icon {
    background-image: url(../images/svg/ico_template.svg);
}

.tb-wd-custm {
    width: 18%;
}

#select_user .dropdown-menu {
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
    max-height: 333px;
    height: auto !important;
    overflow: auto;
    top: 32px !important;
}

.dropdown-menu.selectuser-dropdown {
    transform: translate3d(0px, 0px, 0px) !important;
}

#select_user .custm_drpdown::after {
    float: right;
    width: 8px;
    height: 6px;
    content: "";
    border: none;
    background-image: url(../images/svg/down_arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    top: 14px;
    position: absolute;
    right: 16px;
    cursor: pointer;
}

.dropdown-week .fa-calendar {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 15px;
    color: #6A7273;
    padding-top: 2px;
}

.filter-icon {
    width: 22px;
    padding-right: 7px;
    cursor: pointer;
    opacity: 0.8;
}

.filter-lable {
    font-size: 12px;
    color: #101c1d;
    padding-right: 10px
}

.date-input {
    margin-right: 3px;
}

.num-custom-box {
    align-self: center;
    margin-bottom: 0;
    margin-top: 5px;
}

.inpt-text {
    height: 2.4rem;
}

.change-pswd-hd {
    font-size: 28px;
    color: #101c1d;
    font-weight: 500;
}

    .change-pswd-hd:hover {
        color: #101c1d;
        text-decoration: none;
    }

.change-pw {
    width: 546px;
    margin: 0 auto;
    padding-top: 50px;
}

.Unassign-box {
    min-width: 100px;
}

    .Unassign-box .dropdown-item {
        font-size: 12px;
        color: #101c1d;
        cursor: pointer;
    }

        .Unassign-box .dropdown-item:hover {
            background-color: #fff;
        }

.dropdown-avathar ul li a {
    color: #6A7273;
    font-weight: 450;
    text-decoration: none;
}

    .dropdown-avathar ul li a:hover, .dropdown-avathar ul li a:active {
        background-color: #F0F6F7;
        color: #101C1D;
        opacity: 1;
        cursor: pointer;
    }

td.team-num {
    word-break: break-word;
}

.dropdown-online ul li:hover .online-items {
    opacity: 1;
}

.dashboard-dropdown {
    width: 240px;
}

.analytics-datepicker {
    position: relative;
    text-align: end;
    margin-left: 0px;
    margin-right: 85px;
    top: 0px;
}

    .analytics-datepicker input {
        width: 226px;
    }

.analyticslist-Num {
    font-size: 28px;
}

.pagenumbers {
    text-align: end;
}

div#nav {
    text-align: center;
}

#usertable div.custm-box {
    justify-content: center;
    padding: 7px 8px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown:after {
    top: 10px !important;
}
/*div.user_name:after {
    top: 10px !important;
    float: right;
    width: 8px;
    height: 6px;
    content: "";
    border: none;
    background-image: url(../images/svg/down_arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    position: absolute;
    right: -14px;
    cursor: pointer;
    z-index: 9999;
}*/
#useridinfomation, #calldropdownfetch, #smsbuttontofetch, #smsidinfomation {
    top: 0 !important;
}

.seeall_plan {
    font-size: 12px;
    color: #101c1d;
    padding-left: 30px;
    padding-top: 1px;
}

    .seeall_plan a {
        cursor: pointer;
    }

.curentplan-info {
    font-size: 15px;
    color: #101c1d;
    font-weight: 500;
}

.changecurnt-plan {
    font-size: 12px;
    /*color: #086972;*/
    padding-left: 10px;
    cursor: pointer;
}

.dropdown-plans .dropdown-menu {
    top: 0 !important;
    width: 250px;
    box-shadow: 0px 3px 12px #0000001f;
    border-radius: 6px;
    border: none;
}

    .dropdown-plans .dropdown-menu li {
        font-size: 12px;
        color: #6A7273;
        font-weight: 450;
        padding: 9px;
        width: 94%;
        margin: 4px 4px 4px 6px;
        border-radius: 6px;
    }

.plans-dropdown {
    display: none;
}

.plansave-bt {
    padding: 0 20px;
    height: 36px;
    margin-left: 50px;
    margin-top: 24px;
}

.changepw-mdl {
    border: 1px solid #17B978;
    color: #17B978;
    background-color: #FFFFFF0F;
    font-size: 12px;
    margin-top: -28px;
    cursor: pointer !important;
}

.input-group > .border-info:focus {
    z-index: 0 !important;
}

.search-box input {
    padding-left: 35px;
}

/* company page  */

.company_icon {
    background-image: url(/images/svg/ico_company.svg);
}

.companyinput-details {
    width: 380px;
    margin-right: 28px;
}

    .companyinput-details input {
        background-color: #F5F6F6;
        border-radius: 4px;
        border: none !important;
    }

        .companyinput-details input::placeholder {
            color: #101C1D !important;
        }

.companyadress {
    width: 788px;
}

.company-admin {
    font-size: 14px;
    color: #086972;
    align-self: center;
    cursor: pointer;
}

.user_status {
    margin: 22px 0 0 57px;
}

.user-detailslist {
    margin-left: -10px;
}

.company-table th, .company-table td {
    padding: 16px 5px 16px 4px;
}

.nameclr-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.name-intrestedclr {
    background-color: #179160;
}

.name-followclr {
    background-color: #149DC8;
}

.name-donotclr {
    background-color: #D15241;
}

.name-invalidclr {
    background-color: #D18608;
}

.name-noresponseclr {
    background-color: #F24949;
}

.comp-info {
    padding: 12px 0px 8px !important;
    padding-left: 5px !important;
}

.cmp-usrname {
    margin-top: -4px;
}

.choseclr-grp {
    width: 50%;
}

.companyinput-details input:focus {
    background-color: #F5F6F6;
}

.companyclr-drp .custm_drpdown {
    background-color: #FFFFFF;
    width: 175px;
    color: #101C1D;
    padding-left: 10px;
}

.companyclr-drp .grape-clr {
    width: 15px;
    height: 15px;
    background-color: #8C5D9F;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 7px;
    margin-right: 16px;
}

.companyclr-drp .dropdown-menu {
    width: 175px;
}

.calloutcome-md-txt input::placeholder {
    color: #101C1D;
}

.companyclr-drp ul li {
    margin: 8px;
}

.company-table td.team-assign {
    text-align: right;
    cursor: pointer;
}

.company-table div.custm-box {
    justify-content: center;
    padding: 6px 8px;
}

.cmp-save-bt {
    height: 30px;
    align-self: center;
    margin-top: 28px;
    margin-left: 0;
}

td.usrtblwidth {
    width: 30%;
}

td.usrnumtbl-wdt {
    width: 20%;
    padding-right: 30px !important;
}

td.usrtblrole-wdt {
    width: 10%;
}

.active1 {
    color: #FFFFFF;
    background-color: #17b978;
    padding: 3px 5px;
}

#lblFirstNameVali {
    display: none;
    color: red;
    font-size: 12px;
}

#lblLastNameVali {
    display: none;
    color: red;
    font-size: 12px;
}

#lblEmailVali {
    display: none;
    color: red;
    font-size: 12px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.profilearrow-drpd::after {
    top: 19px !important;
}

.admintxt-back .fa-user {
    font-size: 11px;
    margin-top: 3px;
    color: #179160;
    padding-right: 3px;
}

.admintxt-back {
    width: 67px;
    padding: 3px 5px;
    align-self: center;
    height: 24px;
    background: #F3FCF8 0% 0% no-repeat padding-box;
    border-radius: 4px;
}

.usersml-txt {
    width: 63%;
}

.saveadm-bnt {
    margin-top: 24px;
    padding: 0 20px;
    height: 36px;
    margin-left: 0px;
}

.useras-admin {
    padding-top: 33px;
    margin-right: 25px;
}

.frwcls-box {
    width: 250px;
}

.compny-txt {
    width: 35%;
}

.detusr-sec .form-group {
    width: 280px;
    margin-right: 25px;
}

.norecard-found {
    font-size: 14px;
    text-align: left;
    padding-top: 16px;
    color: #363636e6;
}

.dropdown-menu .dropdown-item {
    white-space: normal;
}

#select_user .dropdown-menu li {
    width: 92%;
}

#smsidinfomation, #calldropdownfetch, #useridinfomation li {
    width: 92%;
}

.comp-norecard {
    color: #363636;
    font-size: 14px;
    text-align: left;
}

.script-table th, .script-table td {
    border-top: none;
    padding: 12px 5px 10px 0px;
    vertical-align: middle;
    word-break: break-word;
}

.asgn-numbx {
    width: 100%;
    padding-left: 5px;
}

.cmp-createusr {
    font-size: 14px;
    color: #086972;
    text-decoration: none;
}

    .cmp-createusr:hover {
        color: #086972;
        text-decoration: none;
    }

.cldecl-custm-wd {
    width: 30%;
}

#divLocalFreeNumber {
    width: 368px;
}

    #divLocalFreeNumber input {
        width: 100%;
    }

#divTollFreeNumber .input-group-prepend {
    width: 368px;
}

    #divTollFreeNumber .input-group-prepend .input-txt-wd {
        width: 230px;
    }

.change-pw .eye-icon, .reset-passwrd .eye-icon {
    top: 37px;
}

.arecode-box {
    margin-top: 19px;
}

.markusr-adminbx {
    align-self: center;
    margin-top: 9px;
}

    .markusr-adminbx .custm-checkmark {
        top: 1px;
    }

.temptable td {
    vertical-align: middle;
}
/*#divSearchResults {
    height: 372px;
    overflow: auto;
    margin-bottom: 0px !important;
}*/
/*  input box text color  */
.form-group .time-zone {
    color: #101c1d !important;
}

.form-group input.options::placeholder {
    color: #797f80 !important;
}

.companyinput-details input.options::placeholder {
    color: #797f80 !important;
}
/*  input box color*/

/* .main-sec section{
  padding-top: 5rem !important;
} */
/* .navbar-collapse .navbar-sidenav .nav-dropdown .nav-item .nav-link {
  color: #ffffff;
  opacity: 0.8;
  font-weight: 450;
  font-size: 13px;
  width: 85%;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-dropdown .nav-item .nav-link:hover {
  color: #ffffff;
  background-color: #4d5257;
  border-radius: 6px;
} */
/* .add-usr-mdl.show{
  overflow-y: auto!important;
} */
.addHeight {
    overflow: auto;
    height: 868px;
    margin-bottom: 0px;
    margin-top: 13px;
    padding-top: 30px;
}

.setHeightStyle {
    max-height: 600px;
}

.setHeightUsers {
    max-height: 490px;
}

.setHeightUser1 {
    max-height: 530px;
}

.setHeightUsettings {
    max-height: 610px;
}

.setHeightUsettings1 {
    max-height: 545px;
}

.setHeightStyle, .setHeightUsers, .setHeightUser1, .setHeightUsettings, .setHeightUsettings1 {
    overflow: auto;
    margin-bottom: 0px !important;
}

.selclr-label {
    color: #101c1d;
}

.nodata-avable {
    font-size: 14px;
    text-align: left;
    color: #363636;
}

.modal .scriptModal {
    min-width: 695px;
}

th.usrtblwidth {
    width: 30%;
}

th.usrnumtbl-wdt {
    width: 20%;
}

th.usrtblrole-wdt {
    width: 10%;
}

.userpfl-drp {
    margin-right: -20px;
    padding-right: 24px;
}

#lblscriptname, #lbleditcallscriptname, #smslblValiEdit, #smslblVali {
    font-size: 12px !important;
    margin-bottom: 0 !important;
    position: absolute;
}

.dashboard-dropdown .drpbtn-text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 190px;
    word-break: break-all;
}

.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
}

.tblremove-admn {
    font-size: 12px;
    color: #086972;
    font-weight: 500;
    opacity: 0.8;
}

    .tblremove-admn:hover {
        color: #086972;
        text-decoration: none;
        opacity: 1;
    }

.custom-date .dropdown-week .dashboard-dropdown:after {
    float: right;
    width: 14px;
    height: 14px;
    content: "";
    border: none;
    background-image: url(../images/svg/ico_datepicker.svg);
    background-repeat: no-repeat;
    top: 10px;
    position: absolute;
    right: 16px;
    cursor: pointer;
}

.custom-date .dropdown-menu {
    transform: translate3d(0px, 0px, 0px) !important;
    top: 32px !important;
}

.fileupld-status {
    font-size: 14px;
    color: #101c1d;
}

.cmpvalid-size {
    font-size: 12px;
}

#btnChangePlan {
    margin-top: 0;
}

.tb-custm-wd span, p, h1, h2, h3, h4, h5, h6 {
    vertical-align: top;
}

#lblUserID {
    font-size: 12px;
}

.selusrwdth {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.temp-search-box, .script-search-box {
    margin-top: 35px;
}
/*#adminusertable .table-row {
    border-top: 1px solid #dee2e6;
    border-bottom: none;
}*/
#adminusertable .custm-table th, #adminusertable .custm-table tr {
    border-bottom: none;
}

.custmline-usrbx {
    margin-top: -45px
}

.numbr-wdtxt {
    white-space: pre-wrap;
}

.fade {
    display: none;
    opacity: 1;
}

    .fade.show {
        display: block;
    }

.searchdrp-bt {
    margin-left: 22px;
}

.create-script-bt {
    margin-left: 22px;
}

.numb-purchbtn {
    margin-top: -30px;
}

.pagintn-nums {
    padding: 0px 120px;
}

.users-paginatns {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.welcome-txt .audio-file {
    padding: 10px;
}

.pagenumbers input {
    cursor: pointer;
}

.setng-icon .viewcl-list {
    top: -18px !important;
    left: -21px !important;
    border-radius: 4px;
    box-shadow: 0px 3px 12px #0000001f;
    border: none;
    min-width: 100px;
    /*transform: translate3d(-77px, 80px, 0px) !important;*/
}

.setng-icon .clcontact-list li:hover, .setng-icon .clcontact-list li:active {
    color: #101C1D;
    background-color: #F0F6F7;
}

.setng-icon .clcontact-list li {
    font-size: 12px;
    color: #6A7273;
    padding: 9px;
    margin: 4px 4px 4px 5px;
    width: 90%;
    border-radius: 6px;
    cursor: pointer;
}

.setng-icon .viewcl-list li a {
    font-size: 12px;
    color: #6A7273;
    margin: 4px 4px 4px 5px;
    width: 90%;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
}

.audio-filename.setng-icon {
    vertical-align: middle;
    position: relative;
}
/*.setng-icon .scriptedit-drplist {
    top: -18px !important;
    left: -21px !important;
    min-width: 100px;
}*/
.dispReservedNumber .norecard-found, .dispAssignedNumber .norecard-found {
    padding-left: 15px;
}

.scrpt-norecd {
    border-bottom: none;
}

    .scrpt-norecd td {
        padding: 0;
    }
/*.setng-icon .tempedit-drplist{
    width: 182px;
}*/
.nosrcpt-rcrd {
    padding-left: 5px;
}

.norsrd-numavlbl {
    font-size: 14px;
    text-align: left;
    padding-top: 16px;
    color: red;
}

.cl-list-bx #username {
    padding-left: 10px;
}

#calldetsilsappendinbounoutbound .bg-clr:hover, .script-table .bg-clr:hover {
    cursor: default;
}

#smsdetailsappending .bg-clr:hover {
    cursor: default;
}

.usersmall-icon {
    width: 35px;
    height: 35px;
    background-image: url(../images/ico_avatar_small.png);
    background-repeat: no-repeat;
    background-position-x: 1px;
    background-position-y: 9px;
}

.modal-body div.form-check.custm-check {
    margin-bottom: 5px;
}
/* price details  */
.price-box {
    background-color: #fff;
    width: 260px;
    height: 590px;
    border-radius: 6px;
    border: 1px solid #ECEDED;
}

.price-details {
    padding: 21px 16px;
    text-align: start;
}

.plan-name {
    font-size: 16px;
    color: #101C1D;
    font-weight: 450;
    letter-spacing: 0.03px;
}

.price-val {
    font-size: 22px;
    color: #101C1D;
    font-weight: 700;
    margin-top: -3px;
}

.per-user {
    font-size: 12px;
    color: #6A7273;
    font-weight: 450;
}

.price-list {
    padding: 10px 16px;
    text-align: start;
    position: relative;
}

.prc-list {
    padding-left: 14px;
}

    .prc-list li {
        font-size: 13px;
        color: #101C1D;
        font-weight: 450;
        padding: 5px 0;
        list-style: none;
    }

.price-box:hover {
    border: 1px solid #17B978;
    background-color: #F3FCF8;
}

.price-dvdline {
    color: #ECEDED;
    margin-left: 16px;
    margin-right: 16px;
}

.prc-list li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    left: 18px;
    margin-top: 7px;
    background-color: #101C1D;
    border-radius: 50%;
}

.prc-btn .currentpln-btn {
    font-size: 12px;
    color: #17B978;
    background-color: transparent;
    padding: 0px 10px 0px 26px;
    font-weight: 500;
    background-image: url(../images/svg/ico_connected.svg);
    background-repeat: no-repeat;
    background-position-y: 6px;
    background-position-x: 10px;
}

.prc-btn .chnagepln-btn {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #17B978;
    font-weight: 500;
    height: 32px;
    margin-top: 5px;
}

.prcright-wdth {
    margin-right: 28px;
}

.all-pro li:nth-child(1) {
    font-weight: 500;
}

.curnt-pricebox {
    background-color: #F3FCF8;
    border: 1px solid transparent;
}


/*Refresh Icon */
.refresh-icon {
    width: 16px;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0.8;
}

#calldetsilsappendinbounoutbound tbody td {
    vertical-align: middle;
}

#smsdetailsappending tbody td {
    vertical-align: middle;
}

.colorpicker {
    border: none;
    padding: 0;
    width: 22px;
    height: 24px;
    background-color: white;
    position: relative;
    top: 4px;
}

#lblradio20 {
    cursor: default;
}

    #lblradio20 .checkmark {
        opacity: 0;
    }

#colorpicker {
    border: none;
    padding: 0;
    width: 22px;
    height: 24px;
    background-color: white;
    position: relative;
    top: 4px;
}

#calldetsilsappendinbounoutbound .audiostyle {
    width: 215px;
    height: 40px;
}

.company-table .user-detailslist {
    align-items: center;
}

.msdcall-icon {
    padding-left: 3px
}

.company-hdcontent .companyinput-details {
    position: relative;
}

    .company-hdcontent .companyinput-details .cmpvalid-size {
        position: absolute;
    }

#comapny-list-4 h3.business-txt, #ring-tones h3.business-txt {
    margin-bottom: 0;
}

#comapny-list-4 .d-flex, #ring-tones .d-flex {
    align-items: center;
}

#lblFirstNameVali, #lblLastNameVali, #lblEmailVali, #lblPackageVali, .lblFirstVali, .lblLastVali, .Editlblcalloutcomevali, .lblcalloutcomevali {
    position: absolute;
}

#ddlPackages {
    margin-top: 7px;
}

#declineTemplatesBody .audiostyle {
    width: 215px;
    height: 40px;
    padding-top: 4px;
}

.change-pw .pwd-field, .reset-passwrd .pwd-field {
    margin-bottom: 15px !important;
}

.currentpassworderr, .NewPassworderr, .ConfirmPassworderr, .invalid-password, .invalid-password1 {
    position: absolute;
}

#btnchangepassword {
    margin-top: 25px;
}

.invalid-password {
    padding-top: 0px;
}

#txtcallscriptedit1, #SMSTemplateEditTitle1 {
    pointer-events: none;
}

#txtdescriptdit1, #EdittxtArea1 {
    resize: none;
    pointer-events: none;
}

#txtExternalNumber, #txtVoiceMail {
    height: 38px;
}

form #ResUser_done, form #AddUserPurchaseNumber_done, #PurchaseNumberToUser_done {
    margin-left: 0;
}
/*.modal-body .scrool_ms {
    width: 798px;
}*/
/* customize scrollbar css */
.scrool_ms::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
    border-radius: 6px;
}

.scrool_ms::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
    border-radius: 6px;
}

    .scrool_ms::-webkit-scrollbar:horizontal {
        height: 6px;
    }

    .scrool_ms::-webkit-scrollbar:horizontal {
        height: 6px;
    }

.scrool_ms::-webkit-scrollbar-track {
    border: 1px #ffffff solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px #fcfcfc inset;
}

.scrool_ms::-webkit-scrollbar-track {
    border: 1px #ffffff solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px #fcfcfc inset;
}

.scrool_ms::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border: 1px solid #ffffff;
    border-radius: 16px;
}

.scrool_ms::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border: 1px solid #ffffff;
    border-radius: 16px;
}

    .scrool_ms::-webkit-scrollbar-thumb:hover {
        background-color: #b8b8b8;
        border: 1px solid #ffffff;
    }

    .scrool_ms::-webkit-scrollbar-thumb:hover {
        background-color: #b8b8b8;
        border: 1px solid #ffffff;
    }

    .scrool_ms::-webkit-scrollbar-thumb:active {
        background-color: #dbd4d4;
        border: 1px solid #ededed;
    }

    .scrool_ms::-webkit-scrollbar-thumb:active {
        background-color: #dbd4d4;
        border: 1px solid #ededed;
    }

.scrool_ms::-moz-scrollbar {
    width: 6px;
    background-color: #ffffff;
}

.scrool_ms::-moz-scrollbar {
    width: 6px;
    background-color: #ffffff;
}

    .scrool_ms::-moz-scrollbar:horizontal {
        height: 6px;
    }

    .scrool_ms::-moz-scrollbar:horizontal {
        height: 6px;
    }

    .scrool_ms::-moz-scrollbar:horizontal {
        height: 6px;
    }

    .scrool_ms::-moz-scrollbar:horizontal {
        height: 6px;
    }

.scrool_ms::-moz-scrollbar-track {
    border: 1px #ffffff solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px #fcfcfc inset;
}

.scrool_ms::-moz-scrollbar-track {
    border: 1px #ffffff solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px #fcfcfc inset;
}

.scrool_ms::-moz-scrollbar-thumb {
    background-color: #dbdbdb;
    border: 1px solid #ffffff;
    border-radius: 16px;
}

.scrool_ms::-moz-scrollbar-thumb {
    background-color: #dbdbdb;
    border: 1px solid #ffffff;
    border-radius: 16px;
}

    .scrool_ms::-moz-scrollbar-thumb:hover {
        background-color: #b8b8b8;
        border: 1px solid #ffffff;
    }

    .scrool_ms::-moz-scrollbar-thumb:hover {
        background-color: #b8b8b8;
        border: 1px solid #ffffff;
    }

    .scrool_ms::-moz-scrollbar-thumb:active {
        background-color: #dbd4d4;
        border: 1px solid #ededed;
    }

.scrool_ms {
    background-color: #ffffff;
    border-radius: 6px;
    scrollbar-width: thin;
    scrollbar-color: #dbdbdb #fff;
}
/*Pagination css start */
.simple-pagination ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}



.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
}



    .simple-pagination li a,
    .simple-pagination li span {
        color: #666;
        padding: 5px 10px;
        text-decoration: none;
        border: 1px solid #EEE;
        background-color: #FFF;
        box-shadow: 0px 0px 10px 0px #EEE;
    }



.simple-pagination .current {
    color: #FFF !important;
    background-color: #086972 !important;
    border-color: #086972 !important;
}



.simple-pagination .prev.current,
.simple-pagination .next.current {
    background: #e9e9e9 !important;
    border: 1px solid #fbfbfb !important;
    color: #b7b7b7 !important;
}

.disabled {
    pointer-events: none;
}

#pagicontainer {
    list-style-type: none;
}


/*Pagination css  end*/
.reason-box {
    cursor: pointer;
    padding: 3px 6px;
    margin: 5px;
    width: fit-content;
}

    .reason-box:hover {
        border: 1px solid #086972;
        color: #086972;
        background-color: #f3fcf8;
    }

.close-reason {
    display: none;
    padding-left: 10px;
    font-size: 14px;
    margin: -5px 0px;
}

.reason-box:hover .close-reason {
    display: block;
}

.addnew-rsn {
    display: flex;
    align-items: center;
}

.reason-box .d-flex {
    justify-content: space-between;
}

.light-theme {
    display: flex;
}

.usrenable-btn {
    margin-left: 0;
}

.usrdisable-btn {
    background-color: #f24949;
    margin-left: 0;
}

.verified-btn {
    margin-left: 0;
}

.reason-tootip {
    padding: 3px;
    text-align: center;
    border-radius: 4px;
    box-shadow: -1px 1px 8px 3px rgb(194 184 194 / 32%);
    margin: 6px 10px 0px;
    font-size: 11px;
    color: #3f494a;
    background-color: #FFFFFF
}

/*  Call Reputation css starts here  */

.numrep_head {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 30px;
}

.num_box {
    background: #343a40;
    border: 1px solid #343a40;
    border-radius: 5px;
    height: 113px;
    width: 191px;
    margin-right: 61px;
    margin-bottom: 61px;
    cursor: pointer;
}

.num_para {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #ADAFAF;
    padding-left: 15px;
    padding-top: 13px;
}

.num_para_2 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #ADAFAF;
    text-align: center;
    padding-top: 20px;
}

.flag_boxes {
    width: 20%;
    margin-right: 53px;
    margin-bottom: 53px;
}

.flag_box {
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #ECEDED;
    text-align: center;
}

.flag_img {
    margin: 10px auto;
    text-align: center;
    height: 50px;
}

.midlle_para {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #101C1D;
    margin: 10px 0;
}

.last_num {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #1C2223;
    margin: 20px 0;
}

.rep_table {
    padding-top: 10px;
}

.rep_back {
    padding-bottom: 35px;
    cursor: pointer;
}

    .rep_back img {
        width: 15px;
    }

    .rep_back span {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #000000;
        margin-left: 8px;
    }

.form-check-input {
    position: absolute;
    margin-top: 2px;
    margin-left: -1.25rem;
}

.ph_input {
    margin-left: 15px;
}

.ph_numr {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.numRep .num_row {
    margin-left: 0
}

.flagged {
    margin-top: 50px;
}

    .flagged .numrep_head {
        margin-bottom: 53px;
    }

.numRep .numrep_head {
    margin-top: 40px;
}

.flag-icon {
    width: 18px;
}

.callreputation-tbl {
    text-align: center;
}

    .callreputation-tbl td {
        vertical-align: middle;
    }

.cr-detailsicon {
    width: 25px;
}
/*.phnum-dynamic {
    height: 300px;
    border: 1px solid #ECEDED;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}*/
.rep_dynamic {
    padding-left: 14px;
}

.callreputation-tbl .custm-checkmark {
    top: 0;
}

#CR-screen2, #CR-screen3 {
    display: none;
}

.custm-padleft {
    padding-left: 18px !important;
    text-align: start;
}

.callreputation-tbl th, .callreputation-tbl td {
    padding: 16px 8px 16px 8px;
}

.callreputation-tbl thead {
    background-color: #06b770;
    color: #FFFFFF;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #d4d5d4;
}

#brandIcon, #displayLogo {
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

/*Admin Agent display */
.ad_ag span {
    position: absolute;
    font-size: 10px;
    left: 121px;
    top: 49px;
    color: #d1d1d1;
}

/*  Call Reputation css ends here  */
.integrationcallsredio .switch {
    pointer-events: none;
}

    .integrationcallsredio .switch input:checked + .toggle {
        background-color: #bcf1c3 !important;
    }

        .integrationcallsredio .switch input:checked + .toggle:before {
            background-color: #f1f1f1;
        }

#btnsave {
    color: #f1f1f1 !important;
    background-color: #bcf1c3 !important;
    border-color: #bcf1c3 !important;
}

.select-recordDrop {
    width: 200px;
    margin-bottom: 20px;
}

    .select-recordDrop .dropdown {
        width: 200px;
    }

    .select-recordDrop .custm_drpdown::after {
        float: right;
        width: 8px;
        height: 6px;
        content: "";
        border: none;
        background-image: url(../images/svg/down_arrow.svg);
        background-repeat: no-repeat;
        background-size: 8px;
        top: 14px;
        position: absolute;
        right: 16px;
        cursor: pointer;
    }

.cmnydefault-audioFile .audiostyle, .Beep-audioFile .audiostyle {
    width: 230px;
    height: 40px;
}
/*  Download apps dropdown css  */
.dwnldapps-list {
    margin-right: 50px;
}

.dropdown-apps {
    cursor: pointer;
}

    .dropdown-apps .dwnldapps-drpd {
        font-size: 14px;
        font-weight: 500;
        color: #101c1d;
        opacity: 0.8;
    }

    .dropdown-apps .dropdown-menu {
        width: 300px;
        box-shadow: 0px 2px 12px #00000038;
        border: none;
        padding: 0;
        top: 30px;
        right: -15px;
        left: auto;
    }

        .dropdown-apps .dropdown-menu li {
            font-size: 14px;
            font-weight: 450;
            color: #101c1d;
            border-bottom: 1px solid #f3f3f3;
            padding: 12px 16px;
        }

            .dropdown-apps .dropdown-menu li:last-child {
                border-bottom: 0;
                cursor: default;
            }

            .dropdown-apps .dropdown-menu li a {
                text-decoration: none;
                color: #101c1d;
                display: flex;
            }

            .dropdown-apps .dropdown-menu li span {
                padding-left: 12px;
                align-self: center;
                line-height: 14px;
            }

            .dropdown-apps .dropdown-menu li:hover, .dropdown-apps .dropdown-menu li:active {
                background-color: #F0F6F7;
            }

        .dropdown-apps .dropdown-menu .download-icons {
            width: 42px;
            text-align: center;
        }

#mainNav .navbar-collapse .navbar-nav > .nav-item .dwnldapps-drpd:after {
    float: right;
    width: 8px;
    height: 6px;
    content: "";
    border: none;
    background-image: url(../images/svg/down_arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    top: 8px;
    position: absolute;
    right: -16px;
    cursor: pointer;
}

.dropdown-apps .dropdown-menu:after {
    border-bottom: 10px solid #dcdbdb;
    border-bottom-color: rgb(255 255 255 / 99%);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    left: 82%;
    position: absolute;
    top: -9px;
}

.dropdown-menu li .desk_icon {
    float: right;
    margin-top: -23px;
    width: 13px;
}

.bullhorn-sucesmsg {
    color: green;
    font-size: 12px;
}

.removeint-mdl .modal-body {
    padding: 30px 22px;
}

.removeint-mdl .modal-dialog {
    max-width: 423px;
}

#Bullhorn1 .close, #Remove-Integration .close {
    color: #6a7273;
}

    #Bullhorn1 .close:focus, #Remove-Integration .close:focus {
        outline: none;
    }

#Number_assignusr .v-icon {
    margin-top: 0px;
}

#lblValipack {
    position: absolute;
    padding-top: 0px !important;
}

.resetpwd-content .eye-icon {
    top: 38px;
}

.coming-greenclr {
    color: #17b978;
    padding-left: 5px !important;
}

.editcmnydefault-audioFile .audiostyle, .editBeep-audioFile .audiostyle {
    width: 230px;
    height: 40px;
}

.script-Ttlwdt {
    width: 25%;
    padding-right: 20px !important;
}

    .script-Ttlwdt .script-td {
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        /* width: 25%;*/
    }

*#declineTemplatesBody tr td:nth-child(1) {
    padding-right: 20px !important;
}

#lblFirstNameVali, #lblLastNameVali, #lblEmailVali {
    width: 244px;
}

#datepickershowhide {
    top: 58px;
    margin-right: 85px;
}

    #datepickershowhide input {
        width: 226px;
    }

    #datepickershowhide .filter-lable {
        padding-left: 10px;
    }

.analytics-txtwdt {
    width: 100%;
}

.Dashboard-Summary {
    padding-top: 20px;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link.active:hover {
    background-color: #17b978;
}

.bt-create:hover {
    color: #ffffff;
    background-color: #179160;
}

.below-savebt {
    margin-top: 75px !important;
}

#adminFetchDetails td {
    padding: 8px 5px 8px 4px;
    vertical-align: middle;
}

.CallOutcome-sec {
    margin-top: 75px;
}

.dropdown-apps .dwnldapps-drpd:hover {
    opacity: 1;
}

#profilemenus .userpfl-drp:hover .user_name {
    opacity: 1;
}

.RingTones-Sec {
    margin-top: 75px;
}

#CallOutComesFetch td {
    vertical-align: middle;
    /*padding: 12px 0px 9px 0px !important;*/
}

    #CallOutComesFetch td i {
        padding: 0px 5px;
    }

#usertable th, #usertable td {
    vertical-align: middle;
    padding: 8px 5px 8px 0px;
}

#usertable .UserName-box {
    align-items: center;
}

.UserInfo-Detail {
    align-items: start;
}

.userstng-contnt #txtFullName {
    margin-bottom: 0;
}

.prc-btn .chnagepln-btn:hover {
    background-color: #179160;
}

.remove-user:hover {
    color: #FFFFFF;
    background-color: #f24949;
}

.reset-password .changepw-mdl:hover {
    color: #FFFFFF;
    background-color: #17B978;
}

.SectionSpaced {
    margin-bottom: 75px;
}

.usr-card .fa-ellipsis-v {
    padding-left: 5px;
    padding-right: 5px;
}

.fa-ellipsis-v, .edit-option a, .company-admin {
    opacity: 0.8;
}

    .fa-ellipsis-v:hover, .edit-option a:hover, .company-admin:hover {
        opacity: 1;
    }

.num-card .fa-ellipsis-v {
    padding: 0px 5px;
}

.dispReservedNumber .box-text-b {
    width: 153px;
}

.script-table .ScriptTitl-Name {
    align-items: center;
}

.script-table .tb-custm-wd p {
    margin-bottom: 0;
}

.script-table .audio-filename {
    padding-top: 12px !important;
    padding-right: 0px;
}

.script-table .fa-ellipsis-v {
    padding: 0 5px;
}

.delete-bt:hover {
    background-color: #df5656;
}

.script-table .tb-wd-custm {
    padding-top: 13px;
}

.Analtc-Icon {
    padding-top: 8px;
}

.Analytics-Serchbox {
    align-items: start;
}

.Analytics-table th, .Analytics-table td {
    padding: 8px 5px 8px 5px;
}

    .Analytics-table td:nth-child(2), .Analytics-table td:nth-child(3), .Analytics-table td:nth-child(4) {
        padding: 10px 5px 8px 5px;
    }

.Analytics-table .bg-clr:hover {
    background-color: #FFFFFF;
}

.Anltc-UsrInfo {
    display: flex;
    flex-direction: column;
}

    .Anltc-UsrInfo .usr-status {
        margin: 0;
        position: unset;
        padding-left: 6px;
        line-height: 1rem;
        margin-top: -1px;
    }

    .Anltc-UsrInfo .usr-name, .Anltc-UsrInfo .cl-username {
        padding: 7px 0px 0px 6px !important;
        line-height: 1rem;
        margin-top: 0px !important;
    }

.Analytics-table .audiostyle {
    position: relative;
    top: 3px;
}
/*.cmpadmin-serach .user-search {
    margin-right: 0px !important;
}*/

#Remove_Integration .changepw-mdl:hover {
    color: #FFFFFF;
    background-color: #17B978;
}

.Analytics-table .nodata-avable {
    padding-top: 2px;
}

#smsdatepickershowhide {
    margin-top: 22px;
}

.refresh-icon:hover, .filter-icon:hover {
    opacity: 1;
}
/*Logo css*/
.blacklogo-padleft {
    padding-left: 3px;
}

.Callmantra-hdrlogo {
    margin-top: -3px;
}

    .Callmantra-hdrlogo .callmantra-icon {
        width: 33px;
        padding-right: 3px;
    }

.btn:focus {
    box-shadow: none;
}

.login-body .login-icon img:first-child {
    width: 36px;
}
/*#declineTemplatesBody tr td:nth-child(1) .script-td {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.voicemailPlay {
    padding-top: 15px;
    padding-bottom: 10px;
}

.PreviewFile {
    margin-top: 30px;
}

.Previewbtn-audio {
    margin-left: 0;
    margin-right: 38px !important;
}

#ring-tones .welcome-txt p {
    word-wrap: break-word;
}

#voice-msg a.cke_combo_button, #edit_holdmsg a.cke_combo_button {
    width: 120px;
}

#voice-msg .cke_combo_open, #edit_holdmsg .cke_combo_open {
    left: 100px;
}

/*#Decline_message a.cke_combo_button {
    width: 110px;
}

#Decline_message .cke_combo_open {
    left: 80px;
}*/
.minWindthModelWindow {
    min-width: 695px;
}
/*.cke_combopanel {
    width: 120px !important;
}*/
#change_Package .modal-dialog {
    max-width:500px;
}
.MD-deltext-1 {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 500;
}
.MD-deltext-2{
    margin-bottom:25px;
}
.divCheckStand{
    gap:7px;
}
.spn-margin{
    margin-top:1px;
}

#divCheckStandardProUsers {
    margin-top: 5px;
}

.divInpSpn {
    gap: 7px;
}

.markusr-adminChange {
    align-self: initial;
    margin-top: 15px;
    display:flex;
}
.markusr-adminChange .usr-admin {
    padding-top: 1px;
}

.cot_Company thead tr th:nth-child(2){
    width:50%;
}
.cot_Company thead tr th:nth-child(1) {
    width: 30%;
}
.cot_Company thead tr th:nth-child(3) {
    width: 20%;
}
.cot_Company tbody tr td:nth-child(1) .cmp-usrname {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 240px;
    display: inline-block;
    white-space: nowrap;
}
.CM-CheckBox {
    padding-top: 15px;
}
.CM-spnuoc {
    padding-left: 26px;
    margin-top: -6px;
}
.inpDeleteCls {
    width: 70% !important;
}

    .inpDeleteCls::placeholder {
        text-transform: none;
    }

.NT-Leftgrid {
    width: 50%;
}

.NTF-rightBox {
    width: 40%;
    padding-top: 22px;
}

CM-Note-checkbox .custom-check input {
    left: 0;
}

.NTF-Checkbx {
    display: block;
    padding-left: 27px;
    font-size: 14px;
}

.NTF-bussinessdays {
    display: none;
}

.NTF-heading {
    font-weight: 450;
    font-size: 14px;
}
.Notification-toggles {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 15px;
    width: 100%;
}
.Notification-toggles .NTF-heading {
    margin-bottom: 0px !important;
}
.Mbl-notification-tgl {
    margin-bottom: 0px;
}
.saveNT-btn {
    margin-top: 20px;
    padding: 0 16px;
    height: 32px;
    margin-left: 0px;
}

.CM-Notification-hdng .CM-Note-checkbox input {
    display: none;
}
.NT-Emailbox {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
}
.NT-Emailbox .form-group {
    width: 70%;
    margin-bottom: 0px;
}
.NT-Emailbox .edit-option {
    padding-top: 7px;
}
.signin-bt:hover {
    color: #ffffff;
}
.reset-bt:hover {
    color: #FFFFFF;
}
/*#voice-msg .Previewbtn-audio {
    margin-right: 0px !important;
}*/
#Bullhorn1 .btn-success {
    padding-top: 8px;
}
.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}
.modal-footer > * {
    margin: 0;
}
#btnSearchNumber:hover {
    color: #17b978;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.form-group textarea {
    height: auto;
}
input.form-control, select.form-control {
    height: calc(2.25rem + 2px);
}
/*#CallOutComesFetch .comp-info {
    padding: 12px 0px 10px !important;
}*/

#declineTemplatesBody .table-row, #smsTemplateBody .table-row {
    cursor: pointer;
}
/*new style start here...*/

.AddOptOutKeyword {
    color: #fff;
    background-color: #17b978;
    border: 0px;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 3px;
    padding-top: 9px;
    cursor: pointer;
    max-width: 182px;
}
    .AddOptOutKeyword:focus {
        outline: 0px;
    }
.OptOut_keywordsContainer {
    border: 1px solid #eceded;
    min-height: 300px;
    margin-top: 5px;
    border-radius: 11px;
}
.w-400 {
    width: 600px;
}
.DefaultOptOutkeywordsContainer h1 {
    font-size: 16px;
    color: #101C1D;
}
.DefaultOptOutkeywordsContainer ul {
    list-style-type: none;
    padding: 0px;
}
.DefaultOptOutkeywordsContainer .custom-control-label::before {
    width: 1.1rem;
    height: 1.1rem;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    top: 0px;
}
.DefaultOptOutkeywordsContainer .custom-control-label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    margin-top: 4px;
}
.DefaultOptOutkeywordsContainer .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #17b978;
}
.DefaultOptOutkeywordsContainer .custom-control-label::after {
    top: 0px;
    width: 18px;
    height: 18px;
    background-size: 55% 55%;
}
.DefaultOptOutkeywordsContainer .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: inherit;
}
.gap5 {
    gap: 5px;
}
.DefaultOptOutkeywordsContainer custom-control.mb-3 {
    margin-bottom: 0.7rem !important;
}
.Opt-Out_icon {
    background-image: url(../images/svg/Opt-Out_icon.svg);
    padding-right: 27px;
    width: 20px;
    height: 16px;
    opacity: 1;
}
.paddingright15 {
    padding-right: 15px;
}
.clsConv {
    color: #086972;
    font-size: 12px;
    text-align: center;
    display: block;
    line-height: 14px;
    width: 121px;
    cursor: pointer;
    opacity: 0.8;
}
    .clsConv:hover, .AddOptOutKeywordOne:hover {
        opacity: 1;
        color: #086972 !important;
    }
.AddOptOutKeywordOne {
    color: #086972;
    font-size: 13px;
    cursor: default;
    text-decoration: none;
    cursor: pointer;
    margin-right: 19px;
}
    .AddOptOutKeywordOne span {
        font-size: 18px;
    }
.WSC-left {
    gap: 9px;
    margin-bottom: 22px;
}

.WSC-msg-dp {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
}

.WSC-msgboxright, .WSC-rightmsgbox {
    width: 76%;
}

.WSC-namedate-box {
    gap: 8px;
    margin-bottom: 4px;
}

.WSC-person-name {
    color: #49556D;
    font-size: 12px;
    line-height: 20px;
    flex: 1 0 0;
}

.WSC-msgtime {
    color: #919BA7;
    font-size: 11px;
    line-height: 18px;
}

.WSC-msgbox {
    padding: 8px 10px;
    border-radius: 0px 8px 8px 8px;
    background-color: #F2F4F7;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.WSC-msgtxt {
    color: #1C2534;
    font-size: 13px;
    line-height: 20px;
}

.WSC-right {
    margin-bottom: 22px;
}

.WSC-msgbox-green {
    padding: 10px 14px;
    border-radius: 8px 0px 8px 8px;
    background-color: #3CA55C;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
.failedtosend_txt {
    letter-spacing: 0px;
    color: #D93D3D;
    font-size: 11px;
    text-align: right;
    clear: both;
    margin-top: 4px;
    padding-right: 22px;
}
.paddingRight22 {
    padding-right:22px;
}
.WSC-msgfilebox {
    border: 1px solid #EAECF0;
    background-color: #FFF;
    border-radius: 8px 0px 8px 8px;
    padding: 8px 14px 8px 12px;
}
.WSC-filebox {
    gap: 10px;
}
.WSC-Fileimg {
    width: 32px;
    height: 32px;
    margin-top: 1px;
    border: 1px solid #d1ead8;
    border-radius: 100%;
    padding: 4px;
    background-color: #e2f2e7;
}
.WSC-filetype {
    display: none;
}
.EnableHistoryContainer {
    margin-top: 75px;
}
.EnableHistoryContainer .gray-txtnrml {
    max-width: 810px;
}
thead.ANA-table tr th:nth-child(2) {
    width: 14%;
}
thead.ANA-table tr th:nth-child(3) {
    width: 13%;
}
thead.ANA-table tr th:nth-child(4), thead.ANA-table tr th:nth-child(5) {
    width: 17%;
}

.AYTSearchContact-input {
    border: 1px solid #eceded;
    color: #101c1d !important;
    width: 180px;
    height: 34px;
    margin-right: 10px;
}


    @media (min-width: 200px) {
        #mainNav .navbar-brand {
        width: 136px;
        /* padding-left: 0.5rem; */
    }

    #mainNav .navbar-collapse {
        overflow: visible;
        max-height: none;
        background-color: #343a40;
    }

        #mainNav .navbar-collapse .navbar-sidenav {
            position: absolute;
            top: 0;
            left: 0;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-top: 60px;
            padding-top: 6px;
        }

    .sidenav-second-level-1 {
        padding-left: 0;
        list-style: none;
    }

    #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
        width: 168px;
        padding: 0;
    }

        #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
            padding: 8px 5px 10.5px 12px;
            margin: 2px 10px;
        }

        #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
        #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
            padding-left: 0;
            list-style: none;
        }

            #mainNav
            .navbar-collapse
            .navbar-sidenav > .nav-item
            .sidenav-second-level > li,
            #mainNav
            .navbar-collapse
            .navbar-sidenav > .nav-item
            .sidenav-third-level > li {
                width: 206px;
                position: relative;
            }

    .sidenav-second-level-1 > li {
        width: 206px;
        position: relative;
    }

    #mainNav
    .navbar-collapse
    .navbar-sidenav > .nav-item
    .sidenav-second-level > li > a,
    #mainNav
    .navbar-collapse
    .navbar-sidenav > .nav-item
    .sidenav-third-level > li > a {
        padding: 0.65em 0.65em 0.5em 0.5em;
    }

    .sidenav-second-level-1 > li > a {
        padding: 0.65em 0.65em 0.5em 0.5em;
        margin: 3px;
    }

    #mainNav
    .navbar-collapse
    .navbar-sidenav > .nav-item
    .sidenav-second-level > li > a {
        padding-left: 0.89em;
        font-size: 14px;
        width: 90%;
        margin-left: 4%;
    }

    .sidenav-second-level-1 > li > a {
        padding-left: 0.89em;
        font-size: 14px;
        width: 90%;
        margin-left: 5%;
    }

    a.active_submenu:after {
        content: "";
        border-right: 3px solid #086972;
        position: absolute;
        right: 0;
        width: 3px;
        height: 27px;
        top: 5px;
    }

    .active_submenu {
        color: #101c1d !important;
        font-weight: 500;
    }

    .check-box-2 {
        padding-left: 40px !important;
    }
    /* #mainNav
    .navbar-collapse
    .navbar-sidenav
    > .nav-item
    .sidenav-third-level
    > li
    > a {
    padding-left: 3.75em;
  } */
    #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
        min-width: 0;
    }
    /* #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    width: 24px;
    text-align: center;
  } */
    #mainNav
    .navbar-collapse
    .navbar-nav > .nav-item.dropdown
    .dropdown-menu > .dropdown-item > .dropdown-message {
        max-width: 300px;
    }
}

#mainNav.fixed-top .sidenav-toggler {
    display: none;
}

@media (min-width: 200px) {
    #mainNav.fixed-top .navbar-sidenav {
        height: calc(100vh);
    }

    #mainNav.fixed-top .sidenav-toggler {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: calc(100vh - 80px);
    }

        #mainNav.fixed-top .sidenav-toggler > .nav-item {
            width: 145px;
            margin: 5px 5px 5px 10px;
            background-color: #ffffff1f;
            border-radius: 6px;
        }
    /* #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
    padding: 1em;
  } */
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
    color: #adb5bd;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler {
    background-color: #dee2e6;
}

    #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
        color: rgba(0, 0, 0, 0.5);
    }

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
    overflow-x: hidden;
    width: 55px;
}

    body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
    body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
        width: 55px !important;
    }

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#mainNav.static-top .sidenav-toggler {
    display: none;
}

@media (min-width: 200px) {
    #mainNav.static-top .sidenav-toggler {
        display: flex;
    }
}

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.content-wrapper {
    overflow-x: hidden;
    background: white;
}

@media (min-width: 200px) {
    .content-wrapper {
        margin-left: 374px;
    }
}

#sidenavToggler i {
    font-weight: 800;
}

.navbar-sidenav-tooltip.show {
    display: none;
}

@media (min-width: 200px) {
    body.sidenav-toggled .content-wrapper {
        margin-left: 55px;
    }
}

body.sidenav-toggled .navbar-sidenav {
    width: 55px;
}

    body.sidenav-toggled .navbar-sidenav .nav-link-text {
        display: none;
    }

    body.sidenav-toggled .navbar-sidenav .nav-item,
    body.sidenav-toggled .navbar-sidenav .nav-link {
        width: 55px !important;
    }

        body.sidenav-toggled .navbar-sidenav .nav-item:after,
        body.sidenav-toggled .navbar-sidenav .nav-link:after {
            display: none;
        }

    body.sidenav-toggled .navbar-sidenav .nav-item {
        white-space: nowrap;
    }

body.sidenav-toggled .navbar-sidenav-tooltip.show {
    display: flex;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: #ffffff;
    opacity: 0.8;
    font-weight: 450;
    font-size: 13px;
    width: 88%;
}

    #mainNav.navbar-dark
    .navbar-collapse
    .navbar-sidenav > .nav-item > .nav-link:hover {
        color: #ffffff;
        background-color: #4d5257;
        border-radius: 6px;
    }

#mainNav.navbar-dark
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-second-level > li > a,
#mainNav.navbar-dark
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-third-level > li > a {
    color: #6a7273;
}

.sidenav-second-level-1 > li > a {
    color: #6a7273;
}

#mainNav.navbar-dark
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-second-level > li > a:focus,
#mainNav.navbar-dark
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-second-level > li > a:hover,
#mainNav.navbar-dark
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-third-level > li > a:focus,
#mainNav.navbar-dark
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-third-level > li > a:hover {
    background-color: #f0f6f7;
    border-radius: 6px;
    color: #6a7273;
}

.sidenav-second-level-1 > li > a:hover {
    background-color: #f0f6f7;
    border-radius: 6px;
    color: #6a7273;
}
/* #mainNav.navbar-dark
  .navbar-collapse
  .navbar-nav
  > .nav-item.dropdown
  > .nav-link:after {
  color: #adb5bd;
} */

@media (min-width: 200px) {
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
        background: #343a40;
    }

        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
            color: white !important;
            background-color: #495057;
        }

            #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus,
            #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
                color: white;
            }
    /* #mainNav.navbar-dark
    .navbar-collapse
    .navbar-sidenav
    > .nav-item
    .sidenav-second-level,
  #mainNav.navbar-dark
    .navbar-collapse
    .navbar-sidenav
    > .nav-item
    .sidenav-third-level {
  } */
}

#mainNav.navbar-light
.navbar-collapse
.navbar-sidenav
.nav-link-collapse:after {
    color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    #mainNav.navbar-light
    .navbar-collapse
    .navbar-sidenav > .nav-item > .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
    }

#mainNav.navbar-light
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-second-level > li > a,
#mainNav.navbar-light
.navbar-collapse
.navbar-sidenav > .nav-item
.sidenav-third-level > li > a {
    color: rgba(0, 0, 0, 0.5);
}

    #mainNav.navbar-light
    .navbar-collapse
    .navbar-sidenav > .nav-item
    .sidenav-second-level > li > a:focus,
    #mainNav.navbar-light
    .navbar-collapse
    .navbar-sidenav > .nav-item
    .sidenav-second-level > li > a:hover,
    #mainNav.navbar-light
    .navbar-collapse
    .navbar-sidenav > .nav-item
    .sidenav-third-level > li > a:focus,
    #mainNav.navbar-light
    .navbar-collapse
    .navbar-sidenav > .nav-item
    .sidenav-third-level > li > a:hover {
        color: rgba(0, 0, 0, 0.7);
    }

#mainNav.navbar-light
.navbar-collapse
.navbar-nav > .nav-item.dropdown > .nav-link:after {
    color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 200px) {
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
        background: #f8f9fa;
    }

        #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
            color: #000 !important;
            background-color: #e9ecef;
        }

            #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus,
            #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
                color: #000;
            }

        #mainNav.navbar-light
        .navbar-collapse
        .navbar-sidenav > .nav-item
        .sidenav-second-level,
        #mainNav.navbar-light
        .navbar-collapse
        .navbar-sidenav > .nav-item
        .sidenav-third-level {
            background: #f8f9fa;
        }
}

.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -25px;
    right: -25px;
    font-size: 5rem;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 2;
    }
}

.card-login {
    max-width: 25rem;
}

.card-register {
    max-width: 40rem;
}

footer.sticky-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 56px;
    background-color: #e9ecef;
    line-height: 55px;
}

@media (min-width: 200px) {
    footer.sticky-footer {
        width: calc(100% - 250px);
    }
}

/*scroll*/
.scrollbar-grass {
    z-index: 22;
    top: -46px !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

div.slimScrollBar {
    display: none !important;
}
/* .show div.slimScrollBar {
  z-index: 9999 !important;
  right: 6px !important;
  height: 73px !important;
  background-color: #c9c8c8 !important;
  width: 6px !important;
  display: block!important;
} */

.custm_toggle {
    border: 1px solid #eceded;
    padding: 5px;
    border-radius: 5px;
}

.scrollbar-grass li:hover {
    background-color: #f0f6f7;
    cursor: pointer;
}

.scrollbar-grass li:active {
    background-color: #f0f6f7;
}

.dropdown-menu .spe-dept {
    color: #101c1d;
}

.scrollbar-grass li {
    color: #6a7273;
    font-size: 12px;
    padding: 8px 15px 8px 8px;
    border-radius: 6px;
    margin-bottom: 2px;
    cursor: pointer;
}

.slimScrollDiv {
    overflow: visible !important;
}

.dropdown-custm .dropdown-menu {
    box-shadow: -1px 7px 12px #0000001f;
    border: none;
    width: 100% !important;
    left: -4px !important;
    padding: 8px;
}

.frwd-cl {
    font-size: 11px;
    color: #6a7273;
}

.dropdown-custm .scrollbar-grass {
    transform: translate3d(4px, 44px, 0px) !important;
}

.up-icon {
    position: absolute;
    right: 0;
    padding-right: 8px;
    padding-top: 5px;
}

.custm_toggle {
    font-size: 12px;
    display: block;
    background-color: transparent;
    width: 100%;
    text-align: left;
    padding-left: 12px;
    box-shadow: none;
    height: 32px;
    border: 1px solid #eceded;
}

    .custm_toggle:hover {
        cursor: pointer;
    }

    .custm_toggle:focus {
        outline: none !important;
        cursor: pointer;
    }

    .custm_toggle::after {
        float: right;
        width: 8px;
        height: 6px;
        content: "";
        border: none;
        background-image: url(../images/svg/down_arrow.svg);
        background-repeat: no-repeat;
        background-size: 8px;
        top: 11px;
        position: absolute;
        right: 16px;
        cursor: pointer;
    }

.element-hover {
    background-color: #f0f6f7;
}
/*scroll*/

.toast {
    position: fixed;
    width: 449px;
    max-width: 449px;
    top: 73px;
    right: 0px;
    z-index: 999999;
    border: none;
    box-shadow: none;
}

.toast-header {
    position: relative;
}

.toast button {
    position: absolute;
    top: 1px;
    right: 5px;
}

.team-toast {
    position: absolute;
    width: 238px;
    top: 81px;
    right: 68px;
}

    .team-toast button {
        top: 10px;
    }

.toast-close {
    color: #101c1d;
}

    .toast-close:focus {
        outline: none;
    }
/* .edit-option a {
  cursor: default;
} */

.dlf-relative {
    position: relative;
}

.num-searchboxabs {
    position: absolute;
    top: 19px;
    right: 12%;
    width: 300px !important;
}

.num-searchboxabs2 {
    margin-bottom: 20px;
    width: 300px !important;
}

.assigned-card {
    width: 300px;
}

    .assigned-card .card {
        background-color: #f3fcf8;
        border: 0px !important;
        cursor: pointer;
    }
/*PowerDilar*/
.power_header {
    background-color: transparent !important;
    border-bottom: 0px !important;
}

.poweruser {
    margin-top: 0px;
    color: #fff;
}

.power_usernumber {
    color: #ADAFAF;
    font-size: 15px;
    font-weight: 100
}

#mainNav .navpower .navbar-nav > .nav-item.profilearrow-drpd::after {
    top: 11px !important;
    background-image: url(../images/svg/down_arrow.svg) !important;
}

.power_align {
    margin-left: 0px !important
}

.power_alldr {
    width: 200px !important;
}

.power_search {
    position: absolute;
    right: 0;
    top: -74px;
    width: 362px !important;
}

.box-white-bt {
    background: #ffffff0f 0% 0% no-repeat padding-box;
    border: 1px solid #17b978;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0px;
    color: #17b978;
    font-weight: 450;
    padding: 7px 15px 5.5px 15px;
    cursor: pointer;
}

.pwer_emptybtn {
    background-color: #F3FCF8;
    border: 0px;
    border-radius: 5px;
    padding: 7px 15px 5.5px 15px;
}

.pwer_emptybtn, .box-white-bt {
    outline: none;
}

.camp-stgtxt {
    font-size: 15px;
    color: #101C1D;
    font-weight: 500;
    padding: 10px 0;
}

.call-fwtxt {
    font-size: 12px;
    color: #101C1D;
    font-weight: 450;
}

.cl-subtxt {
    font-size: 12px;
    color: #797F80;
    font-weight: 450;
}

.wrap-wdt {
    width: 87%;
}

.search-campg {
    margin-right: 45px;
}

.campgn-txt {
    width: 62%;
}

.campsel-bx {
    font-size: 12px;
    color: #101C1D;
    font-weight: 450;
}

.tgltxt-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    cursor: pointer;
}

.email-text {
    margin-right: 8px;
    margin-bottom: 8px;
}

.campfile-upload {
    height: 120px;
}

    .campfile-upload .drag-files {
        width: 66%;
        margin: 0 auto;
    }

.crt-temptclr {
    font-size: 12px;
    color: #086972;
    font-weight: 450;
    padding-top: 13px;
    cursor: pointer;
}

.campg-mdl {
    width: 470px !important;
}

.camp-label {
    color: #6A7273;
}

.mdl-chkbx {
    font-size: 12px;
    color: #101C1D;
}

.disblk-cls {
    display: none;
}

.import-teartxt {
    font-size: 12px;
    color: #797F80;
    font-weight: 450;
}

.add-ortxt {
    font-size: 12px;
    color: #101C1D;
    position: relative;
    top: 28px;
    z-index: 999;
    background: #ffffff;
    padding-right: 7px;
}

.sel-tearshet options {
    color: #797F80 !important;
}

.sel-tearshet .time-zone {
    color: #6A7273;
}

.contact-radiobt .checkmark:after {
    background: #FFFFFF;
}

.contact-radiobt input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #e2e3e3;
}

.modalback-bt {
    padding-top: 0px;
}

.contact-radiobt {
    cursor: pointer;
}

.filesucs-status {
    font-size: 11px;
    color: #8C9292;
    padding-top: 13px;
    padding-left: 7px;
}

#selected-filecsv {
    position: absolute;
    top: 170px;
    left: 38px;
    background-color: transparent;
}

.custom-file-input {
    height: 100px;
    cursor: pointer;
}

.custom-file div.time-zone {
    margin-top: -50px;
}

.upload-filetype {
    margin-top: -55px;
}

.contact-tbl {
    border: 1px solid #ECEDED;
    width: 100%;
    border-radius: 4px;
}

    .contact-tbl th {
        font-size: 11px;
        color: #101C1D;
        font-weight: 500;
    }

    .contact-tbl tr {
        font-size: 13px;
        color: #101C1D;
        font-weight: 450;
    }

    .contact-tbl th, td {
        padding: 10px;
    }

.close:hover, .close:focus {
    opacity: 1 !important;
}

/*  customer experience  */
.capmg-backtxt .modal-title {
    font-size: 12px;
    color: #6A7273;
    cursor: pointer;
}

.main-hdtxt {
    color: #101c1d;
    font-weight: 500;
    font-size: 28px;
}

.custm-exphdng {
    width: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.resume-bnt {
    font-size: 11px;
    color: #17B978;
    background-color: #FFFFFF;
    border: 1px solid #17B978;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 30px;
}

    .resume-bnt:hover {
        color: #FFFFFF;
        background-color: #17B978;
    }

.reload-text {
    font-size: 12px;
    color: #086972;
}

.resplay-img {
    width: 20%;
    padding-top: 1px;
}

.btn-resume-txt span {
    padding-left: 5px;
    padding-top: 3px;
}

.sartplay-img {
    display: none;
}

.cust-cldurtn {
    font-size: 38px;
    color: #101C1D;
    letter-spacing: 0.08px;
    padding-left: 8px;
}

.custexp-clbox {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

    .custexp-clbox .cl-dtls {
        padding-left: 48px;
        font-size: 14px;
        color: #6A7273;
        font-weight: 450;
        margin-top: -8px;
    }

    .custexp-clbox .call-box {
        background-color: #FFFFFF;
        border: 1px solid #ECEDED;
        border-radius: 6px;
        padding: 18px;
        height: 105px;
    }

    .custexp-clbox .cl-icon-bx {
        width: 38px;
        height: 38px;
        display: flex;
        justify-content: center;
    }

.custom-tab .nav-link.active {
    color: #101c1d !important;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #086972;
}

.custom-tab .nav-link {
    color: #6a7273;
    font-size: 14px;
    border: none;
    margin-bottom: -16px;
    margin-right: 50px;
    padding: 0 0 10px 0;
}

.cust-addcnt {
    font-size: 12px;
    color: #086972;
    position: absolute;
    right: 25px;
}

.check_box {
    padding-left: 35px;
}

.custexp-check {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    padding-top: 13px;
}

.htcheckbx {
    margin-top: -11px;
}

.cand-listitms li {
    list-style: none;
    padding-bottom: 10px;
}

    .cand-listitms li:hover {
        background-color: #F0F6F7;
    }

.candate-hdn {
    font-size: 13px;
    color: #101C1D;
    letter-spacing: 0.03px;
}

.candat-name {
    font-size: 14px;
    color: #101C1D;
    letter-spacing: 0.03px;
    margin-top: -6px;
}

.candt-number {
    font-size: 12px;
    color: #3F494A;
    letter-spacing: 0.02px;
    position: absolute;
    margin: 22px 0 0 75px;
}

.candcl-detls {
    padding-left: 70px;
}

    .candcl-detls span {
        font-size: 11px;
        color: #1D82A2;
        background-color: #F1F8FA;
        border-radius: 4px;
        padding: 6px;
        margin-right: 4px;
    }

    .candcl-detls .playvoicemail {
        font-size: 12px;
        color: #17B978;
        background-color: #FFFFFF;
        padding-left: 2px;
    }

.cl-compaignbx {
    text-align: center;
    padding-top: 190px;
}

.resumecamp-text {
    font-size: 18px;
    color: #101C1D;
    letter-spacing: 0.04px;
    padding-top: 17px;
    padding-bottom: 29px;
}

.campaign-midle {
    margin-top: -24px;
    padding-left: 0;
    padding-right: 0;
    background-color: #F0F6F7;
}

.cnt-dtlstxt {
    font-size: 12px;
    color: #797F80;
    letter-spacing: 0.02px;
    text-align: center;
    width: 52%;
    margin: 0 auto;
    padding-top: 17px;
}

.campcontact-sec {
    text-align: center;
    padding-top: 105px;
}

.bgaddbottom {
    border-bottom: 2px solid #086972;
    display: inline-block
}
/* Bharath css*/
/*scrool_ms::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
}*/
.modalbody_inner {
    height: 730px;
    overflow: auto;
    padding-right: 22px;
}

.new_modal_right .modal-body {
    padding: 22px 0px 22px 22px;
}
#declineTemplatesBody .cldecl-custm-wd {
    padding-right: 14px;
    width: 25%;
}
.all-standard li:nth-child(1) {
    font-weight: 500;
}
/*Recorder section*/
.animate-bars {
    width: 600px;
    height: 24px;
}

    .animate-bars div {
        height: 100%;
        margin: 0 -2px;
        background-color: #479468;
        -webkit-animation: animate-bar 300ms ease-out infinite alternate;
        animation: animate-bar 300ms ease-out infinite alternate;
        transform-origin: bottom;
        opacity: 1;
        width: 3px;
        border-radius: 16px;
    }

        .animate-bars div:first-child {
            margin-left: 0;
        }

        .animate-bars div:last-child {
            margin-right: 0;
        }

        .animate-bars div:nth-child(1) {
            -webkit-animation-duration: 536ms;
            animation-duration: 536ms;
            -webkit-animation-delay: 491ms;
            animation-delay: 491ms;
        }

        .animate-bars div:nth-child(2) {
            -webkit-animation-duration: 395ms;
            animation-duration: 395ms;
            -webkit-animation-delay: 186ms;
            animation-delay: 186ms;
        }

        .animate-bars div:nth-child(3) {
            -webkit-animation-duration: 470ms;
            animation-duration: 470ms;
            -webkit-animation-delay: 157ms;
            animation-delay: 157ms;
        }

        .animate-bars div:nth-child(4) {
            -webkit-animation-duration: 654ms;
            animation-duration: 654ms;
            -webkit-animation-delay: 19ms;
            animation-delay: 19ms;
        }

        .animate-bars div:nth-child(5) {
            -webkit-animation-duration: 444ms;
            animation-duration: 444ms;
            -webkit-animation-delay: 173ms;
            animation-delay: 173ms;
        }

        .animate-bars div:nth-child(6) {
            -webkit-animation-duration: 420ms;
            animation-duration: 420ms;
            -webkit-animation-delay: 367ms;
            animation-delay: 367ms;
        }

        .animate-bars div:nth-child(7) {
            -webkit-animation-duration: 356ms;
            animation-duration: 356ms;
            -webkit-animation-delay: 473ms;
            animation-delay: 473ms;
        }

        .animate-bars div:nth-child(8) {
            -webkit-animation-duration: 610ms;
            animation-duration: 610ms;
            -webkit-animation-delay: 29ms;
            animation-delay: 29ms;
        }

        .animate-bars div:nth-child(9) {
            -webkit-animation-duration: 352ms;
            animation-duration: 352ms;
            -webkit-animation-delay: 56ms;
            animation-delay: 56ms;
        }

        .animate-bars div:nth-child(10) {
            -webkit-animation-duration: 682ms;
            animation-duration: 682ms;
            -webkit-animation-delay: 5ms;
            animation-delay: 5ms;
        }

        .animate-bars div:nth-child(11) {
            -webkit-animation-duration: 785ms;
            animation-duration: 785ms;
            -webkit-animation-delay: 284ms;
            animation-delay: 284ms;
        }

        .animate-bars div:nth-child(12) {
            -webkit-animation-duration: 521ms;
            animation-duration: 521ms;
            -webkit-animation-delay: 327ms;
            animation-delay: 327ms;
        }

        .animate-bars div:nth-child(13) {
            -webkit-animation-duration: 467ms;
            animation-duration: 467ms;
            -webkit-animation-delay: 495ms;
            animation-delay: 495ms;
        }

        .animate-bars div:nth-child(14) {
            -webkit-animation-duration: 504ms;
            animation-duration: 504ms;
            -webkit-animation-delay: 306ms;
            animation-delay: 306ms;
        }

        .animate-bars div:nth-child(15) {
            -webkit-animation-duration: 390ms;
            animation-duration: 390ms;
            -webkit-animation-delay: 240ms;
            animation-delay: 240ms;
        }

        .animate-bars div:nth-child(16) {
            -webkit-animation-duration: 634ms;
            animation-duration: 634ms;
            -webkit-animation-delay: 490ms;
            animation-delay: 490ms;
        }

        .animate-bars div:nth-child(17) {
            -webkit-animation-duration: 584ms;
            animation-duration: 584ms;
            -webkit-animation-delay: 432ms;
            animation-delay: 432ms;
        }

        .animate-bars div:nth-child(18) {
            -webkit-animation-duration: 622ms;
            animation-duration: 622ms;
            -webkit-animation-delay: 353ms;
            animation-delay: 353ms;
        }

        .animate-bars div:nth-child(19) {
            -webkit-animation-duration: 639ms;
            animation-duration: 639ms;
            -webkit-animation-delay: 92ms;
            animation-delay: 92ms;
        }

        .animate-bars div:nth-child(20) {
            -webkit-animation-duration: 784ms;
            animation-duration: 784ms;
            -webkit-animation-delay: 195ms;
            animation-delay: 195ms;
        }

        .animate-bars div:nth-child(21) {
            -webkit-animation-duration: 569ms;
            animation-duration: 569ms;
            -webkit-animation-delay: 495ms;
            animation-delay: 495ms;
        }

        .animate-bars div:nth-child(22) {
            -webkit-animation-duration: 417ms;
            animation-duration: 417ms;
            -webkit-animation-delay: 492ms;
            animation-delay: 492ms;
        }

        .animate-bars div:nth-child(23) {
            -webkit-animation-duration: 478ms;
            animation-duration: 478ms;
            -webkit-animation-delay: 132ms;
            animation-delay: 132ms;
        }

        .animate-bars div:nth-child(24) {
            -webkit-animation-duration: 703ms;
            animation-duration: 703ms;
            -webkit-animation-delay: 118ms;
            animation-delay: 118ms;
        }

        .animate-bars div:nth-child(25) {
            -webkit-animation-duration: 611ms;
            animation-duration: 611ms;
            -webkit-animation-delay: 39ms;
            animation-delay: 39ms;
        }

        .animate-bars div:nth-child(26) {
            -webkit-animation-duration: 754ms;
            animation-duration: 754ms;
            -webkit-animation-delay: 310ms;
            animation-delay: 310ms;
        }

        .animate-bars div:nth-child(27) {
            -webkit-animation-duration: 355ms;
            animation-duration: 355ms;
            -webkit-animation-delay: 298ms;
            animation-delay: 298ms;
        }

        .animate-bars div:nth-child(28) {
            -webkit-animation-duration: 405ms;
            animation-duration: 405ms;
            -webkit-animation-delay: 451ms;
            animation-delay: 451ms;
        }

        .animate-bars div:nth-child(29) {
            -webkit-animation-duration: 417ms;
            animation-duration: 417ms;
            -webkit-animation-delay: 47ms;
            animation-delay: 47ms;
        }

        .animate-bars div:nth-child(30) {
            -webkit-animation-duration: 620ms;
            animation-duration: 620ms;
            -webkit-animation-delay: 284ms;
            animation-delay: 284ms;
        }

        .animate-bars div:nth-child(31) {
            -webkit-animation-duration: 667ms;
            animation-duration: 667ms;
            -webkit-animation-delay: 107ms;
            animation-delay: 107ms;
        }

        .animate-bars div:nth-child(32) {
            -webkit-animation-duration: 652ms;
            animation-duration: 652ms;
            -webkit-animation-delay: 304ms;
            animation-delay: 304ms;
        }

        .animate-bars div:nth-child(33) {
            -webkit-animation-duration: 772ms;
            animation-duration: 772ms;
            -webkit-animation-delay: 326ms;
            animation-delay: 326ms;
        }

        .animate-bars div:nth-child(34) {
            -webkit-animation-duration: 481ms;
            animation-duration: 481ms;
            -webkit-animation-delay: 454ms;
            animation-delay: 454ms;
        }

        .animate-bars div:nth-child(35) {
            -webkit-animation-duration: 559ms;
            animation-duration: 559ms;
            -webkit-animation-delay: 385ms;
            animation-delay: 385ms;
        }

        .animate-bars div:nth-child(36) {
            -webkit-animation-duration: 563ms;
            animation-duration: 563ms;
            -webkit-animation-delay: 93ms;
            animation-delay: 93ms;
        }

        .animate-bars div:nth-child(37) {
            -webkit-animation-duration: 525ms;
            animation-duration: 525ms;
            -webkit-animation-delay: 461ms;
            animation-delay: 461ms;
        }

        .animate-bars div:nth-child(38) {
            -webkit-animation-duration: 449ms;
            animation-duration: 449ms;
            -webkit-animation-delay: 492ms;
            animation-delay: 492ms;
        }

        .animate-bars div:nth-child(39) {
            -webkit-animation-duration: 784ms;
            animation-duration: 784ms;
            -webkit-animation-delay: 19ms;
            animation-delay: 19ms;
        }

        .animate-bars div:nth-child(40) {
            -webkit-animation-duration: 572ms;
            animation-duration: 572ms;
            -webkit-animation-delay: 405ms;
            animation-delay: 405ms;
        }

        .animate-bars div:nth-child(41) {
            -webkit-animation-duration: 569ms;
            animation-duration: 569ms;
            -webkit-animation-delay: 495ms;
            animation-delay: 495ms;
        }

        .animate-bars div:nth-child(42) {
            -webkit-animation-duration: 417ms;
            animation-duration: 417ms;
            -webkit-animation-delay: 492ms;
            animation-delay: 492ms;
        }

        .animate-bars div:nth-child(43) {
            -webkit-animation-duration: 478ms;
            animation-duration: 478ms;
            -webkit-animation-delay: 132ms;
            animation-delay: 132ms;
        }

        .animate-bars div:nth-child(44) {
            -webkit-animation-duration: 703ms;
            animation-duration: 703ms;
            -webkit-animation-delay: 118ms;
            animation-delay: 118ms;
        }

        .animate-bars div:nth-child(45) {
            -webkit-animation-duration: 611ms;
            animation-duration: 611ms;
            -webkit-animation-delay: 39ms;
            animation-delay: 39ms;
        }

        .animate-bars div:nth-child(46) {
            -webkit-animation-duration: 754ms;
            animation-duration: 754ms;
            -webkit-animation-delay: 310ms;
            animation-delay: 310ms;
        }

        .animate-bars div:nth-child(47) {
            -webkit-animation-duration: 355ms;
            animation-duration: 355ms;
            -webkit-animation-delay: 298ms;
            animation-delay: 298ms;
        }

        .animate-bars div:nth-child(48) {
            -webkit-animation-duration: 405ms;
            animation-duration: 405ms;
            -webkit-animation-delay: 451ms;
            animation-delay: 451ms;
        }

        .animate-bars div:nth-child(49) {
            -webkit-animation-duration: 417ms;
            animation-duration: 417ms;
            -webkit-animation-delay: 47ms;
            animation-delay: 47ms;
        }

        .animate-bars div:nth-child(50) {
            -webkit-animation-duration: 620ms;
            animation-duration: 620ms;
            -webkit-animation-delay: 284ms;
            animation-delay: 284ms;
        }

        .animate-bars div:nth-child(51) {
            -webkit-animation-duration: 536ms;
            animation-duration: 536ms;
            -webkit-animation-delay: 491ms;
            animation-delay: 491ms;
        }

        .animate-bars div:nth-child(52) {
            -webkit-animation-duration: 395ms;
            animation-duration: 395ms;
            -webkit-animation-delay: 186ms;
            animation-delay: 186ms;
        }

        .animate-bars div:nth-child(53) {
            -webkit-animation-duration: 470ms;
            animation-duration: 470ms;
            -webkit-animation-delay: 157ms;
            animation-delay: 157ms;
        }

        .animate-bars div:nth-child(54) {
            -webkit-animation-duration: 654ms;
            animation-duration: 654ms;
            -webkit-animation-delay: 19ms;
            animation-delay: 19ms;
        }

        .animate-bars div:nth-child(55) {
            -webkit-animation-duration: 444ms;
            animation-duration: 444ms;
            -webkit-animation-delay: 173ms;
            animation-delay: 173ms;
        }

        .animate-bars div:nth-child(56) {
            -webkit-animation-duration: 420ms;
            animation-duration: 420ms;
            -webkit-animation-delay: 367ms;
            animation-delay: 367ms;
        }

        .animate-bars div:nth-child(57) {
            -webkit-animation-duration: 356ms;
            animation-duration: 356ms;
            -webkit-animation-delay: 473ms;
            animation-delay: 473ms;
        }

        .animate-bars div:nth-child(58) {
            -webkit-animation-duration: 610ms;
            animation-duration: 610ms;
            -webkit-animation-delay: 29ms;
            animation-delay: 29ms;
        }

        .animate-bars div:nth-child(59) {
            -webkit-animation-duration: 352ms;
            animation-duration: 352ms;
            -webkit-animation-delay: 56ms;
            animation-delay: 56ms;
        }

        .animate-bars div:nth-child(60) {
            -webkit-animation-duration: 682ms;
            animation-duration: 682ms;
            -webkit-animation-delay: 5ms;
            animation-delay: 5ms;
        }

        .animate-bars div:nth-child(61) {
            -webkit-animation-duration: 667ms;
            animation-duration: 667ms;
            -webkit-animation-delay: 107ms;
            animation-delay: 107ms;
        }

        .animate-bars div:nth-child(62) {
            -webkit-animation-duration: 652ms;
            animation-duration: 652ms;
            -webkit-animation-delay: 304ms;
            animation-delay: 304ms;
        }

        .animate-bars div:nth-child(63) {
            -webkit-animation-duration: 772ms;
            animation-duration: 772ms;
            -webkit-animation-delay: 326ms;
            animation-delay: 326ms;
        }

        .animate-bars div:nth-child(64) {
            -webkit-animation-duration: 481ms;
            animation-duration: 481ms;
            -webkit-animation-delay: 454ms;
            animation-delay: 454ms;
        }

        .animate-bars div:nth-child(65) {
            -webkit-animation-duration: 559ms;
            animation-duration: 559ms;
            -webkit-animation-delay: 385ms;
            animation-delay: 385ms;
        }

        .animate-bars div:nth-child(66) {
            -webkit-animation-duration: 563ms;
            animation-duration: 563ms;
            -webkit-animation-delay: 93ms;
            animation-delay: 93ms;
        }

        .animate-bars div:nth-child(67) {
            -webkit-animation-duration: 525ms;
            animation-duration: 525ms;
            -webkit-animation-delay: 461ms;
            animation-delay: 461ms;
        }

        .animate-bars div:nth-child(68) {
            -webkit-animation-duration: 449ms;
            animation-duration: 449ms;
            -webkit-animation-delay: 492ms;
            animation-delay: 492ms;
        }

        .animate-bars div:nth-child(69) {
            -webkit-animation-duration: 784ms;
            animation-duration: 784ms;
            -webkit-animation-delay: 19ms;
            animation-delay: 19ms;
        }

        .animate-bars div:nth-child(70) {
            -webkit-animation-duration: 572ms;
            animation-duration: 572ms;
            -webkit-animation-delay: 405ms;
            animation-delay: 405ms;
        }

        .animate-bars div:nth-child(71) {
            -webkit-animation-duration: 785ms;
            animation-duration: 785ms;
            -webkit-animation-delay: 284ms;
            animation-delay: 284ms;
        }

        .animate-bars div:nth-child(72) {
            -webkit-animation-duration: 521ms;
            animation-duration: 521ms;
            -webkit-animation-delay: 327ms;
            animation-delay: 327ms;
        }

        .animate-bars div:nth-child(73) {
            -webkit-animation-duration: 467ms;
            animation-duration: 467ms;
            -webkit-animation-delay: 495ms;
            animation-delay: 495ms;
        }

        .animate-bars div:nth-child(74) {
            -webkit-animation-duration: 504ms;
            animation-duration: 504ms;
            -webkit-animation-delay: 306ms;
            animation-delay: 306ms;
        }

        .animate-bars div:nth-child(75) {
            -webkit-animation-duration: 390ms;
            animation-duration: 390ms;
            -webkit-animation-delay: 240ms;
            animation-delay: 240ms;
        }

        .animate-bars div:nth-child(76) {
            -webkit-animation-duration: 634ms;
            animation-duration: 634ms;
            -webkit-animation-delay: 490ms;
            animation-delay: 490ms;
        }

        .animate-bars div:nth-child(77) {
            -webkit-animation-duration: 584ms;
            animation-duration: 584ms;
            -webkit-animation-delay: 432ms;
            animation-delay: 432ms;
        }

        .animate-bars div:nth-child(78) {
            -webkit-animation-duration: 622ms;
            animation-duration: 622ms;
            -webkit-animation-delay: 353ms;
            animation-delay: 353ms;
        }

        .animate-bars div:nth-child(79) {
            -webkit-animation-duration: 639ms;
            animation-duration: 639ms;
            -webkit-animation-delay: 92ms;
            animation-delay: 92ms;
        }

        .animate-bars div:nth-child(80) {
            -webkit-animation-duration: 784ms;
            animation-duration: 784ms;
            -webkit-animation-delay: 195ms;
            animation-delay: 195ms;
        }

.animate-bars-center div {
    transform-origin: center;
}

.RDA-bg-w1, .RDA-bg-w2 {
    width:100%;
}

.RDA-bg {
    border-radius: 8px;
    border: 1px solid #eceded;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 8px 12px;
    gap: 12px;
}

.frameStyle {
    width: 100%;
    height: 24px;
}

.Featuredicon {
    width: 37px;
    cursor:pointer;
}

@-webkit-keyframes animate-bar {
    0% {
        transform: scaleY(0);
        opacity: 1;
    }

    100% {
        transform: scaleY(100%);
        opacity: 1;
    }
}

@keyframes animate-bar {
    0% {
        transform: scaleY(0);
        opacity: 1;
    }

    100% {
        transform: scaleY(100%);
        opacity: 1;
    }
}
.My-hr {
    border-top: 1px solid #eceded;
}
.My-label {
    color: #6a7273;
    font-size: 14px;
    margin-bottom:6px;
}
.My-para {
    font-size: 14px;
    color: #797f80;
    margin-bottom: 0;
}
.My-Percentage {
    color: #63b97f;
}
/*Audio section*/
.My-audio .My-label {
    display: block;
}

.My-audio audio {
    width: 70%;
    border-radius: 8px;
    border: 1px solid #eceded;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding-left: 0px;
    height: 50px;
}

    .My-audio audio::-webkit-media-controls-panel {
        background-color: #FFF;
        color: #479468;
    }

    .My-audio audio::-webkit-media-controls-play-button {
        background-color: #E6F3EC;
        color: #479468;
        border: none;
        border-radius: 9999px;
        width: 40px;
    }
.My-modal .modal-dialog {
    width:500px;
}
.My-modal .modal-header, .My-modal .modal-body {
    padding-right: 22px;
}
.My-fileupload{
    width:100%;
}
.CPN-Recording .frameStyle{
    width:382px;
}
.CPN-Recording .animate-bars div{
    width:2px;
}

.INT-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.My-customcontainer {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.INT-container .custm-md-txt {
    padding-top: 0;
}

.INT-Main {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1rem 0;
}

.My-labeltxt {
    width: 400px;
    font-size: 13px;
    color: #101c1d;
    font-weight: 450;
    margin-bottom: 0 !important;
}

.My-custom-select {
    width: 200px;
    margin-bottom: 0;
}

.My-checkbox {
    margin-left: 12px;
}

    .My-checkbox .custom-check {
        width: 18px;
        height: 18px;
        margin-bottom: 0;
        padding-left: 0;
    }

        .My-checkbox .custom-check input {
            left: 0;
        }

.INT-header {
    padding-top: 0;
}

    .INT-header .My-labeltxt {
        font-weight: bold;
    }

.WebRTCRecordIcon {
    width: 90px;
    margin-left: 48px;
    margin-bottom: 10px;
    cursor: pointer;
}

.My-cancelbtn {
    width: fit-content;
    font-size: 12px;
    padding: 9px 14px;
    color: #101c1d;
    border-radius: 5px;
    border: 1px solid #eceded;
    font-weight: 500;
    margin: 0;
    height: 40px;
    line-height: 20px;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
}

    .My-cancelbtn:hover {
        background-color: #eceded;
    }

.My-savebtn {
    width: fit-content;
    font-size: 12px;
    padding: 9px 14px;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #17b978;
    font-weight: 500;
    margin: 0;
    height: 40px;
    line-height: 20px;
    background-color: #17b978;
    cursor: pointer;
}

    .My-savebtn:hover {
        background-color: #179160;
    }

.G16 {
    gap: 16px;
}

.STG-SaveCancel {
    margin-top: 16px;
}
/*My-tabs css*/
.My-num-tabs {
    margin-bottom: 20px;
}

.tabnav {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.My-nav-link {
    display: block;
    color: #6a7273;
    font-size: 14px;
    border: none;
    margin-bottom: -16px;
    margin-right: 50px;
    padding: 0 0 10px 0;
    cursor:pointer;
}

    .My-nav-link.active {
        color: #101c1d !important;
        background: none;
        border: none;
        border-radius: 0;
        border-bottom: 3px solid #086972;
    }

    .My-tab-pane {
      display: none;
      background-color: #fff;
     }
    .My-tab-pane.active {
        display: block;
    }
.WebRTCRecord-Small {
    width: 75px;
    margin-left: 59px;
}
@media (max-width: 1800px) {
    .num-searchboxabs {
        right: 14%;
    }

    .scrpt-txt-wd {
        width: 66%;
    }

    .templates-txt-wd {
        width: 59%;
    }

    .companyinput-details {
        width: 315px;
    }

    .companyadress {
        width: 658px;
    }

    .usersml-txt {
        width: 70%;
    }

    .compny-txt {
        width: 38%;
    }

    .setHeightUsers {
        max-height: 510px;
    }

    .setHeightUser1 {
        max-height: 458px;
    }

    .setHeightUsettings1 {
        max-height: 500px;
    }
    .modalbody_inner {
        height: 640px;
    }
}

@media (max-width: 1600px) {
    .custom_card {
        width: 297px;
    }

    .team-search-box {
        width: 18.5rem !important;
    }

    .edit-opt-2 {
        margin-left: -22px;
    }

    .add-new-drop {
        width: 168px;
    }

    .down-icon {
        right: -144px !important;
    }

    .usr-box {
        width: 690px !important;
    }

    .num-searchboxabs {
        right: 16%;
    }

    .media-txt {
        width: 84%;
    }

    .busns-hrs {
        width: 42%;
    }

    .setngs {
        width: 48%;
    }

    .clfrwd {
        width: 60%;
    }

    .hld-list {
        width: 66%;
    }

    .scrpt-txt-wd {
        width: 80%;
    }

    .templates-txt-wd {
        width: 68%;
    }

    .analyticslist-box {
        width: 25%;
    }

    .analyticslist-box1 {
        width: 50%;
    }

    .companyinput-details {
        width: 276px;
    }

    .companyadress {
        width: 580px;
    }

    .usersml-txt {
        width: 88%;
    }

    .compny-txt {
        width: 50%;
    }

    .detusr-sec .form-group {
        width: 298px;
    }

    .cl-list-num {
        font-size: 23px;
    }

    .addHeight {
        height: 720px;
    }

    .setHeightStyle {
        max-height: 460px;
    }

    .setHeightUsers {
        max-height: 360px;
    }

    .setHeightUser1 {
        max-height: 390px;
    }

    .setHeightUsettings1 {
        max-height: 400px;
    }

    .setHeightUsettings {
        max-height: 500px;
    }
    .modalbody_inner {
        height: 565px;
    }
}

@media (max-width: 1400px) {
    .sel-form {
        margin-top: 75px;
    }

    .user-search-box {
        width: 518px !important;
    }

    .user-search {
        margin-right: -302px;
    }

    .custm-checkbx {
        margin-top: -54px;
    }

    .remove-user {
        margin-top: -54px;
    }

    .edit-opt-2 {
        margin-top: 51px;
        margin-left: -84px !important;
    }

    .create-script-bt {
        padding: 8px 15px;
    }

    .template-search {
        margin-right: 0;
    }

    .add-members {
        position: absolute;
        right: 0;
        margin-top: 54px;
    }

    .custm_line .usr-box {
        width: 395px !important;
    }

    .searchbox-inner {
        width: 18rem !important;
        margin-top: -53px;
    }

    .main-hdtxt {
        font-size: 26px;
    }

    .custm_sel_box1 {
        width: 210px;
    }

    .down-icon {
        right: -144px;
    }

    .num-searchboxabs {
        right: 16%;
    }

    .small-addtxt {
        width: 64%;
    }

    .media-search {
        margin-right: -387px;
    }

    .media-txt {
        width: 100%;
    }

    .media-tbl-txt {
        font-size: 12px;
    }

    .med-set {
        font-size: 11px;
    }

    .clfrwd {
        width: 75%;
    }

    .hld-list {
        width: 81%;
    }

    .cl-list-num {
        font-size: 18px;
    }

    .cl-dtls {
        font-size: 12px;
    }

    .cl-duration {
        font-size: 11px;
        margin-top: -4px;
    }

    .call-box {
        height: 158px;
    }

    .msd-cls {
        padding-top: 5px;
    }

    .scrpt-txt-wd {
        width: 90%;
    }

    .templates-txt-wd {
        width: 80%;
    }

    .login-body {
        padding-top: 70px;
    }

    .hd-login {
        font-size: 24px;
    }

    .forgot-text {
        font-size: 16px;
    }

    .dashboard-dropdown {
        width: 180px;
    }

    .date-picker input {
        width: 166px;
    }

    .analyticslist-Num {
        font-size: 24px;
        padding-bottom: 5px;
    }

    #admin-members .search-box {
        width: 20rem !important;
    }

        #admin-members .search-box input {
            margin-right: 50px;
        }

    #usersearch {
        width: 160px;
        margin-right: 41px;
    }

    .usrselect-box {
        margin-top: 0px;
    }

    .usrsearchbt {
        margin-top: 18px;
    }

    .usersml-txt {
        width: 94%;
    }

    .compny-txt {
        width: 54%;
    }

    #select_user .dropdown-menu li {
        width: 90%;
    }

    #smsidinfomation, #calldropdownfetch, #useridinfomation li {
        width: 90%;
    }

    .addHeight {
        height: 556px;
    }

    .setHeightStyle {
        max-height: 338px;
    }

    .setHeightUsers {
        max-height: 175px;
    }

    .setHeightUser1 {
        max-height: 210px;
    }

    .setHeightUsettings {
        max-height: 325px;
    }

    .setHeightUsettings1 {
        max-height: 230px;
    }

    .cmpadmin-serach {
        width: 350px !important;
    }

        .cmpadmin-serach .user-search {
            margin-right: 45px;
        }

    .scptdesc-scroll {
        height: 322px;
        overflow: auto;
        padding-right: 6px;
        margin-right: -11px;
        margin-bottom: 0px !important;
    }

    .templatenum-tbs {
        margin-top: 35px;
    }

    .dashboard-dropdown .drpbtn-text {
        width: 130px;
    }

    .custmline-usrbx {
        margin-top: -15px
    }

    .cmp-save-bt {
        margin-top: 95px;
        position: absolute;
        left: 0;
    }

    .below-savebt {
        margin-top: 110px !important;
    }

    .companyinput-details {
        width: 400px;
    }

    .companyadress {
        width: 400px;
    }

    .verified-btn {
        margin-top: 20px !important;
        left: 0;
    }
    /*  .reasons {
        padding-right: 86px;
    }*/
    #comapny-list-1 .d-flex.flex-wrap {
        position: relative;
    }

    .custom-mdldlg .modal-body {
        padding-bottom: 12px;
    }

    .analytics-txtwdt {
        width: 76%;
    }

    #datepickershowhide {
        top: 58px;
    }

        #datepickershowhide input {
            width: 166px;
        }

    .AssnNumTxt-wdt {
        width: 70%;
    }

    .modalbody_inner {
        height: 424px;
    }
    .TMP-modal .modal-body{
        padding-top:18px;
        padding-bottom:18px;
    }
    .TMP-modal .campfile-upload {
        height: 100px;
    }

    .WebRTCRecordIcon {
        width: 75px;
        margin-left: 56px;
    }

    .My-audio audio {
        height: 45px;
    }

    .STG-SaveCancel {
        margin-top: 12px;
    }

    .My-cancelbtn, .My-savebtn {
        height: 37px;
    }
    .Featuredicon{
        width:28px;
    }
    .RDA-bg {
        padding: 8px 10px;
        gap: 10px;
    }
}


@media (max-width: 1366px) {
    .custom_card {
        width: 290px;
    }

    .ivr-dropdown {
        position: relative;
        left: 50px;
    }

    .remove-option {
        position: relative;
        left: -56px;
    }

    .add-new-drop {
        top: -27px;
    }

    .busns-hrs {
        width: 52%;
    }
}

@media (max-width: 1300px) {
    .just-nums {
        margin-top: -2px;
    }

    .num-box {
        margin-top: -18px !important;
    }

    .ivr-dropdown {
        left: 12px !important;
    }

    .num-searchboxabs {
        right: 18%;
    }

    .setngs {
        width: 56%;
    }

    .cl-list-bx {
        width: 50%;
    }

    .cl-list-bx1 {
        width: 25%;
    }

    .templates-txt-wd {
        width: 88%;
    }

    .analyticslist-box {
        width: 33%;
    }

    .analyticslist-box1 {
        width: 66%;
    }

    .usersml-txt {
        width: 100%;
    }

    .compny-txt {
        width: 61%;
    }

    .companyinput-details {
        width: 350px;
    }

    .companyadress {
        width: 350px;
    }
    .modalbody_inner {
        height: 370px;
    }
    .Notification-toggles {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .main-hdtxt {
        font-size: 24px;
    }

    .check-box-2 {
        padding-top: 40px !important;
    }

    .num-searchbox {
        margin-top: -53px;
    }

    .remove-user {
        margin-top: -100px;
    }

    .team-search-box {
        width: 16rem !important;
    }

    .team-toast {
        top: 67px;
    }

    .ivr-dropdown {
        left: 0;
    }

    .num-searchboxabs {
        top: -8px;
    }

    .busns-hrs {
        width: 64%;
    }

    .setngs {
        width: 71%;
    }

    .clfrwd {
        width: 90%;
    }

    .hld-list {
        width: 98%;
    }

    .scrpt-txt-wd {
        width: 100%;
    }
    /*.tb-custm-wd {
    width: 38%;
  }*/
    .templates-txt-wd {
        width: 100%;
    }

    .del-fileBtn {
        top: 40px;
    }

    .dashbordwdt {
        max-width: 307px;
    }

    .dashbordropdown {
        max-width: 558px;
        margin-right: 0;
    }

    .dashboard-dropdown {
        width: 160px;
    }

    .filterbytxt {
        width: 60px;
    }

    .date-picker input {
        width: 147px;
    }

    .analytics-datepicker {
        margin-right: 79px;
    }

    .custom_card {
        width: 274px;
    }

    #admin-members .search-box {
        width: 16rem !important;
    }

        #admin-members .search-box input {
            margin-right: 10px;
        }

    .companyadress {
        width: 290px !important;
    }

    .companyinput-details {
        width: 290px;
    }

    .compny-txt {
        width: 68%;
    }

    .cmpadmin-serach {
        width: 250px !important;
    }

        .cmpadmin-serach .user-search {
            margin-right: -75px;
        }

    .company-admin {
        margin-top: 65px;
    }

    .user-search-box {
        width: 300px !important;
    }

    #usersearch {
        margin-right: -320px;
    }

    .usrselect-box {
        margin-top: 73px;
    }

    .usrsearchbt {
        margin-top: 75px;
    }

    .detusr-sec .form-group {
        width: 290px;
    }

    .dashboard-dropdown .drpbtn-text {
        width: 110px;
    }

    .searchdrp-bt {
        margin-left: 16px;
    }

    .reasons {
        width: 90%;
    }

    .rounded-border .d-flex {
        flex-direction: column;
    }

    .verified-block-main {
        float: left;
        width: 430px;
        padding-top: 30px;
    }

    .analytics-txtwdt {
        width: 100%;
    }

    #datepickershowhide input {
        width: 147px;
    }

    #datepickershowhide {
        margin-right: 80px;
    }
    /* .add-new-drop{
    width: 154px!important;
  }
  .down-icon{
    right: -130px!important;
  }
  .custm-num-scroll{
    min-width: 30px;
  } 
  .ivr-dropdown{
    position: relative;
    left: 13px;
  } */
}

@media (max-width: 1070px) {
    .add-team-memb {
        margin-top: 51px;
    }

    .busns-hrs {
        width: 78%;
    }

    .dashbordropdown {
        max-width: 522px;
    }

    .dashboard-dropdown {
        width: 158px;
    }

    .date-picker input {
        width: 144px;
    }

    .compny-txt {
        width: 80%;
    }

    .detusr-sec .form-group {
        width: 270px;
    }

    th.usrnumtbl-wdt {
        width: 21%;
    }

    .companyadress {
        width: 265px !important;
    }

    .companyinput-details {
        width: 265px;
    }

    #calldetsilsappendinbounoutbound .cl-username, #calldetsilsappendinbounoutbound .usr-name {
        width: 125px;
    }
}

@media (max-width: 1020px) {
    body {
        width: 1024px !important;
        overflow-x: scroll !important;
    }

    .align-newitem {
        width: 900px;
    }

    .fixed-top {
        position: relative;
    }

    body.fixed-nav {
        padding-top: 0px;
    }

    .num-searchbox {
        margin-top: -65px !important;
    }

    .custm-modal {
        right: -44px;
        position: absolute !important;
    }

    body.sticky-footer .content-wrapper {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .login-content {
        width: 90%;
    }
}

@media (max-width: 576px) {
    .usr-opt {
        width: auto;
    }
}

@media (min-width: 200px) {
    body.sidenav-toggled footer.sticky-footer {
        width: calc(100% - 55px);
    }

    @media (max-width: 990px) {
        .num-box {
            padding-top: 20px;
        }
    }
}