/**
 * @author Vishak Nair 
 * @Created November 2022
 * @return CSS
 */

/*font link*/
/*new*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    overflow: hidden;
    height: 100vh;
}

body, p, ul li, a {
    font-family: 'Roboto', sans-serif;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.btn:focus, .btn:active:focus, .btn.active:focus, a {
    outline: none;
    box-shadow: none;
}

.form-control input::placeholder {
    color: purple;
    font-size: small;
}

.main_new .main_header {
    background: #29075A;
    padding: 0 15px !important;
    min-height: 50px;
   /* z-index: 1020;*/
}

    .main_new .main_header .nav-item .nav-link {
        color: #ffffff;
        font-size: 14px;
        font-weight: normal;
    }

.main_header .navbar-brand img:first-child {
    padding-right: 20px;
}

.main_header .navbar-brand img:last-child {
    padding-left: 20px;
    border-left: 1px solid #E4E6E9;
}

.bg_light {
    background: #f2f4f5;
    color: #2F353E;
}

#sidebar-container .list-group a.active {
    background: rgba(85, 25, 189, 0.06);
    color: #5519BD;
}

#sidebar-container .list-group .sidebar-submenu a.active_inner {
    background: rgba(47, 53, 62, 0.06);
    font-weight: 500;
    color: #2F353E;
}

    #sidebar-container .list-group .sidebar-submenu a.active_inner i {
        color: #5519BD;
        font-size: 8px;
    }

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: rgba(47, 53, 62, 0.06);
}



#body-row {
    margin-left: 0;
    margin-right: 0;
    background: #F9FAFB;
}
/*.main_tab_block {
    height: 100vh;
}*/

#sidebar-container {
    min-height: calc(100vh - 56px);
    background-color: #F2F4F5;
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 230px;
}

.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container {
    height: calc(100vh - 50px);
    overflow: auto;
    padding: 5px;
    /*width: 100%;
    max-width: 220px;*/
    width: 260px;
    max-width: 260px;
    transition: 0.3s;
    position: absolute;
    z-index: 9;
}

    #sidebar-container.sidebar-expanded.sidebar-collapsed {
        /*width: auto;*/
        width: 60px;
        position: relative;
    }

    #sidebar-container .list-group a {
        height: auto;
        color: #2F353E;
        border: 0;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 15px;
        background: #f2f4f5
    }

    /* Submenu item*/
    #sidebar-container .list-group .sidebar-submenu a {
        /*height: 45px;*/
        height: auto;
        padding-left: 30px;
        display: flex;
        align-items: center;
    }

        #sidebar-container .list-group .sidebar-submenu a i {
            font-size: 4px;
        }

    #sidebar-container .list-group .sidebar-submenu .sidebar-submenu a {
        height: 45px;
        padding-left: 50px;
        font-size: 14px;
        font-weight: 400;
        display: flex;
        align-items: center;
        background: #ededed;
    }

.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #F2F4F5;
    height: 35px;
}

.sidebar-separator {
    background-color: #F2F4F5;
    height: 25px;
}

.logo-separator {
    background-color: #F2F4F5;
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f0d7";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f0da";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}

.breadcrumb_top {
    background: #ffffff;
    border-bottom: 1px solid #E4E6E9;
}

    .breadcrumb_top .breadcrumbs_ctn {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 500;
    }

        .breadcrumb_top .breadcrumbs_ctn p:first-child {
            border-right: 1px solid #E4E6E9;
            padding-right: 15px;
        }

        .breadcrumb_top .breadcrumbs_ctn p:last-child {
            padding-left: 15px;
        }

        .breadcrumb_top .breadcrumbs_ctn p span {
            color: #5519BD;
        }

.actions_block, .statistics_announcement.subtitle_block {
    background: #fff;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    z-index: 5;
    align-items: center;
}

    .actions_block .popover {
        box-shadow: none;
        border: 0;
    }

.actions_left ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.actions_left .cont_text {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #626E7F;
    margin-top: 8px;
}

.actions_left ul li {
    padding: 0 15px;
    border-right: 1px solid rgba(98, 110, 127, 0.28);
}

    .actions_left ul li:first-child {
        padding-left: 0;
    }

    .actions_left ul li:last-child {
        padding-right: 0;
        border: none;
    }

.actions_block .actions_left ul li h4, .statistics_announcement.subtitle_block h4 {
    font-size: 24px;
    color: #333333;
    font-weight: 500;
}

.actions_left ul li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #4BA206;
}

.actions_left ul li p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #2F353E;
}

    .actions_left ul li p span {
        color: #FF9800;
    }

.actions_right .action_btn {
    display: flex;
    gap: 10px;
}

.accordion1 .title {
    padding-bottom: 8px;
    /*margin-bottom: 15px;*/
    border-bottom: 1px solid rgba(98, 110, 127, 0.28);
    font-size: 18px;
    font-weight: 500;
    color: #545d66;
}

ul.claim_info li {
    margin-bottom: 16px;
}

    ul.claim_info li .copy_text {
        display: flex;
        justify-content: space-between;
        flex: 1 0;
        align-items: center;
    }

.acc_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

    .acc_main .acc_left {
        overflow: auto;
        margin-right: 12px;
    }

        .acc_main .acc_left::-webkit-scrollbar {
            display: none;
        }

        .acc_main .acc_left ul {
            display: flex;
            align-items: center;
            gap: 15px;
            margin: 0;
        }

            .acc_main .acc_left ul li {
                border-right: 1px solid #E4E6E9;
                padding-right: 20px;
            }

                .acc_main .acc_left ul li:first-child {
                    border-right: 1px solid #E4E6E9;
                    padding-right: 20px;
                }
        .lit_purple_bg .acc_main .acc_left ul li {
            border-right: 1px solid #9ca9bd;
        }
            .acc_main .acc_left ul li:first-child {
                border-right: 1px solid #E4E6E9;
                padding-right: 20px;
            }

                .acc_main .acc_left ul li i {
                    font-size: 28px;
                    padding-right: 20px;
                    color: #5519BD;
                }

                .acc_main .acc_left ul li span {
                    color: #626E7F;
                    font-size: 14px;
                }

                .acc_main .acc_left ul li h6 {
                    font-size: 16px;
                    font-weight: 400;
                }

                .acc_main .acc_left ul li.wrap_text h6 {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    width: 180px;
                    /*color: #545d66;*/
                }

                .acc_main .acc_left ul li:first-child h6 {
                    font-weight: 700;
                    color: #545d66;
                }

        .acc_main .acc_left.action_performed p, .acc_main .acc_left.action_performed span {
            font-size: 12px;
        }

        .acc_main .acc_left.action_performed h6 span.count {
            background: #5519bd;
            border-radius: 50%;
            display: inline-flex;
            width: 100%;
            height: 18px;
            line-height:18px;
            max-height: 100%;
            max-width: 18px;
            color: #fff;
            font-size: 12px;
            align-items: center;
            justify-content: center;
        }

    .acc_main .acc_right {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-direction: row-reverse;
    }

        .acc_main .acc_right i {
            padding: 0 15px;
        }

/*.acc_inner_ctn {
    border-left: 2px solid rgba(98, 110, 127, 0.28);
    padding-left: 15px;
    margin-left: 15px;
}*/

.acc_inner_ctn .dependents {
    background: white;
    box-shadow: 0 3px 10px #dbdbdb;
}

.acc_inner_ctn .acc_inner_right {
    box-shadow: 0 3px 10px #dbdbdb;
}

    .acc_inner_ctn .acc_inner_right:last-child .card {
        margin: 0px;
    }

    .acc_inner_ctn .acc_inner_right ul li {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0px 5px 12px;
        color: #2F353E;
    }

        .acc_inner_ctn .acc_inner_right ul li .popover {
            border: 0;
            box-shadow: none;
            font-size: 14px;
            line-height: 20px;
        }

            .acc_inner_ctn .acc_inner_right ul li .popover > .btn {
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                padding: 0;
                color: #2F353E;
                z-index: 1;
                position: relative;
            }

        .acc_inner_ctn .acc_inner_right ul li:first-child {
            font-weight: 700;
        }

        .acc_inner_ctn .acc_inner_right ul li.border-bottom-1 {
            border-bottom: 1px solid #ebebeb;
        }

.acc_inner_ctn .form-group {
    position: relative;
    margin: 0 0 20px;
}

span.multiselect-native-select .btn {
    width: 100%;
    background: #fff;
    border: 2px solid #E4E6E9;
    border-radius: 4px;
    height: 40px;
    text-align: left;
    font-size: 16px;
}

/*#claimtbl_filter input{
     color: #626E7F;
    font-style: normal;
    font-weight: 500;
   
    line-height: normal;
    padding: 6px;

    position: relative;
  
 
    z-index: 3;
    margin: 0;
  

}*/

.acc_inner_ctn .dataTables_filter label, .clone_modle .modal-content .modal-body .dataTables_filter label {
    top: 0 !important;
    left: 0;
    font-size: 16px;
    margin-bottom: 12px;
}



.multiselect-selected-text {
    font-size: 16px;
    color: #323C47 !important;
    font-weight: 400 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #ffffff;
    outline: none;
}

.acc_inner_ctn label, .clone_modle .modal-content .modal-body label, .profile-col label {
    color: #626E7F;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: normal;
    padding: 0 6px;
    display: inline-block;
    position: relative;
    top: 10px !important;
    left: 13px;
    z-index: 3;
    margin: 0;
    background: #ffffff;
}

