.mdx_w_100 {
    width: 100%;
}

.hide_desktop {
    display: none;
}
.mdx_innercontentmain .card-body.mdx_pd_0 {
    padding: 0px !important;
}
.fancy-titlebar {
    direction: ltr;
    /* opacity: 0; */
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    /* visibility: hidden; */
    z-index: 99997;
    color: #ffffff;
    width: auto;
    left: 65px;
    height: 44px;
    display: inline-flex;
    align-items: center;
}

*:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}
.jqx-tabs-headerWrapper {
    height: 34px !important;
}
.jqx-tabs-headerWrapper .jqx-tabs-title-container{
    height: 100% !important;
}
.jqx-tabs-headerWrapper .jqx-tabs-title-container li{
    height: 22px !important;
}
.jqx-tabs-titleWrapper {
    margin-top: 0 !important;
}
textarea.form-control:disabled {
    background: #8686860d;
    border: 1px solid transparent !important;
}

textarea.form-control:disabled:hover {
    border: 1px solid #ebe9e9 !important;
}
.jqx-main-cls .jqx-grid-cell a.btn_newzoola_sm_blue {
    color: #0176d3 !important;
    padding: 0 8px !important;
    min-width: 58px !important;
}
.viewdroprecently_inner .mdx-action-dropdown-inner {
    max-height: 360px;
    overflow-y: auto;
}