.clone_modle .modal-content .modal-body label {
    top: 11px !important;
}
.clone_modle .modal-content .modal-body .graphFilters .graphInnerFilter label {
    top: 0px !important;
}
.label_normal_text {
    font-weight: normal;
    color: #626E7F;
    font-size: 12px;
}
.acc_inner_ctn label, .clone_modle .modal-content .modal-body label, .profile-col label {
    font-weight: 400;
    font-size: 12px;
    align-items: center;
    color: #626E7F !important;
    display: initial !important;
}

    .acc_inner_ctn label.top_0, .clone_modle .modal-content .modal-body label.top_0 {
        top: 0 !important;
    }

    .acc_inner_ctn label.left_0, .clone_modle .modal-content .modal-body label.left_0 {
        left: 0;
    }

    .acc_inner_ctn label.right_0, .clone_modle .modal-content .modal-body label.right_0 {
        right: 0;
    }

.right_0 {
    right: 0;
}



.multiselect-container > li > a > label {
    padding: 3px 20px 3px 40px !important;
    font-weight: 400;
}
.multiselect-container > li {
    padding: 1px !important;
}
/*#showSavedRules1 .modal-content .modal-body span, .clone_modle .modal-content .modal-body span {
    color: #626E7F;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: normal;
    padding: 0 6px;
    display: inline-block;
    position: relative;
    top: 15px !important;
    left: 13px;
    z-index: 3;
    margin: 0;
    background: #ffffff;
}*/
.acc_inner_ctn .multiselect-native-select label {
    background: none;
}

.acc_inner_ctn .multiselect-native-select .btn-default:focus, .acc_inner_ctn .multiselect-native-select .open > .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #adadad;
}

.acc_inner_ctn .form-control, .modal-body input[type=text], .profile-container .custom-select-box.multiselect_box button, .search_main .profile-col .custom-input-user, .search_main .profile-col input, .search_main .profile-col select {
    border: 1px solid #E4E6E9;
    border-radius: 4px;
    height: 40px;
    background: #fff;
    font-size: 16px;
    width: 100%;
}

.profile-col .multiselect_box label input {
    height: 11px;
    width: inherit;
}

button.multiselect:hover {
    box-shadow: none;
    background: none;
}

.dropdown-menu.show {
    /*background-color: #c8a8ff40;*/
    padding-bottom: 10px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.15);
    backdrop-filter: blur(10px);
    left: -70px;
}
.acc_inner_ctn .multiselect-native-select label {
    top: 5px !important;
}
.clone_modle .modal-content .modal-body .multiselect-native-select ul.multiselect-container li label {
    top: 0px !important;
}
    .multiselect-native-select .multiselect-container .input-group {
        width: 97%;
    }
li.multiselect-item.multiselect-filter input.multiselect-search {
    margin: 0;
    padding: 10px;
}

button.multiselect.dropdown-toggle.btn.btn-default {
    background: none;
    padding: 12px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_list_sel span.multiselect-native-select {
    display: flex;
}

ul.claim_info li span {
    /*color: #626E7F;*/
    color: #878787;
    font-size: 14px;
    padding-right: 15px;
    /*flex: 1 0;*/
    /*flex-grow: 1.5;*/
}

    ul.claim_info li span:last-child {
        /*color: #626E7F;*/
        color: #353e48;
        font-size: 14px;
        font-weight: 500;
        padding-right: 15px;
    }
        ul.claim_info li span:last-child > span {
            color: inherit;
        }

ul.claim_info li .copy_text span {
    font-size: 16px;
    flex-grow: 1;
}

.claim_info li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
}

.footer_inner {
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
}

.inner_left {
    display: flex;
    align-items: center;
}

    .inner_left span {
        margin-left: 15px;
    }
/*Toggle slide*/
.footer_inner input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.footer_inner label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 18px;
    max-width: 40px;
    background: #e9e9e9 !important;
    display: block;
    border-radius: 100px;
    position: relative;
}

    .footer_inner label:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 18px;
        height: 18px;
        max-width: 18px;
        background: #5519bd;
        border-radius: 90px;
        transition: 0.3s;
    }

.footer_inner input:checked + label {
    background: #5519bd69;
}

    .footer_inner input:checked + label:after {
        left: calc(100%);
        transform: translateX(-100%);
    }

.footer_inner label:active:after {
    width: 130px;
}
/*Toggle slide*/

.btn_purple {
    background: #5519BD;
    color: #fff;
    transition: 0.3s;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    border-radius: 4px;
    min-width: 75px;
}

    .btn_purple:hover, .btn_purple:focus {
        background-color: transparent;
        border: 1px solid #5519BD;
        color: #5519BD;
    }

.btn_purple_line {
    background: #ffffff;
    color: #5519BD;
    transition: 0.3s;
    padding: 7px 12px;
    line-height: 22px;
    border: 1px solid #5519BD;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    min-width: 75px;
}

    .btn_purple_line:hover, .btn_purple_line:focus {
        /*background-color: #5519BD;
        border: 1px solid #5519BD;*/
        color: #5519BD;
    }

.card .card-header {
    background: white;
}

    .card .card-header a {
        width: 100%;
    }

#claim_list .accordion1 .card, #transaction_list .accordion1 .card {
    margin-bottom: 15px;
    border: 0;
}

.acc_inner_ctn .acc_inner_right ul.quick_view li {
    display: flex;
    flex-direction: column;
}

#claim_list .accordion1 .card .card-header, #transaction_list .accordion1 .card .card-header, .search_main .panel-heading {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}

.search_main .panel-heading {
    display: flex;
}

#claim_list .accordion1 .card .card-header .btn-header-link, #transaction_list .accordion1 .card .card-header .btn-header-link, .search_main .panel-title {
    display: block;
    text-align: left;
    background: #ffffff;
    color: #222;
    padding: 14px;
}

.search_main .panel-title {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}

#claim_list .accordion1 .card .card-header .btn-header-link.p_line, #transaction_list .accordion1 .card .card-header .btn-header-link.p_line {
    border-bottom: 2px solid #5519BD;
}

.p_line {
    border-bottom: 2px solid #5519BD;
}

#claim_list .accordion1 .card .card-header .btn-header-link:focus, #transaction_list .accordion1 .card .card-header .btn-header-link:focus {
    box-shadow: none;
}

#claim_list .accordion1 .card .card-header .btn-header-link .acc_main .acc_right:after, .acc_main .acc_right:after, #transaction_list .accordion1 .card .card-header .btn-header-link .acc_main .acc_right:after, .panel-heading span:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    font-size: 12px;
    transition: 0.3s;
}

.acc_right.no_drop:after {
    display: none;
}

.panel-heading.panel-collapsed span:after {
    content: "\f077";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    font-size: 12px;
    transition: 0.3s;
}


.panel-heading span {
    margin-top: 0px;
    font-size: 15px;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 12px;
}

#claim_list .accordion1 .card .card-header .btn-header-link.collapsed, #transaction_list .accordion1 .card .card-header .btn-header-link.collapsed {
    background: #FFFFFF;
    color: #2F353E;
}

    #claim_list .accordion1 .card .card-header .btn-header-link.collapsed .acc_main .acc_right:after, #transaction_list .accordion1 .card .card-header .btn-header-link.collapsed .acc_main .acc_right:after {
        /*content: "\f106";*/
        content: "\f078";
    }


#claim_list .accordion1 .card .collapsing, #transaction_list .accordion1 .card .collapsing {
    background: #ffffff;
    line-height: 30px;
}

/*#claim_list .accordion1 .card .collapse, #transaction_list .accordion1 .card .collapse {
        border: 0;
    }*/

#claim_list .accordion1 .card .collapse, #transaction_list .accordion1 .card .collapse, .search_main .panel-body {
    border: 2px solid rgb(85, 25, 189, 0.2);
    border-radius: 4px;
    border-top: 0;
}

#claim_list .accordion1 .card .collapse1.show, #transaction_list .accordion1 .card .collapse1.show {
    background: #F9FAFB;
    line-height: 30px;
    color: #2F353E;
    border-top: 2px solid #5519BD;
    border-bottom: 1px solid #E4E6E9;
}




/*Relpace input stylec_css file*/

.workflow_listing .workflow_item {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0 15px;
    background-color: #fff;
    margin-top: 20px;
    border-radius: 4px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
}

    .workflow_listing .workflow_item .item_name, .sampling_list.workflow_listing .workflow_item .item_name {
        position: relative;
        padding: 15px 10px;
        background: #ffffff;
        border-right: 1px solid #e6e6e6;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        width: 200px;
        text-align: left;
        display: flex;
        align-items: center;
    }
        .workflow_listing .workflow_item .item_name, .sampling_list.workflow_listing .workflow_item .item_name.item_name_pt_20 {
            padding-top: 18px;
        }

            .workflow_listing .workflow_item .item_name h3 {
                font-size: 14px;
                color: #43464c;
                font-weight: 600;
                word-break: break-all;
            }

        .workflow_listing .workflow_item .item_name .badge {
            position: absolute;
            top: 0px;
            left: -15px;
            font-size: 12px;
        }

    .workflow_listing .workflow_item .item_state {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        padding: 0;
        overflow-x: auto;
    }

        /* height */
        .workflow_listing .workflow_item .item_state::-webkit-scrollbar {
            height: 6px;
        }
        /* Track */
        .workflow_listing .workflow_item .item_state::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px #f1f1f1;
            border-radius: 10px;
        }
        /* Handle */
        .workflow_listing .workflow_item .item_state::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }
            /* Handle on hover */
            .workflow_listing .workflow_item .item_state::-webkit-scrollbar-thumb:hover {
                background: #43464c;
            }

        .workflow_listing .workflow_item .item_state .total_pending {
            display: flex;
            flex-flow: column;
            text-align: center;
            padding: 35px 15px 20px;
        }

            .workflow_listing .workflow_item .item_state .total_pending span {
                font-size: 20px;
                font-weight: 700;
            }

        .workflow_listing .workflow_item .item_state .myStats {
            display: flex;
            justify-content: space-around;
            gap: 15px;
            padding: 24px 15px 8px;
            position: relative;
            border-right: 1px solid #e6e6e6;
            width: 100%;
            max-width: 450px;
            overflow-y: auto;
            align-items: center;
        }

            .workflow_listing .workflow_item .item_state .myStats.multi_items {
                overflow: auto;
                justify-content: normal;
            }

            .workflow_listing .workflow_item .item_state .myStats .state_item {
                display: flex;
                flex-flow: column;
                text-align: center;
                justify-content: flex-end;
                color: #626E7F;
            }

            .workflow_listing .workflow_item .item_state .myStats .badge {
                position: absolute;
                top: 0px;
                left: 5px;
                font-weight: 500;
                font-size: 14px;
                padding: 8px 15px;
                background-color: #ffffff;
                color: #2F353E;
            }

            .workflow_listing .workflow_item .item_state .myStats .state_item span, .sampling_list.workflow_listing .workflow_item .item_state .myStats .state_item span {
                font-size: 20px;
                font-weight: 700;
                color: #2F353E;
            }

                .workflow_listing .workflow_item .item_state .myStats .state_item span.animat_red {
                    color: #000;
                    animation-name: blink_red;
                    animation-duration: 2s;
                    animation-iteration-count: infinite;
                }

                .workflow_listing .workflow_item .item_state .myStats .state_item span.animat_green {
                    color: #000;
                    animation-name: blink_green;
                    animation-duration: 2s;
                    animation-iteration-count: infinite;
                }

@keyframes blink_red {
    0% {
        color: red;
    }

    50% {
        color: black;
    }

    100% {
        color: red;
    }
}

@keyframes blink_green {
    0% {
        color: limegreen;
    }

    50% {
        color: black;
    }

    100% {
        color: limegreen;
    }
}

.workflow_listing .workflow_item .item_state .myStats.dlp_tat .state_item {
    align-items: center;
    justify-content: space-between;
}

.workflow_listing .workflow_item .item_state .myStats.dlp_tat {
    justify-content: center;
    gap: 30px;
    max-width: 120px;
    border-right: 0px solid #e6e6e6;
}

    .workflow_listing .workflow_item .item_state .myStats.dlp_tat span {
        width: 20px;
        height: 20px;
        background: #64666b;
        border-radius: 50%;
    }

        .workflow_listing .workflow_item .item_state .myStats.dlp_tat span.dlp_active {
            background: #2ed47a;
        }

        .workflow_listing .workflow_item .item_state .myStats.dlp_tat span.tat_active {
            background: #ef4334;
        }

.workflow_listing .workflow_item .item_btn {
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-left: 1px solid #e6e6e6;
}

.sidebar-submenu.collapse {
    height: auto;
    max-height: 250px;
    overflow: auto;
}


.main_container .mainContent {
    background: #F9FAFB;
    overflow: auto;
}

.search_main .claim_details {
    height: calc(100vh - 140px);
}

.action_block {
    background: #ffffff;
    border-bottom: 1px solid #c9c9c9;
    margin: 0;
}

.sub_headfix ul.actions_item li {
    background: #ffffff;
}

#sidebar-container.sidebar-expanded.sidebar-collapsed .sidebar-submenu.collapse {
    display: none !important;
}

.profile-container-inner11 {
    background: #ffffff;
    width: calc(100vw - 260px) !important;
    min-width: 100%;
}

/*table.dx-datagrid-table.dx-datagrid-table-fixed {
    max-width: calc(100vw - 260px) !important;
    display: block;
}*/


#ui-datepicker-div {
    z-index: 1051 !important;
}


/*progressbr css*/

.progress-bar1 {
    width: calc(100vw - 270px);
    /*min-width: 100%;*/

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
    display: flex;
    flex-wrap: wrap;
    /*overflow: auto;*/
}

    .progress-bar1:before {
        /*background-color: #5519bd;*/
        background-color: #dfdfdf;
        content: "";
        height: 2px;
        position: absolute;
        z-index: 1;
        top: 22px;
        width: 98%;
    }

.progress-step {
    text-align: center;
    position: relative;
}

    .progress-step .title {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        padding: 0px 10px 0 0px;
        position: absolute;
        left: -6px;
        z-index: 2;
    }

    .progress-step:before, .progress-step:after {
        /*background-color: #626E7F47;*/
        background-color: #5519bd;
        content: "";
        height: 2px;
        position: absolute;
        z-index: 1;
        top: 10px;
    }

    .progress-step.complete:before, .progress-step.complete:first-child:after {
        background-color: #5519bd;
        content: "";
        height: 2px;
        position: absolute;
        z-index: 1;
        top: 10px;
    }

    .progress-step:after {
        left: calc(50% + 0px);
        width: 50%;
        right: auto;
    }

    .progress-step:before {
        right: calc(50% + 0px);
        width: 50%;
        left: auto;
    }

    .progress-step:last-of-type.is-active:after {
        background-color: #c0a359;
    }

/*@media screen and (min-width: 640px) {
    .progress-step:first-of-type:before {
        right: 50%;
        width: 50%;
    }
}*/

@media screen and (max-width: 640px) {
    .progress-step:first-of-type:before, .progress-step:last-of-type:after {
        background-color: white !important;
    }
}

.progress-step:last-of-type:after {
    left: 50%;
    width: 0%;
}

.progress-step .step-count {
    position: relative;
    background-color: #ffffff;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    border-radius: 50%;
    color: white;
    z-index: 3;
    border: 1px solid rgba(98, 110, 127, 0.28);
    font-size: 14px;
    font-weight: 500;
}

.progress-step.is_process .step-count {
    position: relative;
    background-color: #ffffff;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    border-radius: 50%;
    color: white;
    z-index: 98;
    border: 2px dotted #5519bd;
    font-size: 14px;
    font-weight: 500;
}

.progress-step:first-child .step-description {
    padding-right: 15px;
    padding-left: 15px;
}

/*.progress-step .step-count:before {
        counter-increment: step-count;
        content: counter(step-count);
    }*/

.progress-step.is-active .step-description {
    font-weight: 500;
}

/*.progress-step.is-active:after {
    background-color: #5519bd;
}*/

/*.progress-step.is-active ~ .progress-step .step-count {
    background-color: #5519bd;
}*/

/*.progress-step.is-active ~ .progress-step:after {
    background-color: #626E7F47;
}*/

/*.progress-step.complete:after {
    background-color: #5519bd;
}

.progress-step.complete:before {
    background-color: #5519bd;
}
*/
.progress-step .step-count {
    background-color: #ffffff;
}

.progress-step.complete .step-count {
    background-color: #5519bd;
}

.progress-step.is-active .fa-circle {
    font-size: 8px;
    color: #5519bd;
}

.progress-step.is-active .step-count {
    font-size: 11.5px;
}


/*.progress-step.complete ~ .progress-step:after {
    background-color: #626E7F47;
}
*/
.step-description {
    padding: 15px 5px;
}

.progress-step .step-description {
    background: #5519BD0F;
}

.progress-step.no_bg_fixed .step-description {
    background: transparent;
}

.progress-step .step-description .btn_purple_line {
    background: transparent;
    text-transform: capitalize;
}

.complete_block {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 15px 10px 15px 15px;
    position: sticky;
    right: 0;
    z-index: 100;
}

/*custom_checkbox*/
/* The container */

.dependents .card .card-body {
    display: flex;
    gap: 30px;
}

.acc_inner_ctn .dependents label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.acc_inner_ctn label.check_block {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    z-index:inherit;
}