/* -----File upload css start----- */
.mdx_file {
    display: flex;
    align-items: center;
}
.mdx_file .file {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mdx_file .file>input[type='file'] {
    display: none
}
.mdx_file .file>label {
    padding: 0 10px;
    color: #0176d3;
    height: 32px;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: rgba(0, 161, 241, 0.05) !important;
    border: 1px solid transparent;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    outline: 0;
    user-select: none;
    display: flex;
    padding: 0 10px;
    margin: 0 !important;
}
.mdx_file .file>label svg {
    margin-right: 5px;
}
.mdx_file .file>label:hover {
    border-color: #0176d3;
    background: rgba(0, 161, 241, 0.09) !important;
}
.mdx_file .file>label:active {
    background: rgba(0, 161, 241, 0.15) !important;
}

/* -----daterangepicker css start----- */
.daterangepicker.ltr .ranges {
    width: 100%;
    margin: 0;
    border-top: 1px solid #dfdfdf;
    padding: 5px 10px 2px 10px;
}
.daterangepicker.ltr .ranges .range_inputs {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.daterangepicker.ltr .ranges .range_inputs .btn-success {
    padding: 0 16px;
    color: #ffffff;
    height: 32px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: #00a1f1 !important;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: none !important;
    cursor: pointer;
    min-width: 80px;
}
.daterangepicker.ltr .ranges .range_inputs .btn-success:hover {
    color: #ffffff;
    background: #29a9e9 !important;
    text-decoration: none !important;
}
.daterangepicker.ltr .ranges .range_inputs .btn-success:active {
    color: #ffffff;
    background: #1294d5 !important;
    text-decoration: none !important;
}
.daterangepicker .input-mini {
    padding: 0 10px !important;
}
.daterangepicker.ltr .ranges .range_inputs .cancelBtn {
    padding: 0;
    color: #f37878;
    height: 32px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: none !important;
    cursor: pointer;
    min-width: inherit;
}
.daterangepicker.ltr .ranges .range_inputs .cancelBtn:hover {
    color: #f84646;
    background: transparent !important;
    text-decoration: underline !important;
}
.daterangepicker.ltr .ranges .range_inputs .cancelBtn:active {
    color: #f11e1e;
    background: transparent !important;
    text-decoration: underline !important;
}
.daterangepicker.ltr {
    width: 558px !important;
}
.daterangepicker.ltr .calendar {
    width: 50%;
}
.daterangepicker .table-condensed td,
.daterangepicker .table-condensed th {
    font-size: 13px !important;
    padding: 5px 0 !important;
}   
.daterangepicker tbody tr td {
    border-radius: 4px;
    padding: 8px 4px;
    line-height: 1.5;
    background-color: #f4f4f4;
    color: #060606;
}
.daterangepicker .table-condensed {
    border-collapse: separate !important;
}
.daterangepicker .calendar th.next i {
    display: none;
}
.daterangepicker .calendar th.next {
    position: relative;
}
.jqx-main-cls .jqx-grid-cell .jqx-checkbox {
    height: 100%;
    top: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
}
.daterangepicker .calendar th.next:after {
    content: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg>');
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    line-height: 1;
}
.daterangepicker .calendar th.prev:after {
    content: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" /></svg>');
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    line-height: 1;
}



/* -----daterangepicker css end----- */

/* -----File upload css end----- */

/* -----timeline css start----- */
    .mdx_timeline_cls {
        float: left;
        width: 100%;
    }
    .timeline-block-right {
        float: left;
        width: 100%;
        padding-left: 40px;       
    }
    .timeline-block {
        position: relative;
    }
    .timeline-block:before {
        position: absolute;
        left: 0;
        height: 100%;
        content: '';
        width: 1px;
        background: #ccc;
    }
    .timeline-content {
        margin-bottom: 30px;
        position: relative;
    }
    .timeline-content.linesetmdx:after {
        position: absolute;
        content: '';
        left: -40px;
        top: 12px;
        width: 34px;
        height: 1px;
        background: #ccc;
    }
    .timeline-content p {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        font-weight: 500;
    }
    .timeline-content h3 {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 26px;
        color: #131b20;
        margin: 0;
        letter-spacing: 0.3px;
    }
    .timeline-content h3:before {
        position: absolute;
        content: '';
        left: -44.5px;
        width: 10px;
        height: 10px;
        background: #193048;
        border-radius: 100%;
        z-index: 1;
    }
    .timeline-content h3:after {
        position: absolute;
        content: '';
        left: -47.5px;
        width: 16px;
        height: 16px;
        background: #ffffff;
        border-radius: 100%;
    }
    .timeline-content h5 {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 16px;
        margin: 0;
        color: #131b20;
        letter-spacing: 0.3px;
    }    
    .timeline-content h5:before {
        position: absolute;
        content: '';
        left: -44.5px;
        width: 10px;
        height: 10px;
        background: #e3e5e8;
        border-radius: 100%;
        z-index: 11;
    }    
    .timeline-content h5:after {
        position: absolute;
        content: '';
        left: -47.5px;
        width: 16px;
        height: 16px;
        background: #ffffff;
        border-radius: 100%;
        z-index: 1;
    }
    .timeline-content h5 b {
        margin-right: 5px;
        font-weight: 500;
    }
    .timeline-content p.mdx_lineinfo {
        text-transform: capitalize !important;
        color: #6b7174;
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
    }
    .timeline-groupset .timeline-content:last-child {
        margin-bottom: 0 !important;
    }
    .timeline-groupset {
        margin-top: 30px !important;
    }
    .timeline-groupset:first-child {
        margin-top: 0 !important;
    }
/* -----timeline css end----- */


.api_key_set_box {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.api_key_set_box span {
    position: absolute;
    left: 8px;
    top: -12px;
    background: #fff;
    color: #808080;
    z-index: 1;
    font-weight: 400;
    padding: 0 10px;
}
.api_key_set_box .apikey_free {
    position: relative;
    width: 100%;
    height: 46px;
    border-radius: 3px;
    border: 1px solid #e4e4e4 !important;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding: 8px 45px 8px 15px;
    display: inline-flex;
    align-items: center;
}
.api_key_set_box .apikey_free:hover {
    border-color: #c7c7c7 !important;
}
.api_key_set_box .apikey_free i {
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
}
.api_key_set_box .apikey_copy,
.api_key_set_box .apikey_url {
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 3px;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 10px;
}
.api_key_set_box .apikey_copy:hover,
.api_key_set_box .apikey_url:hover {
    background: #f1f3f4;
}
.api_key_set_box .apikey_copy:active,
.api_key_set_box .apikey_url:active {
    background: #e0e0e0;
}

.addSubjectMain p.mdx-subtxt {
    width: 470px !important;
}

.addSubjectMain p.mdx-subtxt {
    white-space: normal !important;
}

.mdx_badge_success_green_sm {
    min-height: 22px !important;
    padding-right: 0.6em;
    padding-left: 0.6em;
    color: #fff !important;
    background-color: #28a745;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    letter-spacing: 0.3px;
    border-radius: 3px;
    font-size: 13px !important;
    min-width: 90px;
    justify-content: center;
}
.mdx_badge_success_red_sm {
    min-height: 22px !important;
    padding-right: 0.6em;
    padding-left: 0.6em;
    color: #fff !important;
    background-color: #fb2654;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    letter-spacing: 0.3px;
    border-radius: 3px;
    font-size: 13px !important;
    min-width: 90px;
    justify-content: center;
}
.mdx_badge_success_yellow_sm {
    min-height: 22px !important;
    padding-right: 0.6em;
    padding-left: 0.6em;
    color: #212529 !important;
    background-color: #ffc107;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    letter-spacing: 0.3px;
    border-radius: 3px;
    font-size: 13px !important;
    min-width: 90px;
    justify-content: center;
}
.mdx_overdue_flag_grid {
    display: inline-flex !important;
    position: relative;
    align-items: center !important;
    line-height: 1;
    font-size: 12px !important;
    letter-spacing: 0.3px;
    color: #fff !important;
    padding: 3px 5px !important;
    background: #fb2654;
    border-radius: 3px !important;
    border: 1px solid transparent !important;
    min-width: 130px;
    min-height: 26px;
    justify-content: center;
}

.mdx_active_flag_grid {
    display: inline-flex !important;
    position: relative;
    align-items: center !important;
    line-height: 1;
    font-size: 12px !important;
    letter-spacing: 0.3px;
    color: #fff !important;
    padding: 3px 5px !important;
    background: #28a745;
    border-radius: 3px !important;
    border: 1px solid transparent !important;
    min-width: 130px;
    min-height: 26px;
    justify-content: center;
}
.mdx_zoola_warning_cls .alert-warning {
    background: #fcdee7;
    border: none;
    position: relative;
    padding: 14px 14px 14px 40px;
    overflow: hidden;
    margin: 0 !important;
}

.mdx_zoola_warning_cls .alert-warning h5 {
    margin: 0 0 4px 0;
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 0;
    color: #212121;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sender_profile_add_address_main_x {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.mdx_link_sm_btn {
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: #0176d3;
    padding: 5px 10px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
}

.mdx_link_sm_btn svg {
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.mdx_link_sm_btn:hover {
    color: #0176d3;
    border-color: #c7c7c7;
    background: #edf5f9 !important;
}

.mdx_link_sm_btn:active {
    color: #0176d3;
    border-color: #d8d8d8;
    background: #e3f2f9 !important;
}

.mdx_link_sm_btn svg path {
    fill: #0176d3;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-dropdownlist-state-normal-light {
    height: 38px !important;
    width: 100% !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter {
    margin: 0 !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter label.jqx-input-label {
    color: #131b20 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    opacity: 1;
}
.mdx_dropdown_listfilter-modal .floating_label_input-foreditableview .mdx_dropdown_listfilter {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    padding: 0 6px 3px 6px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
}
.mdx_dropdown_listfilter-modal .floating_label_input-foreditableview .mdx_dropdown_listfilter span.error {
    background: #d9153f;
    color: #fff;
    min-height: auto;
    line-height: inherit;
    padding: 2px 10px;
    margin-top: 3px;
    min-height: 26px;
    align-items: center;
    display: inline-flex;
    border-radius: 3px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
}
.mdx_dropdown_listfilter-modal .floating_label_input-foreditableview .mdx_dropdown_listfilter .listfromselect {
    width: 100% !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-dropdownlist-content {
    margin: 0 !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter>label {
    /* display: none !important; */
    padding: 0 !important;
    margin: 0 !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-icon {
    width: 20px;
    margin: 0 0 0 -4px !important;
    height: 100%;
    top: 0;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-icon:after {
    font-size: 20px !important;
}
     
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-dropdownlist-content>span {
    line-height: 36px !important;
    white-space: nowrap !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-input-bar-light:before,
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-input-bar-light {
    display: none !important;
}
.mdx_zoola_warning_cls .alert-warning p {
    float: left;
    width: 100%;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin: 0;
    font-size: 14px;
    padding: 0;
    color: #212121;
}

.mdx_zoola_warning_cls .alert-warning p a {
    color: #0176d3 !important;
}

.mdx_zoola_warning_cls .alert-warning p a:hover {
    color: #0367b8 !important;
}

.mdx_zoola_warning_cls .alert-warning p a:active {
    color: #034e8b !important;
}

.mdx_zoola_warning_cls .mdx_any_cross {
    position: absolute;
    left: 18px;
    top: 22px;
    width: 15px;
    height: 15px;
}

.mdx_zoola_warning_cls .mdx_any_cross {
    color: #d9153f;
}

.sender_profile_add_address_main_c {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.mdx_zoola_warning_cls .alert-warning:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #d9153f;
}

.mdx_serach_and_action_headerrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 46px;
    padding: 0 10px;
}

.mdx_custom_nwheaderrow {
    border-top: 1px solid #e3e7e9;
    border-bottom: 1px solid #e3e7e9;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main .mdx_checkbox_group_set {
    width: 22px;
    /* background: #ff0000; */
    height: 100%;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main>div {
    height: 100%;
    border-right: 1px solid var(--jqx-border);
}

.mdx_serach_and_action_headerrow .mdx_search_bar_mainclsd {
    margin: 0 8px 0 0;
}

.mdx_serach_and_action_headerrow ul {
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.mdx_custom_nwheaderrow {
    background: linear-gradient(to top, rgba(84, 105, 141, .02), rgba(84, 105, 141, .01)) !important;
}

.mdx-attachment-upload-inner .inner-card-zoola-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 18px;
    background: #ffffff;
    border-radius: 0.25rem 0.25rem 0 0;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0.25rem 0.25rem 0 0;
}

.mdx-attachment-upload-inner .inner-card-zoola-header .all_in_one_rightside {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mdx-attachment-upload-inner .inner-card-zoola-header .all_in_one_rightside ul {
    margin: 0 !important;
}

/*equal height start*/
.form-control-rulerline {
    display: flex;
}

.form-control-rulerline .floating_label_input {
    height: 100%;
}

.form-control-rulerline .floating_label_input .leftsidesecioxn {
    height: 100%;
}

.mdx_white_sm_btn svg {
    margin-right: 3px;
}

.mdx_white_sm_btn.btn-success {
    background-color: #56b56b !important;
    border-color: #56b56b;
    color: #fff !important;
}

.mdx_white_sm_btn.btn-success:hover {
    background-color: #3daa55 !important;
    border-color: #3daa55 !important;
    color: #ffffff !important;
}

.mdx_white_sm_btn.btn-success:active {
    background-color: #27943f !important;
    color: #ffffff !important;
    border-color: #27943f !important;
}

/*equal height end*/

.form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.labelsetmdx {
    width: 140px;
    margin: 0;
    padding-right: 0;
}

.form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.mdxvalue_readonly {
    width: calc(100% - 140px);
    padding-left: 10px;
}

.form-control-rulerline .mdx_newstyle_fields.floating_label_input .leftsidesecioxn {
    display: inline-flex;
}

/* -----notes new css start----- */
.mdx_notes_main.mdx_new_gridnotescss {
    flex-direction: column;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls {
    position: relative;
    top: auto;
    right: auto;
    float: left;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row .mdx_notes_main_inner_body p {
    width: calc(100% - 30px);
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row.mdx_collaps_in .mdx_notes_main_inner_body p {
    white-space: normal;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_right_innertopsec {
    display: inline-flex;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_right_innertopsec ul {
    margin-right: 10px !important;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_body {
    display: flex;
    justify-content: space-between;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel {
    display: inline-flex;
    width: 49px;
    align-items: center;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main span {
    align-items: center;
    width: 100%;
    justify-content: center;
    height: 100%;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main .mdx_expandlink {
    padding: 0;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_rightpanel {
    display: inline-flex;
    width: calc(100% - 49px);
    flex-direction: column;
    padding-left: 3px;
}

.mdx-bitmap-icons b {
    align-items: center;
}

.mdx-bitmap-icons b svg {
    width: 26px;
    height: 26px;
    color: #adabab;
}

.mdx_notes_link_main.mdx_custom_nwheaderrow .styled-checkbox+label:before {
    top: auto;
    margin-top: 2px;
}

.mdx_notes_link_main.mdx_custom_nwheaderrow .styled-checkbox:checked+label:after {
    top: auto;
    margin-top: 2px;
}

.mdx_notes_link_main.mdx_custom_nwheaderrow .mdx_number_setgroup {
    width: 27px;
    border-right: 1px solid var(--jqx-border);
    padding-left: 3px;
    align-items: center;
    display: inline-flex;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    color: var(--jqx-surface-color);
}

.mdx_notes_link_main.mdx_custom_nwheaderrow .mdx_note_title_set_col {
    width: calc(100% - 39px);
    align-items: center;
    display: inline-flex;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    color: var(--jqx-surface-color);
    padding-left: 3px;
    border: none !important;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel .mdx-checkbox-input {
    width: 22px;
    height: 16px;
    margin: 0;
    display: inline-flex;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel .mdx-checkbox-input .styled-checkbox+label:before {
    position: absolute;
    top: 0;
}

.mdx_search_bar_mainclsd {
    display: flex;
    align-items: center;
    position: relative;
}

.mdx_search_bar_mainclsd svg {
    position: absolute;
    right: 8px;
    top: auto;
}

.mdx_search_bar_mainclsd svg {
    width: 14px;
    height: 14px;
    color: #757575;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main ul {
    display: inline-flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main ul li {
    margin: 0 5px;
    padding: 0;
}

.mdx_expandlink span {
    display: inline-flex;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main ul li:last-child {
    margin-right: 0;
}

.mdx_notes_link_main .mdx_expandlink {
    min-width: 130px;
}

.mdx_searchbar_cls_for_seaxrh::-webkit-input-placeholder {
    /* Edge */
    color: #757575;
    font-size: 14px;
    opacity: 1;
}

.mdx_searchbar_cls_for_seaxrh:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #757575;
    font-size: 14px;
    opacity: 1;
}

.mdx_searchbar_cls_for_seaxrh::placeholder {
    color: #9ba0a3;
    font-size: 14px;
    opacity: 1;
}

.mdx_searchbar_cls_for_seaxrh {
    height: 32px !important;
    width: 204px;
    border: 1px solid #e4e4e4 !important;
    padding: 4px 26px 4px 10px !important;
    border-radius: 0.25rem !important;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.88);
}

.mdx_serach_and_action_headerrow a {
    width: 26px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mdx_serach_and_action_headerrow a span {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    color: #888 !important;
    margin: 0 !important;
    padding: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.mdx_serach_and_action_headerrow a:hover span {
    background: #f2f2f2 !important;
    color: #1AB7EA !important;
}

.mdx_serach_and_action_headerrow a span svg {
    width: 16px;
    height: 16px;
}

.mdx_serach_and_action_headerrow a.disabled {
    background: transparent !important;
}


.mdx_searchbar_cls_for_seaxrh:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel i {
    font-style: normal;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    padding-left: 3px;
    width: 27px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel .mdx-checkbox-input .styled-checkbox+label {
    padding-left: 20px !important;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_body .mdx_attch_notes svg {
    margin-right: 3px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row .mdx_notes_main_inner_top h4 {
    font-weight: 500;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_body {
    padding-top: 5px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row {
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    padding: 8px 10px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row:hover {
    background: rgba(0, 161, 241, 0.05) !important;
    border-color: #e8e8e8;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row:active {
    background: rgba(0, 161, 241, 0.09) !important;
    border-color: #d3d3d3;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main {
    padding: 0 0 0 10px;
    height: 30px;
}

/* -----notes new css end----- */


.mdx_jqxnotesdetailpanel .mdx_jqxnotestop_row {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    background: #fafafa;
    padding: 5px 12px;
    justify-content: space-between;
    border-bottom: 1px solid #e3e7e9;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotestop_row h4 {
    color: #131b20;
    margin: 0;
    letter-spacing: 0.3px;
    font-weight: 500;
    max-width: calc(100% - 80px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotestop_row .customActionDropdownCls {
    width: auto;
    height: auto;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotesbody_sec {
    padding: 16px 12px !important;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotesbody_sec,
.mdx_jqxnotesdetailpanel .mdx_jqxtaskbody_sec {
    float: left;
    width: 100%;
    padding: 16px 0;
    height: calc(100vh - 245px);
    overflow-y: auto;
}

.leftsidesecioxn i {
    font-style: normal;
}

.form-control-rulerline {
    margin-bottom: 12px;
}

.form-control-rulerline .floating_label_input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 6px 0 6px !important;
    border-radius: 0;
}

.form-control-rulerline .leftsidesecioxn {
    background: transparent;
    border-bottom: 0.5px solid rgb(201, 201, 201);
    border-radius: 0;
    padding-bottom: 6px;
    width: 100%;
    /* display: flex; */
    align-items: center;
    position: relative;
    /* flex-wrap: wrap; */
    align-items: flex-start;
    float: left;
}

.form-control-rulerline .leftsidesecioxn [class*="col-"] {
    padding-left: 0 !important;
}

.form-control-rulerline.forrow_wise_label .leftsidesecioxn {
    /* min-height: 40px; */
    padding-bottom: 5px;
}

.form-control-rulerline .leftsidesecioxn b {
    margin-right: 2px;
    font-weight: 500;
    line-height: 1;
    color: #131b20;
    font-size: 13px;
    position: absolute;
    left: -8px;
    top: 0;
}

.form-control-rulerline .leftsidesecioxn span.labelsetmdx {
    margin-right: 12px;
    font-weight: 400;
    color: rgb(68, 68, 68);
    font-size: 12px;
    display: inline-block;
    width: 100%;   
}
.form-control-rulerline .leftsidesecioxn {
    /* line-height: 1.231; */
}

.form-control-rulerline .leftsidesecioxn span {
    color: #000;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 400;
    width: 100%;
    white-space: normal;
    line-height: 1.231;
}

.form-control-rulerline .leftsidesecioxn span a {
    color: #0176d3;
}

.mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li:first-child {
    margin: 0;
}

.mdx_jqxnotestop_row_lefRC {
    display: inline-flex;
    align-items: center;
    width: calc(100% - 20px);
}

.mdx_jqxnotestop_row_lefRC .mdx_overdue_flag svg {
    width: 11px !important;
    height: 11px !important;
    fill: #fff;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotesbody_sec p,
.mdx_jqxnotesdetailpanel .mdx_jqxtaskbody_sec p {
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #5A6063;
    white-space: normal;
    line-height: 20px;
}

/* .mdx_jqxnotesdetailpanel .mdx_jqxnotesbody_sec p {
    padding: 10px 12px;
} */
.mdx_notopbordercls>.jqx-widget-content {
    border: none !important;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotesbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top,
.mdx_jqxnotesdetailpanel .mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top {
    justify-content: flex-end;
    border-bottom: 1px solid #e3e7e9;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 5px;
}

.mdx_jqxnotesbody_sec .mdx_notes_main,
.mdx_jqxtaskbody_sec .mdx_notes_main {
    height: auto;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotesbody_sec .mdx_notes_main .mdx_notes_main_inner_row,
.mdx_jqxnotesdetailpanel .mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row {
    padding: 0;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotestop_row .customActionDropdownCls .dropdown-toggle {
    background: #ffffff !important;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotestop_row .customActionDropdownCls .dropdown-toggle:hover {
    background: #f9f9f9 !important;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotestop_row .customActionDropdownCls .dropdown-toggle:focus {
    background: #dfdfdf !important;
}

.mdx_jqxnotesdetailpanel .mdx_jqxnotestop_row .customActionDropdownCls.show .dropdown-toggle {
    background: #dfdfdf !important;
}


.mdx_jqxnotesdetailpanel .mdx_jqxnotesbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li a svg,
.mdx_jqxnotesdetailpanel .mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li a svg {
    margin-right: 3px;
}

.mdx_body_task_main_section {
    float: left;
    width: 100%;
}

.mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top {
    justify-content: space-between !important;
}

.mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top span {
    color: #131b20;
}

.mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top span b {
    margin-right: 5px;
    font-weight: 500;
}

.mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top span i {
    font-style: normal;
}

.mdx_body_task_main_section ul {
    margin: 0;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mdx_body_task_main_section ul li {
    display: inline-flex;
    margin: 10px 0 0 0;
    padding: 0;
    width: 48.5%;
}

/* .mdx_body_task_main_section ul li:last-child {
    width: 100%;
    flex-direction: column;
} */
.main_mdx_description_x {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.main_mdx_description_x span {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    background: #fafafa;
    font-weight: 500;
    color: #131b20;
    padding: 5px 12px;
    justify-content: space-between;
    border-bottom: 1px solid #e3e7e9;
    /* border-top:1px solid #e3e7e9; */
}

.main_mdx_description_x p {
    padding: 10px 12px 0 12px !important;
}

/* .mdx_jqxtaskbody_sec .card-body .mdx_jqx_description {

} */
.mdx_jqxtaskbody_sec .mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top {
    border: none;
    padding: 0;
}

.mdx_jqxtaskbody_sec .mdx_notes_main_inner_top .leftsidesecioxn,
.mdx_jqxtaskbody_sec .mdx_notes_main_inner_top ul {
    display: inline-flex;
    margin: 0;
    padding: 0;
    width: 48.5%;
    border-bottom: 1px solid #e3e7e9;
    padding: 9px 0;
    min-height: 35px;
    color: #131b20;
}

.mdx_jqxtaskbody_sec .mdx_notes_main_inner_top {
    margin: 0 !important;
    border: none !important;
}

.mdx_jqxtaskbody_sec .mdx_notes_main_inner_top ul {
    display: inline-flex;
    margin: 0;
    padding: 0;
    width: 48.5%;
    border-bottom: 1px solid #e3e7e9;
    padding: 9px 0;
    min-height: 35px;
    color: #131b20;
}

.mdx_body_task_main_section ul li span {
    color: #131b20;
    background: transparent;
    border-bottom: 1px solid #e3e7e9;
    padding: 9px 0;
    border-radius: 0;
    min-height: 35px;
    width: 100%;
}

.mdx_innercontentmain .mdx_body_task_main_section .accordion .card-header {
    padding-left: 0;
    padding-right: 0;
}

.mdx_body_task_main_section ul li span a {
    color: #0176d3 !important;
}

.mdx_body_task_main_section ul li span b {
    margin-right: 5px;
    font-weight: 500;
}

.mdx_body_task_main_section ul li span i {
    color: #131b20;
    font-weight: 400;
    font-style: normal;
}





.mdx_dropdown_listfilter {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}

.mdx_dropdown_listfilter label {
    margin: 0 5px 0 0;
    color: #0176d3;
    font-size: 12px;
    letter-spacing: 0.3px;
}
.jqx-dropdownlist .jqx-icon-arrow-down {
    justify-content: center;
    font-size: 20px;
    line-height: 1 !important;
}
.mdx_dropdown_listfilter label.jqx-input-label {
    color: #131b20 !important;
    font-size: 13px !important;
    letter-spacing: inherit !important;
    left: 8px;
    margin: 0;
    opacity: 1;
    font-family: 'Roboto', sans-serif !important;
}

.mdx_dropdown_listfilter input:focus~.jqx-input-label-light,
.mdx_dropdown_listfilter textarea:focus~.jqx-input-label-light,
.mdx_dropdown_listfilter .jqx-input-widget-light[hint=true] .jqx-input-label,
.mdx_dropdown_listfilter .jqx-text-area-light[hint=true] .jqx-input-label,
.mdx_dropdown_listfilter .jqx-dropdownlist-state-selected-light .jqx-input-label,
.mdx_dropdown_listfilter .jqx-dropdownlist-state-normal-light[hint=true] .jqx-input-label,
.mdx_dropdown_listfilter .jqx-combobox-state-normal-light[hint=true] .jqx-input-label,
.mdx_dropdown_listfilter .jqx-combobox-light .jqx-input-label.focused,
.mdx_dropdown_listfilter .jqx-dropdownlist-light .jqx-input-label.focused,
.jqx-datetimeinput-light[hint=true] .jqx-input-label,
.mdx_dropdown_listfilter .jqx-maskedinput-light[hint=true] .jqx-input-label,
.mdx_dropdown_listfilter .jqx-numberinput-light[hint=true] .jqx-input-label,
.mdx_dropdown_listfilter .jqx-formattedinput-light[hint=true] .jqx-input-label {
    display: none !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-dropdownlist-state-disabled .jqx-input-label {
    display: inline-block !important;
    top: 12px !important;
}
.jqx-listbox-container {
    margin-top: 2px !important;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-dropdownlist-state-disabled {
    border-color: transparent !important;   
    background: #8686860d !important;
    opacity: 1;
}
.mdx_dropdown_listfilter-modal .mdx_dropdown_listfilter .jqx-dropdownlist-state-disabled:hover {
    border-color:#ebe9e9 !important;
}

.mdx_dropdown_listfilter .jqx-dropdownlist-content>span {
    padding-bottom: 0 !important;
}

/* -----notes new css start----- */
.mdx_notes_main.mdx_new_gridnotescss {
    flex-direction: column;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls {
    position: relative;
    top: auto;
    right: auto;
    float: left;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row .mdx_notes_main_inner_body p {
    width: calc(100% - 30px);
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row.mdx_collaps_in .mdx_notes_main_inner_body p {
    white-space: normal;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_right_innertopsec {
    display: inline-flex;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_right_innertopsec ul {
    margin-right: 10px !important;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_body {
    display: flex;
    justify-content: space-between;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel {
    display: inline-flex;
    width: 50px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_rightpanel {
    display: inline-flex;
    width: calc(100% - 50px);
    flex-direction: column;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel .mdx-checkbox-input {
    width: 30px;
    height: 20px;
    margin: 0;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel .mdx-checkbox-input .styled-checkbox+label:before {
    position: absolute;
    top: 0;
}

.mdx_search_bar_mainclsd {
    display: flex;
    align-items: center;
    position: relative;
}

.mdx_search_bar_mainclsd svg {
    position: absolute;
    right: 8px;
    top: auto;
}

.mdx_search_bar_mainclsd svg {
    width: 14px;
    height: 14px;
    color: #757575;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main ul {
    display: inline-flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main ul li {
    margin: 0 5px;
    padding: 0;
}

.mdx_expandlink span {
    display: inline-flex;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main ul li:last-child {
    margin-right: 0;
}

.mdx_notes_link_main .mdx_expandlink {
    min-width: 130px;
}

.mdx_searchbar_cls_for_seaxrh::-webkit-input-placeholder {
    /* Edge */
    color: #757575;
    font-size: 14px;
    opacity: 1;
}

.mdx_searchbar_cls_for_seaxrh:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #757575;
    font-size: 14px;
    opacity: 1;
}

.mdx_searchbar_cls_for_seaxrh::placeholder {
    color: #9ba0a3;
    font-size: 14px;
    opacity: 1;
}

.mdx_searchbar_cls_for_seaxrh {
    width: 200px;
    height: 36px;
    border: 1px solid #e4e4e4 !important;
    padding: 4px 26px 4px 10px !important;
    border-radius: 3px !important;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.88);
}

.mdx_searchbar_cls_for_seaxrh:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_leftpanel i {
    font-style: normal;
    line-height: 1.2;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_panel_newgridcss .mdx_notes_main_inner_body .mdx_attch_notes svg {
    margin-right: 3px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row .mdx_notes_main_inner_top h4 {
    font-weight: 500;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_body {
    padding-top: 5px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_main_inner_row {
    border-bottom: 1px solid #dee2e6;
    border-radius: 0;
    padding: 8px 10px;
}

.mdx_notes_main.mdx_new_gridnotescss .mdx_notes_link_main {
    padding: 0 10px;
}

/* -----notes new css end----- */


/* --------notes css start--------- */
.mdx_notes_link_main {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    /* justify-content: flex-end; */
}

.mdx_notes_link_main .mdx_expandlink {
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #0176d3;
    font-size: 14px;
}

.mdx_notes_link_main .mdx_expandlink b {
    font-weight: 400;
}

.mdx_notes_link_main .mdx_expandlink:hover {
    color: #0264b4;
    text-decoration: none;
}

.mdx_notes_link_main .mdx_expandlink:active {
    color: #014379;
}

.mdx_notes_main {
    float: left;
    width: 100%;
    margin-top: 0;
    display: flex;
    height: 100%;
    /* align-items: center; */
}

.mdx_jqxtaskbody_sec .mdx_body_task_main_section ul {
    padding: 0 12px;
}

.mdx_jqxtaskbody_sec .mdx_notes_main {
    padding: 0 12px;
}

.mdx_notes_main .mdx_notes_main_inner_row {
    float: left;
    width: 100%;
    padding: 8px 4px;
    border: none;
    border-radius: 3px;
    margin: 0;
    position: relative;
    background: transparent;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li:last-child {
    margin-left: 0;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}

.jqxGrid_right_filter_zoola .mdx_jqxcheckbox_listfilter label {
    margin: 0 !important;
    font-size: 12px;
    line-height: 1;
}

.tooltip-inner {
    font-size: 13px !important;
}

.jqxGrid_right_filter_zoola .mdx_jqxcheckbox_listfilter {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
}

.jqx-grid-content .jqx-widget-light .jqx-grid-group-expand-light:after,
.jqx-grid-content .jqx-grid-group-expand-light:after,
.jqx-grid-content .jqx-grid-column-sortdescbutton-light:after,
.jqx-grid-content .jqx-expander-arrow-top-light:after,
.jqx-grid-content .jqx-window-collapse-button-collapsed-light:after,
.jqx-grid-content .jqx-menu-item-arrow-down-light:after,
.jqx-grid-content .jqx-menu-item-arrow-down-selected-light:after,
.jqx-grid-content .jqx-menu-item-arrow-down-light:after,
.jqx-grid-content .jqx-icon-arrow-down-light:after,
.jqx-grid-content .jqx-icon-arrow-down-hover-light:after,
.jqx-grid-content .jqx-icon-arrow-down-selected-light:after,
.jqx-grid-content .jqx-main-cls .jqx-widget .jqx-grid-column-filterbutton:after,
.jqx-grid-content .jqx-grid-column-sortascbutton-light:after,
.jqx-grid-content .jqx-expander-arrow-bottom-light:after,
.jqx-grid-content .jqx-window-collapse-button-light:after,
.jqx-grid-content .jqx-menu-item-arrow-up-light:after,
.jqx-grid-content .jqx-menu-item-arrow-up-selected-light:after,
.jqx-grid-content .jqx-menu-item-arrow-top-up-light:after,
.jqx-grid-content .jqx-icon-arrow-up-light:after,
.jqx-grid-content .jqx-icon-arrow-up-hover-light:after,
.jqx-grid-content .jqx-icon-arrow-up-selected-light:after {
    font-size: 22px !important;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls .dropdown-toggle::after {
    margin-left: 0;
    color: #b4bdc3;
    border-radius: 10px;
}

.mdx_notes_main_inner_body {
    white-space: normal;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #5A6063;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls .dropdown-toggle:hover {
    background: #f9f9f9;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls .dropdown-toggle:active {
    background: #dfdfdf;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls.show .dropdown-toggle {
    background: #ededed;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls.show .dropdown-toggle::after {
    color: #8b9297;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls .dropdown-toggle {
    background: #ffffff;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul {
    display: inline-flex;
    padding: 0;
    margin: 0;
    align-items: center;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li:first-child {
    margin-right: 5px;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top h4 {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #131b20;
    margin: 0;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls {
    position: absolute;
    right: 10px;
    top: auto;
    width: auto;
    height: auto;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top .customActionDropdownCls .dropdown-toggle {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #d1d1d1;
    padding: 0;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li .mdx_colorfont {
    color: #5A6063;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin-right: 5px;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li {
    font-size: 13px;
    display: inline-flex;
    align-items: center;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li .mdx_colorfont svg {
    color: #ccc;
    position: relative;
    top: -1px;
    width: 15px;
    height: 15px;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li a {
    font-weight: 400;
    display: inline-flex;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li a svg {
    width: 14px;
    height: 14px;
}

.jqx-main-cls .mdx_notes_main .jqx-grid-cell-alt-light {
    background: transparent !important;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li a.mdx_author {
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #0176d3;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li a.mdx_author:hover {
    color: #0264b4;
    text-decoration: underline;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li a.mdx_author:active {
    color: #014379;
}

.jqx-main-cls.mdx_new_labelcolor .jqx-grid-cell:first-child span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notes_mdx_srno {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 4px;
}

.mdx_notes_main .mdx_notes_main_inner_row .mdx_notes_main_inner_top ul li b {
    letter-spacing: 0.5px;
    color: #5A6063;
    font-weight: 400;
}

.mdx_notes_main_inner_body {
    float: left;
    width: 100%;
    position: relative;
}
.mdx_msg_red {
    font-size: 30px;
    color: #fb2654;
}
.mdx_msg_blue {
    font-size: 20px;
    color: #0176d3;
}
.mdx_notes_main_inner_body p {
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #5A6063;
    width: 100%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.mdx_overdue_flag {
    display: inline-flex;
    position: relative;
    align-items: center !important;
    line-height: 1;
    top: 1px;
    font-size: 10px !important;
    letter-spacing: 0.3px;
    color: #fff !important;
    padding: 3px 5px !important;
    background: #fb2654;
    border-radius: 3px !important;
    border: 1px solid transparent !important;
}

.mdx_overdue_flag svg {
    margin-right: 3px;
    color: #fff !important;
}

.jqx-fill-state-hover .mdx_overdue_flag:hover {
    background: #fa083d;
}

/* .jqx-fill-state-hover .mdx_overdue_flag,
.jqx-fill-state-hover+.mdx_overdue_flag {
    background: #fa083d;
    border: 1px solid transparent !important;
} */
.jqx-popup-light .jqx-listitem-element {
    padding: 5px 0 5px 3px !important;
    display: flex;
    align-items: center;
}

.jqx-popup-light {
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px !important;
    border-radius: 3px !important;
    border: 0 !important;
}

.jqx-popup-light .jqx-listitem-element .jqx-listitem-state-normal {
    font-size: 12px !important;
    margin-top: 3px;
}

.mdx_jqxnotestop_row .linksetzoolahead svg {
    fill: #888;
}

.jqx-listbox-light.jqx-popup {
    margin-left: 11px !important;
}

.mdx_notes_main_inner_body .mdx_attch_notes {
    position: absolute;
    right: 0;
    top: auto;
    display: inline-flex;
    align-items: center;
}

.mdx_notes_main_inner_body .mdx_attch_notes span {
    color: #0176d3;
    font-size: 14px;
}

.mdx_notes_main_inner_body .mdx_attch_notes svg {
    width: 14px;
    height: 14px;
}

.mdx_notes_main_inner_body .mdx_attch_notes:hover svg path {
    stroke: rgb(80 80 80);
}

.mdx_notes_main_inner_body .mdx_attch_notes:active svg path {
    stroke: rgb(56, 56, 56);
}

.mdx_notes_main_inner_body .mdx_attch_notes:hover span {
    color: #0264b4;
}

.mdx_notes_main_inner_body .mdx_attch_notes:active span {
    color: #014379;
}

.mdx_notes_link_main span {
    align-items: center;
}

.mdx_notes_main.mdx_expand_all .mdx_colps_all {
    display: inline-flex;
}

.mdx_notes_main_inner_row.mdx_collaps_in .mdx_notes_main_inner_body p {
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    overflow: inherit;
    white-space: pre-wrap !important;
}

/* --------notes css start--------- */

.jqx-widget-light .jqx-grid-cell {
    font-size: 12px !important;
}

.mdx_drop_splitbutton .mdx-action-dropdown.dropdown-menu.dropcolormdx .dropdown-item {
    color: #5A6063 !important;
}

a.disabled {
    /* pointer-events: none; */
    cursor: default;
}

/* popover info box css start */
.mdx-popover-infobox .popover-header {
    display: none;
}

.mdx-popover-infobox .popover {
    min-width: 400px !important;
    max-width: 400px !important;
    padding: 0 !important;
    border: 1px solid #c8c8c8;
}

.mdx-popover-infobox.mdx-popover-infobox-sm .popover {
    min-width: 300px !important;
    max-width: 300px !important;
}
.mdx-popover-infobox.mdx-popover-infobox-sm.mdx_email_tags_popover .popover {
    min-width: 222px !important;
    max-width: 222px !important;
}
.mdx-popover-infobox.mdx-popover-infobox-sm.mdx_email_tags_popover .mdx-popover-body-main {
    float: left;
    width: 100%;
    max-height: 235px;
    overflow-y: auto;
}

.mdx-popover-infobox .popover .popover-body {
    padding: 0 !important;
}

.mdx-popover-infobox .popover {
    background: #ffffff !important;
    color: #131b20 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px !important;
}

.mdx-popover-infobox .mdx-popover-body-main {
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.mdx-popover-infobox .bs-popover-auto[x-placement^=right]>.arrow::before,
.mdx-popover-infobox .bs-popover-right>.arrow::before {
    border: 1px solid !important;
    left: 0 !important;
    border-width: 0.5rem 0.5rem 0.5rem 0 !important;
    border-right-color: #c8c8c8 !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.mdx-popover-infobox .bs-popover-auto[x-placement^=right]>.arrow::after,
.mdx-popover-infobox .bs-popover-right>.arrow::after {
    border-right-color: #fff !important;
}

.mdx-popover-infobox .bs-popover-auto[x-placement^=left]>.arrow::after,
.mdx-popover-infobox .bs-popover-left>.arrow::after {
    border-left-color: #fff !important;
}

.mdx-popover-infobox .mdx-poheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fcfcfc;
    padding: 5px 8px;
    padding-right: 15px;
    border-bottom: 1px solid rgb(229, 229, 229);
    border-radius: 0.3rem 0.3rem 0 0;
}

.mdx-popover-infobox .mdx-popover-ftr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fcfcfc;
    height: 35px;
    padding: 5px 8px;
    padding-right: 15px;
    border-top: 1px solid rgb(229, 229, 229);
    border-radius: 0 0 0.3rem 0.3rem;
}

.mdx-popover-infobox .mdx-poheader .mdx-popover-title {
    color: #131b20;
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.3px;
    position: relative;
    flex-direction: column;
    display: flex;
    line-height: 1.2;
}

.mdx-popover-infobox .mdx-poheader .mdx-popover-title span {
    font-size: 12px;
    color: #5A6063;
}

.mdx-popover-infobox .mdx-poheader .mdx-popover-title b {
    font-size: 16px;
    letter-spacing: 0.6px;
    color: #1b1c1e;
    font-weight: 400;
}

.mdx-popover-infobox .mdx-poheader .mdx-popover-title svg {
    position: absolute;
    right: 8px;
    top: auto;
    width: 18px;
    height: 18px;
}

.mdx-popover-infobox .mdx-poheader .codesvg {
    color: #000;
    display: inline-flex;
    font-size: 20px;

}

.mdx-popover-infobox .mdx-poheader .codesvg svg {
    width: 16px;
    height: 16px;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #e3e7e9;
    padding: 6px 8px;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row:last-child {
    border: none !important;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_left {
    display: inline-flex;
    width: calc(100% - 70px);
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_left .input_tag_cls {
    color: #5A6063;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 400;
    align-items: center;
    display: inline-flex;
    min-height: 32px;
    float: left;
    width: 100%;
    border-radius: 3px;
    white-space: normal;
    word-break: break-all;
    line-height: 18px;
    background: rgba(134, 134, 134, 0.05) !important;
    border: 1px solid transparent !important;
    height: auto;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif !important;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_left .input_tag_cls:hover {
    border-color: #ebe9e9 !important;
    background: rgba(134, 134, 134, 0.05) !important;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_right .mdx_white_sm_btn {
    box-shadow: none !important;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_right .mdx_white_sm_btn:active {
    transform: scale(0.9);
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_left .input_tag_cls:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_left label {
    font-size: 13px;
    color: #131b20;
    letter-spacing: 0.3px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.mdx_link_blue_btn {
    background: transparent !important;
    border: none;
    color: #00a1f1;
    min-width: auto !important;
    padding: 0 !important;
    height: 32px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
}

.mdx_link_blue_btn:hover {
    text-decoration: underline;
    color: #1692cf;
}

.mdx_link_blue_btn:focus,
.mdx_link_blue_btn:active {
    color: #0176d3;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row .mdx-poppver_right {
    display: inline-flex;
}

.mdx-popover-infobox .mdx-popover-body-main .mdx-poppver-row span {
    font-size: 13px;
    color: #131b20;
    letter-spacing: 0.3px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

/* popover info box css end */
.btn_newzoola_sm_white:disabled,
a.disabled {
    background: rgba(134, 134, 134, 0.05) !important;
    pointer-events: none;
    color: #5A6063 !important;
    border-color: transparent;
}

.desktop-edit-detail .floating_label_input .floating_label_input.foreditableview.custom-switch {
    margin: 0 !important;
}

.card-body-inner .floating_label_input .floating_label_input.foreditableview.custom-switch {
    margin: 0 !important;
    height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.desktop-edit-detail .card-body-inner .floating_label_input .floating_label_input.foreditableview.custom-switch {
    height: 40px !important;
    padding-bottom: 0;
}

/* ----start mapping css---- */
.mdx-mapping-screen-inner .floating_label_input.foreditableview.save_editvalue {
    background: transparent;
}

.csv_text_add_contactsUI .sec_demo_text_recipints .sec_demo_btnverify .floating_label_input {
    width: calc(100% - 180px);
}

.csv_list_upload_wrp .sec_demo_text_recipints .sec_demo_btnverify .floating_label_input {
    width: calc(100% - 140px);
}

.mdx-mapping-screen-inner .mdx-inner-header-row {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: var(--jqx-border);
    font-size: 12px;
    color: var(--jqx-surface-color);
    font-weight: 500;
    background: linear-gradient(to top, rgba(84, 105, 141, .02), rgba(84, 105, 141, .01)) !important;
    height: auto;
    align-items: center;
    display: flex;
    justify-content: center;
}

.search_main_body .sidebar .sidebar-wrapper {
    overflow-y: auto;
}

.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 0;
    background-color: #F5F5F5;
}

.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    background-color: #e6e6e6;
    border: 1px solid #d9d8d8;
}

.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #e1e1e1;
}

.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb:active {
    background-color: #c7c4c4;
}

.mdx-mapping-screen-inner .mdx-inner-body-row {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--jqx-border);
    align-items: center;
}

.mdx-mapping-screen-inner .mdx-inner-header {
    float: left;
    width: 100%;
}

.email_blast_details_tabs_main ._nomy_9rmyIg_main .OBbqmQnomydesigncls {
    margin-top: 20px !important;
}

.email_blast_details_tabs_main ._nomy_9rmyIg_main .lnCPo9rmyIgzArew {
    margin-bottom: 10px !important;
}

.email_blast_details_tabs_main ._nomy_9rmyIg_main .box_set_hovercls h4 {
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #5A6063;
    margin: 10px 0 20px 0;
    font-weight: 500;
}

.mdx-mapping-screen .all_in_one_right_listmenu_zoola ul {
    margin: 0 !important;
}

.mdx-mapping-screen .card_zoola_child_header {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.mdx-mapping-screen .card_zoola_child_header .all_in_one_rightside h1 {
    font-size: 16px;
}

.mdx-finalize-mapping-screen .card_zoola_child_header .all_in_one_rightside h1 {
    font-size: 16px;
}

.mdx-finalize-mapping-screen .all_in_one_right_listmenu_zoola ul {
    margin: 0 !important;
}

.mdx-mapping-screen-inner .mdx-inner-body {
    float: left;
    width: 100%;
    /*    overflow-y: overlay !important*/

    /*    padding-top: 32px;*/
}

/* table scroll css start */
.mdx-mapping-screen .card.mdx_overlay {
    overflow: overlay !important;
}

.mdx-mapping-screen-inner .mdx-inner-header {
    display: table-row;

    position: sticky;
    background: #fff;
    left: 0;
    width: auto;
    top: 0;
    height: 32px;
    z-index: 11;
}

/* .mdx-mapping-screen-inner .mdx-inner-body{
    height: auto !important;
} */
.mdx-mapping-screen-inner .col-width {
    display: table-cell;
}

/* table scroll css end */

.mdx-mapping-screen-inner .mdx-inner-header .mdx-inner-header-row {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.mdx-mapping-screen-inner .mdx-inner-body .mdx-inner-body-row {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
}

.mdx-mapping-screen-inner .col-width {
    display: inline-flex;
    padding: 8px !important;
    flex: 0 0 auto;
}

.mdx-mapping-screen-inner .mdx-inner-header .mdx-inner-header-row .col-width {
    padding: 6px 8px !important;
    background: linear-gradient(to top, rgba(84, 105, 141, .02), rgba(84, 105, 141, .01)) !important;
}

.mdx_hg_300 {
    height: 300px;
}

.mdx-mapping-screen-inner .mdx_1 {
    width: calc(33.33% - 173.33px);
    min-width: 200px;
}

.mdx-mapping-screen-inner .mdx_2 {
    width: calc(33.33% - 173.33px);
    min-width: 200px;
}

.mdx-mapping-screen-inner .mdx_3 {
    width: calc(33.33% - 173.33px);
    min-width: 200px;
}

.mdx-mapping-screen-inner .mdx_4 {
    width: 160px;
}

.mdx-mapping-screen-inner .mdx_5 {
    width: 120px;
}

.mdx-mapping-screen-inner .mdx_6 {
    width: 120px;
}

.mdx-mapping-screen-inner .mdx_7 {
    width: 120px;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check {
    padding: 0 !important;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check .mdx-checkbox-input {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 20px;
    border: none;
    background: transparent;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check {
    justify-content: flex-start !important;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check .mdx-checkbox-input .styled-checkbox+label {
    padding-left: 20px;
    width: 20px;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check+span.error {
    display: none !important;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check .mdx-checkbox-input .mdx_error_sign {
    display: none;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check .mdx-checkbox-input.mdx_error_main .mdx_error_sign {
    display: inline-flex;
    color: #d9153f;
    margin: 0 0 0 5px;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .form-check .mdx-checkbox-input.mdx_error_main .mdx_error_sign svg {
    width: 18px;
    height: 18px;
}

.mdx-mapping-screen-inner .mdx_chk_nolabel .mdx-checkbox-input.mdx_error_main .styled-checkbox+label:before {
    border-color: #d9153f;
}

.mdx-mapping-screen-inner .mdx-field-name-main.mdx_error_main .foreditableview {
    position: relative;
}

.mdx-mapping-screen-inner .mdx-field-name-main .foreditableview i {
    display: none;
    position: absolute;
    right: 8px;
    top: auto;
}

.mdx-mapping-screen-inner .mdx-field-name-main.mdx_error_main .foreditableview {
    display: flex;
    align-items: center;
}

.mdx-mapping-screen-inner .mdx-field-name-main.mdx_error_main .foreditableview i svg {
    color: #d9153f;
}

.mdx-mapping-screen-inner .mdx-field-name-main.mdx_error_main .foreditableview i {
    display: inline-block;
}

.mdx-mapping-screen-inner .mdx-field-name-main.mdx_error_main .floating_input {
    padding-right: 25px;
    border-color: #d9153f !important;
}

.mdx-mapping-screen-inner .mdx-field-name-main.mdx_error_main .floating_input:focus {
    box-shadow: 0 0 0px 1px #d9153f !important;
}

.mdx-mapping-screen-inner .col-width .floating_label_input.foreditableview {
    margin: 0 !important;
    padding: 0 !important;
}

.mdx-mapping-screen-inner .col-width .foreditableview span,
.mdx-mapping-screen-inner .col-width .foreditableview .floating_input {
    height: 30px;
}

.mdx-mapping-screen-inner .col-width .foreditableview .select2-container--default .select2-selection--single {
    height: 30px !important;
}

.mdx-mapping-screen-inner .col-width .foreditableview .select2-container--default .select2-selection--single span {
    height: auto !important;
    line-height: 20px !important;
}

.mdx-mapping-screen-inner .col-width .form-check {
    padding: 0 !important;
}

.mdx-mapping-screen-inner .col-width .foreditableview .select2-container--default .select2-selection--single span.select2-selection__arrow {
    height: 30px !important;
    line-height: inherit !important;
}

.mdx-mapping-screen-inner .foreditableview span.error {
    min-height: auto;
    padding: 2px 5px;
    font-size: 12px;
    height: auto !important;
}

/* ----White dropdown css----- */
.mdx_drop_splitbutton .mdx_split_white .btn_newzoola_sm_white {
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    border-right: none !important;
    border-radius: 3px 0 0 3px !important;
    padding: 0 10px !important;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    color: #0176d3;
    min-width: inherit !important;
}

.mdx_drop_splitbutton .btn-group.mdx_split_white .dropdown-toggle {
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    border-left: none !important;
    height: 32px !important;
    display: inline-flex;
    align-items: center;
}

.mdx_drop_splitbutton .mdx_split_white .btn_newzoola_sm_white:hover {
    background: rgba(0, 161, 241, 0.05) !important;
}

.mdx_drop_splitbutton .btn-group.mdx_split_white .dropdown-toggle:hover {
    background: rgba(0, 161, 241, 0.05) !important;
}

.mdx_drop_splitbutton .btn-group.mdx_split_white .dropdown-toggle:active,
.mdx_drop_splitbutton .btn-group.mdx_split_white .dropdown-toggle[aria-expanded="true"] {
    background: rgba(0, 161, 241, 0.15) !important;
}

.mdx_drop_splitbutton .mdx_split_white .btn_newzoola_sm_white:active {
    background: rgba(0, 161, 241, 0.15) !important;
}

.mdx_overlay {
    overflow: overlay !important;
}




/* ----end mapping css---- */


/* -------devzoola css start-------- */
.mdx-noborderradius {
    border-radius: 0 !important;
}

.mdx-noborder {
    border: 0 !important;
}
.mdx_innercontentmain .card_zoola_header.mdx-noborder {
    border: none !important;
}

.mdx-border-radius {
    border-radius: .25rem !important;
}

.mdx-border {
    border: 1px solid #e3e7e9 !important;
}

.mdx_innercontentmain {
    background: #fff;
}

.mdx_innercontentmain .card_zoola_header {
    background: #fafafa;
    padding: 6px 13px;
    border: none !important;
    border-bottom: 1px solid #ddd !important;
}

.mdx_innercontentmain .card-header {
    background: #f3f3f3;
    border-radius: 0 !important;
}

.mdx_innercontentmain .card_zoola_header .all_in_one_rightside h1 {
    flex-direction: column;
    display: flex;
    font-size: 16px;
    letter-spacing: 0.6px;
    color: #1b1c1e;
}

.mdx_innercontentmain .card_zoola_header .all_in_one_rightside h1 b {
    font-size: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #1b1c1e;
    font-weight: 400;
}

.mdx_innercontentmain.inner_zoola_contentxc .foreditableview .mdx_link_editable a {
    display: inline-block !important;
    position: relative;
    left: 0;
    top: 0;
    line-height: 30px;
    width: 100%;
    opacity: 1;
    color: #0176d3;
}

.mdx_innercontentmain.inner_zoola_contentxc .foreditableview .mdx_link_editable a:hover {
    color: #0264b4;
}

.mdx_innercontentmain.inner_zoola_contentxc .foreditableview .mdx_link_editable a:active {
    color: #014379;
}

.mdx_innercontentmain .card_zoola_header .all_in_one_rightside h1 span {
    font-size: 12px;
    color: #5A6063;
}

.mdx_white_sm_btn {
    padding: 0 10px;
    color: #0176d3;
    height: 32px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    box-shadow: 0 0 4px #f7f7f7;
}

.mdx_white_sm_btn:hover {
    color: #0176d3;
    background: rgba(0, 161, 241, 0.05) !important;
    box-shadow: none;
    border-color: #c7c7c7;
}

.mdx_white_sm_btn:active {
    background: rgba(0, 161, 241, 0.09) !important;
    color: #0176d3 !important;
    border: 1px solid #d8d8d8 !important;
}

.mdx_innercontentmain .fl_w {
    float: left;
    width: 100%;
    padding: 15px 0;
}

.mdx_innercontentmain .card-header .title {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
}

.mdx_innercontentmain .card-header .accicon {
    float: left;
    font-size: 20px;
    width: 13px;
    display: flex;
    position: relative;
    left: -1px;
}

.mdx_innercontentmain .card-header .accicon svg {
    width: 10px;
    height: 10px;
}

.mdx_innercontentmain .card-header .accicon {
    margin-right: 0;
}

.mdx_innercontentmain .card-header[aria-expanded="false"] svg {
    left: -2px;
    position: relative;
}

.mdx_innercontentmain .card-body {
    padding: 10px 0 !important;
    border-radius: 0 !important;
}

.mdx_checkbox_group_set .mdx-checkbox-input {
    padding-left: 0 !important;
}

.mdx_innercontentmain .accordion .card-body {
    padding: 16px 0 !important;
    border-radius: 0 !important;
}

.set_height_inline {
    height: calc(100vh - 158px);
    overflow-y: auto;
}

.form-control-rulerline .mdx_pre_line_cls span {
    white-space: pre-line;
}

.mdx_innercontentmain .card-header {
    cursor: pointer;
    border-bottom: none;
    padding: 4px 14px;
    display: flex;
    justify-content: space-between;
}

.mdx_innercontentmain .card-header .left_clieck_mmdx {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding-left: 14px;
}

.mdx_innercontentmain .card-header {
    margin: 0 !important;
}

.mdx_innercontentmain .accordion .card {
    overflow: inherit !important;
}

.mdx_innercontentmain .card-header .left_clieck_mmdx[aria-expanded="false"] svg {
    transform: rotate(270deg);
}

.mdx_innercontentmain .accordion .card-body {
    border: none !important;
    border-radius: 0 !important;
}

.mdx_innercontentmain .col,
.mdx_innercontentmain [class*="col-"] {
    padding-right: 6px;
    padding-left: 6px;
}

.mdx_innercontentmain .row {
    margin: 0 !important;
}

/* .mdx_innercontentmain .card {
    border: 1px solid #ddd;
} */
.mdx_innercontentmain .accordion .card {
    border: none !important;
    /* border-bottom: 1px solid #ddd !important; */
    border: none !important;
    border-radius: 0 !important;
}

.mdx_innercontentmain .accordion .card-header {
    border-bottom: 1px solid #e3e7e9 !important;
    background: rgba(134, 134, 134, 0.05);
    min-height: 30px;
    padding-left: 0;
    padding-right: 0;
}

.mdx_innercontentmain .card-body {
    border-top: none !important;
}

.mdx_checkbox_group_set {
    float: left;
    width: 100%;
    padding: 0;
}

.mdx_innercontentmain .accordion {
    float: left;
    width: 100%;
}

.mdx-radio-input {
    padding: 0 !important;
}

.group_mdx_btns {
    flex-wrap: wrap;
    width: 100%;
}

.group_mdx_btns span {
    width: auto !important;
}

.mdx_viewable_label {
    float: left !important;
    width: 100% !important;
    color: #5A6063;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    min-height: 26px;
    border: 1px solid transparent;
    white-space: normal;
    word-break: break-all;
    line-height: 18px;
    padding: 3px 0 3px 0;
}

.jqx-listitem-element-light .jqx-checkbox-default-light {
    border-radius: 3px !important;
}

.mdx_innercontentmain .foreditableview .floating_label,
.mdx_innercontentmain .mdx-default-label {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    width: 100%;
    top: 0 !important;
    line-height: inherit !important;    
}

.mdx_infotooltip_icon {
    display: inline-flex;
    cursor: pointer;
    margin-left: 2px;
    position: relative;
    /* top: 1px; */
}
.none-found {
    color: #fb2654 !important;
    font-style: italic !important;
}

.foreditableview span.autoheightviewonly {
    background: rgba(134, 134, 134, 0.05);
    border: 1px solid transparent;
    padding: 10px;
    color: #5A6063;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    min-height: 100px;
    height: auto !important;
    align-items: flex-start;
    display: inline-flex;
    float: left;
    width: 100%;
    border-radius: 3px;
    white-space: normal;
    word-break: break-all;
    line-height: 18px;
}

.foreditableview span.autoheightviewonly:hover {
    border: 1px solid #ebe9e9;
    background: rgba(134, 134, 134, 0.05) !important;
}

.mdx_infotooltip_icon svg {
    width: 11px;
    height: 11px;
    color: #838383;
}

.mdx_infotooltip_icon:hover svg {
    color: #5a5a5a;
}

.mdx_innercontentmain .foreditableview .select2-container--default .select2-selection--single {
    padding: 5px 10px !important;
}

.mdx_menu_items_box {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.mdx_menu_items_box .jqx-listbox {
    /* min-width: calc(50% - 30px) !important; */
    border-color: #e4e4e4 !important;
}

.mdx_menu_items_box .mdx_menu_items_left span {
    min-height: inherit !important;
    color: #131b20 !important;
    border-radius: 0 !important;
    /* width: calc(100% - 13px) !important; */
    padding: 5px 10px !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
    border: none !important;
    cursor: pointer;
}

.mdx-customuser-body .jqx-listbox-filter-input {
    /* padding: 0 10px !important; */
    text-indent: 5px;
}
.mdx-customuser-body .foreditableview .floating_label {
    margin-bottom: 8px !important;
}

.mdx_menu_items_box .mdx_menu_items_left span.jqx-fill-state-hover {
    background: rgba(0, 161, 241, 0.05) !important;
}

.mdx_menu_items_box .mdx_menu_items_left span.jqx-fill-state-pressed {
    background: rgba(0, 161, 241, 0.09) !important;
}

.mdx_innercontentmain .mb-2 {
    margin-bottom: 0.5rem !important;
}

.mdx_menu_items_box .mdx_navigation {
    width: 40px !important;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mdx_menu_items_box .mdx_navigation span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
    padding: 0 !important;
}

.mdx_menu_items_box .mdx_navigation span {
    margin: 5px 0;
    cursor: pointer;
}

.mdx_menu_items_box .mdx_navigation span:hover {
    background: #ebebeb;
}

.mdx_menu_items_box .mdx_navigation span:active {
    background: #e5e5e5;
}

.mdx_menu_items_box .mdx_navigation span:first-child svg {
    transform: rotate(270deg);
}

.mdx_innercontentmain .floating_label_input.setpadmadrCl {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    padding: 0 6px 3px 6px;
    border-radius: 0;
}

.mdx_innercontentmain .mdx_listchk .jqx-listitem-element .jqx-listitem-state-normal,
.jqx-listitem-element .jqx-listitem-state-normal {
    color: #131b20 !important;
    border: none !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
    cursor: pointer !important;
}

.mdx_innercontentmain .mdx_listchk .jqx-widget-content {
    border-color: #e4e4e4 !important;
}

#sentScheduleModal .modal-body .form-control.mdx_iconinput,
.modal-body .form-control.mdx_iconinput {
    cursor: pointer;
    background: rgba(134, 134, 134, 0.05);
    border: 1px solid transparent !important;
    border-radius: 3px !important;
    position: relative;
    z-index: 2;
}

#sentFollowupScheduleModal .modal-body .form-control.mdx_iconinput,
.modal-body .form-control.mdx_iconinput {
    cursor: pointer;
    background: rgba(134, 134, 134, 0.05);
    border: 1px solid transparent !important;
    border-radius: 3px !important;
    position: relative;
    z-index: 2;
}

#sentScheduleModal .modal-body .form-control.mdx_iconinput:hover,
#sentFollowupScheduleModal .modal-body .form-control.mdx_iconinput:hover,
.modal-body .form-control.mdx_iconinput:hover {
    border: 1px solid #ebe9e9 !important;
}

.mdx_innercontentmain .mdx_listchk .jqx-listitem-element .jqx-fill-state-hover,
.jqx-listitem-element .jqx-fill-state-hover {
    background: rgba(0, 161, 241, 0.05) !important;
}

.mdx_dropdwonList_checkbox[aria-expanded="true"] .jqx-input-label,
.mdx_dropdwonList_checkbox[hint="true"] .jqx-input-label,
.mdx_dropdwonList_checkbox[aria-expanded="false"] .jqx-input-label.focused {
    /*    opacity: 0 !important;*/
    font-size: 14px !important;
}



.mdx_menu_items_box .mdx_navigation span:last-child svg {
    transform: rotate(-270deg);
}

.mdx_menu_items_box .mdx_navigation span svg {
    width: 16px;
    height: 16px;
}

.mdx_menu_items_box .mdx_navigation.mdx_topbottomnavigation span:first-child svg {
    transform: rotate(180deg);
}

.mdx_menu_items_box .mdx_navigation.mdx_topbottomnavigation span:last-child svg {
    transform: rotate(0deg);
}
.mdx_container_swal .mdx_popup_swal {
    position: relative !important;
    top: auto !important;
    padding: 0 !important;
    overflow: hidden;
}
.mdx_container_swal .mdx_popup_swal .swal2-actions {
    padding: 10px 20px !important;
    background: #fcfcfc !important;
    width: 100% !important;
    justify-content: space-between !important;
    border-top: 1px solid #dee2e6;
}
.mdx_container_swal .mdx_popup_swal .swal2-header {
    padding: 1.25em;
}
.mdx_container_swal .mdx_popup_swal button.swal2-confirm {
    padding: 0 16px !important;
    color: #ffffff !important;
    height: 32px !important;
    display: inline-flex !important;
    line-height: initial !important;
    align-items: center !important;
    justify-content: center !important;
    background: #00a1f1 !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    margin: 0 !important;
    letter-spacing: 0.3px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    border: 1px solid #00a1f1 !important;
    cursor: pointer !important;
    min-width: 80px !important;
}

.mdx_container_swal .mdx_popup_swal button.swal2-confirm:hover {
    color: #ffffff !important;
    background: #29a9e9 !important;
    border: 1px solid #29a9e9 !important;
    text-decoration: none !important;
} 
.mdx_container_swal .mdx_popup_swal button.swal2-confirm:active {
    color: #ffffff;
    background: #1294d5 !important;
    border: 1px solid #1294d5;
}        
.mdx_container_swal .mdx_popup_swal button.mdx_cancelButton_swal {
    padding: 0 !important;
    color: #EF5858 !important;
    margin: 0 !important;
    height: 32px !important;
    display: inline-flex !important;
    line-height: initial !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
    letter-spacing: 0.3px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border-radius: 3px !important;
    border: 1px solid transparent !important;
    cursor: pointer !important;
}
.mdx_container_swal .mdx_popup_swal button.mdx_cancelButton_swal:hover {
    color: #f84646 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    text-decoration: underline !important;
}
.mdx_container_swal .mdx_popup_swal button.mdx_cancelButton_swal:active {
    color: #f11e1e !important;
}
.swal2-container .swal2-popup .swal2-content #swal2-content,
.swal2-container .swal2-popup .swal2-header h2.swal2-title {
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.3px;
}
.swal2-container .swal2-popup .swal2-content #swal2-content {
    font-weight: 400 !important;
}

.mdx_container_swal .mdx_popup_swal .swal2-actions {
    flex-direction: row-reverse;
    justify-content: space-between;
}
/* -----fieldset css start----- */
.mdx_fieldset {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 6px;
    margin-top: 16px;
}
.mdx_fieldset_inner {
    border: 1px solid #c7c7c7;
    border-radius: 3px !important;
    padding: 10px 10px 5px 10px;
    float: left;
    width: 100%;
}
.mdx_fieldset_inner .row {
    margin: 0 -10px !important;
}
.mdx_fieldset_inner .row [class*='col-'] {
    padding: 0 5px;
}
.mdx_fieldset_inner .floating_label_input.foreditableview {
    margin: 0 !important;
    padding: 3px 6px !important;
}
.mdx_fieldset label {
    position: absolute;
    line-height: 18px;
    top: -8px;
    left: 12px;
    width: auto;
    background: #fff;
    padding: 0 5px;
    color: #0176d3 !important;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0 !important;
}

/* -----fieldset css end----- */
.mdx_icon_size {
    border: none !important;
}

.mdx_icon_size .dropdown-toggle::after {
    display: none !important;
}

.mdx_icon_size .dropdown-toggle {
    width: 24px !important;
    height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px !important;
}

.mdx_icon_size .dropdown-menu a:hover {
    text-decoration: none;
}

.mdx_icon_size .dropdown-toggle:hover {
    color: #0176d3 !important;
}

.jqxGrid_bitmap .mdx-bitmap-avatar {
    align-items: center;
    border-radius: 0;
    position: relative;
    /* box-shadow: 0 0 2px rgb(0 0 0 / 30%); */
    box-shadow: none;
}

.jqxGrid_bitmap .mdx-bitmap-avatar {
    width: 45px !important;
    /* height: 70px !important; */
}

.modal-body .select2-container--default.select2-container--disabled,
.select2-container--default.select2-container--disabled,
.foreditableview .select2-container--default.select2-container--disabled {
    height: auto;
    background: #8686860d;
    /* border: 1px solid transparent !important; */
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover:after {
    /* position: absolute;
    left: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(17, 23, 29, 0.3);
    transition: .15s ease-in-out;
    border-radius: 4px; */
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(17, 23, 29, 0.1);
    /* transition: .15s ease-in-out; */
    border-radius: 0px;
    box-shadow: inset 0 0 15px rgb(0 0 0 / 10%);
}

.jqxGrid_bitmap b>svg {
    color: #878787 !important;
    width: 20px;
    height: 20px;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover svg {
    color: #ffffff;
}

.jqxGrid_bitmap b i {
    display: none;
    width: 26px;
    height: 26px;
    border-radius: 0;
    background: transparent;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* animation: moveclstopbottom 0.2s linear; */
    z-index: 1;
    /* box-shadow: 0 0 21px #8d8787; */
    box-shadow: none;
}

.jqxGrid_bitmap .mdx-bitmap-avatar i svg {
    width: 16px;
    height: 16px;
    color: #131b20;
}

.jqxGrid_bitmap .mdx-bitmap-avatar {
    border: 1px solid #c9c9c9 !important;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover:active:after {
    background: rgba(17, 23, 29, 0.2);
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover:active {
    border-color: #807f7f !important;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover {
    border-color: #b7b7b7 !important;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover i {
    background: rgba(17, 23, 29, 0.2);
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover:active i {
    background: transparent !important;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover:active i:hover {
    background: rgba(17, 23, 29, 0.6) !important;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover i:hover {
    background: rgba(17, 23, 29, 0.3);
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover i:hover svg {
    transform: scale(1.2);
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover i:hover:active svg {
    color: #d3cfcf;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover:active i svg {
    color: #d3cfcf;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover:active i {
    background: rgba(17, 23, 29, 0.4) !important;
}

.jqxGrid_bitmap .mdx-bitmap-avatar:hover i:active svg {
    transform: scale(1.2);
}

.mdx-bitmap-avatar-main.mdx_add .mdx-bitmap-avatar {
    position: relative;
}

.mdx-bitmap-avatar-main.mdx_add .mdx-bitmap-avatar i {
    position: absolute;
    bottom: 0;
    right: 0;
}


/* .jqxGrid_bitmap b i:hover {
    background: #e6f7ff;
}

.jqxGrid_bitmap b i:active {
    background: #d0f0ff;
} */
.jqxGrid_bitmap.mdx_edit .mdx-bitmap-avatar:hover i,
.jqxGrid_bitmap.mdx_view .mdx-bitmap-avatar:hover i,
.jqxGrid_bitmap.mdx_add .mdx-bitmap-avatar:hover i {
    /* display: inline-flex; */
    display: inline-flex;
    right: 0;
    bottom: 0;
}

.jqxGrid_bitmap.mdx_add .mdx-bitmap-avatar {
    width: 60px;
    height: 60px;
    display: inline-flex;
    border: none !important;
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    justify-content: center;
    align-items: center;
}

.jqxGrid_bitmap.mdx_add .mdx-bitmap-avatar:hover i svg {
    width: 22px;
    height: 22px;
}

@keyframes moveclstopbottom {
    0% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.mdx_icon_size .dropdown-toggle:active,
.mdx_icon_size .dropdown-toggle:focus {
    color: #03589b !important;
    background: #f9f9f9 !important;
}

.mdx_icon_size .dropdown-toggle[aria-expanded="true"] {
    background: #ffffff !important;
    color: #0176d3 !important;
}

.jqx-main-cls .mdx_listchk .jqx-listbox {
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px !important;
}

.jqx-main-cls .mdx_listchk .jqx-listbox .jqx-listitem-element {
    padding: 5px 0 5px 6px !important;
    display: flex;
    align-items: center;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-checkbox-default {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-checkbox-default span {
    padding: 0 !important;
    min-height: inherit !important;
    color: #0176d3 !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listitem-element .jqx-listitem-state-normal {
    min-height: inherit !important;
    padding: 0 !important;
    left: 20px !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listbox {
    border: none !important;
    border-radius: 0 !important;
    /* background: #f7f7f7 !important; */
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listbox .jqx-listitem-element {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listbox .jqx-listitem-element .jqx-checkbox {
    width: auto !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listitem-element .jqx-fill-state-hover {
    background: #fff !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listitem-element .ink.animate {
    display: none !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listbox .jqx-listitem-element {
    display: none;
    position: relative;
    top: 0 !important;
}

.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listbox .jqx-listitem-element[aria-selected="true"] {
    display: block;
    pointer-events: none;
}

.mdx_innercontentmain .accordion.mdx_hideaccordion .card-header {
    display: none !important;
}


.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listitem-element .jqx-fill-state-pressed {
    background: #fff !important;
}

.mdx_dropdown_footer_btngrp {
    float: left;
    width: 100%;
    justify-content: space-between;
    padding: 0 6px;
}

.usermneudrops_etback .dropdown-menu .mdx_dropdown_footer_btngrp .btn_newzoola_sm_red {
    color: #EF5858 !important;
}

.usermneudrops_etback .dropdown-menu .mdx_dropdown_footer_btngrp .btn_newzoola_sm_red:hover {
    color: #f84646 !important;
    background: transparent !important;
    border: none;
    text-decoration: underline !important;
}

.usermneudrops_etback .dropdown-menu .mdx_dropdown_footer_btngrp .btn_newzoola_sm_red:active {
    color: #f11e1e !important;
}

.usermneudrops_etback .dropdown-menu .mdx_dropdown_footer_btngrp .btn_newzoola_sm_blue {
    border: none !important;
    font-size: 16px !important;
    color: #fff !important;
}

.usermneudrops_etback .dropdown-menu .mdx_dropdown_footer_btngrp .btn_newzoola_sm_blue:hover {
    background: #29a9e9 !important;
    color: #ffffff !important;
}

.usermneudrops_etback .dropdown-menu .mdx_dropdown_footer_btngrp .btn_newzoola_sm_blue:active {
    background: #1294d5 !important;
    color: #ffffff !important;
}

.usermneudrops_etback .dropdown .dropdown-toggle {
    cursor: pointer;
}


/* -------stepper css start-------- */

.mdx_stepper ul {
    list-style: none;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
}

.mdx_stepper li {
    height: 34px;
    margin-right: 5px;
    display: inline-flex;
    position: relative;
    background: #f3f3f3;
    width: calc(100%/8);
    cursor: pointer;
}

.mdx_stepper.mdx_30 li {
    height: 30px;
}

.mdx_stepper.mdx_30 .cell_x {
    line-height: 35px;
}

.mdx_stepper.mdx_38 li {
    height: 38px;
}

.mdx_stepper.mdx_38 .cell_x {
    line-height: 39px;
}

.mdx_stepper li:last-child {
    padding-right: 36px;
}

.mdx_stepper li:last-child .cell_x {
    padding-right: 0;
}

.mdx_stepper li::before {
    background: #f3f3f3;
}

.mdx_stepper li::after {
    border-left: 10px solid #f3f3f3;
}

.mdx_stepper li.current {
    background: #0176d3;
    color: white;
}

.mdx_stepper li.current::before {
    background: #0176d3;
}

.mdx_stepper li.current::after {
    border-left: 10px solid #0176d3;
}

.mdx_stepper li.completed {
    background: #3ba755;
    color: white;
}

.mdx_stepper li.completed::before {
    background: #3ba755;
}

.mdx_stepper li.completed::after {
    border-left: 10px solid #3ba755;
}

.mdx_stepper li::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 100%;
    border-top: 16px solid transparent;
    border-left: 9px solid white;
    border-bottom: 16px solid transparent;
}

.mdx_stepper li::after {
    content: "";
    display: inline-block;
    background: transparent;
    width: 10px;
    height: 100%;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    right: -10px;
    position: absolute;
    z-index: 1;
}

.mdx_stepper .cell_x {
    width: 100%;
    text-align: center;
    line-height: 35px;
    align-items: center;
    overflow: hidden;
    padding: 0 10px;
    padding-left: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #5A6063;
}

.mdx_stepper.mdx_30 .cell_x {
    line-height: 32px;
}

.mdx_stepper li.current .cell_x,
.mdx_stepper li.completed .cell_x {
    color: white;
}

.mdx_stepper li:first-child::before {
    display: none;
}

.mdx_stepper li:last-child {
    margin-right: 0px;
}

.mdx_stepper li:last-child::after {
    display: none;
}

.mdx_stepper li.completed .cell_x {
    text-align: center;
}

.mdx_stepper li.completed .cell_x svg {
    width: 26px;
    height: 26px;
}


.mdx_stepper.mdx_30 li::before {
    width: 10px;
    border-left-width: 6px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.mdx_stepper.mdx_30 li::after {
    border-top-width: 15px;
    border-bottom-width: 15px;
    width: 7px;
    right: -7px;
    border-left-width: 7px;
}

.mdx_stepper.mdx_30 li.completed::after {
    border-left-width: 7px;
}

.mdx_stepper.mdx_30 li.current::after {
    border-left-width: 7px;
}

.mdx_stepper.mdx_38 li::before {
    width: 12px;
    border-left-width: 8px;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
}

.mdx_stepper.mdx_38 li::after {
    border-top-width: 18px;
    border-bottom-width: 18px;
    width: 11px;
    right: -11px;
    border-left-width: 8px;
}

.mdx_stepper.mdx_38 li.completed::after {
    border-left-width: 8px;
}

.mdx_stepper.mdx_38 li.current::after {
    border-left-width: 8px;
}

/* -----Default css hover active----- */
.mdx_stepper li:hover,
.mdx_stepper li:hover::before {
    background: #ebebeb;
}

.mdx_stepper li:hover::after {
    border-left-color: #ebebeb;
}

.mdx_stepper li:active,
.mdx_stepper li:active::before {
    background: #e5e5e5;
}

.mdx_stepper li:active::after {
    border-left-color: #e5e5e5;
}

/* -----completed css hover active----- */
.mdx_stepper li.completed:hover,
.mdx_stepper li.completed:hover::before {
    background: #289743;
}

.mdx_stepper li.completed:hover::after {
    border-left-color: #289743;
}

.mdx_stepper li.completed:active,
.mdx_stepper li.completed:active::before {
    background: #1d8536;
}

.mdx_stepper li.completed:active::after {
    border-left-color: #1d8536;
}

/* -----activate css hover active----- */
.mdx_stepper li.current:hover,
.mdx_stepper li.current:hover::before {
    background: #026dc3;
}

.mdx_stepper li.current:hover::after {
    border-left-color: #026dc3;
}

.mdx_stepper li.current:active,
.mdx_stepper li.current:active::before {
    background: #0265b5;
}

.mdx_stepper li.current:active::after {
    border-left-color: #0265b5;
}

/* -------stepper css end-------- */

.accordion>.card .card-header:hover {
    background: rgba(134, 134, 134, 0.07);
}

.accordion>.card .card-header:active {
    background: rgba(134, 134, 134, 0.1);
}

.mdx_stepper {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.stepper_btn_set {
    display: inline-flex;
    margin-left: 16px;
}

.mdx_new_blue_btn {
    background: #0176d3;
    padding: 0 10px;
    color: #fff;
    height: 30px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    box-shadow: none;
    white-space: nowrap;
}

.mdx_new_blue_btn svg {
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.mdx_new_blue_btn:hover {
    background: #0266b5;
    color: #fff;
}

.mdx_new_blue_btn:active {
    background: #03589b;
    color: #fff;
}

.mdx_new_blue_btn.mdx_34 {
    height: 34px;
}

.mdx_new_blue_btn.mdx_38 {
    height: 34px;
}

/* -------devzoola css end-------- */



.sent_spinner_cls .spinner-border {
    width: 14px !important;
    height: 14px !important;
}

.sent_spinner_cls {
    display: flex;
    align-items: center;
    pointer-events: none;
}

.mdx_flag {
    display: inline-flex;
    align-items: center;
    /* background: #5aab0126; */
    padding: 0;
    border-radius: 4px;
    color: #d9153f;
    font-style: normal;
    font-size: 11px;
    margin-left: 5px;
}

.mdx_link_action {
    display: flex;
    justify-content: flex-end;
    padding-top: 6px;
}

.desktop-edit-detail .show_edit {
    display: flex !important;
}

.jqx-main-cls .jqx-grid-cell.jqx-grid-cell-hover .jqx-checkbox-default.jqx-checkbox-hover,
.jqx-main-cls .jqx-fill-state-pressed .jqx-checkbox-default {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
}

.jqx-main-cls .jqx-checkbox-default,
.jqx-checkbox-light[checked] .jqx-checkbox-default-light,
.jqx-main-cls .jqx-checkbox-light[checked] .jqx-checkbox-default,
.jqx-main-cls .jqx-tree-grid-checkbox[checked].jqx-checkbox-default,
.jqx-main-cls .jqx-radiobutton-light[checked] .jqx-radiobutton-default {
    color: #0176d3 !important;
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
}
.jqx-main-cls .mdx_listchk .jqx-listbox .jqx-listitem-element:hover .jqx-checkbox>.jqx-checkbox-default,
.jqx-listbox .jqx-listitem-element:hover .jqx-checkbox>.jqx-checkbox-default {
    border-color: #c7c7c7 !important;
}
.jqx-main-cls .mdx_listchk .jqx-listbox .jqx-listitem-element[aria-selected="true"] .jqx-checkbox[checked="true"]>.jqx-checkbox-default,
.jqx-listbox .jqx-listitem-element[aria-selected="true"] .jqx-checkbox[checked="true"]>.jqx-checkbox-default {
    border-color: #5A6063 !important;
}
/* .mdx_innercontentmain .mdx_listchk .jqx-listitem-element .jqx-fill-state-pressed,
.jqx-listitem-element .jqx-fill-state-pressed {
    background: rgba(0, 161, 241, 0.09) !important;
} */

.jqx-listbox .jqx-listitem-element .jqx-checkbox .jqx-checkbox-default>div {
    width: 14px !important;
    height: 14px !important;
}
.jqx-main-cls .mdx_listchk .jqx-listbox .jqx-listitem-element[aria-selected="true"] .jqx-checkbox[checked="true"] + span.jqx-listitem-state-normal,
.jqx-listbox .jqx-listitem-element[aria-selected="true"] .jqx-checkbox[checked="true"]+span.jqx-listitem-state-normal {
    background: rgba(0, 161, 241, 0.09) !important;
}
.jqx-main-cls .mdx_listchk.mdx_listbox_readonly .jqx-listbox .jqx-listitem-element[aria-selected="true"] .jqx-checkbox[checked="true"]+span.jqx-listitem-state-normal.ripple {
    background: #ffffff !important;
}
.jqx-main-cls .mdx_listchk .jqx-listbox .jqx-listitem-element[aria-selected="true"]:hover .jqx-checkbox[checked="true"]+span.jqx-listitem-state-normal,
.jqx-listbox .jqx-listitem-element[aria-selected="true"]:hover .jqx-checkbox[checked="true"]+span.jqx-listitem-state-normal {
    background: rgba(0, 161, 241, 0.15) !important;
}
.jqx-main-cls .mdx_listchk .jqx-listbox .jqx-listitem-element[aria-selected="true"] .jqx-checkbox[checked="false"]+span.jqx-listitem-state-normal,
.jqx-listbox .jqx-listitem-element[aria-selected="true"] .jqx-checkbox[checked="false"]+span.jqx-listitem-state-normal {
    background: #fff !important;
}
.jqx-main-cls .mdx_listchk .jqx-listbox .jqx-listitem-element:active .jqx-checkbox>.jqx-checkbox-default,
.jqx-listbox .jqx-listitem-element:active .jqx-checkbox>.jqx-checkbox-default {
    border-color: #b5b5b5 !important;
}



.lblicon svg {
    margin-left: 5px;
    color: #0176d3;
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
}

.jqx-main-cls .jqx-checkbox-check-indeterminate {
    background: #0176d3 !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50%;
    top: 5px;
    left: 5px;
    border: none !important;
    box-shadow: none !important;
}

.jqx-checkbox-check-checked-light:after {
    font-weight: 600;
}

.jqx-main-cls .jqx-checkbox-default.jqx-checkbox-hover {
    background: #ffffff !important;
}

.mdx_link_action .mdx_link {
    color: #ffc107 !important;
    cursor: pointer;
}

.mdx_flag svg {
    width: 11px;
    height: 11px;
}

.mdx_tooltip_gray_icon {
    width: 13px;
    height: 13px;
    color: #5e5e65;
    margin-left: 5px;
}

.mdx_tooltip_gray_icon:hover {
    color: #808080;
}

.mdx_tooltip_icon {
    width: 13px;
    height: 13px;
    color: #d9153f;
    margin-left: 5px;
}

.mdx_tooltip_icon:hover {
    color: #a80024;
}

.mdx_label_icon svg {
    width: 13px;
    height: 13px;
    top: 0;
    color: #d9153f;
}

.mdx_label_icon {
    float: left;
    width: auto;
    margin-left: 5px;
    cursor: pointer;
}

.mdx_label_icon:hover svg {
    color: #b5062c;
}

.mdx_label_icon:active svg,
.mdx_label_icon:focus svg {
    color: #0d406a;
}

.mdx_link {
    color: #0176d3 !important;
    font-size: 14px !important;
}

.mdx_link:hover {
    text-decoration: underline !important;
}

.mdx_lbl_right {
    display: flex;
    justify-content: flex-end;
    padding: 0 !important;
    min-height: inherit !important;
}

.mdx_lbl_right .mdx_label_icon {
    font-weight: 400;
    color: #d9153f;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.mdx_lbl_right .mdx_label_icon svg {
    margin-left: 6px;
}


/* height CSS Start */
.mdx_extraspace {
    float: left;
    width: 100%;
    height: 21px;
    visibility: hidden;
}

.mdx_chkheight .custom-switch {
    display: flex;
    height: 40px;
    align-items: center;
}

.mdx_chkheight .foreditableview .custom-switch {
    height: 26px;
}

.desktop-edit-detail .mdx_chkheight .foreditableview .custom-switch {
    height: 40px;
}

/* height CSS End */

a.disabled:active {
    pointer-events: none;
}

div[role="row"]:has(div.jqx-fill-state-hover)>div {
    /* background: #f8f8f8 !important; */
    background: rgba(0, 161, 241, 0.05) !important;
    border-color: #e8e8e8 !important;
    color: #5A6063 !important;
    /* box-shadow: inset 0px 2px 0 0 #c9c9c9, inset 0 -1px 0 0 #c9c9c9; */
}
.jqx-main-cls.jqx-cell-select-cls div[role="row"]:has(div.jqx-fill-state-hover)>div {
    background: transparent !important;
    border-color: #aaa !important;
}

/* --cell Hover class-- */
.jqx-main-cls.jqx-cell-select-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.jqx-grid-cell.jqx-grid-cell-hover {
    background: rgba(0, 161, 241, 0.07) !important;
    border-color: #aaa !important;
}
/* --cell Selected class-- */
.jqx-main-cls.jqx-cell-select-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.jqx-grid-cell-selected,
.jqx-main-cls.jqx-cell-select-cls div.jqx-grid-cell-selected {
    background: rgba(0, 161, 241, 0.2) !important;
    border-color: #aaa !important;
}
/* --cell Selected and hover class-- */
.jqx-main-cls.jqx-cell-select-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.jqx-grid-cell-selected.jqx-grid-cell-hover {
    background: rgba(0, 161, 241, 0.2) !important;
    border-color: #aaa !important;
}

/* --yellow class-- */
.jqx-main-cls.jqx-cell-select-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.jqx-grid-cell-selected.mdx-cell-yellow,
.jqx-main-cls.jqx-cell-select-cls div.jqx-grid-cell-selected.mdx-cell-yellow {
    background: #fff3cd !important;
    border-color: #aaa !important;
}
.jqx-main-cls.jqx-cell-select-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.mdx-cell-red,
.jqx-main-cls.jqx-cell-select-cls div.mdx-cell-red {
    background: #f8d7da !important;
    border-color: #aaa !important;
}
.jqx-main-cls.jqx-cell-select-cls div.jqx-grid-cell {
    cursor: pointer;
    display: flex;
    align-items: center;
}
.jqx-main-cls.jqx-cell-select-cls div.jqx-grid-cleared-cell {
    cursor: auto !important;
    background: transparent !important;
}
.mdx_innercontentmain .card_zoola_header .all_in_one_rightside.mdx_page_inner_title h1 {
    font-size: 20px !important;
    color: #5A6063 !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}


.jqx-main-cls.jqx-cell-select-cls .jqx-widget-header {
    position: relative;
}

/* .jqx-main-cls.jqx-cell-select-cls div[role="columnheader"]:first-child {
    border-left: 1px solid #aaa !important;
}
.jqx-main-cls.jqx-cell-select-cls div[role="columnheader"]:last-child {
    border-right: 1px solid #aaa !important;
} */
.jqx-main-cls.jqx-cell-select-cls .mdx_hw_l_multi_delete {
    /* padding: 0 13px; */
    border: 0px !important;
}
.jqx-main-cls.jqx-cell-select-cls .mdx_hw_l_multi_delete div[role="columnheader"] {
    border-top: 1px solid #aaa !important;
}
.mdx_hw_l_multi_delete_padding {
    /* float: left;
    width: 100%;
    padding: 0 13px !important; */
}
.jqx-main-cls.jqx-cell-select-cls .mdx_hw_l_multi_delete div[role="columnheader"]:first-child {
    /* border-left: 1px solid #aaa !important; */
}
.jqx-main-cls.jqx-cell-select-cls .mdx_hw_l_multi_delete div[role="row"] .jqx-grid-cell:first-child {
    /* border-left: 1px solid #aaa !important; */
}
.jqx-cell-select-cls-row .jqx-cell-select-cls-row-inner {
    padding: 6px 13px;
    background: #f6f6f6;
    display: flex;
}
.jqx-cell-select-cls-row .jqx-cell-select-cls-row-inner span {
    font-size: 13px;
}
.jqx-cell-select-cls-row .jqx-cell-select-cls-row-inner .jqx-cell-select-cls-col {
    font-weight: 600;
}

/* div[role="row"]:has(div.jqx-fill-state-pressed)>div,
.jqx-main-cls .mdx_jqx_selected_row .jqx-grid-cell {
    background: rgba(0, 161, 241, 0.09) !important;
    border-color: #d3d3d3 !important;
} */



.jqx-main-cls.mdx-jqx-main-cursor .jqx-grid-cell {
    cursor: pointer;
}

.jqx-main-cls.mdx-jqx-main-cursor .jqx-grid-cell.jqx-grid-cleared-cell-light {
    cursor: auto !important;
}


/* ---font style css start------ */
.small-font {
    font-size: 12px !important;
}

.medium-font {
    font-size: 14px !important;
}

.large-font {
    font-size: 18px !important;
}

.extralarge-font {
    font-size: 22px !important;
}

/* ---text color---- */
.default-color-text {
    color: #5A6063;
}

.default-color-text-black {
    color: #131b20;
    font-weight: 500;
}

/* ---font style css end------ */


/* --switch style---- */
.custom-control-label {
    vertical-align: middle;
    letter-spacing: 0.5px;
}

.custom-switch .custom-control-label::after {
    top: 3px;
    left: calc(-2rem + 2px);
}

.custom-switch .custom-control-label::before {
    top: 1px;
    left: -2rem;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #0176d3;
    background-color: #0176d3;
}



.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important;
}

.custom-switch .custom-control-label:hover {
    color: #0176d3;
}

.custom-control-input:disabled~.custom-control-label {
    pointer-events: none;
}

.custom-control-input:disabled~.custom-control-label:hover {
    color: #6c757d !important;
    pointer-events: none;
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef !important;
    border-color: #adb5bd !important;
    pointer-events: none;
}

.custom-control-input:disabled~.custom-control-label::after {
    background-color: #adb5bd !important;
    pointer-events: none;
}

.custom-switch .custom-control-label:hover::before,
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #0176d3;
}

.custom-switch .custom-control-label:hover::after {
    background: #0176d3;
}

/* --switch style---- */
/* --popover style---- */
.popover {
    border: none;
    border-radius: 0.3rem !important;
    background: rgb(31, 33, 41, 0.8) !important;
}

.popover-header {
    background: transparent !important;
    color: #ffffff;
    border-color: transparent;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.popover pre:last-child {
    margin-bottom: 8px !important;
}

.popover-body {
    background: transparent !important;
    color: #ffffff;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 0.3rem !important;
}

.popover-body pre {
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.5px;
    font-size: 12px !important;
    position: relative;
    padding-left: 10px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.popover-body pre:before {
    position: absolute;
    content: '';
    left: 0;
    top: auto;
    width: 10px;
    height: 2px;
    background: #ffffff;
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    border: none;
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    border-right-color: rgb(31, 33, 41, 0.8);
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    border: none;
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    border-left-color: rgb(31, 33, 41, 0.8);
}

.popover pre {
    color: #ffffff;
}

/* --popover style---- */

.tooltip-inner {
    background-color: rgb(31, 33, 41, 0.8) !important;
    max-width: 260px;
}

.bs-tooltip-bottom .arrow:before {
    border-bottom-color: rgb(31, 33, 41, 0.8) !important;
}

.bs-tooltip-top .arrow:before {
    border-top-color: rgb(31, 33, 41, 0.8) !important;
}

.bs-tooltip-left .arrow:before {
    border-left-color: rgb(31, 33, 41, 0.8) !important;
}

.bs-tooltip-right .arrow:before {
    border-right-color: rgb(31, 33, 41, 0.8) !important;
}

.jqx-main-cls a:hover {
    text-decoration: underline;
}

.mdx-txt-blue {
    color: #00a1f1 !important;
}

.mdx-txt-red {
    color: #F25961 !important;
}

/* overflow common class CSS */
.mdx-overflow {
    overflow-y: auto !important;
}

/* ----------folder dropdown---------- */
.mdx-select-dropfolder .mdx-default-label {
    padding: 0 !important;
}

.mdx-select-dropfolder .jqx-dropdownbutton {
    width: 100% !important;
    height: 30px !important;
}

.mdx-select-dropfolder .jqx-dropdownbutton.jqx-fill-state-normal {
    background: #ffffff !important;
    border-color: #d8d8d8 !important;
}

.mdx-select-dropfolder .jqx-dropdownbutton.jqx-fill-state-normal.jqx-fill-state-hover {
    background: rgba(0, 161, 241, 0.05) !important;
    border-color: #d8d8d8 !important;
}

.mdx-select-dropfolder .jqx-dropdownbutton.jqx-fill-state-normal.jqx-fill-state-pressed {
    background: rgba(0, 161, 241, 0.09) !important;
    border-color: #d8d8d8 !important;
}

.mdx-select-dropfolder .jqx-dropdownbutton .jqx-dropdownlist-content>div {
    height: 100% !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    font-size: 14px !important;
    color: #5A6063 !important;
}

.mdx-select-dropfolder .jqx-dropdownbutton .jqx-dropdownlist-content {
    padding-left: 10px;
}

.jqx-fill-state-focus {
    border-color: #c9c9c9 !important;
}

/* jqx Menu CSS Start */
.mdx-jqxmenu-main.jqx-menu {
    background: #ffffff;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px !important;
    border-radius: 3px !important;
    padding: 0.5rem;
    border: 0;
    min-width: 140px !important;
}

.mdx-jqxmenu-main.jqx-menu .jqx-item {
    padding: 6px 8px;
    color: #131b20;
    font-size: 14px;
    font-weight: 400;
    border: none;
}

.mdx-jqxmenu-main.jqx-menu .jqx-item.jqx-fill-state-hover {
    background: rgba(0, 161, 241, 0.05) !important;
}

.mdx-jqxmenu-main.jqx-menu .jqx-item.jqx-fill-state-pressed {
    background: rgba(0, 161, 241, 0.09) !important;
}

.jqx-grid-column-filterbutton {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="DodgerBlue" class="bi bi-funnel" viewBox="0 0 16 16"><path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/></svg>') !important;
    background-size: 14px;
}

.jqx-grid-column-filterbutton:after {
    display: none;
}
.copy-to-clipboard {
    margin-left: 3px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.copy-to-clipboard:hover {
    background: rgba(50, 71, 92, 0.04);
} 
.copy-to-clipboard:active {
    background: rgba(50, 71, 92, 0.08);
}


/* jqxGrid Action Dropdown CSS Start */
.customActionDropdownCls {
    float: left;
    width: 100%;
    text-align: center;
    height: 100%;
    justify-content: center;
    display: inline-flex;
    align-items: center;
}

.customActionDropdownCls .dropdown-toggle {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #d1d1d1;
}



/* jqxGrid Action Dropdown CSS End */

.followup_schedule_unit_time {
    float: left;
    width: 100%;
    display: flex;
}

.followup_schedule_unit_time .form-control {
    width: 100px;
    margin-right: 10px;
    height: 40px;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px !important;
    color: #5A6063 !important;
    letter-spacing: 0.5px !important;
}

.followup_schedule_unit_time .form-control.error {
    border: 1px solid #f0553d !important;
    box-shadow: none !important;
}

.followup_mdx_form_time .schedule_criteria_txt {
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.on_specific_date_main .foreditableview span {
    line-height: 28px !important;
}

.followup_schedule_unit_time .form-control:hover {
    border-color: #c7c7c7 !important;
}

.modal-body .form-control[readonly],
.form-control[readonly],
.foreditableview .floating_input[disabled] {
    background: #8686860d;
    border: 1px solid transparent !important;
}

.modal-body .form-control[readonly]:hover,
.foreditableview .form-control[readonly]:hover,
.floating_label_input .floating_input[disabled]:hover,
.modal-body .select2-container--default.select2-container--disabled .select2-selection--single:hover,
.foreditableview .select2-container--default.select2-container--disabled .select2-selection--single:hover {
    border-color: #ebe9e9 !important;
}

.modal-body .select2-container--default.select2-container--disabled,
.select2-container--default.select2-container--disabled {
    pointer-events: all;
}

.modal-body .select2-container--default.select2-container--disabled .select2-selection--single,
.foreditableview .select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: transparent !important;
}

.foreditableview .select2-container--default.select2-container--disabled .select2-selection--single {
    border: 1px solid transparent !important;
}

.followup_schedule_unit_time .form-control:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

#duration_of_time-error {
    /* display: none !important; */
    width: 100px !important;
}

.foreditableview .followup_schedule_unit_time span.select2 {
    width: 200px !important;
}

.followup_mdx_form_time .floating_label_input.foreditableview {
    margin: 0 !important;
    padding: 0 !important;
}

/* ---no border css---- */
.borderno {
    border: none !important;
}

/* ---Loader Css Start---- */
.spinner-border-sm {
    margin-right: 5px;
}

.spinner-maincls {
    width: 100%;
    height: 100%;
    background: #f5f8facc;
    position: absolute;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.spinner-maincls .text-primary {
    color: #00a1f1 !important;
}

.spinner-maincls p {
    color: #00a1f1;
    letter-spacing: 0.5px;
    font-size: 20px;
    margin: 15px 0 0 0;
}

/* ---Loader Css End---- */


/* Show/Hide Select2 */
select[style*="display: none"]+span.select2 {
    display: none;
}

/* ------Input field css------ */
.floating_label_input {
    position: relative;
    margin-bottom: 13px !important;
    float: left;
    width: 100%;
}

.floating_input:-webkit-autofill {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.floating_input {
    width: 100%;
    height: 50px;
    border: 1px solid #e4e4e4;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    border-radius: 3px;
    padding: 5px 5px 5px 10px;
    outline: none;
    box-shadow: none !important;
    font-size: 14px;
    background-color: #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    letter-spacing: 0.7px;
    box-shadow: none !important;
}

.mdx-modal-body input[type="text"]:disabled {
    color: #495057;
}

.mdx-modal-body input[type="text"]:disabled+.floating_label {
    color: #93d9fb !important;
}

.mdx-modal-body input[type="text"]:disabled {
    cursor: auto !important;
}

.floating_input:hover {
    border-color: #c7c7c7;
}

.floating_label_input .floating_label {
    margin: 0;
    position: absolute;
    top: 12px;
    left: 6px;
    color: #131b20 !important;
    font-size: 12px;
    padding: 0 5px;
    background-color: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    pointer-events: none;
    letter-spacing: 0.3px;
    opacity: 0;
}

.floating_input:focus~.floating_label,
.floating_input:not(:placeholder-shown)~.floating_label {
    top: -9px;
    font-size: 14px;
    letter-spacing: 0.5px;
    opacity: 1;
    font-weight: 400;
    color: #00a1f1 !important;
}

.floating_input:focus~.floating_label {
    color: #00a1f1 !important;
}

.floating_input::placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #a0a0a0 !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.floating_input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #a0a0a0 !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.floating_input::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #a0a0a0 !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.floating_input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #a0a0a0 !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.floating_input:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #a0a0a0 !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.floating_input:focus {
    border-color: #00a1f1 !important;
    box-shadow: none !important;
    border-width: 2px;
}

.foreditableview .floating_input {
    border-color: #ffffff;
    padding-right: 10px;
    height: 40px;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px !important;
    color: #5A6063 !important;
    display: inline-flex;
    align-items: flex-end;
    letter-spacing: 0.5px;
}

.foreditableview .floating_input:hover {
    border-color: #c7c7c7 !important;
}

.foreditableview:hover .floating_input {
    border-color: #c7c7c7;
}

.foreditableview .floating_input:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

.foreditableview {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 3px;
    padding: 0;
}

.foreditableview a {
    position: absolute;
    top: 30px;
    right: 5px;
    opacity: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #888;
}

.inner_zoola_contentxc .foreditableview a {
    display: none;
}

.foreditableview a.floating_link {
    display: inline-flex !important;
    position: relative;
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
    text-align: left;
    top: 0;
    padding: 0;
    justify-content: flex-start;
    height: auto;
}

.foreditableview .select2-container--disabled .select2-selection__arrow {
    display: none !important;
}

.foreditableview a:hover {
    color: #131b20;
}

.foreditableview:hover a {
    opacity: 1;
    cursor: pointer;
    background: transparent;
}

.foreditableview.active:hover a {
    display: none;
}

.foreditableview span {
    color: #5A6063;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    min-height: 26px;
    align-items: center;
    display: inline-flex;
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 0;
    border: 1px solid transparent;
    white-space: normal;
    word-break: break-all;
    line-height: 18px;
    padding: 3px 0 3px 0px;
}

.foreditableview span.error {
    background: #d9153f;
    color: #fff;
    min-height: auto;
    line-height: inherit;
    padding: 2px 10px;
    margin-top: 3px;
}

.editable-input.error {
    border-color: #d9153f !important;
}

.foreditableview span.editable-span:hover {
    /* border-bottom: 1px solid #e4e4e4; */
    border-left: 1px solid #ebe9e9;
    border-right: 1px solid #ebe9e9;
    border-top: 1px solid #ebe9e9;
    border-bottom: 1px solid #F25961;
    cursor: pointer;
    background: #f8f8f8 !important;
    /* background: rgba(0, 161, 241, 0.05) !important; */
}

.foreditableview span.non-editable-span:hover {
    border-bottom: 1px solid #ebe9e9;
    border-left: 1px solid #ebe9e9;
    border-right: 1px solid #ebe9e9;
    border-top: 1px solid #ebe9e9;
    background: rgba(134, 134, 134, 0.05) !important;
}

.desktop-edit-detail .foreditableview .non-editable-span,
.mobile-edit-detail .foreditableview .non-editable-span {
    background: rgba(134, 134, 134, 0.05);
    border: 1px solid transparent;
    height: 40px;
    padding: 5px 10px;
}

.desktop-edit-detail .mobile-edit-detail .foreditableview .non-editable-span:hover {
    background: rgba(134, 134, 134, 0.05);
}

.foreditableview .floating_label .required_input {
    color: #f25961
}

.verifynewemailcls {
    cursor: pointer;
}

.buttonInside span.error {
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    align-items: center;
    display: inline-flex;
    float: left;
    width: 100%;
    border-radius: 3px;
    border: 1px solid transparent;
    white-space: normal;
    word-break: break-all;
    background: #f0553d;
    color: #fff;
    min-height: auto;
    line-height: inherit;
    padding: 2px 10px;
    margin-top: 3px;
}

.floating_label_input.foreditableview {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    padding: 0 6px 3px 6px;
    border-radius: 0;
    /* border:1px solid transparent; */
}
.floating_label_input.foreditableview .floating_input[readonly]  {
    background: #8686860d;
    border: 1px solid transparent !important;
    cursor: auto !important;
}
.floating_label_input.foreditableview .floating_input[readonly]:focus {
    box-shadow: none !important;
    border-color: #ebe9e9 !important;
}
.floating_label_input.foreditableview .floating_input[readonly]:hover {
    border-color: #ebe9e9 !important;
}

.floating_label_input.foreditableview.save_editvalue {
    background: #fafec0;
    border-color: transparent;
}

.floating_label_input.foreditableview.save_editvalue .floating_label {
    background: transparent;
}

.inner_zoola_contentxc .card-body {
    padding: 16px 20px 24px 20px;
}

.inner_zoola_contentxc {
    float: left;
    width: 100%;
    height: 100%;
}

.foreditableview .floating_input:focus~.floating_label,
.foreditableview .floating_input:not(:placeholder-shown)~.floating_label {
    top: -22px;
}

/* ---radio button css start----- */
.mdx-radio-input {
    position: relative;
    margin-right: 10px;
}

.mdx-radio-input [type="radio"]:checked,
.mdx-radio-input [type="radio"]:not(:checked) {
    position: absolute;
    /* left: -9999px; */
}

.mdx-radio-input [type="radio"]:checked+label,
.mdx-radio-input [type="radio"]:not(:checked)+label {
    font-family: 'Roboto', sans-serif !important;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #5A6063;
    margin: 0 !important;
}

.mdx-radio-input [type="radio"]:checked+label:before,
.mdx-radio-input [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px !important;
    width: 18px;
    height: 18px;
    border: 1px solid #e4e4e4;
    border-radius: 100%;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mdx-radio-input [type="radio"]+label:hover:before {
    border-color: #c7c7c7;
}

.mdx-radio-input [type="radio"]:checked+label:after,
.mdx-radio-input [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0176d3;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.mdx-radio-input [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mdx-radio-input [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ---radio button css end----- */

/* ---checkbox button css start----- */
.mdx-checkbox-input {
    position: relative;
    margin-right: 10px;
}

.mdx-checkbox-input .styled-checkbox {
    position: absolute;
    opacity: 0;
}

.mdx-checkbox-input .styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    color: #5A6063;
    padding-left: 24px;
    margin: 0;
    font-size: 14px;
}

.mdx-checkbox-input .styled-checkbox+label:before {
    content: "";
    margin-right: 6px;
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    left: 0;
    position: absolute;
    top: auto;
}

.mdx-checkbox-input .styled-checkbox:checked+label:after {
    box-shadow: none !important;
    transform: none !important;
    content: var(--jqx-icon-check) !important;
    font-weight: 600 !important;
    font-size: var(--jqx-font-size) !important;
    font-style: normal !important;
    font-family: jqx-icons !important;
}

.mdx-checkbox-input .styled-checkbox:active+label:before {
    border-color: #b5b5b5 !important;
}

/* --checkbox checked hover normal hover---- */
.mdx-checkbox-input .styled-checkbox:hover+label:before {
    border-color: #c7c7c7 !important;
}

.mdx-checkbox-input .styled-checkbox:active:hover+label:before,
.mdx-checkbox-input .styled-checkbox:checked:hover+label:before {
    border-color: #9d9d9d !important;
}

.mdx-checkbox-input .styled-checkbox:checked:active+label:before {
    border-color: #000 !important;
}

/* --checkbox checked---- */
.mdx-checkbox-input .styled-checkbox:checked+label:before {
    background: #ffffff;
    border-color: #5A6063 !important;
}

.mdx-checkbox-input .styled-checkbox:focus+label:before {
    box-shadow: none;
}



.mdx-checkbox-input .styled-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto;
}
.mdx-checkbox-input .styled-checkbox:disabled:checked+label::after {
    left:1px !important;
}
.mdx-checkbox-input .styled-checkbox:disabled+label:before,
.mdx-checkbox-input .styled-checkbox:disabled:active+label:before {
    box-shadow: none !important;
    background: #ddd !important;
    border-color: #e4e4e4 !important;
}
.viewdroprecently .dropdown-toggle {
    padding: 0 7px !important;
    font-size: 14px !important;
    display: inline-flex;
    align-items: center;
    border:none;
    border-radius: 3px !important;
    font-weight: 500;
    color: #131b20;
    letter-spacing: 0.3px;
    height: 23px;
}
.viewdroprecently .dropdown {
    position: relative;
    left: -6px;
    display: inline-flex;
}
.viewdroprecently .dropdown-menu {
    min-width: 360px;
}
.viewdroprecently .dropdown.show .dropdown-toggle {
    background: rgba(50, 71, 92, 0.1);
}
.viewdroprecently .dropdown-toggle:hover {
    background:rgba(50, 71, 92, 0.07);
}
.viewdroprecently .dropdown-toggle:active {
    background: rgba(50, 71, 92, 0.1);
}
.viewdroprecently .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    content: "";
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
    border-radius: 4px;
    margin-top: 1px;
}
.viewdroprecently .mdx-action-dropdown {
    padding: 0 !important;
}
.viewdroprecently .mdx-action-dropdown .mdx-action-dropdown-inner {
    padding: 0.5rem 0 !important;
    float: left;
    width: 100%;
}
.mdx-iframe {
    width: 100% !important;
    /* height: 100% !important; */
    border: none !important;
}
.mdx_pinned .mdx_pinned_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    height: 23px !important;
    width: 23px !important;
    border-radius: 3px;
    color: #0176d3;
}
.mdx_pinned .mdx_pinned_icon svg {
    width: 13px !important;
    height: 13px !important;
}
.mdx_pinned .mdx_pinned_icon svg.bi-pin-fill {
    display: none;
}
.mdx_active_pinned {
    display: inline-flex;
    margin-left: 5px;
    position: relative;
    align-items: center;
}
.mdx_active_pinned svg {
    color: #0176d3 !important;
    width: 14px;
    height: 14px;
}

.mdx_pinned .mdx_pinned_icon.active svg.bi-pin-fill,
.mdx_pinned .mdx_pinned_icon:active svg.bi-pin-fill {
    display: inline-flex;
}
.mdx_pinned .mdx_pinned_icon.active svg.bi-pin-angle,
.mdx_pinned .mdx_pinned_icon:active svg.bi-pin-angle {
    display: none;
}
.mdx_pinned .mdx_pinned_icon:hover {
    background: rgba(50, 71, 92, 0.07);
    color: #0176d3;
}
.mdx_pinned .mdx_pinned_icon:active {
    background: rgba(50, 71, 92, 0.1);
    color: #0176d3;
}
.viewdroprecently .viewdroprecently_inner {
    display: flex;
    align-items: center;
}
.viewdroprecently .viewdroprecently_inner .mdx_pinned {
    display: inline-flex;
    margin: 0 0 0 -5px;
}
.viewdroprecently .mdx-action-dropdown .mdx-action-dropdown-inner .dropdown-item {
    padding-left: 26px;
    position: relative;
    width: calc(100% - 1rem);
    margin-left: 0.5rem;
}
.viewdroprecently .mdx-action-dropdown .mdx-action-dropdown-inner .dropdown-item.active svg {
    display: inline-flex;
}
.viewdroprecently .mdx-action-dropdown .mdx-action-dropdown-inner .dropdown-item svg {
    display: none;
    position: absolute;
    left: 5px;
    top: auto;
    color: #131b20;
}
.viewdroprecently .mdx-action-dropdown .mdx-action-dropdown-inner .dropdown-item.active,
.viewdroprecently .mdx-action-dropdown .mdx-action-dropdown-inner .dropdown-item:active {
    background: rgba(0, 161, 241, 0.09) !important;
}

.viewdroprecently .dropdown-menu h4 {
    font-size: 14px;
    color: #5A6063;
    padding: 6px 10px;
}

.mdx-checkbox-input .styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 1.7px;
    top: auto;
    background: transparent;
    width: 16px;
    height: 16px;
    box-shadow: none;
    transform: none;
    color: #0176d3;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* .mdx-checkbox-input .styled-checkbox:checked+label:after {
    content: "" !important;
    position: absolute;
    left: 6px;
    top: 2px;
    color: #0176d3;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid #0176d3;
    border-width: 0 2px 2px 0;
    width: 6px;
    height: 11px;
    transform: rotate(45deg) !important;
} */

/* ---checkbox button css end----- */

.foreditableview .floating_label {
    display: flex;
    align-items: center;
    left: 0 !important;
    padding: 0px !important;
    top: -1px !important;
    position: relative !important;
    background: transparent !important;
    float: left;
    width: auto;
    opacity: 1 !important;
    font-weight: 400;
    margin: 0 0 2px 0 !important;
    color: #0176d3 !important;
    font-size: 14px;
    letter-spacing: 0.5px;
    pointer-events: auto;
    line-height: 18px;
}


/* ------Password Input field css------ */
.passwodkr b svg path {
    opacity: 0.5;
}

.passwodkr b:hover svg path {
    opacity: 1;
}

.passwodkr {
    position: relative;
}

.passwodkr b {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.passwodkr .floating_input {
    padding-right: 40px;
}

.passwodkr b svg {
    width: 22px;
    height: 22px;
}

.passwodkr b svg path {
    fill: #838383;
}

.newreadonlyfield .newreadfieldzl {
    width: 100%;
    height: 42px;
    border: 1px solid #e4e4e4;
    position: relative;
    line-height: inherit;
    display: flex;
    align-items: center;
    color: #131b20;
    font-weight: 400;
    border-radius: 3px;
    padding: 5px 5px 5px 10px;
    outline: none;
    font-size: 14px;
    background-color: #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    letter-spacing: 0.7px;
    box-shadow: none !important;
}

.newreadonlyfield label.yfieldlbl {
    top: -9px;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    opacity: 1;
    font-weight: 400;
    position: absolute;
    left: 6px;
    margin: 0 !important;
    color: #97a0a6;
    padding: 0 5px;
    background: #ffffff;
    z-index: 1;
}

.newreadonlyfield {
    border: none;
    position: relative;
}

.updatefieldFzoola .floating_input {
    height: 42px;
}

.updatefieldFzoola .floating_input~.floating_label {
    color: #97a0a6 !important;
    font-size: 13px !important;
}

.updatefieldFzoola .floating_input:focus~.floating_label {
    color: #00a1f1 !important;
}

/* ------Input field css------ */

/* ------Button field css start------ */
button:focus-visible {
    outline: none !important;
}

/* ------large blue Button css------ */
.btn_newzoola {
    padding: 0 20px;
    color: #ffffff;
    height: 50px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: #00a1f1 !important;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}

.btn_newzoola:hover,
.btn_newzoola:focus {
    background: #29a9e9 !important;
    color: #ffffff !important;
}

.autow {
    min-width: auto !important;
}

/* ------small white Button css------ */
.btn_newzoola_sm_white {
    padding: 0 16px;
    color: #0176d3;
    height: 32px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: rgba(0, 161, 241, 0.05) !important;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    /* border: 1px solid #d8d8d8; */
    cursor: pointer;
    border: 1px solid transparent;
    /* box-shadow: 0 0 4px #f7f7f7; */
    min-width: 80px;
    /* min-height: 40px; */
}

.btn_newzoola_sm_white svg {
    display: inline-flex;
    align-items: center;
}

.btn_newzoola_sm_white span {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}

/* ------small white Button with icon css------ */
.mdx_btn_sm_transparent {
    display: inline-flex;
    align-items: center;
    height: 40px;
    justify-content: center;
    padding: 0 16px;
    border-radius: 3px;
    background: rgba(0, 161, 241, 0.05) !important;
    box-shadow: none;
    border: 1px solid transparent;
    color: #0176d3 !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.3px;
    min-width: 193px;
}

.mdx_btn_sm_transparent:hover {
    background: #0087ca !important;
    /* box-shadow: 0 0 0px 1px rgba(0, 161, 241, 0.2) !important; */
    /* border-color: rgba(0, 161, 241, 0.2); */
    border-color: #0176d3;
    /* border-color: #00a1f1; */
    background: rgba(0, 161, 241, 0.09) !important;
}

.mdx_btn_sm_transparent:active {
    background: rgba(0, 161, 241, 0.15) !important;
}

/* ------Dropdown button type  css------ */
.all_action_dropbox .dropdown {
    display: inline-flex;
}

.all_action_dropbox .dropdown.show>a:hover {
    background: rgba(0, 161, 241, 0.2) !important;
    color: #00a1f1 !important;
}

.all_action_dropbox .dropdown a:hover,
.all_action_dropbox .dropdown a:focus {
    background: rgba(0, 161, 241, 0.2) !important;
}

.all_action_dropbox .btn_newzoola_sm_white.icon_stzoola:focus,
.all_action_dropbox .btn_newzoola_sm_white.icon_stzoola:hover {
    background: #f9f9f9 !important;
}

.all_action_dropbox .dropdown-menu.show {
    padding: 10px;
}

.all_action_dropbox .dropdown>a {
    padding: 0 !important;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background: transparent !important;
    color: #131b20 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.all_action_dropbox .dropdown>a svg {
    width: 20px;
    height: 20px;
}

.all_action_dropbox .dropdown>a.bcnb {
    width: 36px;
    height: 36px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    text-transform: capitalize;
    color: #00a1f1 !important;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: 0 0 4px lightgrey;
    border-radius: 3px;
    border: 1px solid #d7d7d7 !important;
    cursor: pointer;
}

.all_action_dropbox .dropdown>a.bcnb:hover {
    box-shadow: none;
}

.all_action_dropbox .dropdown>a.bcnb svg {
    width: 20px;
    height: 20px;
}

.all_action_dropbox .dropdown a.bcnb:hover,
.all_action_dropbox .dropdown a.bcnb:focus {
    color: #00a1f1;
    background: #f9f9f9 !important;
}

.all_action_dropbox .btn_newzoola_sm_white.icon_stzoola {
    width: auto !important;
    color: #00a1f1 !important;
    height: 36px !important;
    padding: 0 16px !important;
}

.btn_newzoola_sm_white.icon_stzoola svg {
    width: 20px;
    height: 20px;
    margin: 0;
}

.btn_newzoola_sm_white:hover {
    /* color: #00a1f1;
    background: rgba(0, 161, 241, 0.05) !important;
    box-shadow:0 0 0px 1px #00a1f1 !important;
    border-color: #00a1f1; */
    border-color: #0176d3;
    background: rgba(0, 161, 241, 0.09) !important;
}

.btn_newzoola_sm_white:active {
    /* background: rgba(0, 161, 241, 0.09) !important; */
    background: rgba(0, 161, 241, 0.15) !important;
}

/* ------large white Button css------ */
.btn_newzoola_lg_white {
    padding: 0 16px;
    color: #0176d3;
    height: 50px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: 0 0 4px #f7f7f7;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
}

.btn_newzoola_lg_white svg {
    display: inline-flex;
    align-items: center;
}

.btn_newzoola_lg_white span {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
}

.btn_newzoola_lg_white:hover {
    color: #00a1f1;
    box-shadow: none;
    background: #f9f9f9 !important;
    box-shadow: none;
}

/* ------small blue Button css------ */
.btn_newzoola_sm_blue {
    padding: 0 16px;
    color: #ffffff;
    height: 32px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: #00a1f1 !important;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #00a1f1;
    cursor: pointer;
    min-width: 80px;
    /* min-height: 45px; */
}

.btn_newzoola_sm_blue svg {
    display: inline-flex;
    align-items: center;
}

.btn_newzoola_sm_blue span {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}

.btn_newzoola_sm_blue:hover {
    color: #ffffff;
    background: #29a9e9 !important;
    border: 1px solid #29a9e9;
    text-decoration: none !important;
}

.btn_newzoola_sm_blue:active {
    color: #ffffff;
    background: #1294d5 !important;
    border: 1px solid #1294d5;
}

.btn_newzoola:active {
    color: #ffffff;
    background: #1294d5 !important;
    border: 1px solid #1294d5;
}

/* ------small green Button css------ */
.btn_newzoola_sm_blue.btn_newzoola_sm_green {
    background: #00bf6f !important;
    border: 1px solid #00bf6f;
    color: #ffffff;
}

.btn_newzoola_sm_blue.btn_newzoola_sm_green:hover {
    color: #ffffff;
    background: #03a561 !important;
    border: 1px solid #03a561;
}

/* ------small red link Button css------ */
.btn_newzoola_sm_red {
    color: #EF5858;
}

.btn_newzoola_sm_blue.btn_newzoola_sm_red {
    background: transparent !important;
    border: none;
    color: #f37878;
    min-width: auto !important;
    padding: 0 !important;
}

.btn_newzoola_sm_blue.btn_newzoola_sm_red:hover,
.btn_newzoola_sm_red:hover {
    color: #f84646;
    background: transparent !important;
    border: none;
    text-decoration: underline !important;
}

.btn_newzoola_sm_blue.btn_newzoola_sm_red:active,
.btn_newzoola_sm_red:active {
    color: #f11e1e;
}


/* ------Button field css end------ */



/* ---Dropdownaction header right start --- */
.all_action_dropbox .dropdown {
    display: inline-flex;
}

.all_action_dropbox .dropdown .dropdown-toggle::after {
    display: none;
}

.all_in_one_right_listmenu_zoola ul>li {
    margin-left: 8px;
    display: inline-flex;
}

.all_action_dropbox .dropdown .dropdown-menu.show {
    padding: 10px;
}

.all_action_dropbox .dropdown .dropdown-menu .dropdown-item:hover
 {
    background: rgba(0, 161, 241, 0.05) !important;
    color: #131b20 !important;
}
.all_action_dropbox .dropdown .dropdown-menu .dropdown-item:active,
.all_action_dropbox .dropdown .dropdown-menu .dropdown-item:focus {
    background: rgba(0, 161, 241, 0.09) !important;
    color: #131b20 !important;
}

.all_action_dropbox .dropdown-menu {
    min-width: 240px;
}

.all_action_dropbox .dropdown .dropdown-item {
    padding: 5px 10px;
    border-radius: 3px;
    color: #131b20 !important;
    font-size: 14px !important;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* ---Dropdownaction header right end --- */

/* ------Button field css------ */

/* ------Search field css------ */
.searchbox_setsearch {
    width: 260px;
    height: 36px;
    border: 1px solid #adadad;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    border-radius: 3px;
    padding: 5px 5px 5px 25px;
    outline: none;
    box-shadow: none !important;
    font-size: 14px;
    background: #fff url('https://pindrop.fieldteam360.com/admin/assets/images/ic_search.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 2%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    letter-spacing: 0.7px;
    box-shadow: none !important;
}

.searchbox_setsearch:focus {
    border-color: #00a1f1;
    color: #131b20;
}

/* ------Search field css------ */


/* ------Modal css------ */
.mdx-modal-small .mdx-dialog {
    max-width: 400px;
}

.mdx-modal-medium .mdx-dialog {
    max-width: 550px;
}

.mdx-modal-large .mdx-dialog {
    max-width: 800px;
}



.mdx-modal-extralarge .mdx-dialog {
    max-width: 980px;
}

.mdx-modal-full .mdx-dialog {
    max-width: 94%;
}

.setmodalsuccess .divset_iconxC,
.setmodalerror .divset_iconxC {
    display: flex;
    justify-content: center;
    width: 100%;
}

.setmodalsuccess .divset_iconxC svg,
.setmodalerror .divset_iconxC svg {
    width: 80px;
    height: 80px;
    color: #00a1f1;
}

.setmodalsuccess .modal-body,
.setmodalerror .modal-body {
    padding: 50px 20px;
}

.setmodalsuccess h4,
.setmodalerror h4 {
    font-size: 22px;
    text-align: center;
    margin: 22px 0;
    letter-spacing: 0.5px;
}

.setmodalcss-sm.setmodalsuccess .modal-dialog,
.setmodalcss-sm.setmodalerror .modal-dialog {
    max-width: 500px;
}

.setmodalsuccess .setFlulopdl,
.setmodalerror .setFlulopdl {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-footer>:not(:last-child) {
    margin-right: 0;
}

.modal-footer>:not(:first-child) {
    margin-left: 0;
}

.modal-backdrop {
    background-color: rgba(45, 47, 55, 0.6) !important;
}

.setmodalcss-sm .modal-dialog {
    max-width: 550px;
}

.setmodalcss-lg .modal-dialog {
    max-width: 950px;
}

.setmodalcss-md .modal-dialog {
    max-width: 750px;
}

.modal-dialog .modal-content,
.mdx-dialog .mdx-modal-content {
    border-radius: 3px !important;
    border: none !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 20px;
}

.modal-body,
.mdx-modal-body {
    float: left;
    width: 100%;
    padding: 12px 20px;
}

.mdx-dialog .mdx-modal-footer,
.modal-footer {
    padding: 10px 20px;
    background: #fcfcfc;
    justify-content: space-between;
}

.modal-dialog .modal-header,
.mdx-dialog .mdx-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fcfcfc;
    padding: 5px 20px;
    padding-right: 15px;
    border-bottom: 1px solid rgb(229, 229, 229);
}

.modal-dialog .modal-header .close,
.mdx-modal-header .close {
    margin: 0;
    position: relative;
    right: 0;
    top: 0;
    padding: 0 !important;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-dialog .modal-header .close svg,
.mdx-modal-header .close svg {
    width: 16px;
    height: 16px;
}

.modal-dialog .modal-header .close:hover,
.mdx-modal-header .close:hover {
    background: rgb(242, 242, 242) !important;
    /* fill: #439b73; */
    fill: #dc3545;
}
.modal-dialog .modal-header .close:active,
.mdx-modal-header .close:active {
    background: #e8e7e7 !important;
}


.modal-dialog .modal-header h5,
.mdx-modal-header h5 {
    color: #131b20;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.3px;
}

/* ------Modal css------ */


.swal2-container,
.swal2-popup {
    font-family: 'Roboto', sans-serif;
}

.zoolatv-swal-error .swal2-title {
    color: #131b20;
}

.zoolatv-swal-error .swal2-styled.swal2-confirm {
    width: auto !important;
    min-width: 100px;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm {
    margin: 0 !important;
}

.required_input {
    color: #f25961 !important;
    position: relative;
    /* height: 10px;
    display: inline-block;
    top: 3px; */
}

.usermneudrops_etback .dropdown-menu.mdx_elemnents_drop_box {
    min-width: 300px;
}


/* ------------select2 css----------- */
.select2-container--default .select2-selection--single {
    width: 100%;
    border: 1px solid transparent;
}

.select2-container--open .select2-dropdown {
    height: auto !important;
}

.foreditableview span.select2-container--default span {
    display: inline-block !important;
    width: 100%;
}

.foreditableview span.select2 {
    min-height: inherit !important;
    display: inline-block;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
}

.foreditableview .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.foreditableview span.select2 span {
    padding: 0 !important;
    display: inline-block !important;
    min-height: inherit !important;
    border: none !important;
}

.foreditableview .select2-container--default .select2-selection--single {
    height: 40px !important;
    padding: 5px 0.75rem !important;
    border: 1px solid #e4e4e4 !important;
}

.foreditableview .select2-container--open .select2-selection--single,
.foreditableview .select2-container--open .select2-selection--single:active {
    border: 1px solid #0176d3 !important;
    box-shadow: none !important;
}
.foreditableview .select2-container--open .select2-selection--single:hover {
    border:1px solid #00a1f1 !important;
}
.foreditableview .select2-selection--single {
    border-radius: 3px !important;
}

.foreditableview .select2-selection--single:hover {
    border-color: #c7c7c7 !important;
}

.foreditableview textarea.floating_input {
    height: auto;
    min-height: 100px;
    resize: none;
}
.jqx-main-cls .jqx-widget-light .jqx-grid-cell-light.jqx-grid-empty-cell span {
    width: 100% !important;
    height: 100% !important;
    margin-top: auto !important;
    display: flex;
    align-items: center !important;
    padding: 0 !important;
    border-radius: 0 !important;
    justify-content: center !important;
    margin-left: 0 !important;
    left: auto !important;
    top: auto !important;
    text-align: center;
    float: none !important;
    position: relative !important;
}
.foreditableview .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

.select2-selection--single .select2-selection__rendered {
    color: #131b20 !important;
    line-height: 30px !important;
}

.select2-container--default .select2-results__option {
    color: #131b20 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
}

.select2-container--open .select2-dropdown {
    border: 1px solid #0176d3 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px !important;
}

.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 161, 241, 0.09) !important;
    color: #131b20 !important;
}
.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted[aria-selected]:hover {
    background-color: rgba(0, 161, 241, 0.15) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(0, 161, 241, 0.05) !important;
    color: #131b20 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:active {
    background: rgba(0, 161, 241, 0.1) !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background: transparent !important;
}

.select2-container--default.select2-container--disabled {
    /* pointer-events: none; */
    height: 30px;
}

.form-control {
    font-size: 14px !important;
}

.form-control[readonly] {
    height: 40px;
}

/* -------jqx css start------ */
:root {
    --jqx-font-family: 'Roboto', sans-serif !important;
}

.jqx-main-cls .jqx-grid-column-header a:link,
.jqx-main-cls .jqx-grid-column-header a:visited {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
    line-height: 30px !important;
}

.jqx-main-cls .jqx-grid-column-menubutton {
    /* background: rgba(0, 161, 241, 0.1) !important; */
    background: transparent !important;
}

.jqx-main-cls .jqx-widget-header-light {
    background: transparent !important;
}

.jqx-window.jqx-popup .jqx-widget-header {
    background: #fcfcfc !important;
    color: #131b20;
    font-weight: 400;
    font-size: 20px;
}

.jqx-window.jqx-popup {
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 20px !important;
    border: none !important;
}

.jqx-window.jqx-popup .jqx-widget-content .jqx-fill-state-hover {
    background: rgba(0, 161, 241, 0.1) !important;
}

.jqx-window.jqx-popup .jqx-button-light {
    margin-top: 10px !important;
    width: 120px !important;
    margin: 0 10px;
    border-radius: 3px !important;
}

.jqx-window.jqx-popup .jqx-widget-content .jqx-listitem-state-normal {
    border: none !important;
}

.jqx-window.jqx-popup .jqx-widget-content {
    height: calc(100% - 46px) !important;
}

.filter.jqx-dropdownlist {
    border: 1px solid #e3e7e9 !important;
    border-radius: 3px !important;
    width: calc(100% - 2px) !important;
}

.filter .jqx-input-light.jqx-filter-input {
    border: 1px solid #e3e7e9 !important;
    border-radius: 3px !important;
    height: 22px !important;
}

.jqx-menu-ul .jqx-fill-state-hover-light.jqx-item-light {
    background: rgba(0, 161, 241, 0.2) !important;
    color: #131b20 !important;
}

.jqx-menu-ul .jqx-item-light {
    color: #131b20 !important;
    border: none !important;
}

.jqx-main-cls .jqx-grid-pager-light .jqx-button-light.jqx-fill-state-pressed-light:after {
    display: none !important;
}

.jqx-main-cls .jqx-grid-pager-light .jqx-button-light:hover:after,
.jqx-main-cls .jqx-grid-pager-top-light .jqx-button-light:hover:after,
.jqx-main-cls .jqx-grid-pager-top-light .jqx-button-light.jqx-fill-state-pressed-light:after,
.jqx-main-cls .jqx-grid-pager-light .jqx-button-light.jqx-fill-state-pressed-light:after {
    display: none !important;
}

.jqx-main-cls .jqx-grid-pager-light .jqx-button-light {
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.jqx-main-cls .jqx-grid-pager-light .jqx-button-light>div {
    width: 100% !important;
    height: 100% !important;
    justify-content: center;
}

.jqx-main-cls .jqx-grid-column-header .jqx-grid-column-menubutton-light:after {
    background: transparent !important;
}

.jqx-tabs-arrow-left-light:after,
.jqx-menu-item-arrow-left-selected-light:after,
.jqx-menu-item-arrow-top-left:after,
.jqx-icon-arrow-left-light:after,
.jqx-icon-arrow-down-left-light:after,
.jqx-icon-arrow-left-selected-light:after,
.jqx-widget-light .jqx-grid-group-collapse-light:after,
.jqx-grid-group-collapse-light:after,
.jqx-tabs-arrow-right-light:after,
.jqx-menu-item-arrow-right-selected-light:after,
.jqx-menu-item-arrow-top-right-light:after,
.jqx-icon-arrow-right-light:after,
.jqx-icon-arrow-right-hover-light:after,
.jqx-icon-arrow-right-selected-light:after {
    font-size: 22px !important;
    line-height: initial;
}

.jqx-main-cls .jqx-icon-arrow-right-hover-light:after,
.jqx-main-cls .jqx-icon-arrow-left-hover-light:after {
    color: #00a1f1 !important;
}

.jqx-main-cls .jqx-grid-pager-light .jqx-button-light.jqx-fill-state-hover-light {
    background: #f2f2f2 !important;
}

.jqx-main-cls .jqx-grid-pager-light .jqx-button-light .jqx-main-cls .jqx-grid-cell {
    border-left: 0 !important;
    border-right: 0 !important;
}

.jqx-main-cls .jqx-grid-cleared-cell {
    background: #fff;
}

.jqx-main-cls .jqx-grid-cell-left-align {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

.jqx-main-cls .jqx-dropdownlist-state-normal-light {
    border: 1px solid #e4e4e4 !important;
    border-radius: 0.25rem !important;
}

.jqx-main-cls .jqx-input-bar-light:before {
    background: #00a1f1 !important;
}

.jqx-widget-content,
.jqx-input-button-header-light,
.jqx-calendar-title-header-light,
.jqx-grid-light .jqx-widget-header-light,
.jqx-grid-header-light,
.jqx-grid-column-header-light,
.jqx-grid-office,
.jqx-widget-header-light {
    font-family: 'Roboto', sans-serif !important;
}

.jqx-main-cls .jqx-tabs-headerWrapper ul li {
    margin: 0 !important;
    bottom: -1px;
}

.jqx-main-cls .jqx-tabs-title {
    /* padding-top: 10px !important;
    padding-bottom: 10px !important; */
    position: relative !important;
    left: 0 !important;
    letter-spacing: 0.5px !important;
    /* color: #5A6063 !important; */
    color: #131b20 !important;
    /* color: rgba(0, 0, 0, 0.88) !important; */
}

.jqx-main-cls .jqx-tabs-title:hover {
    color: rgba(0, 0, 0, 0.88) !important;
    /* opacity: 0.8; */
}

.jqx-main-cls .jqx-tabs-title.jqx-fill-state-pressed-light {
    border-bottom: none !important;
    /* color: #00a1f1 !important; */
    color: #d9153f !important;
    font-weight: 400 !important;
}

.jqx-main-cls .jqx-tabs-title:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: transparent;
    content: '';
    height: 2px;
}

.jqx-main-cls .jqx-tabs-title.jqx-fill-state-pressed-light:after {
    background: #00a1f1;
}

.jqx-main-cls .jqx-tabs-header {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.jqx-main-cls .jqx-tabs-title:hover:after {
    background: #00a1f1;
}

.jqx-main-cls .jqx-tabs-title.jqx-fill-state-pressed-light:hover:after {
    height: 3px;
    background: #0176d3;
}

.jqx-main-cls .jqx-tabs-bar-light {
    height: 0 !important;
}

.jqx-main-cls .jqx-tabs-content-light {
    border-radius: 0.25rem;
    padding: 0 !important;
    border-radius: 0;
}

.jqx-main-cls .jqx-widget-header {
    font-weight: 400;
}

.jqx-main-cls .jqx-tabs-headerWrapper {
    border-top: 1px solid #e3e7e9;
}

.jqx-main-cls .jqx-widget-header-light {
    border-color: #e3e7e9;
    border-top: 0;
}

.jqx-widget-light .jqx-grid-group-expand-light:after,
.jqx-grid-group-expand-light:after,
.jqx-grid-column-sortdescbutton-light:after,
.jqx-expander-arrow-top-light:after,
.jqx-window-collapse-button-collapsed-light:after,
.jqx-menu-item-arrow-down-light:after,
.jqx-menu-item-arrow-down-selected-light:after,
.jqx-menu-item-arrow-down-light:after,
.jqx-icon-arrow-down-light:after,
.jqx-icon-arrow-down-hover-light:after,
.jqx-icon-arrow-down-selected-light:after,
.jqx-main-cls .jqx-widget .jqx-grid-column-filterbutton:after,
.jqx-grid-column-sortascbutton-light:after,
.jqx-expander-arrow-bottom-light:after,
.jqx-window-collapse-button-light:after,
.jqx-menu-item-arrow-up-light:after,
.jqx-menu-item-arrow-up-selected-light:after,
.jqx-menu-item-arrow-top-up-light:after,
.jqx-icon-arrow-up-light:after,
.jqx-icon-arrow-up-hover-light:after,
.jqx-icon-arrow-up-selected-light:after {
    color: #252f34 !important;
}

.jqx-main-cls .jqxGrid_main_filter_zoola {
    display: flex;
    width: 100%;
    height: 100%;
    /*    padding: 0 13px;*/
    justify-content: flex-end;
    align-items: center;
    border: none !important;
}

.jqx-main-cls .jqx-widget-light .jqx-grid-cell-light {
    border-color: #e7e5e5;
    border-right: 0 !important;
}
.jqx-main-cls .jqx-widget .jqx-grid-cleared-cell.jqx-grid-cell:last-child {
    border: none !important;
}
.jqx-main-cls .jqx-widget .jqx-grid-cell:last-child {
    border-right: 1px solid #e8e8e8 !important;
}
.jqx-main-cls .customActionDropdownCls .dropdown-toggle {
    height: 20px !important;
    width: 20px !important;
    padding: 0;
    color: #5A6063 !important;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_left_filter_zoola {
    display: inline-flex;
    position: relative;
    width: 70%;
    display: none !important;
}

.jqx-main-cls .jqx-widget-content-light {
    border-radius: 0 !important;
    border: 0px !important;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .jqx-input-light {
    width: 100% !important;
    height: 32px !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 0 !important;
    padding: 4px 36px 4px 10px !important;
    /* display: none !important; */
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .jqxGrid_search_filter {
    position: relative;
    width: 220px;
}

.ink.animate {
    display: none;
}

.mdx-checkbox {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.3px;
    color: #131b20 !important;
}

.mdx-checkbox .jqx-checkbox-default {
    margin-right: 6px;
}

.mdx-checkbox .jqx-checkbox-check-checked {
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-check2" viewBox="0 0 16 16"><path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/></svg>') !important; */
    background-image: none !important;
    position: relative;
    background-color: #005c99 !important;
}

.mdx-checkbox .jqx-checkbox-check-checked:after {
    position: absolute;
    content: var(--jqx-icon-check);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    font-family: jqx-icons;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.mdx-checkbox .jqx-fill-state-normal {
    background-color: #ffffff !important;
}

/* ----------Breadcrumb css start---------- */
.mdx-breadcrumb {
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-flex;
    float: left;
}

.mdx-breadcrumb li {
    margin: 0 13px 0 0;
    position: relative;
    color: #5A6063;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.3px;
}

.mdx-breadcrumb li a {
    color: #00A1F1;
}

.mdx-breadcrumb li a:hover {
    text-decoration: underline;
    color: #0291d8;
}

.mdx-breadcrumb li a:active {
    color: #F25961;
    text-decoration: none;
}

.mdx-breadcrumb li:last-child:after {
    display: none;
}

.mdx-breadcrumb li:last-child {
    font-weight: 700;
    color: #00A1F1;
    text-decoration: underline;
}

.mdx-breadcrumb li:after {
    position: absolute;
    content: '';
    right: -8px;
    top: auto;
    border: solid #b7b7b7;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.jqx-main-cls .show-left-filter .jqxGrid_main_filter_zoola {
    justify-content: space-between;
}

.jqx-main-cls .show-left-filter .jqxGrid_main_filter_zoola .jqxGrid_left_filter_zoola {
    display: inline-flex !important;
    width: calc(100% - 400px);
    padding-left: 5px;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .serach_btn_filter_zoola {
    height: 30px !important;
    width: 34px !important;
    position: absolute !important;
    right: 10px !important;
    top: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .serach_btn_filter_zoola.jqx-icon-search-light:after {
    color: #9ba0a3;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .serach_btn_filter_zoola.jqx-icon-search-light:hover:after {
    color: #5A6063;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola.jqx-input-group-addon {
    padding: 0 !important;
}

.jqx-widget-light .jqx-grid-column-header-light {
    color: #888888;
}


.jqx-main-cls .jqx-grid-cell-hover {
    background: #f5f8fa !important;
    color: #5A6063 !important;
}

.jqx-main-cls .jqx-grid-cell-selected {
    background: rgba(0, 161, 241, 0.09) !important;
    color: #5A6063 !important;
    border-color: #e0e0e0 !important;
}

.jqx-main-cls .jqx-grid-cell {
    /* color: #5A6063 !important; */
    /* color:#181818 !important; */
    color: #131b20 !important;
    letter-spacing: 0.3px !important;
}


.jqx-main-cls .jqx-grid-cell a {
    color: #0176d3 !important;
}

.jqx-main-cls .jqx-grid-cell-alt-light {
    background: #fff !important;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .jqx-icon-close-light {
    height: 28px !important;
    width: 34px !important;
    position: absolute !important;
    right: 9px !important;
    top: 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.jqx-main-cls .jqx-icon-close-light:after {
    color: #9ba0a3;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .jqx-icon-close-light:hover:after {
    color: #5A6063;
}

.jqx-main-cls .jqx-grid-column-header {
    /* background:rgba(0, 161, 241, 0.1) !important; */
    background: -webkit-linear-gradient(to top, rgba(84, 105, 141, .02), rgba(84, 105, 141, .1)) !important;
    background: linear-gradient(to top, rgba(84, 105, 141, .02), rgba(84, 105, 141, .01)) !important;
}

.jqx-main-cls .jqx-input-group-light input[type="text"].jqx-input-light {
    border: 1px solid #e3e7e9;
    border-radius: 0.25rem !important;
}

.jqx-main-cls .jqx-input-group-light input[type="text"].jqx-input-light:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

.jqx-main-cls .jqx-grid-groups-header,
.jqx-main-cls .jqx-grid-toolbar {
    overflow: visible !important;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola {
    display: inline-flex;
    position: relative;
    /* width: 100%; */
    align-items: center;
}
.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .mdx_saterangepicker_listfilter {
    display: inline-flex;
    width: 182px;
}
.linksetzoolahead a:disabled,
.linksetzoolahead a.disabled {
    background: transparent !important;
}
.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .mdx_saterangepicker_listfilter>.jqx-input-light {
    padding: 0 6px !important;
    border-radius: 3px !important;
    padding-right: 1px !important;
    height: 30px !important;
}
.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .mdx_saterangepicker_listfilter .jqx-action-button {
    border: none !important;
    border-left: 1px solid #e4e4e4 !important;
}
.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .mdx_saterangepicker_listfilter .jqx-action-button:hover {
    background: #f2f2f2 !important;
    color: #0176d3;
}
.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .mdx_saterangepicker_listfilter .jqx-action-button:active {
    background: #ebebeb !important;
    color: #0176d3;
}
.jqx-calendar-container-light .jqx-popup {
    margin-top: 3px !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    box-shadow: none !important;
    padding-top: 6px;
}
.jqx-calendar-container-light .jqx-popup .jqx-calendar-cell-month {
    font-size: 13px !important;
    padding: 5px 0 !important;
    line-height: 1.5;
    background-color: #f4f4f4;
    color: #060606;
    border-radius: 4px !important;
    border: none !important;
}
.jqx-calendar-cell-light.jqx-fill-state-pressed-light:after {
    display: none !important;
}
.jqx-calendar-month-container>div {
    height: 26px !important;
}
.jqx-calendar-column-header {
    border: none !important;
}
.jqx-calendar .jqx-reset td[align="right"] {
    text-align: left;
    padding-right: 12px !important;
    padding-bottom: 0 !important;
    position: relative;
    top: 3px;
    float: right;
}
.jqx-calendar .jqx-reset td[align="left"] {
    text-align: right;
    padding-left: 12px !important;
    padding-bottom: 0 !important;
    position: relative;
    top: 3px;
    float: left;
}
.jqx-calendar .jqx-reset td[align="right"] a {
    padding: 0 8px;
    color: #ffffff;
    height: 22px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: #00a1f1 !important;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: none !important;
    cursor: pointer;
    min-width: inherit;
    margin: 0;
}
.jqx-calendar .jqx-reset td[align="right"] a:hover {
    color: #ffffff;
    background: #29a9e9 !important;
    text-decoration: none !important;
}
.jqx-calendar .jqx-reset td[align="right"] a:active {
    color: #ffffff;
    background: #1294d5 !important;
    text-decoration: none !important;
}

.email-templates .jqx-calendar-light {
    height: 310px !important;
}
.jqx-calendar .jqx-reset td[align="left"] a {
    padding: 0;
    color: #f37878;
    height: 22px;
    display: inline-flex;
    line-height: initial;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 0.3px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 3px;
    border: none !important;
    cursor: pointer;
    min-width: inherit;
    margin: 0;
}
.jqx-calendar .jqx-reset td[align="left"] a:hover {
    color: #f84646;
    background: transparent !important;
    text-decoration: underline !important;
}
.jqx-calendar .jqx-reset td[align="left"] a:active {
    color: #f11e1e;
    background: transparent !important;
    text-decoration: underline !important;
}

.jqx-calendar-column-header .jqx-calendar-column-cell {
    font-size: 13px !important;
    padding: 5px 0 !important;
    font-weight: 700 !important;
}
.jqx-calendar-month-light {
    width: 100% !important;
    left: 0 !important;
}
.jqx-calendar-title-navigation-light {
    padding: 0 !important;
}
/* .jqx-calendar table {
    border-spacing: 2px !important;
} */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #0176d3;
}
.jqx-icon-search-light:after {
    content: '' !important;
    background: url('../admin/assets/images/search_jqxw.png') !important;
    width: 14px !important;
    height: 14px !important;
}
.jqx-calendar-container-light .jqx-popup .jqx-calendar-cell-month.jqx-calendar-cell-othermonth {
    background: transparent !important;
    pointer-events: none !important;
    color: #999 !important;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    pointer-events: none;
    background: transparent !important;
    color: #999 !important;
}
.mdx_searchbar_cls_for_seaxrh::-webkit-input-placeholder,
.mdx_searchbar_cls_for_seaxrh:-ms-input-placeholder,
.mdx_searchbar_cls_for_seaxrh::placeholder,
.jqx-search-filter-input::placeholder,
.jqx-search-filter-input:-ms-input-placeholder,
.jqx-search-filter-input::-webkit-input-placeholder {
    color: #131b20 !important;
    font-size: 13px !important;
    letter-spacing: inherit !important;
    opacity: 1 !important;
}
.mdx_newtype_emaillayouts_grid .mdx_newtype_emaillayouts_header .mdx_startfrom_scratch_inner .select2 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #131b20 !important;
    font-size: 13px !important;
    letter-spacing: inherit !important;
}
.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .mdx_saterangepicker_listfilter>.jqx-input-light .jqx-widget-content-light {
    color: #131b20 !important;
    font-size: 13px !important;
    letter-spacing: inherit !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola ul {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
}

.jqx-main-cls .all_action_dropbox .dropdown-menu {
    min-width: 160px;
}

.jqx-main-cls .all_action_dropbox .dropdown .dropdown-item {
    height: auto;
    margin: 0;
    line-height: normal !important;
}

.jqx-main-cls .linksetzoolahead a:link,
.jqx-main-cls .icon-btn-dropdown>.dropdown-toggle {
    /* width: 36px;
    height: 36px; */
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    display: inline-flex;
    color: #888 !important;
    margin: 0 !important;
}

.jqx-main-cls .icon-btn-dropdown>.dropdown-toggle svg,
.jqx-main-cls .linksetzoolahead svg {
    width: 16px;
    height: 16px;
}

.jqx-main-cls .icon-btn-dropdown>.dropdown-toggle:hover {
    /* background: rgba(0, 161, 241, 0.2) !important; */
    background: #f2f2f2 !important;
    color: #1AB7EA !important;
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola ul li {
    position: relative;
    display: inline-flex;
    /*    margin:0 5px;*/
}

.jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola ul li .dropdown-menu {
    transform: translate3d(0, 36px, 0px) !important;
    top: 0px !important;
    left: auto !important;
    right: 0 !important;
}

/* ---------------Jqx Pagination------------ */
.jqx-main-cls .jqx-grid-pager .jqx-input-light input,
.jqx-main-cls .jqx-grid-pager input[type="text"].jqx-input-light,
.jqx-main-cls .jqx-grid-pager input[type="password"].jqx-input-light,
.jqx-main-cls .jqx-grid-pager input[type="text"].jqx-widget-content-light,
.jqx-main-cls .jqx-grid-pager input[type="textarea"].jqx-widget-content-light,
textarea.jqx-input-light {
    border-radius: 0.25rem !important;
    border: 1px solid #e4e4e4 !important;
    padding: 5px !important;
}

/* ---------------Jqx scroll start------------ */
/* ----Normal state---- */
.jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar-thumb-state-normal-horizontal,
.jqx-scrollbar-button-state-normal {
    background: #e6e6e6 !important;
    border-radius: 0 !important;
    border-color: #d9d8d8 !important;
}

/* ----Hover state---- */
.jqx-scrollbar-thumb-state-hover-horizontal,
.jqx-scrollbar-thumb-state-hover,
.jqx-scrollbar-button-state-hover {
    background: #d8d8d8 !important;
    border-color: #c3c3c3 !important;
}

/* ----Pressed state---- */
.jqx-scrollbar-thumb-state-pressed,
.jqx-scrollbar-thumb-state-pressed-horizontal,
.jqx-scrollbar-button-state-pressed {
    background: #c7c4c4 !important;
    border-color: #9e9e9e !important;
}

.jqx-scrollbar .jqx-icon-arrow-left:after,
.jqx-scrollbar .jqx-icon-arrow-right:after,
.jqx-scrollbar .jqx-icon-arrow-up:after,
.jqx-scrollbar .jqx-icon-arrow-down:after {
    display: none !important;
}

.jqx-scrollbar .jqx-icon-arrow-left,
.jqx-scrollbar .jqx-icon-arrow-left-hover,
.jqx-scrollbar .jqx-icon-arrow-left-selected {
    background-image: url(../admin/assets/jqwidgets/images/icon-left.png) !important;
}

.jqx-scrollbar .jqx-icon-arrow-right,
.jqx-scrollbar .jqx-icon-arrow-right-hover,
.jqx-scrollbar .jqx-icon-arrow-right-selected {
    background-image: url(../admin/assets/jqwidgets/images/icon-right.png) !important;
}

.jqx-scrollbar .jqx-icon-arrow-up,
.jqx-scrollbar .jqx-icon-arrow-up-hover,
.jqx-scrollbar .jqx-icon-arrow-up-selected {
    background-image: url(../admin/assets/jqwidgets/images/icon-up.png) !important;
}

.jqx-scrollbar .jqx-icon-arrow-down,
.jqx-scrollbar .jqx-icon-arrow-down-hover,
.jqx-scrollbar .jqx-icon-arrow-down-selected {
    background-image: url(../admin/assets/jqwidgets/images/icon-down.png) !important;
}

/* ---------------Jqx scroll End------------ */


/* -------jqx table end------ */

/* -------jqx dropdown view css------ */
.mdx-action-dropdown.dropdown-menu,
.mdx-custom-body-dropdown.dropdown-menu,
.card_zoola_header .dropdown-menu {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px !important;
    border-radius: 3px !important;
    border: 0;
}

.mdx-action-dropdown.dropdown-menu .dropdown-item,
.mdx-custom-body-dropdown.dropdown-menu .dropdown-item,
.card_zoola_header .dropdown-menu .dropdown-item {
    border-radius: 3px;
    letter-spacing: 0.5px;
    color: #5A6063 !important;
    font-size: 13px !important;
    font-weight: 400;
    padding: 6px 8px;
    display: flex;
    align-items: center;
}

.mdx-action-dropdown.dropdown-menu .dropdown-item,
.mdx-custom-body-dropdown.dropdown-menu .dropdown-item {
    color: #0176d3 !important;
}

.mdx-action-dropdown.dropdown-menu a:hover,
.mdx-action-dropdown.dropdown-menu a:focus,
.mdx-custom-body-dropdown.dropdown-menu a:hover,
.mdx-custom-body-dropdown.dropdown-menu a:focus,
.card_zoola_header .dropdown-menu a:hover,
.card_zoola_header .dropdown-menu a:focus {
    background: rgba(0, 161, 241, 0.05) !important;
}

/* -------jqx tree view css------ */
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li {
    width: 100% !important;
}

.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item {
    /* width: calc(100% - 60px);      */
    border: none !important;
    font-size: 14px !important;
    color: #5A6063 !important;
    padding: 6px 8px !important;
}



.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-tree-item.jqx-fill-state-pressed {
    background: rgba(0, 161, 241, 0.09) !important;
    font-weight: 500 !important;
}

.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-tree-item.jqx-fill-state-hover {
    background: rgba(0, 161, 241, 0.05) !important;
}

.mdx-tree-view .jqx-tree-dropdown-root {
    padding-left: 17px;
    padding-top: 10px !important;
}
.mdx_email_blst_dflt_teplt_mn .mdx-tree-view .jqx-folder-header {
    height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.mdx-tree-view .jqx-folder-header {
    background: #fff !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 16px !important;
    display: flex;
    align-items: center;
    height: auto !important;
    margin-bottom: 0 !important;
    border: none !important;
    /* border-bottom: 1px solid #e3e7e9 !important;     */
}

.mdx-tree-view .jqx-folder-header span {
    color: #5A6063 !important;
    font-size: 16px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.mdx-tree-view>.jqx-widget-content {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-color: #e3e7e9 !important;
}

.mdx-tree-view .jqx-folder-header .linksetzoolahead svg {
    fill: #5A6063;
}

.jqx-splitter-splitbar-vertical {
    /* border-color: #e3e7e9 !important; */
    border: none !important;
    /* background:#96dcff !important;   */
    background: #f5f8fa !important;
    width: 7px !important;
}
.jqx-splitter-splitbar-horizontal {
    background: #f5f8fa !important;
    border: none !important;
}

.jqx-fill-state-normal.Jqx-splitter-splitbar-invalid {
    background: #F25961 !important;
}

.jqx-splitter-splitbar-vertical .jqx-splitter-collapse-button-vertical {
    position: relative;
    background: none;
    width: 100% !important;
}
.jqx-splitter-splitbar-horizontal .jqx-splitter-collapse-button-horizontal:before {
    width: 100%;
    height: 1px;
    background: #F25961;
    content: '';
    position: absolute;
    z-index: 1;
    left: auto;
    top: 1px;
}
.jqx-splitter-collapse-button-horizontal {
    background: #f5f8fa !important;
    border: none !important;
    top: 0px px !important;
}
.jqx-splitter-splitbar-horizontal {
    height: 7px !important;
    border-top: 1px solid #e0e0e0 !important;
}
.jqx-splitter-splitbar-horizontal .jqx-splitter-collapse-button-horizontal::after {
    width: 100%;
    height: 1px;
    background: #F25961;
    content: '';
    position: absolute;
    z-index: 1;
    left: auto;
    top: 4px;
}
.jqx-splitter-splitbar-vertical.jqx-fill-state-hover,
.jqx-splitter-splitbar-horizontal.jqx-fill-state-hover {
    background: #eeeeee !important;
}

.jqx-splitter-splitbar-vertical.jqx-fill-state-hover .jqx-splitter-collapse-button-vertical:after {
    background: #F25961;
    width: 5px;
}
.jqx-splitter-splitbar-horizontal.jqx-fill-state-hover .jqx-splitter-collapse-button-horizontal:before {
    background: #F25961;
    height: 5px;
}
.jqx-splitter-splitbar-horizontal .jqx-splitter-collapse-button-horizontal:hover:after {
    background: #F25961;
}
.jqx-splitter-splitbar-vertical .jqx-splitter-collapse-button-vertical:hover:after {
    background: #F25961;
    width: 5px;
}

.jqx-splitter-splitbar-vertical .jqx-splitter-collapse-button-vertical:hover:before,
.jqx-splitter-splitbar-vertical.jqx-splitter-splitbar-collapsed .jqx-splitter-collapse-button-vertical:before {
    display: none;
}

.jqx-splitter-splitbar-vertical .jqx-splitter-collapse-button-vertical:after {
    width: 1px;
    height: 100%;
    background: #F25961;
    content: '';
    position: absolute;
    z-index: 1;
    left: 1px;
    top: 0;
}

.jqx-splitter-splitbar-vertical .jqx-splitter-collapse-button-vertical:before {
    width: 1px;
    height: 100%;
    background: #F25961;
    content: '';
    position: absolute;
    z-index: 1;
    left: 4px;
    top: 0;
}

.jqx-splitter-splitbar-vertical.jqx-splitter-splitbar-collapsed .jqx-splitter-collapse-button-vertical:after {
    background: #eb3942;
    width: 5px;
}
.jqx-splitter-splitbar-horizontal.jqx-splitter-splitbar-collapsed .jqx-splitter-collapse-button-horizontal:before {
    background: #eb3942;
    height: 5px;
}

/* -------jqx avtar table start------ */
.mdx-bitmap-avatar-main {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.mdx-bitmap-avatar {
    width: 60px;
    height: 60px;
    display: inline-flex;
    /* border: 1px solid #ccc; */
    /* box-shadow: inset 0 0 15px rgb(0 0 0 / 10%); */
    justify-content: center;
}

.mdx-bitmap-avatar img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* -------jqx checkbox table start------ */
.jqx-main-cls .jqx-grid-light .jqx-checkbox-default-light {
    border-radius: 3px;
}

/* -------Dropzone css start------ */
.mdx-dropzone-common {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px 18px 10px 18px;
    align-items: center;
    float: left;
    width: 100%;
}

.mdx-dropzone-common .dropzone.dropzone-media {
    width: 100%;
    position: relative;
    background-color: #ffffff;
    outline: 1px dashed #00a1f1;
    outline-offset: 0;
    border: none;
    cursor: pointer;
    text-align: center;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .25rem !important;
}

.mdx-dropzone-common .dropzone.dropzone-media svg {
    width: 70px;
    height: 70px;
    /* color: #AAAAAA; */
    color: #00A1F1;
    position: absolute;
    z-index: 1;
    top: 42px;
}

.mdx-dropzone-common .dropzone.dropzone-media:hover {
    outline: 2px dashed #00a1f1;
    background-color: rgba(0, 161, 241, 0.05);
}

.mdx-dropzone-common .dropzone.dropzone-media .dz-message.dz-default {
    position: relative;
}

.mdx-dropzone-common .dropzone.dropzone-media .dz-message {
    margin: 0;
    height: 100%;
    z-index: 11;
    display: flex;
    padding: 70px 0 0 0;
}

.mdx-dz-default-preview.dz-started svg,
.mdx-dz-default-preview.dz-started .dz-message.dz-default {
    display: none;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-success-mark svg,
.mdx-dropzone-common .dropzone .dz-preview .dz-error-mark svg {
    display: block !important;
    width: 54px !important;
    height: 54px !important;
    fill: #fff !important;
    top: auto !important;
    position: initial !important;
}

.mdx-dropzone-common .dropzone.dropzone-media .dz-message .dz-button {
    font-size: 16px;
    /* color: #AAAAAA; */
    color: #5A6063;
    letter-spacing: 0.5px;
}

.mdx-dropzone-common .dropzone.dropzone-media:hover .dz-message .dz-button,
.mdx-dropzone-common .dropzone.dropzone-media:hover svg {
    color: #0291d8;
}

.mdx-dropzone-common .dropzone.dropzone-previews {
    width: 100%;
    border: none;
    margin-top: 16px;
    padding: 0;
}

.mdx-dropzone-common .dropzone .dz-preview {
    padding: 6px;
    border: 1px solid #e3e7e9;
    border-radius: 6px;
    margin: 5px;
}

.mdx-dropzone-common .dropzone .dropzone.dz-clickable * {
    cursor: pointer;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-details {
    height: 90px;
    top: 6px;
    padding: 1rem;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-remove {
    margin-top: 8px;
    color: #00a1f1;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-details {
    display: none;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-progress {
    border: 3px solid rgb(0 161 241) !important;
    background: rgb(0 161 241) !important;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-image {
    width: 85px !important;
    height: 70px !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
    cursor: pointer;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-image img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    /* border-radius: 6px; */
}

.mdx-alert-message {
    color: #5A6063;
    font-size: 22px;
}

.mdx-dropzone-common .dropzone .dz-preview:hover .dz-image img {
    transform: none !important;
    filter: none !important;
}

.jqx-splitter-panel .inner-card-zoola-header.borderno {
    border: none !important;
}

.mdx-dropzone-common .dropzone .dz-preview.dz-image-preview:hover {
    border: 1px solid #00a1f1;
    background: rgba(0, 161, 241, 0.05);
    box-shadow: 0 0 4px #c9caca;
}

.mdx-dropzone-common .dropzone .dz-preview .dz-remove:hover {
    color: #F25961 !important;
}

/* -------Dropzone css end------ */

/* -------floating icon button css start------ */
.floating_set_button {
    position: fixed;
    bottom: 20px;
    right: 12px;
    z-index: 99;
}

.floating_set_button a {
    padding: 0;
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #1AB7EA;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 14%);
    border-radius: 50%;
    color: #ffffff;
    overflow: hidden;
}

.floating_set_button a svg {
    width: 24px;
    height: 24px;
}

/* -------floating icon button css end------ */

/* ------Default Add item display screen start---- */
.tabbing_my_design_body_section {
    float: left;
    width: 100%;
    padding: 0 20px;
    background: #ffffff;
    border-radius: .25rem;
}

.nomydesigncls {
    height: 100%;
}

._nomy_9rmyIg_main {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

._nomy_9rmyIg_main .box_set_hovercls {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    flex-direction: column;
    padding: 20px 36px;
    border-radius: 5px;
    border: 1px solid transparent;
}

._nomy_9rmyIg_main .box_set_hovercls:hover {
    border-color: rgba(0, 161, 241, 0.13);
    /* background: #f5f6f9 !important; */
    background: rgba(0, 161, 241, 0.05) !important;
}

._nomy_9rmyIg_main .box_set_hovercls:hover .btn_newzoola_lg_white {
    background: #00a1f1 !important;
    border-color: #00a1f1 !important;
    color: #ffffff;
}

._nomy_9rmyIg_main .box_set_hovercls:hover .btn_newzoola_lg_white:hover {
    background: #29a9e9 !important;
    border-color: #29a9e9 !important;
}

._nomy_9rmyIg_main .box_set_hovercls:hover .btn_newzoola_lg_white:active {
    background: #1294d5 !important;
    border-color: #1294d5 !important;
}


._nomy_9rmyIg_main .OBbqmQnomydesigncls {
    margin-bottom: 20px;
}

._nomy_9rmyIg_main .OBbqmQnomydesigncls img {
    width: 180px;
}

.anchoreA7weiw_main {
    display: inline-flex;
}

._nomy_9rmyIg_main .lnCPo9rmyIgzArew {
    margin-bottom: 22px !important;
    text-align: center;
    font-size: 14px;
    color: #131b20;
    letter-spacing: 0.3px;
}

/* ------Default Add item display screen end---- */


/* ------Toast css start for set success and warning ---- */
.toast.show {
    display: block !important;
}

.toast {
    z-index: 99999;
    border: none;
    width: 400px !important;
}

.toast .toast-header {
    background: transparent;
    padding: 2px 8px;
    border: none;
}

.toast .toast-header .close {
    text-shadow: none;
}


.toast.successtoastR {
    background: #00a1f1;
}

.toast.successtoastR .toast-header svg {
    width: 20px;
    height: 20px;
    color: #FFF;
    margin-right: 5px;
}

.toast.successtoastR .toast-header .close,
.toast.successtoastR .toast-header strong {
    color: #FFF;
}

.toast.errortoastR {
    background: #d9153f;
}

.toast.errortoastR .toast-header svg {
    width: 20px;
    height: 20px;
    color: #FFF;
    margin-right: 5px;
}

.toast.errortoastR .toast-header .close,
.toast.errortoastR .toast-header strong {
    color: #FFF;
}

.toast .toast-header strong,
.toast .toast-body {
    letter-spacing: 0.5px;
    color: #FFF;
    padding: 4px 10px;
}

/* ------Toast css end for set success and warning ---- */

.mobile_card_grid_cls {
    width: 100%;
    float: left;
    padding: 0;
    background: #ffffff;
}

.mobile_card_grid_cls .mobile_card_grid_row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 10px 5px;
    position: relative;
    margin: 0;
    border-radius: 0;
    border-top: 1px solid #e3e7e9;
}

.mobile_card_grid_cls .mobile_card_grid_row:nth-child(2n + 1) {
    background: #f5f8fa;
}


/* Email Verification Info Tab CSS Start */

.info_bar {
    background-color: #d9153f;
    padding: 3px 25px;
    position: relative;
    z-index: 1001;
    text-align: center;
    display: none;
    height: 31px;
    position: relative;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 14px;
}

.search_main_body .info_bar .actionarea {
    min-width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #00a1f1;
    margin-left: 5px;
}

.search_main_body .info_bar .actionarea .spinner-border {
    color: #FFFFFF;
    width: 14px;
    height: 14px;
    margin: 0;
}

.search_main_body .info_bar .actionarea .check_sent_cls {
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.search_main_body .info_bar .actionarea .check_sent_cls span {
    margin-left: 2px;
}

.search_main_body .info_bar a {
    background: #ffffff;
    padding: 0 10px;
    border-radius: 8.5px;
}

.search_main_body .info_bar a:hover {
    background: #00A1F1;
    color: #fff;
}



.mdx-default-label {
    padding: 0 10px !important;
    margin: 0;
    float: left;
    width: 100%;
    font-weight: 400;
    color: #0176d3 !important;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/* --Fancy image details box css start----- */
.mdx-media-wrapper {
    display: flex;
    float: left;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    height: 100%;
}

.mdx-media-left {
    width: calc(100% - 460px);
    display: inline-flex;
    text-align: center;
}

.mdx-media-left .fancybox-container {
    position: relative;
}

.mdx-media-right {
    width: 460px;
    display: inline-flex;
    flex-direction: column;
    background-color: #f6f7f7;
    /* border-left: 1px solid #dcdcde; */
    background: #ffffff;
    padding: 0;
    position: relative;
}

.mdx-media-top-detail {
    padding: 15px 20px;
    border-bottom: 1px solid #d6d6d7;
    background: #f7f7f7;
}

.mdx-media-middle-detail {
    float: left;
    width: 100%;
    padding: 15px 20px;
    background: #ffffff;
}

.mdx-media-top-detail p {
    margin: 2px 0;
    padding: 0;
    font-size: 13px;
    letter-spacing: 0.3px;
    color: #5A6063;
}

.mdx-media-top-detail p b {
    font-weight: 500;
    color: #131b20;
}

.mdx-media-middle-detail .foreditableview .floating_label {
    padding-left: 10px !important;
}

.foreditableview .floating_textarea {
    border-color: #ffffff;
    padding-right: 10px;
    width: 100%;
    height: 60px;
    resize: none;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px !important;
    color: #5A6063 !important;
    display: inline-flex;
    align-items: flex-end;
    letter-spacing: 0.5px;
    font-weight: 400;
    padding: 5px 5px 5px 10px;
    font-size: 14px;
    background-color: #fff;
    box-shadow: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.foreditableview .floating_textarea:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

.fancybox-copy-clipboard {
    position: absolute;
    right: 6px;
    bottom: 4px;
    width: 40px !important;
    height: 38px;
    background: #e3e7e9 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    border-radius: 0 3px 3px 0 !important;
}

.foreditableview.foreditablecopy .floating_input {
    padding-right: 46px !important;
}

.fancybox-copy-clipboard:hover {
    background: #d0d5d7 !important;
}

.foreditableview.foreditablecopy svg {
    width: 22px;
    height: 22px;
    color: #131b20;
}

.mdx-media-top-header-detail {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    background: #131b20;
    padding: 0 20px;
}

.mdx-media-top-header-detail h2 {
    color: #ffffff;
}

.fancybox-copy-clipboard:active {
    background: #b4babd !important;
}

/* Chat window CSS Start */

.mdx_chat_main_window {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    background-color: rgb(255, 255, 255);
}

.mdx_left_user_panel_cls {
    flex: 0 0 auto;
    z-index: 7;
    /* height: calc(100vh - 202px); */
    display: block;
    position: relative;

    width: 280px;
    flex: 0 0 auto;
    min-width: 250px;
    max-width: 500px !important;
   
}
.mdx_chat_main_window .ui-resizable-e {
    cursor: col-resize !important;
    width: 7px;
    right: -7px;
    top: 0;
    height: 100%;
    background: #f5f8fa;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mdx_chat_main_window .ui-resizable-e:before {
    width: 1px;
    height: 45px;
    background: #F25961;
    content: '';
    position: absolute;
    z-index: 1;
    left: 4px;
    top: auto;
}
.mdx_chat_main_window .ui-resizable-e:after {
    width: 1px;
    height: 45px;
    background: #F25961;
    content: '';
    position: absolute;
    z-index: 1;
    left: 1px;
    top: auto;
}
.mdx_chat_main_window .ui-resizable-e:hover {
    background: #ededed;
}
.mdx_chat_main_window .ui-resizable-e:active {
    background: #e3e3e3;
}

.mdx_chat_main_window .ui-resizable-e:hover:after {
    width: 3px;
}
.mdx_chat_main_window .tab-content {
    float: left;
    width: 100%;
}
.mdx_right_chat_wn_cls {
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 100%;
    position: relative;
    background-color: #ffffff;

    flex: 1 1 auto;
    width: 100%;
    min-width: 500px !important;
}

.mdxDrawer {
    box-shadow: none;
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    color: rgba(50, 71, 92, 0.87);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 0 auto;
    border-right: 1px solid rgba(50, 71, 92, 0.12);    
}

.mdxDrawer h1 {
    color: #ccc;
    font-weight: 500;
    text-align: center;
}

.mdx_image_wrapbox_add {
    width: 100%;
    margin-bottom: 5px;
}
.mdx_audio_wrapbox_add {
    width: 100%;
    margin-bottom: 5px;
}
.mdx_audio_wrapbox_add audio {
    background: #f1f3f4;
    border: 1px solid #dde0e1;
    border-radius: 4px;
}
.mdx_video_wrapbox_add {
    width: 100%;
    margin-bottom: 5px;
    height: 200px;
    overflow: hidden;
    border-radius: 3px;
}
.mdx_video_wrapbox_add video {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.mdx_image_wrapbox_add img {
    width: 100%;
    border-radius: 3px;
}

.chattop_header_css {
    padding: 5.5px 1.25rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(50, 71, 92, 0.12);
    box-shadow: 0 1px 2px #edeaea;
}

.chattop_header_css_left {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
}

.mdx_chatBadge_root {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 0.75rem;
}

.mdx_chatavtar {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    width: 32px;
    height: 32px;
}

.mdx_chatavtar img {
    width: 100%;
    height: 100%;
    text-align: center;
    object-fit: cover;
    color: transparent;
    text-indent: 10000px;
}

.mdx_chatBadge_root .mdx_status_badge_cht {
    display: flex;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 0.75rem;
    min-width: 20px;
    line-height: 1;
    padding: 0px 6px;
    height: 20px;
    border-radius: 10px;
    z-index: 1;
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    bottom: 14%;
    right: 14%;
    transform: scale(1) translate(50%, 50%);
    transform-origin: 100% 100%;
}

.mdx_chatBadge_root .mdx_status_badge_cht .css-13hkp7d {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    color: rgb(133, 146, 163);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
    background-color: rgb(133, 146, 163);
}

.mdx_chatBadge_root .mdx_status_badge_cht .css-13hkp7d.online {
    color: rgb(113, 221, 55);
    background-color: rgb(113, 221, 55);
}

.mdx_chatBadge_root .mdx_status_badge_cht .css-13hkp7d.offline {
    color: rgb(255, 62, 29);
    background-color: rgb(255, 62, 29);
}

.chattop_header_css_right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.chattop_header_css_right ul,
.chattop_header_css ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    border: none;
}
.chattop_header_css_left ul  {
    margin-left: 20px;
}
.chattop_header_css ul li.nav-item .chat_window_icons {
    border: none !important;
    font-size: 14px !important;
    letter-spacing: 0.3px !important;
    padding: 6px 10px;
}
.chattop_header_css ul li.nav-item .chat_window_icons:hover {
    text-decoration: none !important;
}
.chattop_header_css_right ul li {
    display: inline-flex;
    margin: 0;
}

.chattop_header_css_right ul li .usermneudrops_etback .dropdown-toggle::after {
    display: none;
}

.chattop_header_css_right ul li .usermneudrops_etback .dropdown-toggle svg {
    width: 20px;
    height: 20px;
    color: rgba(50, 71, 92, 0.6);
}

.chattop_header_css_right ul li .usermneudrops_etback .dropdown-toggle {
    cursor: pointer !important;
    border-radius: 4px !important;
    padding: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.chattop_header_css_right ul li .usermneudrops_etback .dropdown-toggle>span {
    color: #0176d3;
    font-size: 14px;
    font-weight: 500;
    margin-left: 3px;
}
.chattop_header_css_right ul li .usermneudrops_etback .dropdown-toggle:hover {
    background-color: rgba(50, 71, 92, 0.04);
}
.chattop_header_css_right ul li .usermneudrops_etback .dropdown.show  .dropdown-toggle {
    background-color: rgba(50, 71, 92, 0.08);
}
.chattop_header_css_right ul li .usermneudrops_etback .dropdown-toggle:active {
    background-color: rgba(50, 71, 92, 0.08);
}
.mdx_drp_iconslf a:hover {
    text-decoration: none !important;
}
.mdx_drp_iconslf a:active {
    background-color: rgba(0, 161, 241, 0.09) !important;
}
.chattop_header_css_right ul li .usermneudrops_etback .dropdown-menu a:hover,
.chattop_header_css_right ul li .usermneudrops_etback .dropdown-menu a:focus {
    text-decoration: none !important;
}

.chattop_header_css_right ul li .usermneudrops_etback .dropdown-menu a:active {
    background-color: rgba(0, 161, 241, 0.09) !important;
}

.chattop_header_css_right ul li .usermneudrops_etback {
    margin: 0;
    padding: 0;
    border: none;
}

.chattop_header_css_right ul li .usermneudrops_etback .dropdown-toggle {
    padding: 0;
}

.chattop_header_css_right ul li .chat_window_icons,
.chattop_header_css ul li .chat_window_icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: transparent;
    cursor: pointer;
    border-radius: 4px;
    overflow: visible;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 5px;
    font-size: 1.125rem;
    color: rgba(50, 71, 92, 0.6);
}
.chattop_header_css ul li.nav-item {
    margin: 0 2px !important;
}
.chattop_header_css_right ul li .chat_window_icons:hover,
.chattop_header_css ul li .chat_window_icons:hover {
    background-color: rgba(50, 71, 92, 0.04);
}
.chattop_header_css_right ul li .chat_window_icons:active,
.chattop_header_css ul li .chat_window_icons.active {
    background-color: rgba(50, 71, 92, 0.08);
}
.chattop_header_css_left ul li .chat_window_icons {
    padding: 6px 10px !important;
}
.details_files_tab_design {
    float: left;
    width: 100%;
}
.chattop_header_css ul li.nav-item .chat_window_icons.active {
    background-color: #018adf;
    color: #fff;
}
.details_files_tab_design .details_files_inner_main {
    float: left;
    width: 100%;
}
.details_files_inner_main .details_files_row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    height: 30px;
    border-bottom: 1px solid #f1f1f1;
}
.details_files_inner_main .details_files_header {
    background: linear-gradient(to top, rgba(84, 105, 141, .02), rgba(84, 105, 141, .01)) !important;
    height: 30px;
    border-top: 1px solid #e3e7e9;
    border-bottom: 1px solid #e3e7e9;
}
.details_body_set_colp .details_files_row .details_filescommon_column {
    color: #131b20 !important;
    letter-spacing: 0.3px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.details_filescommon_column {
    padding-left: 3px;
    align-items: center;
    display: inline-flex;
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    color: var(--jqx-surface-color);
    height: 100%;
}
.details_files_inner_main .details_files_header .details_filescommon_column:last-child {
    border-right: none !important;
}
.details_files_inner_main .details_files_header>div {
    height: 100% !important;
    border-right: 1px solid var(--jqx-border) !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.3px;
}
.details_files_column {
    width: calc(100% - 344px);
}
.details_body_set_colp {
    float: left;
    width: 100%;
    height: calc(100vh - 285px);
    overflow-y: auto;
}
.details_files_inner_main .details_files_row .mdx-checkbox-input .styled-checkbox+label {
    width: 100%;
    height: 100%;
    padding-left: 20px !important;
}

/* .details_body_set_colp .details_files_row .mdx_checkbox_group_set span {
    height: 20px;
    margin: 0;
} */

.details_files_inner_main .mdx_checkbox_group_set {
    width: 22px;
    padding: 0 !important;
    height: 100%;
}
.details_postedby_column {
    width: 160px;
}
.details_datepostedby_column {
    width: 160px;
}

.mdx_chat_userdetail h3 {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.3px;
}

.mdx_chat_userdetail p {
    margin: 0;
    font-size: 12px;
    color: #838b95;
    letter-spacing: 0.3px;
}

.mdx_chatbox_wrapper {
    position: relative;
    overflow-y: auto;
    padding: 1.25rem;
    height: calc(100vh - 290px);
}

.mdx_single_chat {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.mdx_single_chat.nwcss_rowreverse {
    flex-direction: row-reverse;
}

.mdx_single_chat.nwcss_rowreverse .mdx_singlechat_msgs_inner {
    border-radius: 6px 0 6px 6px;
    background: rgba(0, 161, 241, 0.05) !important;

}

.nwcss_rowreverse .mdx_singlechat_pic {
    margin-right: 0;
    margin-left: 0.875rem;
}

.mdx_singlechat_pic {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
    margin-right: 0.875rem;
}

.mdx_singlechat_pic img {
    width: 100%;
    height: 100%;
    text-align: center;
    object-fit: cover;
}

.mdx_chat_body_sec_row_group {
    max-width: 65%;
}

.mdx_singlechat_msgs .mdx_singlechat_msgs_inner {
    margin: 0px;
    /* box-shadow: 1px 1px 3px #dddddd; */
    border-radius: 0px 6px 6px;
    max-width: 100%;
    padding: 0.75rem 1rem;
    background-color: #f1f1f178;
}

.mdx_singlechat_msgs .mdx_singlechat_msgs_inner p {
    margin: 0;
    padding: 0;
    width: fit-content;
    font-size: 0.875rem;
    overflow-wrap: break-word;
    color: rgba(50, 71, 92, 0.87);
    font-weight: 400;
    line-height: 1.5;
    white-space: pre-line;
}

.mdx_time_16j0nbw {
    margin-top: 0.25rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.mdx_time_16j0nbw span {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    color: rgba(50, 71, 92, 0.6);
    margin: 0;
}

.mdx_chat_body_sec_row_group .mdx_singlechat_msgs {
    margin-top: 0.875rem !important;
}

.mdx_chat_body_sec_row_group .mdx_singlechat_msgs:first-child {
    margin-top: 0 !important;
}

.mdx_msg_footer_wrap {
    padding: 0 20px 20px;
    width: 100%;
    float: left;
    position: relative;
}
.mdx_msg_footer_wrap:after {
    width: 100%;
    content: '';
    height: 64px;
    bottom: 44px;
    left: 0;
    position: absolute;
    background: linear-gradient(rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0.3) 75%, transparent);
    transform: rotateX(180deg);
}
.floating_label_input.foreditableview.m-0 {
    margin: 0 !important;
}


.foreditableview .select2-selection--single .select2-selection__rendered span {
    line-height: inherit !important;
}

.mdx_msg_footer_wrap_inner {
    display: flex;
    width: 100%;
    align-items: center;
    border: 1px solid #e5e5e5;
    padding: 0.3125rem 1rem;
    justify-content: space-between;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 11;
}

.mdx_msg_footer_wrap_inner .mdx_msg_input_type {
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mdx_msg_footer_wrap_inner .mdx_msg_input_type .mdx_form_input_tp {
    color: #131b20;
    border: 0px;
    background: none;
    margin: 0px;
    width: 100%;
    padding: 8.5px 14px 8.5px 0;
    height: 40px;
}

.mdx_msg_footer_wrap_inner .mdx_msg_input_type .mdx_form_input_tp::-webkit-input-placeholder,
.mdxDrawer_top .mdxDrawer_top_inner .searchbox_mdx_cls::-webkit-input-placeholder,
.main_mdx_searchbar_topheader .main_mdx_searchbar_innerT .searchbar_mdx_control::-webkit-input-placeholder,
.searchbar_mdx_control::-webkit-input-placeholder {
    /* Edge */
    color: rgba(50, 71, 92, 0.38);
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    opacity: 1;
}

.mdx_msg_footer_wrap_inner .mdx_msg_input_type .mdx_form_input_tp:-ms-input-placeholder,
.mdxDrawer_top .mdxDrawer_top_inner .searchbox_mdx_cls:-ms-input-placeholder,
.main_mdx_searchbar_topheader .main_mdx_searchbar_innerT .searchbar_mdx_control:-ms-input-placeholder,
.searchbar_mdx_control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(50, 71, 92, 0.38);
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    opacity: 1;
}

.mdx_msg_footer_wrap_inner .mdx_msg_input_type .mdx_form_input_tp::placeholder,
.mdxDrawer_top .mdxDrawer_top_inner .searchbox_mdx_cls::placeholder,
.main_mdx_searchbar_topheader .main_mdx_searchbar_innerT .searchbar_mdx_control::placeholder,
.searchbar_mdx_control::placeholder {
    color: rgba(50, 71, 92, 0.38);
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    opacity: 1;
}

.mdx_msg_footer_wrap_inner .mdx_msg_right_attiocnsdiv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mdx_msg_footer_wrap_inner .mdx_msg_right_attiocnsdiv .MuiButton1b6vibu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: transparent;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    padding: 5px;
    font-size: 1.125rem;
    color: rgba(50, 71, 92, 0.87);
}

.mdx_msg_footer_wrap_inner .mdx_msg_right_attiocnsdiv .MuiButton1b6vibu:hover {
    background-color: rgba(50, 71, 92, 0.04);
}
.mdxDrawer_top_set_add_group_icon {
    display: inline-flex;    
}
.mdxDrawer_top_set_add_group_icon a {
    cursor: pointer !important;
    border-radius: 4px !important;
    padding: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px;
    height: 34px;
}
.mdxDrawer_top_set_add_group_icon a:hover {
    background-color: rgba(50, 71, 92, 0.04);
}
.mdxDrawer_top_set_add_group_icon a:active {
    background-color: rgba(50, 71, 92, 0.08);
}
.mdxDrawer_top_set_add_group_icon a svg {
    width: 20px;
    height: 20px;
    color: rgba(50, 71, 92, 0.6);
}
.chattop_header_css_right ul li .chat_window_icons.mdx_tabs_fls_tsks {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
    padding: 6px 10px !important;
    border: none !important;
}
.chattop_header_css_right ul li .chat_window_icons.mdx_tabs_fls_tsks:hover {
    text-decoration: none;
}
.mdxDrawer_top_inner .mdx_drp_iconslf .dropdown .dropdown-toggle {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    background: #fff;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.mdxDrawer_top_inner .mdx_drp_iconslf {
    position: absolute;
    right: 1px;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.mdxDrawer_top {
    padding: 5px 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    margin: 0;
    border-bottom: 1px solid rgba(50, 71, 92, 0.12) !important;
}

.mdxDrawer_top .mdxDrawer_top_inner {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
}

.mdxDrawer_top .mdxDrawer_top_inner svg {
    position: absolute;
    left: 10px;
    top: auto;
    color: rgba(50, 71, 92, 0.6);
}
.mdxDrawer_top .mdx_drp_iconslf .dropdown-toggle::after {
    display: none;
}

.mdxDrawer_top .mdx_drp_iconslf .dropdown .dropdown-toggle:hover {
    background: rgba(50, 71, 92, 0.04);
}
.mdxDrawer_top {
    height: auto !important;
}
.mdxDrawer_top .mdx_drp_iconslf .dropdown .dropdown-toggle svg {
    color: rgba(50, 71, 92, 0.6);
    width: 25px;
    height: 25px;
    left: auto;
    position: relative;
}

.mdxDrawer_top .mdxDrawer_top_inner .searchbox_mdx_cls {
    height: 34px;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px !important;
    color: #5A6063 !important;
    display: inline-flex;
    align-items: flex-end;
    letter-spacing: 0.5px;
    background: #ffffff;
    padding: 5px 30px 5px 32px;
    width: 100%;
}

.mdxDrawer_top .mdxDrawer_top_inner .searchbox_mdx_cls:focus {
    border: 1px solid #00a1f1 !important;
    box-shadow: 0 0 0px 1px #00a1f1 !important;
}

.mdxDrawer_listof_user {
    float: left;
    width: 100%;
}

.mdxDrawer_listof_user ul {
    margin: 0;
    padding: 0;
}

.mdxDrawer_listof_user ul li {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid #e3e7e9;
    cursor: pointer;
    position: relative;
}

.mdxDrawer_listof_user ul li.mdx_activechat_cls {
    background: rgba(0, 161, 241, 0.09) !important;
}

.mdxDrawer_listof_user ul li.mdx_unread .mdx_chat_userdetail h3 b i {
    font-weight: 600;
}
.mdxDrawer_listof_user ul li.mdx_activechat_cls .mdx_chat_userdetail h3 b i {
    font-weight: 600;
    color: #0176d3;
}
.mdxDrawer_listof_user ul li:hover {
    background: rgba(0, 161, 241, 0.05);
}

.mdxDrawer_listof_user ul li:active {
    background: rgba(0, 161, 241, 0.09);
}

.mdxDrawer_listof_user ul li .mdx_chat_userdetail {
    width: calc(100% - 46px);
}
.mdxDrawer_top .mdx_drp_iconslf .dropdown .dropdown-toggle[aria-expanded="true"] {
    background: rgba(50, 71, 92, 0.09);
}
.mdxDrawer_listof_user ul li .mdx_chat_userdetail h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mdxDrawer_listof_user ul li .mdx_chat_userdetail h3 b {
    color: rgba(50, 71, 92, 0.87);
    font-weight: 500;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    width: calc(100% - 50px);
}
.mdxDrawer_listof_user ul li .mdx_chat_userdetail h3 b i {
    max-width: calc(100% - 20px);
    overflow: hidden;
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(50, 71, 92, 1);
    font-weight: 400;
    letter-spacing: 0.3px;
}

.mdxDrawer_listof_user ul li .mdx_chat_userdetail h3 b svg {
    width: 13px;
    height: 13px;
    margin-left: 3px;
}

.mdxDrawer_listof_user ul li .mdx_chat_userdetail h3 span {
    color: rgba(50, 71, 92, 0.38);
    font-weight: 500;
    font-size: 13px;
}

.mdxDrawer_listof_user ul li .mdx_chatBadge_root {
    margin-right: 8px;
}

.mdxDrawer_listof_user .accordion .card-body {
    padding: 0 !important;
}
.usermneudrops_etback .dropdown-menu {
    animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1,
            menu-sub-dropdown-animation-move-up 0.3s ease 1 !important;
}
.mdx-customuser-body .mdx_menu_items_box {
    justify-content: space-between !important;
}
@keyframes menu-sub-dropdown-animation-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes menu-sub-dropdown-animation-move-up {
    from {
        margin-top: 0.75rem;
    }

    to {
        margin-top: 0;
    }
}
.usermneudrops_etback .dropdown-menu .dropdown-item.active {
    background: rgba(0, 161, 241, 0.09) !important;
}
.mdxDrawer_listof_user ul li .mdx_chat_userdetail p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
}
.mdx_text_avtar {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.mdx_bg1 {
    color: rgb(3, 195, 236);
    background-color: rgba(3, 195, 236, 0.16);
}
.mdx_bg2 {
    color: rgb(255, 171, 0);
    background-color: rgba(255, 171, 0, 0.16);
}
.mdx_bg3 {
    color: rgb(255, 62, 29);
    background-color: rgba(255, 62, 29, 0.16);
}
.mdx_bg4 {
    color: rgb(113, 221, 55);
    background-color: rgba(113, 221, 55, 0.16);
}



.mdx_notification_sidebar_panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 360px;
    height: 100%;
    z-index: 111;
    background: #fff;
    right: -360px;
    transition: 0.4s ease-in;    
}
.notificationmainbody_mdx .mdx_notification_sidebar_panel {
    right: 0;
    box-shadow: rgba(50, 71, 92, 0.2) 0px 5px 6px -3px, rgba(50, 71, 92, 0.14) 0px 9px 12px 1px, rgba(50, 71, 92, 0.12) 0px 3px 16px 2px;
}
.mdx_notification_header {
    display: flex;
    width: 100%;
    background: #fafafa;    
    border-bottom: 1px solid #ddd;
    padding: 8px 10px;
    align-items: center;
    justify-content: space-between;
}
.mdx_notification_header h3 {
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 500;
    color: #131b20;
    display: inline-flex;
    align-items: center;
}
.mdx_notification_header .close {
    margin: 0;
    position: relative;
    right: 0;
    top: 0;
    padding: 0 !important;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mdx_notification_header .close svg {
    width: 12px;
    height: 12px;
}
.mdx_notification_header h3 span {
    /* color: #596167; */
    color: #0176d3;
    background: #dbefff;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 6px;
    display: inline-flex;
    /* height: 20px; */
    line-height: 1;
    padding: 4px 8px;
    border-radius: 4px !important;
    text-transform: uppercase;
}
.mdx_notification_header .close:hover {
    background: rgb(242, 242, 242) !important;
    fill: #dc3545;
}
.mdx_notification_header .close:active {
    background:#e8e7e7 !important;
}
.mdx-error-popover .mdx_panel_error {
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    color: #fff !important;
    min-height: auto !important;
    line-height: inherit !important;
    padding: 2px 10px !important;
    align-items: center !important;
    float: left !important;
    width: 100% !important;
    border-radius: 3px !important;
    white-space: normal !important;
    word-break: break-all !important;
}
.mdx_notification_body {
    float: left;
    width: 100%;
    padding: 10 0 10px 0;
    height: calc(100vh - 44px);
    overflow-y: auto;
}
.mdx_notification_body .card {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #E6EAEE;
    position: relative;
    cursor: pointer;
}
.mdx_notification_header .hefrigthOp {
    display: inline-flex;
    align-items: center;
}
.mdx_notification_header .hefrigthOp .discmciall {
    color: #0176d3;
    font-weight: 500;
    letter-spacing: 0.3px;
    font-size: 13px;
    line-height: 1;
    margin: 0 6px 0 0;
    padding: 6.5px 10px;
    border-radius: 4px !important;
}
.mdx_notification_header .hefrigthOp .discmciall:hover {
    background: rgba(242, 242, 242, .75) !important;
}
.mdx_notification_header .hefrigthOp .discmciall:active {
    background: #e8e7e7 !important;
}
.mdx_notification_body .card:hover {
    background: rgba(0, 161, 241, 0.05) !important;
}
/* .mdx_notification_body .card:hover .bottombar_notification_nck a {
    background: #ffffff;
    box-shadow: inset 0 0 2px #9b9b9b;
} */
.mdx_notification_body .card:active {
    background: rgba(0, 161, 241, 0.09) !important;
}
/* .mdx_notification_body .card:active .bottombar_notification_nck a {
    box-shadow: inset 0 0 2px #0176d3 !important;
} */
.mdx_notification_body .card .card-body {
    padding: 16px 8px 8px 8px;
}
.mdx_notification_body .card.unread_msg_notification .card-body p {
    /* font-weight: 500 !important; */
    /* color: rgba(50, 71, 92, 1); */
}
.mdx_notification_ui {
    position: relative;
}

.mdx_notification_ui .badge {
    position: absolute;
    right: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dc3545 !important;
    font-size: 10px !important;
    padding: 0;
    color: #ffffff;
    font-weight: 500 !important;
}
.chattop_header_css_right .usermneudrops_etback .mdx_chatBadge_root {
    margin-right: 8px;
}
.chattop_header_css_right .usermneudrops_etback .mdx_chat_userdetail h3 {
    font-weight: 400;
    margin: 0;
}
.chattop_header_css_right .usermneudrops_etback .dropdown-menu hr {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mdx_notification_body .card .card-body h6 {
    font-size: 14px;
    font-weight: 400;
    color: #131b20;
    margin: 0 0 3px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;    
}
.mdx_notification_body .card .card-body h6 .inner_title_scriptag span {
    font-size: 13px;
    font-weight: 400;
    color: rgba(50, 71, 92, 1);
    letter-spacing: 0.3px;
    margin-right: 5px;
    text-transform: capitalize;
}
.mdx_notification_body .card .card-body h6 .inner_title_scriptag>svg {
    margin-right: 5px;
    margin-left: 0 !important;
}
.mdx_notification_body .card .card-body h6 .inner_title_scriptag svg {
    width: 14px;
    height: 14px;
    position: relative;
    margin-left: 5px;
    /* color: #dc3545; */
}
.mdx_notification_body .card .right_act_gmbuttons {
    display: none;
}
.mdx_notification_body .card .right_act_gmbuttons ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.mdx_notification_body .card .right_act_gmbuttons ul li {
    display: inline-flex;
    margin: 0;
}
.mdx_notification_body .card .right_act_gmbuttons ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 35px;
}
.mdx_notification_body .card:hover {
    box-shadow: 0px 0 0 transparent,
        inset -1px 0 0 #ffffff,
        0 1px 2px 0 rgb(60 64 67 / 15%),
        0 0px 3px 0px rgb(60 64 67 / 0%);
}
/* .search_main_body.notificationmainbody_mdx:after {
    background: rgba(0, 0, 0, 0.88);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
} */
.mdx_notification_body .card:hover .right_act_gmbuttons {
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0) 55%, transparent);
    padding: 0 5px;
    min-width: 80px;
    justify-content: flex-end;
}
.inner_title_scriptag {
    display: inline-flex;
    align-items: center;
}
.mdx_notification_body .card .card-body p {
    font-size: 13px;
    font-weight: 400;
    color: #838b95;
    margin: 0;
    letter-spacing: 0.3px;
    text-transform: capitalize;
}
.bottombar_notification_nck {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}
.bottombar_notification_nck i {
    font-size: 12px !important;
    display: inline-flex;
    font-style: normal;
    width: calc(100% - 180px);
}
.bottombar_notification_nck i a {
    margin-left: 5px;
    width: calc(100% - 62px);
    height: auto;
    color: #00a1f1;
    font-weight: 400;
    top: auto;
    border-radius: 0;
    background: none !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.bottombar_notification_nck i a:hover {
    color: #1692cf;
    text-decoration: underline;
}
.bottombar_notification_nck i a:active {
    color: #0176d3 !important;
    background: transparent !important;
}
.bottombar_notification_nck_iiner {
    display: inline-flex;
    align-items: center;
}
.bottombar_notification_nck span {
    font-size: 12px;
    color: rgba(50, 71, 92, 0.6);
    font-weight: 400;
    margin-right: 3px;
    line-height: 1;
}
.bottombar_notification_nck a {
    display: inline-flex;
    color: #dc3545;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
    top: -1px;
}
.bottombar_notification_nck a:hover {
    /* box-shadow: inset 0 0 2px #dc3545 !important; */
    background: #e8e7e7;
}
.bottombar_notification_nck a:active {
    background:#dc3545 !important;
    color: #ffffff !important;
}
.bottombar_notification_nck svg {
    width: 12px;
    height: 12px;
    position: relative;
    /* top: -1px; */
}
.mdx_notification_body .card .card-body h6 span {
    font-size: 12px;
    color: rgba(50, 71, 92, 0.6);
    font-weight: 400;
}
.mdx_notification_body .card.unread_msg_notification .card-body h6 .inner_title_scriptag span {
    font-weight: 500;
    opacity: 1;
}
/* body.search_main_body .sidebar ul li a:hover {
    border-radius: 0 8px 8px 0 !important;
}
body.search_main_body .sidebar ul li {
    padding-right: 12px !important;
} */
/* .mdx_menu_items_left .jqx-listbox-filter-input {
    left: 0 !important;
    top: 0 !important;
    border: 0;
    border-bottom: 1px solid #e4e4e4 !important;
    border-radius: 0 !important;
} */
/* .mdx_menu_items_left .jqx-listbox-filter-input:focus {
    border-bottom: 1px solid #00a1f1 !important;
} */
.mdx_serach_and_action_headerrow .linksetzoolahead {
    align-items: center;
}

        



/* Email Verification Info Tab CSS End */

@media (max-width: 1400px) {
    .search_main_body .info_bar {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        height: 31px;
        z-index: 1002;
    }
}

@media only screen and (max-width: 767px) {
    .jqx-main-cls .jqxGrid_main_filter_zoola .jqxGrid_right_filter_zoola .jqxGrid_search_filter {
        width: 200px;
    }

    .search_main_body .info_bar {
        height: 60px;
        padding: 5px 5px;
        font-size: 16px;
        justify-content: space-between;
    }

    .search_main_body .info_bar a,
    .search_main_body .info_bar .actionarea .check_sent_cls {
        background: transparent;
        padding: 0px 4px;
        font-size: 16px;
        height: 50px;
        align-items: end;
        color: #FFFFFF;
        display: inline-flex;
    }

    .search_main_body .info_bar a:hover {
        background: transparent;
    }

    .search_main_body .info_bar .actionarea .check_sent_cls svg {
        width: 24px;
        height: 24px;
    }

    .search_main_body .info_bar .icontextarea {
        text-align: left;
    }

    .search_main_body .info_bar .actionarea {
        align-items: end;
        min-width: 60px;
        height: 100%;
    }

    .search_main_body .info_bar .actionarea .spinner-border {
        margin-bottom: 5px;
    }

    .search_main_body .main-panel>.content {
        padding: 5px !important;
    }

    ._nomy_9rmyIg_main .OBbqmQnomydesigncls {
        margin-bottom: 20px;
    }

    .tabbing_my_design_body_section {
        padding: 0;
    }

    .hide_desktop {
        display: inline-block !important;
    }

    .hide_mobile {
        display: none !important;
    }

    .floating_action_button.hide_desktop {
        display: none !important;
    }

    /* ------Modal css------ */

    .setmodalcss-sm .modal-dialog {
        max-width: 100%;
    }

    .modal-dialog .modal-header {
        justify-content: center;
    }

    .modal-body {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .modal-body .floating_label_input {
        margin-bottom: 20px !important;
    }

    .modal.fade .modal-dialog {
        margin: 0;
    }

    .modal-dialog .modal-content {
        border-radius: 0 !important;
    }

    .modal-dialog .modal-header .close {
        display: none;
    }

    .modal-footer {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .modal-footer>:not(:last-child) {
        margin: 0;
    }

    .modal-footer .btn_newzoola_sm_blue.btn_newzoola_sm_red {
        margin-top: 16px;
    }

    .modal-footer .btn_newzoola_sm_blue {
        height: 50px;
        width: 100%;
        font-size: 20px;
        letter-spacing: 0.5px;
    }

    .modal-dialog-centered,
    .modal-dialog-centered::before {
        min-height: 100%;
        height: 100%;
    }

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px);
    }

    .modal.show .modal-dialog {
        -webkit-transform: none;
        transform: none;
    }

    .modal.fade .modal-dialog {
        align-items: flex-end;
    }

    .modal-footer .btn_newzoola_sm_blue.btn_newzoola_sm_red {
        background: #f2f2f2 !important;
        color: #131b20 !important;
    }

    .modal-footer .btn_newzoola_sm_blue.btn_newzoola_sm_red:focus,
    .modal-footer .btn_newzoola_sm_blue.btn_newzoola_sm_red:active,
    .modal-footer .btn_newzoola_sm_blue.btn_newzoola_sm_red:hover {
        opacity: 1 !important;
        background: #e5e5e5 !important;
        text-decoration: none !important;
    }

    /* ------Modal css------ */


    .all_in_one_rightside h1 {
        font-size: 20px;
    }

    .floating_input {
        border-color: #9da5aa;
    }

    .foreditableview .floating_label {
        font-size: 16px !important;
        padding-left: 5px !important;
    }

    .foreditableview {
        padding: 15px 8px 0 8px;
    }

    .foreditableview .floating_label {
        padding: 0 3px;
    }

    .foreditableview .floating_input {
        font-size: 18px !important;
        padding-right: 0 !important;
        padding-left: 5px;
    }

    .foreditableview span {
        font-size: 18px !important;
        padding-left: 5px;
    }

    .foreditableview span.editable-span:hover {
        border: 1px solid transparent;
    }

    .foreditableview a {
        display: none !important;
    }

    .floating_input {
        font-size: 16px;
    }

    .floating_input::placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #a0a0a0 !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

    .floating_input::-webkit-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #a0a0a0 !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

    .floating_input::-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #a0a0a0 !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

    .floating_input:-ms-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #a0a0a0 !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

    .floating_input:-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #a0a0a0 !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 575px) {
    .filter_open.filter_open_rmoverlay .info_bar p {
        font-size: 2.3vw;
        line-height: 20px;
    }
}

@media (max-width: 480px) {
    .info_bar p {
        font-size: 16px;
    }

    .info_bar p span {
        width: 100%;
        text-align: left;
    }
}

/* Autocomplete CSS Start */
.mdx_autocomplete {
    background-color: #fff;
    border-radius: 2px;
    border-color: #EBEBEB !important;
    box-shadow: none;
    overflow: auto;
    float: left;
}

.mdx_autocomplete .ui-menu-item {
    cursor: default;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 18px;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    color: #515151;
    font-size: 13px;
    font-weight: 500;
    white-space: normal;
    cursor: pointer;
}

.mdx_autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #fafafa !important;
    color: #222 !important;
    font-weight: 500;
}

.mdx_autocomplete .ui-menu-item span {
    font-size: 11px;
    color: #848A91;
}

.mdx_autocomplete .ui-menu-item:last-child {
    border: none !important;
}

.mdx_autocomplete .ui-menu-item .ui-menu-item-wrapper {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.mdx_autocomplete .ui-menu-item .ui-menu-item-wrapper b {
    color: #00A1F1;
}


/* Autocomplete CSS End */