.check_block {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .check_block input {
        position: relative;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: -12px;
    height: 12px;
    width: 12px;
    background-color: #ffffff;
    border: 1px solid rgba(15, 20, 29, 0.68);
    border-radius: 2px;
}

.acc_inner_ctn .quick_view label, .acc_inner_ctn .air_sidebar_menu .acc_inner_right ul li .popover > .btn {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}
.acc_inner_ctn .air_sidebar_menu .acc_inner_right .quick_view label, .acc_inner_ctn .air_sidebar_menu .acc_inner_right ul li .popover > .btn {
    color: #626E7F !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}
    .acc_inner_ctn .quick_view label i {
    height: 100%;
    display: flex;
    position: absolute;
    left: -17px;
    align-items: center;
}

.quick_view .checkmark {
    position: absolute;
    top: 0;
    right: -15px;
    left: auto;
    height: 12px;
    width: 12px;
    background-color: #ffffff;
    border: 1px solid rgba(15, 20, 29, 0.68);
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.check_block:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check_block input:checked ~ .checkmark {
    background-color: #5519bd;
    border: none;
}

.check_block.bg_green input:checked ~ .checkmark {
    background-color: #4CAF50 !important;
    border: none;
}

.bg_transparent {
    background-color: transparent !important;
}

.bg_lightgreen {
    background-color: #0080003d !important;
}

.bg_lightred {
    background-color: #ff000026 !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_block input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check_block .checkmark:after {
    left: 4px;
    top: 0px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}





/*=======================================================================================================*/


.header_top {
    background: #fff;
    padding: 20px 10px;
    border-bottom: 1px solid #E4E6E9;
}

    .header_top .header_ctn .title {
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
    }

.activities_block {
    background: #fff;
    padding: 20px 10px 8px;
    border-bottom: 1px solid #E4E6E9;
}

    .activities_block h6 {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }


.transaction {
    padding: 25px 10px 10px;
    z-index: 1;
    position: relative;
}

    .transaction .transaction_block {
        display: flex;
        gap: 20px;
    }

    .transaction .transaction_inner_block {
        display: flex;
        align-items: center;
        gap: 14px;
        background: #fff;
        box-shadow: 0 0px 5px #e5e5e5;
        padding: 8px 15px;
        border-radius: 4px;
        border: 1px solid #e5e5e5;
        transition: all 0.5s ease;
        width: 100%;
    }

        .transaction .transaction_inner_block:hover {
            box-shadow: 0 1px 16px 0px rgba(0,0,0,0.25);
            transform: translateY(-2px);
        }

        .transaction .transaction_inner_block i {
            background: #fff;
            border-radius: 0%;
            border-right: 1px solid #DDDEDF;
            padding: 5px 15px 5px 3px;
            height: auto;
            font-size: 22px;
        }

        .transaction .transaction_inner_block p.self_team {
            display: flex;
            font-size: 12px;
            padding-top: 6px;
            justify-content: center;
            align-items: center;
            text-transform: capitalize;
        }

    .transaction .btn.focus, .transaction .btn:focus {
        box-shadow: none;
    }

    .transaction .transaction_inner, .production .production_inner {
        display: flex;
        gap: 15px;
        align-items: center;
        width: 50%;
    }


        .transaction .transaction_inner select {
            width: 100%;
            text-align: left;
        }

        .transaction .transaction_inner h6, .production .production_inner h6 {
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
        }

        .transaction .transaction_inner h3 {
            font-weight: 700;
            font-size: 2vw;
            line-height: 38px;
        }

        .transaction .transaction_inner .dropdown .btn {
            font-size: 16px;
        }

        .transaction .transaction_inner h3 i {
            font-size: 18px;
            color: #4CAF50;
        }

/*bar graph style starts here*/

.graph_block .graph_inner {
    display: flex;
    gap: 18px;
}

    .graph_block .graph_inner .graph_inner_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        border: 1px solid #DDDEDF;
        border-radius: 4px;
        padding: 8px;
        gap: 8px;
        max-width: 230px;
        transition: all 0.2s ease;
    }

        .graph_block .graph_inner .graph_inner_box .graph_title {
            display: flex;
            width: 100%;
            justify-content: space-between;
        }

        .graph_block .graph_inner .graph_inner_box:hover {
            box-shadow: 0 0px 16px 0px #e5e5e5;
        }

        .graph_block .graph_inner .graph_inner_box h4 {
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            white-space: pre-line;
            max-width: 100px;
            min-height: 40px;
        }

        .graph_block .graph_inner .graph_inner_box .graph_data {
            display: flex;
            gap: 8px;
        }

        .graph_block .graph_inner .graph_inner_box .progress-bar {
            min-width: 0px;
        }

        .graph_block .graph_inner .graph_inner_box .graph_data .data {
            font-weight: 700;
            font-size: 18px;
            line-height: 30px;
        }

.graph_indicate {
    display: flex;
    justify-content: center;
    gap: 24px;
    color: #626E7F;
    margin-top: 16px;
}

    .graph_indicate i {
        font-size: 10px;
    }



.orange {
    color: #FF9F43 !important;
}

.purple {
    color: #341F97 !important;
}

.lit_purple_bg {
    background: #f9eefd !important
}
.card .card-header.lit_purple_bg {
    background: #f9eefd !important
}

.popup_content_inner_bg_purple {
    background-color: #f5f1fb;
    border: 2px solid #ddd1f2;
    border-radius: 4px;
}

    .popup_content_inner_bg_purple .popup_content_right i, .popup_content_inner_bg_purple .popup_content_left i.fas.fa-user-circle {
        color: #5519bd;
    }

.popup_content_inner_bg_green, .clone_modle .popup .popup_content_inner.popup_content_inner_bg_green {
    background-color: #dbeddb;
    border: 2px solid #cae4ca;
    border-radius: 4px;
}

.green {
    color: #4CAF50 !important;
}

.red {
    color: red;
}

.lightred {
    color: #ff7e7e;
}

.lightgreen {
    color: lightgreen;
}

.hotpink {
    color: #ff7e7e;
}

.text_red {
    color: red !important;
}

.text_gray {
    color: #626E7F !important;
}

.bar-graph .data {
    -webkit-animation: fade-in-text 2.2s 0.1s forwards;
    -moz-animation: fade-in-text 2.2s 0.1s forwards;
    animation: fade-in-text 2.2s 0.1s forwards;
    opacity: 0;
}

.bar-graph-horizontal {
    max-width: 380px;
}

    .bar-graph-horizontal .bar-one, .bar-graph-horizontal .bar-two {
        background: rgba(98, 110, 127, 0.08);
        margin-bottom: 8px;
        width: 100%;
    }

    .bar-graph-horizontal .data {
        width: 40px;
        min-width: fit-content;
    }

    .bar-graph-horizontal .bar {
        height: 20px;
        overflow: hidden;
        position: relative;
        width: 0;
    }



.bar-graph-one .bar::after {
    -webkit-animation: fade-in-text 2.2s 0.1s forwards;
    -moz-animation: fade-in-text 2.2s 0.1s forwards;
    animation: fade-in-text 2.2s 0.1s forwards;
    color: #fff;
    /* content: attr(data-percentage);*/
    font-weight: 700;
    position: absolute;
    right: 16px;
    top: 17px;
}

.bar-graph-one .bar-one .bar {
    background-color: #FF9F43;
    -webkit-animation: show-bar-one 1.2s 0.1s forwards;
    -moz-animation: show-bar-one 1.2s 0.1s forwards;
    animation: show-bar-one 1.2s 0.1s forwards;
}

.bar-graph-one .bar-two .bar {
    background-color: #341F97;
    -webkit-animation: show-bar-two 1.2s 0.2s forwards;
    -moz-animation: show-bar-two 1.2s 0.2s forwards;
    animation: show-bar-two 1.2s 0.2s forwards;
}


/* Bar Graph Horizontal Animations */
@-webkit-keyframes show-bar-one {
    0% {
        width: 0;
    }

    100% {
        width: 69.6%;
    }
}

@-webkit-keyframes show-bar-two {
    0% {
        width: 0;
    }

    100% {
        width: 71%;
    }
}

@-webkit-keyframes fade-in-text {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



/*filter tab style*/

.mandatory:after {
    content: ' *';
    white-space: nowrap;
    color: #f00;
}


.filter_tab_block .filter_inner .filter_header {
    display: flex;
    padding: 12px 10px 5px;
    border-bottom: 1px solid #000;
    justify-content: space-between;
    align-items: center;
}

    .filter_tab_block .filter_inner .filter_header select {
        text-align: left;
        font-size: 14px;
        font-weight: 500;
    }

    .filter_tab_block .filter_inner .filter_header h5 {
        font-weight: 500;
        font-size: 16px;
        line-height: 1;
        color: #2F353E;
    }


    .filter_tab_block .filter_inner .filter_header .dropdown button {
        font-weight: 500;
        font-size: 14px;
        line-height: 1;
        color: #2F353E;
    }

.filter_tab_block .filter_inner .filter_body {
    margin: 16px 0;
}

    .filter_tab_block .filter_inner .filter_body button {
        background: #ffffff;
        color: #5519BD;
        transition: 0.3s;
        padding: 5px 12px;
        line-height: 22px;
        border: 1px solid #5519BD;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
        border-radius: 16px;
    }

        .filter_tab_block .filter_inner .filter_body button:hover {
            box-shadow: 0px 0px 4px 0px #5519BD;
        }

        .filter_tab_block .filter_inner .filter_body button.disable {
            color: #9b9999;
            /*border: 1px solid #bbbbbb;*/
        }

        .filter_tab_block .filter_inner .filter_body button.active {
            background: #5519BD;
            color: #fff;
            transition: 0.3s;
            padding: 6px 22px;
            font-weight: 400;
            font-size: 13px;
            line-height: inherit;
            text-transform: uppercase;
            border-radius: 16px;
            text-decoration: none;
        }

            .filter_tab_block .filter_inner .filter_body button.active:focus {
                outline: none;
            }

.box {
    /*box-shadow: 2px 4px 16px rgba(47, 53, 62, 0.08);*/
    box-shadow: 0px 0px 12px 0px rgba(47, 53, 62, 0.2);
    background: #ffffff;
    padding: 16px;
    height: auto;
    width: 100%;
    margin-top: 16px;
    text-align: center;
    border-radius: 4px;
    color: #000;
    display: flex;
}

    .box .box_inner {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 16px;
    }

        .box .box_inner .message_content {
            display: flex;
            gap: 5px;
            flex-direction: column;
        }

            .box .box_inner .message_content .message_block {
                display: flex;
                justify-content: space-between;
                gap: 20px;
                align-items: start;
            }

                .box .box_inner .message_content .message_block span {
                    display: flex;
                    gap: 5px;
                    align-items: center;
                }

            .box .box_inner .message_content .name_info {
                font-weight: 500;
                font-size: 16px;
                line-height: 18px;
                color: #2F353E;
            }

            .box .box_inner .message_content .message_inner {
                font-weight: 400;
                font-size: 14px;
                line-height: 16px;
                color: #2F353E;
                max-width: 70%;
                width: 100%;
                word-break: break-all;
            }
.message_inner_right {
    display: flex;
    justify-content: space-between;
    width: 27%;
}
    .message_inner_right .box_inner .read_status {
        display: flex;
        justify-content: start;
        width: 200px;
    }

        .box .box_inner .date_time {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #626E7F;
        }

        .box .box_inner .read_status {
            display: flex;
            gap: 20px;
        }




/*.custom_tab {
    border: 1px solid #E4E6E9;
}*/

.custom_tab .nav-item .nav-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #2F353E;
    border: 2px solid transparent;
    background: transparent;
    outline: 0;
}

.form_inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.clone_modle .modal-content .modal-body .form_inner label.check_block {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.clone_modle .modal-content .modal-body .form_inner span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}


.custom_tab .nav-item .nav-link:hover {
    border: 2px solid transparent;
    background: #fff0;
}

.custom_tab .nav-item .nav-link.active {
    color: #5519BD !important;
    background-color: #fff;
    border-bottom: 2px solid #5519BD;
    border-color: #fff #fff #5519BD;
}



/*Custom popup*/

.popup {
    position: absolute;
    display: none;
    cursor: pointer;
    width: 580px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
}

#showSavedRules1 .modal-content .modal-body .popup, .clone_modle .modal-content .modal-body .popup {
    width: 100%;
    position: relative;
}

.popover--active .popup {
    display: block;
    transition: 0.3s;
    margin-top: 10px;
    box-shadow: 0px 0px 15px #0f141d33;
    z-index: 9999;
    border-radius: 7px;
}

.popup .popup_header {
    border-bottom: 1px solid #E4E6E9;
    padding: 16px 24px;
    font-weight: 500;
    font-size: 20px;
    /*color: #2F353E;*/
    color: #5519bd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f7f7;
    border-radius: 7px;
}

    .popup .popup_header i {
        color: #2F353E;
    }

    .popup .popup_header .pop_head_right {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .popup .popup_header input {
        width: 100%;
        max-width: 200px;
    }

.popup .popup_content {
    padding: 16px 24px;
    max-height: 320px;
    overflow: auto;
}

.clone_modle .popup .popup_content {
    overflow: hidden;
    max-height: unset;
}

.popup .popup_content .popup_content_edit {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 0;
}

    /*.clone_modle .popup .popup_content .popup_content_edit{
    flex-direction:row;
}*/

    .popup .popup_content .popup_content_edit textarea, .acc_inner_ctn textarea.form-control, .acc_inner_ctn textarea, .modal-body textarea {
        border: 1px solid #E4E6E9;
        border-radius: 4px;
        font-size: 16px;
        padding: 10px;
        background: #fff;
        width: 100%;
        color: #000000;
        font-weight: 400;
    }

.popup .popup_content_inner {
    box-shadow: 2px 4px 16px rgb(47 53 62 / 8%);
    padding: 16px 24px;
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
}

.clone_modle .popup .popup_content_inner {
    border: 1px solid #5519bd;
    background: #f7f7f7;
    border-radius: 4px;
}

.popup .popup_content_inner .popup_content_left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

    .popup .popup_content_inner .popup_content_left h4 {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: #2F353E;
    }

    .popup .popup_content_inner .popup_content_left p, .popup .popup_content_inner .popup_content_left .check_block {
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #2F353E;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .popup .popup_content_inner .popup_content_left span {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        text-transform: capitalize;
        color: #626E7F;
    }

.popup .popup_content_right {
    font-size: 18px;
    display:flex;
    gap: 10px;
}

.popup_footer {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 16px 24px;
}

/* The actual popup */
/*.popup .popuptext {
        visibility: hidden;
        max-width: 580px;
        width: 580px;
        background-color: #fff;
        color: #2F353E;
        border-radius: 6px;
        position: absolute;
        z-index: 1;*/
/*bottom: -60px;*/
/*top: 30px;
        left: 50%;
        margin-left: -80px;
    }*/

/* Popup arrow */
/*.popup .popuptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -10px;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #d9d9d9 transparent;
        }*/

/* Toggle this class - hide and show the popup */
/*.popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }*/


/*new popover style*/


.popover {
    display: inline-block;
    position: relative;
    /*z-index: 100;*/
    z-index: auto;
    padding: 0;
    border: 0;
}

.popover__menu {
    border-radius: 4px;
    border-top: 2px solid #49c5b6;
    background: #fff;
    list-style-type: none;
    margin: 8px 0;
    min-width: 100%;
    padding: 0.5rem 0;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 2px 3px 0 rgba(63, 63, 68, 0.2);
    transition-property: transform, opacity;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transform: scale(0.9);
    transform-origin: top left;
    display: block;
    opacity: 0;
}

.popup:after {
    bottom: 100%;
    left: 0.5rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
}

.popup.right_0:after {
    right: 0.5rem;
    left: auto
}

.popover__menu-item {
    white-space: nowrap;
}

    .popover__menu-item button {
        border: 0;
        border-radius: 0;
        width: 100%;
        text-align: left;
    }

        .popover__menu-item button:hover, .popover__menu-item button:focus {
            background-color: #f1f1f1;
        }

.popover--active .popover__menu {
    transform: scale(1);
    display: block;
    opacity: 1;
}




/*footer acknowledge_footer*/

.acknowledge_footer {
    position: sticky;
    bottom: 0;
    background: #ffffff;
    display: flex;
    width: 100%;
    padding: 15px 24px;
    justify-content: flex-end;
}



/*table style*/

#ViewtblAudit tr td:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px !important;
}


.clone_modle .modal-content .modal-body .custom-select-box label {
    display: flex;
    align-items: center;
}

.ui-widget {
    /*background:transparent;*/
}

.main_new {
    position: relative;
    display: block;
    /*overflow: auto;*/
}

    .main_new .main_tab_block ul.maincallingtab.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all,
    .main_tab_block ul.maincallingtab.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
        border: none;
        background: #f3f3f3;
    }

    .main_new .main_tab_block .ui-state-active,
    .main_tab_block .ui-state-active,
    .main_new .main_tab_block .ui-widget-content .ui-state-active,
    .main_tab_block .ui-widget-content .ui-state-active,
    .main_new .main_tab_block .ui-widget-header .ui-state-active,
    .main_tab_block .ui-widget-header .ui-state-active {
        border: none;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
    }

.ui-tabs .ui-tabs-nav li a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.main_new .ui-tabs .ui-tabs-nav li {
    display: flex;
    align-items: center;
    min-width: 120px;
    width: auto;
    justify-content: space-between;
    background: #cfcfcf;
    padding-right: 12px;
    border-radius: 0px;
}

.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
    margin: 0;
    display: flex;
    align-items: center;
}



/*warning_pop*/
.b_cust_tab .nav-tabs {
    border: 0;
    display: flex;
    gap: 5px;
}

    .b_cust_tab .nav-tabs .nav-link {
        border: none;
        color: #5519BD;
        background: #ffffff;
        transition: 0.3s;
        padding: 5px 12px;
        line-height: 22px;
        border: 1px solid #5519BD;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
        border-radius: 16px;
    }

        .b_cust_tab .nav-tabs .nav-link:hover {
            box-shadow: 0px 0px 4px 0px #5519BD;
        }

        .b_cust_tab .nav-tabs .nav-item.show .nav-link, .b_cust_tab .nav-tabs .nav-link.active {
            background: #5519BD;
            color: #fff;
            transition: 0.3s;
            padding: 6px 22px;
            font-weight: 400;
            font-size: 13px;
            line-height: normal;
            text-transform: uppercase;
            border-radius: 16px;
            text-decoration: none;
        }



/*chat icon style*/


.chat_show {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .chat_show.active {
        align-items: flex-end;
    }

.chat_block {
    min-width: 45px;
    height: 25px;
    padding: 0px;
    transition: 0.5s;
}

.chat_show.active .chat_block {
    min-width: 20px;
    height: 20px;
}

.chat_show img {
    display: none;
}

.chat_show.active img {
    display: block;
}

/*tooltip===========================*/

.graph_tooltip {
    position: relative;
    display: inline-block;
}

    .graph_tooltip .tooltiptext {
        visibility: hidden;
        /*width: 190px;*/
        /*width: fit-content;*/
        width: max-content;
        background-color: #ebebeb;
        color: #333;
        text-align: center;
        border-radius: 6px;
        padding: 14px;
        position: absolute;
        z-index: 1;
        left: auto;
        right: 0;
        top: 20px;
    }

.graph_inner_box:nth-child(1) .graph_tooltip .tooltiptext, .graph_inner_box:nth-child(2) .graph_tooltip .tooltiptext, .graph_inner_box:nth-child(3) .graph_tooltip .tooltiptext {
    z-index: 1;
    right: auto;
    left: 0;
    top: 20px;
}

.graph_tooltip .tooltiptext .tooltip_left {
    display: flex;
    flex-direction: column;
}

.graph_tooltip .tooltiptext .tooltip_right {
}

.graph_tooltip .tooltiptext ul.legend {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.graph_tooltip:hover .tooltiptext {
    visibility: visible;
    box-shadow: 0 0px 16px 0px #bbbbbb;
}


.active_btn .slider_grey:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 0px;
    bottom: 4px;
    background-color: grey;
    -webkit-transition: .4s;
    transition: .4s;
    bottom: 0px;
}


.data_show span {
    color: #878787;
    font-size: 14px;
    padding-right: 15px;
    width: 50%;
}

.clone_modle .modal-content .modal-body .data_show label {
    color: #353e48;
    font-size: 14px;
    padding-right: 15px;
    font-weight: 500;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 310px;
}

.break_timer_content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
    padding: 24px;
}
/** lalit live/dashboard css **/
.text_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px !important;
    display: block;
}
.text_ellipsis_long {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px !important;
    display: block;
}

.agent-row .nav-tabs {
    justify-content: center;
    padding: 0;
    border: 0;
    position: absolute;
    top: 20px;
    right: 29px;
    z-index: 999;
}

.agent-row a.nav-link {
    transition: 0.3s;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 15px 8px;
    padding: 0;
    background-color: transparent;
    color: #000;
    border: none;
}

.agent-row .nav-tabs .nav-link.active {
    color: #6105ff !important;
}

.agent-row .nav-tabs .nav-link:hover {
    background-color: transparent;
}

.agent-row .nav-tabs .nav-item {
    margin: 0;
}

.agent-row a.nav-link svg {
    display: inline-block;
    width: 22px;
    height: 23px;
}
.deshboard_breadcrumb .actions_right label {
    margin-bottom: 2px;
    margin-top: 3px;
    font-weight: 400;
    line-height: normal;
}
.la_search_space {
    padding-right: 90px;
}
.la_search_space #searchUsers {
    border: 1px solid #E4E6E9;
    border-radius: 4px;
}
.live-agent-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10% 2%;
}

.live-agent {
    padding: 10px 20px 30px;
}

    .live-agent .card {
        margin-top: 30px;
    }

.live-agent-box:hover {
    box-shadow: 2px 2px 8px 2px #c5c5c547;
}

.live-agent-header .acc_inner_ctn .form-group {
    position: relative;
    margin: 0 0 0px;
}

.align-items {
    align-items: center;
}

.agent-row .live-agent-box i.fa.fa-user.fa-fw {
    width: 40px;
    height: 40px;
    font-size: 23px;
    line-height: 31px;
}

.live-agent-box h5 {
    text-align: center;
    font-size: 16px;
}

.live-agent-box .btn_purple {
    background: #5519BD;
    color: #fff;
    transition: 0.3s;
    padding: 4px 10px 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize;
    border-radius: 14px;
}

    .live-agent-box .btn_purple:hover, .live-agent-box .btn_purple:focus {
        background-color: transparent;
        border: 1px solid #5519BD;
        color: #5519BD;
    }

.as-title i.fa.fa-user.fa-fw {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 25px;
    text-align: center;
    margin: 0 auto;
}

.agent-row {
    background: #FFFFFF;
    color: #2F353E;
    margin: 20px;
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
    
}

    .agent-row i.fa.fa-user.fa-fw {
        background-color: #5519BD;
        color: #fff;
        padding: 3px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        width: 18px;
        height: 18px;
        font-size: 11px;
    }
.la_userName {
    margin: 10px 0;
}

.la_agent-type {
    margin: 7px 0 8px;
    font-size: 14px;
    font-weight: 500;
}
.status {
    display: inline;
    border-radius: 10px;
    padding: 3px 10px 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    white-space:pre;
}

.status-available {
    background-color: #cceadb;
    color: #00954e;
}

.status-busy {
    background-color: #f9d4d4;
    color: #de2c27;
}

.status-onbreak {
    background-color: #fde3ce;
    color: #f5771c;
}

.status-not-logged-in {
    background-color: #d59b9be0;
    color: #c50f0f;
}

.status-logout {
    background-color: #d5d7d8;
    color: #2f353e;
}

.status-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    padding: 3px 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
}



.status-completed {
    background-color: #cceadb;
    color: #00954e;
}



.status-pending {
    background-color: #fde3ce;
    color: #f5771c;
}

.agent-type {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.agent-row .btn-pop {
    border: none;
    background-color: transparent;
}
.agent-table .table {
        font-size: 14px;
        font-weight: 500;
        color: #545d66;
    }

        .agent-table .table thead th {
            vertical-align: bottom;
            border-bottom: 1px solid #dee2e6;
            white-space: nowrap;
        }

.as-title {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 500;
}

.as-value {
    font-size: 15px;
    font-weight: 400;
}

.popup-content .as-title i.fa.fa-user.fa-fw {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 25px;
    text-align: center;
    margin: 0 auto;
}
 .live-agent-header input {
        padding: 10px;
        border-radius: 5px;
        font-size: 16px !important;
        font-weight: 400;
    }

.live-popup-box .popup-content i.fa.fa-user.fa-fw {
    background-color: #5519BD;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 25px;
}

.live-popup-box .popup-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    height: 100%;
    padding: 20px;
}

.live-popup-box .as-value.text-center {
    margin: 6px 0 10px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.live-popup {
    font-size: 14px;
    background-color: #fff;
}

    .live-popup .as-value.text-center {
        margin: 5px 0 11px;
    }

    .live-popup table tr th {
        border: 0;
        font-size: 15px;
        font-weight: 500;
    }

    .live-popup table.table tr:nth-child(odd) {
        background: #ffffff;
    }

    .live-popup table.table, .live-popup table.table tr, .live-popup table.table td {
        font-size: 15px;
        color: #000;
        border: none;
        font-weight: 400;
    }

.clone_modle .modal-content.live-popup-box {
    max-height: 100%;
    min-height: auto;
}

    .clone_modle .modal-content.live-popup-box .modal-body {
        overflow-y: unset;
    }


.live-popup-box .popup-content i.fa.fa-user.fa-fw {
    background-color: #5519BD;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 25px;
    margin-right: 20px;
}

.live-popup-box .popup-content {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    height: 100%;
}

.live-popup-box .as-value.text-center {
    margin: 0px 0 5px;
    font-size: 16px;
    color: #545d66;
    font-weight: 500;
}

.live-popup {
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 4px;
    margin-bottom: 20px;
}

.col-lg-6 .live-popup {
    padding: 20px;
}

.as-popup-content {
    padding: 10px 10px;
}

.live-popup .col-list i {
    background-color: #FF9F43;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 10px;
    margin-right: 10px;
}

.live-popup .col-list {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 10px;
    border-top: 1px solid rgba(98, 110, 127, 0.28);
    color: #353e48;
    display: flex;
    justify-content: space-between;
}
    .live-popup .col-list:last-child {
        border-bottom: 1px solid rgba(98, 110, 127, 0.28);
    }
.live-popup h3.title {
    font-size: 18px;
    color: #545d66;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.live-popup .as-popup-content {
    padding: 10px 10px 0;
}
.live-popup .col-list b {
        font-weight: 400;
    }

.live-popup-box .btn.btn_purple {
    background: #5519BD;
    color: #fff;
    transition: 0.3s;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    border-radius: 4px;
    min-width: 75px;
}

.deshboard_breadcrumb {
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 0;
    margin-top: 20px;
}
    .deshboard_breadcrumb .actions_right {
        display: flex;
        align-items: center;
        width: 70%;
        justify-content: flex-end;
    }
.deshboard_breadcrumb .form-control {
    border: 1px solid #E4E6E9;
    border-radius: 4px;
    height: 32px;
    background: #fff;
    font-size: 13px;
    width: 100%;
    min-width: 150px;
}

    .deshboard_breadcrumb .form-group {
        padding: 0 10px;
        margin: 0;
        display: block;
        width: 100%;
    }
.deshboard_as {
    padding: 20px 10px 10px;
}

.agent_summ_row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}

.agent_summ_col {
    margin: 0 10px;
    width: 20%;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 4px;
    padding: 10px 20px;
}

.ag-title {
    font-size: 14px;
    font-weight: 400;
    color: #2F353E;
    line-height: normal;
}

.ag-value {
    font-size: 24px;
    font-weight: 700;
    margin-top: 5px;
    line-height: normal;
}
a.filter-icon {
    font-size: 24px;
    padding: 20px 0 0 10px;
    display: block;
    color: #000;
}


.popup-cont-left {
    width: 30%;
    display: flex;
    align-items: center;
}

.popup-cont-right {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .popup-cont-right .ud_left_line {
        padding-left: 25px;
        border-left: 1px solid #E4E6E9;
        font-size: 15px;
        font-weight: 500;
    }

.ud_pf_title_popup {
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    align-items: center;
}

.ud_pf_val_popup {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin-top: 6px;
    color: #353e48;
    line-height: normal;
}

.ud_pf_title_popup i {
    background-color: #5c19b8;
    color: #ffffff;
    border-radius: 50%;
    justify-content: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 9px;
    margin-right: 5px;
    text-align: center;
}


.live-popup .col-list:last-child {
    border-bottom: 1px solid rgba(98, 110, 127, 0.28);
}

.la_full_details .col-list span {
    width: 25%;
}

.la_full_details .live-popup h3.title {
    text-align: left;
    margin: 10px 0 15px;
}

.la_full_details .live-popup.p-4 {
    padding-bottom: 30px !important;
}

.la_full_details .live-popup h3.title b {
    font-weight: 500;
    font-size: 18px;
}

.bg-gray {
    background-color: #f6f6f6;
}
.la_full_details .col-list span {
    width: 25%;
}
.min_h_auto {
    min-height: auto !important;
}
.white_space_nowrap, .white_space_nowrap li {
    white-space: nowrap;
}

/* RCM*/

.status-recent {
    background-color: #cceadb;
    color: #00954e;
}

.status-previous {
    background-color: #d59b9be0;
    color: #c50f0f;
}

.status-notouch {
    background-color: #d5d7d8;
    color: #2f353e;
}

.check_block.rcm_check_box {
    margin: 0;
    padding: 0;
}

.check_block.rcm_check_box span.checkmark {
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0;
}

.check_block.rcm_check_box .checkmark:after {
    width: 6px;
    height: 11px;
    top: 3px;
    left: 7px;
    border-width: 0 2px 2px 0;
}


    @media only screen and (max-width: 1400px) {
        .popup-cont-right .ud_left_line {
            padding-left: 10px;
        }
    }
/** Nondelegate **/
.fs_14 {
    font-size: 14px !important;
}

.modal-dialog.modal-xl.modal-dialog-centered.w_98 {
    max-width: 98% !important;
}
.qa_divInbound .webgrid-header th {
    white-space: nowrap;
    overflow-x: auto;
}
.qa_divInbound span.display-mode, .qa_divInbound span.edit-mode {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.qa_divInbound span.display-mode-new {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.qa_divInbound .table input[type=text]{
    height: 27px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: inherit;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.pageloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.snippet1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 100vh;
    width: 100%;
}

.stage {
    transform: scale(1.5);
}

.dot-spin {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: transparent;
    color: transparent;
    box-shadow: 0 -18px 0 0 #5519bd, 12.727926px -12.727926px 0 0 #5519bd, 18px 0 0 0 #5519bd, 12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 rgba(152, 128, 255, 0);
    animation: dot-spin 1.5s infinite linear;
}

@keyframes dot-spin {
    0%, 100% {
        box-shadow: 0 -18px 0 0 #5519bd, 12.727926px -12.727926px 0 0 #5519bd, 18px 0 0 0 #5519bd, 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }

    12.5% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 0 #5519bd, 18px 0 0 0 #5519bd, 12.727926px 12.727926px 0 0 #5519bd, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }

    25% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #5519bd, 12.727926px 12.727926px 0 0 #5519bd, 0 18px 0 0 #5519bd, -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }

    37.5% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 0 #5519bd, 0 18px 0 0 #5519bd, -12.727926px 12.727926px 0 0 #5519bd, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }

    50% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #5519bd, -12.727926px 12.727926px 0 0 #5519bd, -18px 0 0 0 #5519bd, -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }

    62.5% {
        box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 #5519bd, -18px 0 0 0 #5519bd, -12.727926px -12.727926px 0 0 #5519bd;
    }

    75% {
        box-shadow: 0 -18px 0 0 #5519bd, 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #5519bd, -12.727926px -12.727926px 0 0 #5519bd;
    }

    87.5% {
        box-shadow: 0 -18px 0 0 #5519bd, 12.727926px -12.727926px 0 0 #5519bd, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 #5519bd;
    }
}

@media only screen and (min-width: 1800px) {
    .qa_divInbound span.display-mode {
        max-width: 150px;
    }
}
@media only screen and (max-width: 1800px) {
    .qa_divInbound span.display-mode {
        max-width: 100px;
    }
}

@media only screen and (min-width: 1800px) {
    .qa_divInbound span.display-mode-new {
        max-width: 150px;
    }
}

@media only screen and (max-width: 1800px) {
    .qa_divInbound span.display-mode-new {
        max-width: 100px;
    }
}

@media only screen and (max-width: 1400px) {
    .qa_divInbound .webgrid-header th, .qa_divInbound span.display-mode {
        font-size: 12px;
    }
    .qa_divInbound .table input[type=text] {
        font-size: 12px;
    }
        .qa_divInbound span.edit-mode {
        font-size: 12px;
    }
    .qa_divInbound span.display-mode {
        max-width: 90px;
    }
}

@media only screen and (max-width: 1400px) {
    .qa_divInbound .webgrid-header th, .qa_divInbound span.display-mode-new {
        font-size: 12px;
    }

    .qa_divInbound .table input[type=text] {
        font-size: 12px;
    }

    .qa_divInbound span.edit-mode {
        font-size: 12px;
    }

    .qa_divInbound span.display-mode-new {
        max-width: 90px;
    }
}
.acc_main ul.list-unstyled, .acc_main ul.list-unstyled.overflow-auto, .acc_main ul.list-unstyled white_space_nowrap overflow-auto {
    overflow-y: hidden !important;
}
.acc_inner_ctn .air_sidebar_menu .acc_inner_right ul li {
    padding: 10px 0px 5px 12px;
}
.air_sidebar_menu.sticky-top {
    z-index: 1019;
}
.actions_right .action_btn .dropdown.show .dropdown-menu, .actions_block .acc_main .acc_right .dropdown .dropdown-menu {
    z-index: 1021;
}

.actions_block_qv_issue{
    z-index: inherit;
}
.acc_main .acc_right .step-description .popover .dropdown-menu.show, .acc_main .acc_right .dropdown-menu.show {
    z-index: 1020 !important;
}
.sticky_top_box .acc_inner_ctn label.check_block, .sticky_top_box .acc_inner_ctn .dependents.dependents_row {
    background-color: #f5f1fb;
    box-shadow: none;
}
.dependents_row .acc_right .dependents_icon_box i {
    font-size: 20px;
    padding: 8px;
    border-radius: 5px;
    color: #5b0ce3;
    border: 1px solid #5b0ce3;
}
.dependents_row .acc_right .dependents_icon_box i.active {
    color: green;
}
.dependents_row .acc_right .dependents_icon_box i{
    margin-left: 15px;
}
.policy_name_one_line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}
.dependents_row .list-unstyled li a i:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.dependents_row .action_icon_list a {
    padding: 5px 7px 5px;
    background-color: #ffffff;
    border-radius: 5px;
    line-height: normal;
    border: 1px solid #5519bd;
}
    .dependents_row a.repeat_icon {
        background-color: #5519bd;
        color: #fff;
        border-radius: 5px;
        border: none;
        padding: 8px;
        width: 40px;
        height: 40px;
    }
        .dependents_row a.repeat_icon i {
            color: #fff !important;
            font-size: 22px !important;
            padding: 0 !important;
        }
.clone_modle .popup .popup_content_inner.popup_content_inner_bg_purple {
    background-color: #f5f1fb;
    border: 2px solid #ddd1f2;
    border-radius: 4px;
}
.ui-tabs .ui-tabs-nav li a {
    outline: none;
}
.main_tab_block .maincallingtab .calltabinner:first-child {
    background-color: #5519bd;
}

    .main_tab_block .maincallingtab .calltabinner:first-child a {
        color: #fff;
    }

.dependents_row .action_icon_list a.active {
    border: 1px solid green;
}

    .dependents_row .action_icon_list a.active i {
        color: green;
    }
/***** Tab Content ****/
.tab_content_action .tab-pane.show.active {
    display: block !important;
}

.tab_content_action .tab-pane.show {
    display: none !important;
}

.tab_content_action .tab-pane.active {
    border: 2px solid #ddd1f2;
    border-radius: 0 5px 5px 5px;
}

.nav-tabs.nav_tabs_action {
    border: 0;
    padding-right: 150px;
}

    .nav-tabs.nav_tabs_action .nav-link {
        border: 2px solid #ddd1f2;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        padding: 14px 15px 10px;
        background-color: #ffffff;
        color: #5519bd;
        margin-right: -2px;
        font-weight: 500;
    }

        .nav-tabs.nav_tabs_action .nav-item.show .nav-link, .nav-tabs.nav_tabs_action .nav-link.active {
            color: #fff;
            font-weight: 500;
            background-color: #5519bd;
            border-color: #ddd1f2 #ddd1f2 #fff;
            padding: 14px 15px 10px;
        }

    .nav-tabs.nav_tabs_action .nav-item {
        margin-bottom: -2px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        margin-right: 5px;
    }

.action_row {
    position: relative;
}

    .action_row .more_icon {
        position: absolute;
        right: 0;
        top: 0;
    }

.more_icon .dropdown-item {
    font-size: 14px;
    color: #52575C;
    padding: 12px 12px 12px 12px;
    position: relative;
    border-top: 0.5px solid #ddd1f285;
    border-bottom: 0.5px solid #ddd1f285;
    background-image: linear-gradient(#5519bd,#29075a);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: .2s;
}

.more_icon .dropdown-menu.show {
    padding-bottom: 0;
    background: #ffffff;
    border: 1px solid rgb(221 209 242);
    backdrop-filter: blur(10px);
    left: -70px;
    border-radius: 5px;
    padding-top: 0;
}

.more_icon .dropdown-item:focus, .more_icon .dropdown-item:hover {
    color: #fcfdff;
    text-decoration: none;
    background-color: #5519bd;
    /*border-radius: 0px 20px 20px 0px;*/

    border-radius: 0px;
    background-size: 100% 100%;
}
.tab_clone_modle.clone_modle .modal-content .modal-body.m_body, .tab_clone_modle.clone_modle .modal-content {
    min-height: auto;
    max-height: 80vh;
    box-shadow: none;
    border: none;
}

.tab_clone_modle.clone_modle .modal-header {
    border: 1px solid #E4E6E9;
}

.tab_clone_modle.clone_modle {
    padding: 0px !important;
}

.main_tab_block_new {
    padding: 0 !important;
    border: none !important;
}

    .main_tab_block_new .more_icon {
        position: absolute;
        right: 2px;
        top: -1px;
    }

        .main_tab_block_new .more_icon .dropdown .btn_purple {
            border-radius: 21px;
        }

    .main_tab_block_new ul.ui-tabs-nav {
        margin-right: 150px;
        border: none;
    }

.main_new .ui-tabs .ui-tabs-nav li.calltabinner_billing_first {
    background-color: #5519bd;
    border-radius: 15px 15px 0 0;
    min-width: auto;
    padding-right: 0;
}

    .main_new .ui-tabs .ui-tabs-nav li.calltabinner_billing_first a {
        color: #fff;
    }

.main_tab_block_new ui li {
    padding: 0.5em 1em;
}

.main_tab_block_new .ui-widget-content, .main_tab_block_new .tab_form_layout {
    border: 2px solid #ddd1f1 !important;
    padding: 20px 15px 0;
}

.main_tab_block_new.ui-tabs .ui-tabs-nav li a {
    padding: .5em 1em;
    text-decoration: none;
}

.main_tab_block_new.ui-tabs .ui-tabs-nav li {
    border: 1px solid #ddd1f1 !important;
    border-radius: 15px 15px 0 0;
}

.main_tab_block_new .tab_clone_modle.clone_modle .modal-content .modal-body.m_body, .main_tab_block_new .tab_clone_modle.clone_modle .modal-content {
    max-height: 68vh;
}

.acc_left.qa_animation {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.acc_main .acc_left ul ul.one_ul {
    margin: 4px 0 0 0;
    padding: 18px 0 10px 15px;
    position: relative;
    border: none;
    gap: 0px;
}

    .acc_main .acc_left ul ul.one_ul li.one_ul_li {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        position: absolute;
        top: -3px;
        left: 50%;
        width: 100%;
        text-align: center;
        transform: translateX(-50%);
        font-size: 14px;
        display: flex;
        justify-content: center;
    }

        .acc_main .acc_left ul ul.one_ul li.one_ul_li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 100%;
            height: 80px;
            border-radius: 6px;
            background-color: #f5f1fb;
            border: 2px solid #ddd1f2;
        }

        .acc_main .acc_left ul ul.one_ul li.one_ul_li span {
            background-color: #5519bd;
            z-index: 1;
            padding: 1px 5px;
            line-height: normal;
            font-size: 10px;
            border: 1px solid #5519bd;
            border-radius: 11px;
            color: #fff;
            box-shadow: 0 3px 10px #dbdbdb;
            text-align: left;
            position: absolute;
            left: 10px;
        }

    .acc_main .acc_left ul ul.one_ul li:last-child {
        border: none;
    }

.dependents_row .action_icon_list a {
    z-index: 1;
    text-align: center;
}

    .dependents_row .action_icon_list a:hover {
        background-color: #fff;
    }

span.qr_title_text {
    font-size: 12px !important;
    font-weight: 500;
    padding: 2px 2px 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    word-wrap: break-word;
    min-height: 30px;
    text-align: center;
    justify-content: center;
}

.dependents_row .action_icon_list a i {
    align-items: center;
    display: flex;
    height: 19px;
    justify-content: center;
    font-size: 20px !important;
    padding: 0 !important;
    color: #5519BD;
}

.acc_main .acc_left ul.list-unstyled.action_icon_list {
    gap: 10px;
}

.back_btn_home {
    font-size: 20px;
    background-color: #5519bd;
    padding: 3px 6px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #5519bd;
}

    .back_btn_home:hover {
        color: #5519bd;
        background-color: #fff;
    }

.back_btn_home_bill {
    font-size: 14px;
    background-color: #5519bd;
    padding: 2px 3px;
    border-radius: 4px;
    line-height: normal;
    color: #fff;
    border: 1px solid #5519bd;
}

    .back_btn_home_bill:hover {
        color: #5519bd;
        background-color: #fff;
    }


.sticky_footer_tab {
    background-color: #fff;
    position: sticky;
    bottom: 0;
    margin: 0;
    display: flex;
    gap: 0px;
    justify-content: right;
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    z-index: 3;
}

.modal-footer .pop_btn.btn_fill, .pop_btn.btn_fill {
    outline: none;
}

#claim_list .accordion1 .card .card-header .btn-header-link.btn_hl_new {
    background: rgb(233 231 242);
    padding: 10px;
}

.btn_hl_new .acc_main .acc_left ul li i {
    font-size: 18px;
    padding: 8px;
    color: #eeeeee;
    margin-right: 10px;
    background-color: #5519bd;
    border-radius: 4px;
}

.btn_hl_new .acc_main .acc_left ul li:first-child h6 {
    font-weight: 500;
    color: #5519bd;
    font-size: 18px;
}

.upload_select_file {
    font-size: 16px;
    opacity: 1;
    padding-left: 19px;
    min-height: 40px;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    padding: 7px;
    outline: none;
    z-index: 1;
    cursor: pointer;
}

.loading_box {
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .loading_box img {
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background-color: #5519be;
    }

.waviy {
    position: relative;
    text-align: center;
    margin-top: -51px;
}

    .waviy span {
        position: relative;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        animation: flip 2s infinite;
        animation-delay: calc(.2s * var(--i));
    }

@keyframes flip {
    0%, 80% {
        transform: rotateY(360deg)
    }
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    width: 100% !important;
}

/***** Tab Content ****/

 .popup_inner_block.pre_def_rule_height.selected_rule {
        min-height: 100%;
 }
.drag_rules_col .popup_ctn_inner.orng {
    border-left-color: rgb(231,97,85);
    border-left-color: rgb(85 25 189);
    border-left-width: 40px;
}

.drag_rules_col .popup_ctn_inner {
    width: 100% !important;
    background-color: #e9e7f2 !important;
    box-shadow: 0 2px 5px #ddd;
    border: 1px solid #d6d1eb;
    font-size: 15px !important;
    color: #5519bd;
    font-weight: 500;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    border-left-width: 35px !important;
    height: auto !important;
    line-height:normal;
}

    .drag_rules_col .popup_ctn_inner:after {
        content: "\f104";
        position: absolute;
        left: -25px;
        top: 8px;
        width: 20px;
        height: 20px;
        font-size: 20px;
        color: #ffffff;
        font-family: 'FontAwesome';
    }

    .drag_rules_col .popup_ctn_inner:hover {
        background-color: #ffffff !important;
        box-shadow: 0 2px 10px #ddd;
    }

.popup_inner_block.pre_def_rule_height.selected_rule .ui-droppable .popup_ctn_inner, .popup_inner_block.pre_def_rule_height.selected_rule .ui-droppable .popup_ctn_inner.grn {
    position: relative;
    background-color: #00800024 !important;
    color: green;
    border: 1px solid;
    font-size: 14px !important;
    font-weight: 500;
    padding: 10px;
    border-left-width: 40px !important;
    line-height: normal;
    border-left-color: green !important;
}

    .popup_inner_block.pre_def_rule_height.selected_rule .ui-droppable .popup_ctn_inner:after, .popup_inner_block.pre_def_rule_height.selected_rule .ui-droppable .popup_ctn_inner.grn:after {
        content: "\f058";
        position: absolute;
        left: -31px;
        top: 50%;
        width: 20px;
        height: 20px;
        font-size: 22px;
        color: #ffffff;
        font-family: 'FontAwesome';
        transform: translateY(-50%);
    }

.selected_rule .ui-droppable .popup_ctn_inner .close span i {
    font-size: 20px;
    color: green;
}
.mandatory_text {
    padding: 5px 8px;
    background-color: #ec7c7c52;
    font-size: 15px;
    font-weight: 500;
    color: #000000a8;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    width: auto;
    border: 1px solid #b07a7a4a;
}

    .mandatory_text i {
        font-size: 20px;
        color: red;
    }
.min_height_500{
    min-height: 500px;
}
.a_link {
    color: #5519bd !important;
}
.line_clamp_1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line_clamp_2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dis_blo_w-200 {
    max-width: 200px;
    display: block;
}
.text_overflow_ellipsis_w500 {
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text_overflow_ellipsis_w300 {
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text_overflow_ellipsis_w200 {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rules_not_found .no_data_pai {
    width: 150px;
}

/*****Manage Master Rules ****/

.base_common .main_tab_block .maincallingtab .calltabinner:first-child {
    background-color: inherit;
}

    .base_common .main_tab_block .maincallingtab .calltabinner:first-child a {
        color: inherit;
    }

.base_common .main_tab_block .maincallingtab .calltabinner.bc_active {
    background-color: #5519bd;
}

    .base_common .main_tab_block .maincallingtab .calltabinner.bc_active a {
        color: #fff;
    }
.main_tab_block_new .more_icon .dropdown .btn_purple.action_down_btn {
    border-radius: 20px;
    min-width: 100px;
    padding: 4px 14px !important;
    height: 37px;
    background: #5519bd;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
.more_icon.more_icon_new .dropdown .btn_purple.action_down_btn::after {
    display: none;
}

.error_tab_QA .nav-tabs {
    border: 1px solid #d8cdee;
    background-color: #f2f2f3;
}

    .error_tab_QA .nav-tabs > li {
        height: 43px;
    }

    .error_tab_QA .nav-tabs li a {
        background-color: #e9e7f2;
        border-radius: 0;
        padding: 13px 15px 12px;
        width: auto;
        line-height: normal;
        color: #2f353e;
        border-left: 1px solid #d8cdee;
        border-right: 1px solid #d8cdee;
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        border: none;
    }

.error_tab_QA .tab-content > .active {
    border-left: 2px solid #d8cdef;
    border-radius: 0;
    padding: 1.5rem;
    border-right: 2px solid #d8cdef;
    border-bottom: 2px solid #d8cdef;
    background-color: #fff;
}

.error_tab_QA .nav-tabs li a.active {
    background-color: #fff;
    border: none;
}

.error_tab_QA .nav-tabs li.active.red_bg a, .error_tab_QA .nav-tabs li.red_bg a {
    color: red;
}

.error_tab_QA .nav-tabs li.active.green_bg a, .error_tab_QA .nav-tabs li.green_bg a {
    color: green;
}

.error_tab_QA .nav-tabs li a span {
    background-color: #fcfcfc;
    margin-left: 8px;
    padding: 2px 5px;
    border-radius: 50%;
}

.error_tab_QA .nav-tabs li.active a span {
    background-color: #e9e7f2;
    margin-left: 8px;
    padding: 2px 5px;
    border-radius: 50%;
}

.error_tab_QA .nav-tabs li.active a {
    background-color: white;
}

.bg_light_purple {
    background-color: #c8b5e8 !important;
    color: #000 !important;
}

.coachable button.multiselect.dropdown-toggle.btn.btn-default {
    background-color: #fff;
}

.disabled_check_box label {
    pointer-events: none;
}

.disabled_check_box label span {
    background-color: #aba9a996;
    pointer-events: none;
}

.error_tab_QA .nav-tabs {
    border: 1px solid #d8cdee;
    background-color: #f2f2f3;
}

    .error_tab_QA .nav-tabs > li {
        height: 43px;
    }

    .error_tab_QA .nav-tabs li a {
        background-color: #e9e7f2;
        border-radius: 0;
        padding: 13px 15px 12px;
        width: auto;
        line-height: normal;
        color: #2f353e;
        border-left: 1px solid #d8cdee;
        border-right: 1px solid #d8cdee;
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        border: none;
    }

.error_tab_QA .tab-content > .active {
    border-left: 2px solid #d8cdef;
    border-radius: 0;
    padding: 1.5rem;
    border-right: 2px solid #d8cdef;
    border-bottom: 2px solid #d8cdef;
    background-color: #fff;
}

.error_tab_QA .nav-tabs li a.active {
    background-color: #fff;
    border: none;
}

.error_tab_QA .nav-tabs li.active.red_bg a, .error_tab_QA .nav-tabs li.red_bg a {
    color: red;
    font-weight: 500;
}

.error_tab_QA .nav-tabs li.active.green_bg a, .error_tab_QA .nav-tabs li.green_bg a {
    color: green;
}

.error_tab_QA .nav-tabs li a span {
    background-color: #fcfcfc;
    margin-left: 8px;
    padding: 2px 5px;
    border-radius: 50%;
}

.error_tab_QA .nav-tabs li.active a span {
    background-color: #e9e7f2;
    margin-left: 8px;
    padding: 2px 5px;
    border-radius: 50%;
}

.error_tab_QA .nav-tabs li.active a {
    background-color: white;
}


.error_tab_QA .tab-pane {
    border: 1px solid #d8cded;
    border-radius: 0 0 4px 4px;
}

.error_tab_QA .title_h4 {
    font-size: 18px;
    color: #5519bd;
}
.error_tab_QA .nav-tabs > li > a {
    border-right: 1px solid #cbcbcb;
}
.error_tab_QA .nav-tabs li.active.purple_bg a, .error_tab_QA .nav-tabs li.purple_bg a {
    color: #5519bd;
}