:root{
--drop-here-x: 0;
--drop-here-y: 0;
--drop-here-background-color:'#19CCA3';
}
.main-card {
display: block;
height: 100%;
padding: 0;
margin: 0;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.ml-2{
margin-left:.5rem!important;
}
div[widget-type='PageBlock']{
padding: 5px;
background: #2550a7;
}
.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,');
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,');
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 {
min-width: 110px;
margin: 0;
padding-right: 0;
}
.form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.mdxvalue_readonly {
/* width: calc(100% - 140px) !important; */
width:100%
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: 9px;
}
.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: 11px;
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: 12px;
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;
white-space: nowrap;
}
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: 10px;
background-color: #f1f1f1;
}
.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar {
width: 8px;
background-color: #F5F5F5;
}
.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb {
border-radius: 0;
box-shadow: none;
background-color: #888;
border-radius: 10px;
}
.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb:hover {
background: #555;
}
.search_main_body .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb:active {
background-color: #333;
}
::-webkit-scrollbar-thumb:active {
background: #333;
}
[data-scrollbar="true"]:has(:hover) ::-webkit-scrollbar-thumb {
background: #666;
}
.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;
color: #0176d3;
}
.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;*/
padding: 4px 13px !important;
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;
margin-left:3px;
}
.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 , .mdx_innercontentmain .foreditableview .select2-container--default .select2-selection--multiple {
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):not(.mdx_active_flag_grid):not(:has(.mdx_inactive_flag_grid)):not(:has(.mdx_drag_flag_grid))>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: 142px !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,') !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,.foreditableview .select2-container--default.select2-container--disabled .select2-selection--multiple: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, .modal-body .select2-container--default.select2-container--disabled .select2-selection--multiple,
.foreditableview .select2-container--default.select2-container--disabled .select2-selection--multiple{
border-color: transparent !important;
}
.foreditableview .select2-container--default.select2-container--disabled .select2-selection--single, .foreditableview .select2-container--default.select2-container--disabled .select2-selection--multiple{
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;
background-image: none !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;
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.relatedfieldlabel.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%;
/* overflow: hidden !important; */
}
.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;
align-items: center;
}
.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, .select2-container--default .select2-selection--multiple{
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, .foreditableview .select2-container--default .select2-selection--multiple .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--default .select2-selection--multiple{
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,.foreditableview .select2-container--open .select2-selection--multiple,
.foreditableview .select2-container--open .select2-selection--multiple:active {
border: 1px solid #0176d3 !important;
box-shadow: none !important;
}
.foreditableview .select2-container--open .select2-selection--single:hover,.foreditableview .select2-container--open .select2-selection--multiple {
border: 1px solid #00a1f1 !important;
}
.foreditableview .select2-selection--single, .foreditableview .select2-selection--multiple{
border-radius: 3px !important;
}
.foreditableview .select2-selection--single:hover, .foreditableview .select2-selection--multiple: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, .foreditableview .select2-container .select2-selection--multiple .select2-selection__rendered{
padding-left: 0 !important;
}
.select2-selection--single .select2-selection__rendered, .select2-selection--multiple .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,.select2-container--default.select2-container--disabled .select2-selection--multiple {
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: 25px !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: 47%;
/* 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,') !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, .mdx_newtype_emaillayouts_grid .mdx_newtype_emaillayouts_header .mdx_startfrom_scratch_inner .select2 .select2-selection--multiple .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,.foreditableview .select2-selection--multiple .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: 1110;
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 */
/* TICKET-694-ARUN
- Worked by kuldeep - 1-16-24
- Reduce Tree view left panel header spacing
- Reduce box size of right side icons and also set hover effect size
- Reduce tree view all items extra spaces
- Reduce tree view collpase and expand arrow size
- Reduce space between all the folders
- Also set header bottom spacing as per requirement
*/
/* ---CSS START-- */
.mdx-tree-view .jqx-folder-header span {
font-size: 13px !important;
line-height: 1 !important;
}
.mdx-tree-view .jqx-folder-header {
padding-left: 19px !important;
padding-right: 19px !important;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item {
display: inline-flex !important;
align-items: center;
line-height: 1 !important;
padding: 6px !important;
/* --CHANGES GIVEN BY AUZ SIR during call--- */
font-size: 12PX !important;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item>img {
width: 14px !important;
height: 14px !important;
margin-right: 4px !important;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-icon-arrow-down,
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-icon-arrow-down {
width: 18px !important;
height: 14px !important;
display: flex;
align-items: center;
justify-content: center;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-tree-item-arrow-expand:after {
margin: 0 !important;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-tree-item-arrow-collapse:after {
margin: 0 !important;
font-size: 17px !important;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-tree-item-arrow-collapse {
margin-top: 4px !important;
}
.mdx-tree-view .jqx-folder-header .linksetzoolahead a {
width: 20px;
height: 20px;
border-radius: 4px !important;
}
.mdx-tree-view .jqx-folder-header .linksetzoolahead a:first-child {
margin-right: 5px;
}
.mdx-tree-view .jqx-folder-header .linksetzoolahead a>svg {
width: 16px;
height: 16px;
}
.mdx-tree-view .jqx-tree-dropdown-root {
padding-top: 0 !important;
}
.mdx-tree-view .jqx-folder-header .jqx-expander-header-content {
padding: 0 !important;
}
/* .inner_zoola_contentxc .card_zoola_header {
padding-bottom: 8px !important;
} */
/* ---CSS END-- */
/* TICKET-694-ARUN
- Worked by kuldeep - 1-17-24
- Find new icon for lock
- Add css for lock icon default, hover and active state
- check css for tree view common for set spacing
- Remove extra space between folders view
- Also remove extra css from object with arun regarding tree view
- Find and create new svg icon for File Permission Denied for arun
- Added folder icon for breadcrum
- set folder icon css for breadcrum
- Also added / icon inplace of >
*/
/* ---CSS START-- */
.mdx-breadcrumb-main .mdx-breadcrumb li img {
margin: 0 !important;
width: 14px !important;
height: 14px !important;
opacity: 0.8;
}
.mdx-breadcrumb-main .mdx-breadcrumb li:first-child {
padding-right: 1px;
}
.mdx-breadcrumb-main .mdx-breadcrumb li:hover img {
opacity: 0.6;
}
.mdx-breadcrumb-main .mdx-breadcrumb li:active img {
opacity: 0.4;
}
.mdx-breadcrumb-main .mdx-breadcrumb li {
margin: 0 9px 0 0 !important;
}
.mdx-breadcrumb li:after {
content: '/';
border: none !important;
transition: none !important;
-webkit-transform: none !important;
right: -9px !important;
}
.mdx-breadcrumb li:last-child {
text-decoration: none !important;
}
.mdx_file_lock {
margin-left: 3px !important;
cursor: pointer;
opacity: 1;
width: 14px !important;
height: 16px !important;
}
.mdx_file_lock path {
stroke: #dc3545 !important;
}
.mdx_file_lock:hover path {
stroke: #d50f22 !important;
}
.mdx_file_lock:active path {
stroke: #b30112 !important;
}
.mdx-tree-view .jqx-tree-item-li.first-folder-li>.jqx-tree-item {
padding-top: 1px !important;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-icon-arrow-down,
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-icon-arrow-right {
width: 12px !important;
margin: 3px 0 0 0 !important;
}
.mdx_system_files_left .mdx-tree-view .jqx-tree-dropdown-root li.first-folder-li>div {
width: calc(100% - 22px) !important;
padding-left: 0 !important;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-tree-item-arrow-collapse:after {
position: relative;
left: -2px;
}
.mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item {
width: calc(100% - 60px) !important;
border: none !important;
font-size: 12px !important;
color: #5A6063 !important;
padding: 4px 8px 4px 4px !important;
}
/* ---CSS END-- */
/* TICKET-686
- Worked by kuldeep - 1-17-24
- Set css for Grid header hover effect
- Removed border radius from row column white box
*/
/* ---CSS START-- */
.jqx-widget-header:hover .jqx-grid-column-header {
background: rgba(0, 161, 241, 0.09) !important;
}
.jqx-widget-header:hover .jqx-grid-column-header:hover {
background: #ffffff !important;
}
.jqx-main-cls .jqx-grid-cell span {
border-radius: 0 !important;
}
.mdx_innercontentmain .floating_label_input.setpadmadrCl span.error {
background: #d9153f;
color: #fff;
min-height: auto;
line-height: inherit;
padding: 2px 10px;
margin-top: 3px;
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;
}
.jqx-listitem-state-normal.jqx-listitem-state-normal-light.jqx-item.jqx-item-light.jqx-rc-all.jqx-rc-all-light.jqx-listitem-state-selected.jqx-listitem-state-selected-light.jqx-fill-state-pressed.jqx-fill-state-pressed-light.jqx-listitem-state-hover.jqx-listitem-state-hover-light.jqx-fill-state-hover.jqx-fill-state-hover-light {
color: #131b20 !important;
}
.mdx_innercontentmain .mdx_listchk .jqx-listitem-element .jqx-listitem-state-selected,
.jqx-listitem-element .jqx-listitem-state-selected {
/* color: #ffffff !important; */
background: rgba(0, 161, 241, 0.09) !important;
}
.jqx-listitem-state-normal.jqx-listitem-state-normal-light.jqx-item.jqx-item-light.jqx-rc-all.jqx-rc-all-light.jqx-listitem-state-selected.jqx-listitem-state-selected-light.jqx-fill-state-pressed.jqx-fill-state-pressed-light.checkboxes {
color: #131b20 !important;
}
/* ---CSS END-- */
.nonrelatedfieldlabelicon {
float: right;
margin-right: 14px;
}
/*------------manpreet Css-------------- */
.mdxeditable-body-inner #teYPa .leftsidesecioxn {
display: flex !important;
flex-direction: column !important
}
.mdxeditable-body-inner #teYPa .mdxvalue_readonly {
padding-left: 0px;
width: 100%;
/* margin-top: 10px; */
}
#teYPa .select2-container {
width: 100% !important
}
.mdxeditable-body-inner [data-select2-id="88"] .mdxvalue_readonly {
margin-top: 10px !important;
}
.mdxeditable-body-inner [mdxid="FEX4IBJ1710154862"] {
margin-top: 10px
}
.mdxeditable-body-inner #boolean__mdx_30B7FAB2-CA36-4436-94EB-662D1CE27068_1,
#boolean__mdx_30B7FAB2-CA36-4436-94EB-662D1CE27068_0 {
left: 2px;
top: 3px
}
.mdxeditable-body-inner [mdxid="RCQUMIF1709890666756"] .leftsidesecioxn {
display: flex;
flex-direction: column
}
.mdxeditable-body-inner [mdxid="RCQUMIF1709890666756"] {
width: 33.3%;
max-width: 100%
}
.mdxeditable-body-inner [mdxid="RCQUMIF1709890666756"] .select2-container,
[mdxid="RCQUMIF1709890666756"] .mdxvalue_readonly {
width: 100% !important;
}
.mdxeditable-body-inner [mdxid="RCQUMIF1709890666756"] .mdxvalue_readonly {
padding-left: 0px !important;
margin-top: 10px
}
.mdxeditable-body-inner [mdxid="FAWSV641709817809962"] .mdxvalue_readonly {
margin-top: 10px
}
.mdxeditable-body-inner [mdxid="GJ3NT6R1709890633"] .select2-selection {
height: 38px !important;
padding: 3px 0
}
.mdxeditable-body-inner #teYPa .select2-selection {
height: 38px !important;
padding: 3px 0
}
.mdxeditable-body-inner #ojlGU .leftsidesecioxn {
display: flex;
flex-direction: column;
gap: 10px 0
}
/*.mdxeditable-body-inner .mdxforeditableview_form #teYPa .labelsetmdx,
#ojlGU .labelsetmdx {
font-size: 14px;
color: #0176d3 !important;
}*/
/*.mdxeditable-body-inner #ojlGU .mdxvalue_readonly a {
color: #000 !important
}*/
.mdxeditable-body-inner .mdxradio-input {
margin-top: 12px
}
.mdxeditable-body-inner .mdxradio-input {
margin-top: 12px
}
.mdxeditable-body-inner .leftsidesecioxn {
display: flex !important;
flex-direction: column
}
.mdxeditable-body-inner .mdxvalue_readonly {
width: 100% !important
}
.mdxeditable-body-inner .nonrelatedfieldlabelicon {
position: absolute !important;
top: 0px !important;
right: 0px !important
}
/* manpreet css */
.mdxnoneditmode-body-inner .leftsidesecioxn {
/* padding-bottom: 0 !important; */
display: flex !important;
/* align-items: center !important; */
}
.mdxnoneditmode-body-inner .form-control-rulerline {
padding-top: 0px !important
}
.mdxnoneditmode-body-inner .floating_label_input.mdx_newstyle_fields.foreditableview.select2-control {
margin-top: 0px !important;
}
/* .mdxnoneditmode-body-inner .form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.labelsetmdx{
width:80px
}
*/
.mdxnoneditmode-body-inner .form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.mdxvalue_readonly {
width: 100%;
/* width: calc(100% - 71px); */
/* padding-left: 10px; */
/* display: flex; */
}
/*.mdxnoneditmode-body-inner #teYPa>div {
width: 33.3% !important
}*/
.mdxnoneditmode-body-inner .mdxvalue_readonly a,
.mdxradio-input {
/* padding-top: 7px; */
/* padding-bottom: 7px; */
width: 100%
}
.mdxnoneditmode-body-inner input[type="radio"] {
display: none
}
.mdxnoneditmode-body-inner .labelsetmdx {
/* display: flex !important */
}
.mdxnoneditmode-body-inner .dragdrop-main .form-control-rulerline .floating_label_input {
margin-top: 0px !important
}
.mdxnoneditmode-body-inner span.mdxeditable-span.mdxeditable-field.mdxeditable-inputcheckbox {
width: 100%;
display: block
}
.mdxnoneditmode-body-inner .leftsidesecioxn>* {
/* padding-top: 7px !important; */
/* padding-top: 7px !important; */
}
.mdxnoneditmode-body-inner .mdxradio-input {
margin: -3px 0
}
.mdxnoneditmode-body-inner #checkbox__mdx_30E20F62-1339-426E-9614-EA6DFF2B303B+label {
margin-bottom: 0px !important
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon {
cursor: pointer
}
/* .mdxeditable-body-inner .leftsidesecioxn{
border-bottom:0px
}*/
.mdxeditable-body-inner .mdxdatetime-input .mdx_input_icon {
top: 34px !important;
}
.mdxeditable-body-inner .mdx_inputicon {
top: 36px !important;
}
.mdxeditable-body-inner .select2-container--default .select2-selection--single .select2-selection__arrow ,.mdxeditable-body-inner .select2-container--default .select2-selection--multiple .select2-selection__arrow {
top: -2px
}
#checkbox__mdx_30E20F62-1339-426E-9614-EA6DFF2B303B+label {
margin-bottom: 0
}
.mdxeditable-body-inner .floating_input:not(textarea) {
height: 40px !important;
}
/* .mdxeditable-body-inner .form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.mdxvalue_readonly{
padding-left:0px}*/
.mdxeditable-body-inner .mdxeditable-input {
width: 100%
}
.mdxeditable-body-inner .mdxradio-input {
margin-top: 0px;
display: flex;
/* flex-wrap: wrap;*/
}
.mdxeditable-body-inner .foreditableview span.select2 span {
min-height: 0px !important
}
.mdxnoneditmode-body-inner .mdx-radio-input label::after {
display: none !important
}
.mdxeditable-body-inner .mdx-radio-input {
width: fit-content !important
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon {
fill: #6b637087;
}
/* add this css of 16/3/2024 */
.mdxnoneditmode-body-inner .mdxeditable-inputcheckbox label {
float: left;
margin-right: 5px;
}
.mdxeditable-body-inner .select2-selection__arrow b {
border-width: 6px 5px 0 5px;
}
.mdxeditable-body-inner .select2-container--default .select2-selection--single .select2-selection__arrow , .mdxeditable-body-inner .select2-container--default .select2-selection--multiple .select2-selection__arrow {
width: 40px;
}
.mdxeditable-body-inner .mdx_innercontentmain .foreditableview .select2-container--default .select2-selection--single, .mdxeditable-body-inner .mdx_innercontentmain .foreditableview .select2-container--default .select2-selection--multiple {
padding: 3px 10px !important;
}
.mdxeditable-body-inner .mdxeditable-field .mdx-radio-input {
width: fit-content !important
}
.btn_newzoola_sm_blue {
margin-top: 5px
}
.mdxnoneditmode-body-inner .mdx-radio-input [type="radio"]:checked+label:after,
.mdxnoneditmode-body-inner .mdx-radio-input [type="radio"]:not(:checked)+label:after {
background: #c9c9c9 !important;
display: block !important
}
.mdx_left_side_header_title {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.mdx_left_side_header_title .all_in_one_right_listmenu_zoola {
padding: 0 13px
}
.mdxforeditableview_form .labelsetmdx {
font-size: 14px;
color: #0176d3 !important;
}
.mdxeditable-body-inner .mdxforeditableview_form .leftsidesecioxn {
border-bottom: 0px
}
.mdxeditable-body-inner .mdxnoneditchk_label {
margin-bottom: 0px
color: #0176d3 !important;
font-size: 14px !important;
}
.mdxedit_txtarea .nonrelatedfieldlabelicon {
position: absolute;
top: 5px;
right: 0px
}
.mdxforeditableview_form .mdxnoneditchk_label {
margin-bottom: 0px
}
.mdxeditable-body-inner .floating_input:not(textarea) {
height: 38px !important
}
.mdx_left_side_header_title .btn-group a {
margin-top: 0px !important
}
/*.mdxeditable-body-inner .mdxfornoneditableview_form .labelsetmdx{
font-size: 14px;
color: #0176d3 !important;
}*/
/*.mdxeditable-body-inner .mdxfornoneditableview_form .leftsidesecioxn{
border-bottom:0px}
*/
/*.mdxeditable-body-inner .mdxfornoneditableview_form .mdxvalue_readonly{
padding-left:0px!important
}*/
.mdxeditable-body-inner .mdxeditable-inputcheckbox {
height: 65px;
}
.mdxfornoneditableview_form .mdxvalue_readonly {
width: calc(100% - 71px) !important;
text-align: left;
}
.mdxfornoneditableview_form .leftsidesecioxn {
flex-direction: row !important
}
.mdxfornoneditableview_form .mdxvalue_readonly {
width: calc(100% - 71px) !important;
text-align: left;
}
.mdxfornoneditableview_form .mdxvalue_readonly a {
color: #007bff
}
.mdxeditable-body-inner .mdx_main_textarea_class .labelsetmdx {
color: #0176d3 !important
}
.mdxeditable-body-inner .foreditableview .mdxvalue_readonly {
padding-left: 0px !important
}
.mdxeditable-body-inner textarea {
resize: vertical !important;
}
.mdxeditable-body-inner .datepicker {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 2
}
.mdxeditable-body-inner .timepicker {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 1;
}
.mdxeditable-body-inner .foreditableview .mdx_iconinput:focus,
.select-8-container--open {
border: 1px solid #00a1f1 !important;
box-shadow: 0 0 0px 1px #00a1f1 !important;
}
.mdxeditable-body-inner .bootstrap-datetimepicker-widget .row {
flex-wrap: wrap
}
.mdxeditable-body-inner .mdxdate-input .bootstrap-datetimepicker-widget {
max-width: 240px;
overflow: hidden
}
.mdxeditable-body-inner .mdxdate-input .datepicker,
.mdxeditable-body-inner .mdxdate-input .table-condensed {
width: 220px;
height: 120px;
font-size: 10px !important
}
.mdxeditable-body-inner .foreditableview .bootstrap-datetimepicker-widget table td {
height: 0px !important
}
.mdxeditable-body-inner .mdxdatetime-input .bootstrap-datetimepicker-widget {
max-width: 420px;
overflow: hidden
}
/* text center */
.mdxeditable-body-inner .foreditableview span.select2 span {
display: flex !important
}
.mdxeditable-body-inner .mdxeditable-field {
position: relative !important;
}
.mdxeditable-body-inner .mdxeditable-field .mdx_inputicon {
top: 50% !important;
bottom: 50% !important;
transform: translateY(-50%)
}
.mdxeditable-body-inner .mdx_iconinput {
cursor: pointer
}
.foreditableview .mdx_iconinput:focus,
.select-8-container--open {
border: 1px solid #00a1f1 !important;
box-shadow: 0 0 0px 1px #00a1f1 !important;
}
.mdxeditable-body-inner .bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
padding: 0.1em;
font-size: 10px
}
.mdxeditable-body-inner .mdxdatetime-input .bootstrap-datetimepicker-widget {
max-width: 238px;
}
.mdx_inputicon:hover svg {
color: #00a1f1;
scale: 1.1;
}
.mdxnoneditmode-body-inner label {
cursor: context-menu !important;
}
.mdxeditable-body-inner .timepicker-hour,
.mdxeditable-body-inner .timepicker-minute {
font-size: 10px !important
}
.mdxeditable-body-inner .mdxeditable-inputcheckbox label,
.mdxeditable-body-inner .mdxeditable-inputcheckbox input {
margin-top: 20px;
}
.mdxeditable-body-inner .mdxeditable-inputcheckbox label,
.mdxeditable-body-inner .mdxeditable-inputcheckbox input {
margin-top: 22px;
}
.mdxeditable-body-inner .mdxradio-input {
margin-top: 5px
}
.mdxeditable-body-inner .select2-selection__arrow b {
border-width: 7px 6px 0 6px !important;
}
.mdxeditable-body-inner .bootstrap-datetimepicker-widget table td span {
height: unset !important
}
.mdxeditable-body-inner .bootstrap-datetimepicker-widget button[data-action] {
font-size: 9px !important
}
.mdxnoneditmode-body-inner .mdx_main_textarea_class .leftsidesecioxn {
align-items: flex-start !important;
}
.mdxnoneditmode-body-inner .mdx_main_textarea_class {
margin-top: 30px !important
}
.mdxnoneditmode-body-inner .mdx_main_textarea_class .nonrelatedfieldlabelicon {
top: -20px
}
.mdxnoneditmode-body-inner .labelsetmdx {
margin-top: 5px !important
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon,
.mdx_inputicon svg {
fill: #0d0d0e78
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon:hover svg,
.mdx_inputicon:hover svg {
fill: #0176d3;
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon:active svg,
.mdx_inputicon:active svg {
fill: #000;
}
.mdxeditable-body-inner .select2-container--default .select2-selection--single .select2-selection__arrow:hover b , .mdxeditable-body-inner .select2-container--default .select2-selection--multiple .select2-selection__arrow:hover b {
border-color: #6b637087 transparent transparent transparent !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
border-color: #6b637054 transparent transparent transparent !important;
}
.mdxeditable-body-inner span.mdx_inputicon.mdx_input_icon {
margin-top: -1px;
}
.mdxeditable-body-inner span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
box-shadow: 0 0 0px 1px #00a1f1 !important;
}
.select2-container--open .select2-dropdown {
border: 2px solid #0176d3 !important;
box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px !important;
}
/* manpreet css */
/* manpreet css new on 26-03-2024 */
.mdxeditmode-body-inner span.mdx_input_icon {
position: absolute;
top: 8px;
cursor: pointer;
}
.mdxeditmode-body-inner .mdxradio-input {
display: flex;
margin-top: 2px;
}
.mdxeditmode-body-inner .mdxnoneditchk_label {
margin-bottom: 0px;
color: #0176d3 !important;
font-size: 14px !important;
}
.mdxeditmode-body-inner .mdxeditable-inputcheckbox {
padding-top: 28px;
}
.mdxeditmode-body-inner .leftsidesecioxn {
border-bottom: none;
}
.mdxeditmode-body-inner .labelsetmdx .required_input {
position: relative;
left: 0px
}
.mdxeditmode-body-inner .bootstrap-datetimepicker-widget .row {
flex-wrap: wrap !important
}
.mdxeditmode-body-inner .mdxdate-input .bootstrap-datetimepicker-widget {
max-width: 240px;
overflow: hidden
}
.mdxeditmode-body-inner .mdxdate-input .datepicker,
.mdxeditmode-body-inner .mdxdate-input .table-condensed {
width: 220px;
height: 120px;
font-size: 10px !important
}
.mdxeditmode-body-inner .foreditableview .bootstrap-datetimepicker-widget table td {
height: 0px !important
}
.mdxeditmode-body-inner .mdxdatetime-input .bootstrap-datetimepicker-widget {
max-width: 420px;
overflow: hidden
}
.mdxeditmode-body-inner .bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
padding: 0.1em;
font-size: 10px
}
.mdxeditmode-body-inner .mdxdatetime-input .bootstrap-datetimepicker-widget {
max-width: 238px;
}
.mdxeditmode-body-inner .bootstrap-datetimepicker-widget table td span {
height: unset !important
}
.mdxeditmode-body-inner .bootstrap-datetimepicker-widget button[data-action] {
font-size: 9px !important
}
.mdxeditmode-body-inner .datepicker {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
padding-bottom: 10px;
}
.mdxeditmode-body-inner .timepicker {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
border-top: 1px solid #c1c1c1
}
.timepicker span {
font-size: 10px !important
}
.mdxeditmode-body-inner .mdx-radio-input {
max-width: fit-content;
margin-bottom: 5px
}
.mdxeditmode-body-inner .mdx_autonumber_dynamic_field {
height: 90px
}
.mdxdetailsnoneditmode-bodyinner input {
/* margin: 8px 0 commented on 27-12-2024*/
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx_main_textarea_class {
margin-top: 0px !important;
margin-bottom: 15px !important;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx_main_textarea_class .nonrelatedfieldlabelicon {
top: 5px
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .datepicker {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 2
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .timepicker {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
order: 1;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .bootstrap-datetimepicker-widget {
max-width: 240px !important;
overflow: hidden
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .datepicker,
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .table-condensed {
width: 220px;
height: 120px;
font-size: 10px !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .foreditableview .bootstrap-datetimepicker-widget table td {
height: 0px !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .bootstrap-datetimepicker-widget table td,
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .bootstrap-datetimepicker-widget table th {
padding: 0.1em;
font-size: 10px
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdxdatetime-input .bootstrap-datetimepicker-widget {
max-width: 238px;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .bootstrap-datetimepicker-widget table td span {
height: unset !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .bootstrap-datetimepicker-widget button[data-action] {
font-size: 9px !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .bootstrap-datetimepicker-widget {
height: 242px;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .timepicker {
margin-top: -42px;
margin-bottom: -42px;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx-radio-input [type="radio"]:checked+label:after {
background: #0176d3 !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx-radio-input [type="radio"][disabled]:checked+label:after {
background: #c9c9c9 !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx-radio-input {
max-width: fit-content;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .select2-container--default .select2-selection--single .select2-selection__arrow:hover b , .mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .select2-container--default .select2-selection--multiple .select2-selection__arrow:hover b {
border-color: #0176d3 transparent transparent transparent !important;
border-width: 6px 5px 0 4px;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner select {
margin: 8px 0
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdxeditable-inputcheckbox {
display: block;
width: 100%
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx_main_textarea_class .leftsidesecioxn {
flex-direction: column;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx_main_textarea_class .leftsidesecioxn .autoheightviewonly {
border: 1px solid #e4e4e4;
width: 100% !important;
overflow-y: auto;
margin-bottom: 15px;
resize: both;
}
;
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner textarea {
margin-bottom: 15px;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .autoheightviewonly {
background-color: #f9f9f9
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .select2 {
margin: 8px 0
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdxeditable-inputcheckbox .mdxeditable-span {
/* top: 50% !important;
bottom: 50% !important;
position: absolute;
transform: translateY(-50%);
width: 16px;
height: 16px;
right: -4px;
display: flex;
align-items: center; commented on 27-12-2024 */
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .foreditableview textarea.floating_input {
resize: auto;
}
/*------------manpreet CSS 03-28-2024-------------- */
/* .mdxeditmode-body-inner .info_block .mdx_widget_block {
height: 85px;
} */
/* .mdxeditmode-body-inner .info_block .mdx_widget_block:not(.mdx_splitter_widget_block) {
height: 71px;
} */
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .foreditableview .select2-container--default .select2-selection--single, .mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .foreditableview .select2-container--default .select2-selection--multiple,{
margin: 2px 0;
height: 48px !important;
margin-right: 10px;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner input {
/* margin: 2px 0;
height: 22px !important; commented on 27-12-2024*/
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .foreditableview .select2-container--default .select2-selection--single .select2-selection__arrow,.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .foreditableview .select2-container--default .select2-selection--multiple .select2-selection__arrow {
height: 38px;
}
.mdxnoneditmode-body-inner .form-control-rulerline .mdx_checkbox_group_set .leftsidesecioxn span.mdxvalue_readonly {
padding-top: 0px !important;
padding-bottom: 0px !important
}
.mdxeditmode-body-inner .labelsetmdx {
color: #0176d3 !important;
font-size: 14px !important;
margin-bottom: -4px !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .select2-selection__rendered {
/* margin-top: -10px; commented on 27-12-2024 */
}
.mdx_greyout_widget {
background: #f1f1f1 !important;
}
.mdx_greyout_widget .body__title {
color: #959595 !important;
}
.mdx_input_height {
height: 40px;
}
.mdx_py-info {
padding: 0 6px 3px 6px;
/*background-color: #ffffff !important;*/
}
.mdx_mt_5 {
margin-top: 5px
}
.mdx-radio-input-nonedit [type="radio"]:checked+label:before,
.mdx-radio-input-nonedit [type="radio"]:not(:checked)+label:before {
width: 12px;
height: 12px;
top: 4px !important;
}
.mdx-radio-input-nonedit [type="radio"]:checked+label:after,
.mdx-radio-input-nonedit [type="radio"]:not(:checked)+label:after {
width: 9px;
height: 9px;
top: 4px;
}
.mdxp_absolute {
position: absolute
}
.mdx_inset {
inset: 0
}
.mdx_w_maxContent {
width: max-content !important;
}
.mdx_absLeft40 {
left: 40px
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdx_main_textarea_class .floating_label_input .leftsidesecioxn {
/* height: auto !important */
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdxvalue_readonly {
position: relative
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdxeditable-span .nonrelatedfieldlabelicon {
/* position: absolute; */
top: 50%;
bottom: 50%;
width: 16px;
height: 16px;
transform: translateY(-50%);
right: -10px
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .foreditableview .mdxradio-input span {
min-height: auto
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon:hover svg,
.mdx_inputicon:hover svg {
fill: #0176d3;
}
.mdxeditmode-body-inner .select2-container--default .select2-selection--single .select2-selection__arrow:hover b, .mdxeditmode-body-inner .select2-container--default .select2-selection--multiple .select2-selection__arrow:hover b{
border-color: #0176d39c transparent transparent transparent !important;
border-width: 6px 5px 0 4px;
}
.mdxeditmode-body-inner .select2-container--default .select2-selection--single .select2-selection__arrow:active b,.mdxeditmode-body-inner .select2-container--default .select2-selection--multiple .select2-selection__arrow:active b {
border-color: #0176d3 transparent transparent transparent !important;
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon:hover svg,
.mdx_inputicon:hover svg {
fill: #0176d39c;
}
.mdxnoneditmode-body-inner .nonrelatedfieldlabelicon:active svg,
.mdx_inputicon:active svg {
fill: #0176d3;
}
.mdxTrigger_message_main.mdxscreen_message .alert {
z-index: 999
}
.mdxTrigger_message_main.mdxscreen_message .alert .close {
font-size: 14px;
}
.mdxTrigger_message_main.mdxscreen_message .alert {
z-index: 99;
border-bottom: none !important
}
.mdxTrigger_message_main.mdxscreen_message {
position: unset
}
.mdxeditmode-body-inner .mdxdatetime-input input,
.mdxeditmode-body-inner .mdxdate-input input {
height: 38px !important
}
.mdxeditmode-body-inner input[type="radio"] {
appearance: none
}
.mdxeditmode-body-inner .foreditableview .select2-container--default .select2-selection--single, .mdxeditmode-body-inner .foreditableview .select2-container--default .select2-selection--multiple {
height: 38px !important
}
.mdxeditmode-body-inner .mdxeditable-field.mdxeditable-inputcheckbox input {
width: 14px;
height: 14px
}
.mdxerrormsg {
background: #d9153f;
color: #fff;
font-size: 11px;
padding-left: 2px;
width: 100%;
}
.mdx_left_status {
display: flex;
align-items: end;
gap: 20px;
}
.mdxeditable-input.error {
border-color: #d9153f !important;
}
/***********sohan Css 29-05-2024**************************/
.mdxnoneditmode-body-inner .form-control-rulerline {
margin-bottom: 0px;
height: 100%;
}
.mdx_cell_container [builder-element='CellElement'] {
/* justify-content: unset !important; Commented By Preeti Thakur on 07-01-2024*/
/* align-content: unset !important;
align-items: unset !important; Commented By Preeti Thakur on 09-23-2024 due to fix height on block element
margin-left: 1px;
margin-right:1px;*/
}
.leftsidesecioxn.mdx_py-info .mdxiconspan {
display: flex;
align-items: center;
justify-content: space-between;
}
.leftsidesecioxn.mdx_py-info .nonrelatedfieldlabeltxt {
flex: 1;
overflow: hidden;
}
.leftsidesecioxn.mdx_py-info .nonrelatedfieldlabelicon {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
position: relative;
left: 10px;
}
.leftsidesecioxn.mdx_py-info svg {
width: 12px; /* Adjust size as needed */
height: 12px;
}
.mdx_left_side_header_title {
padding-bottom: 10px;
padding-top: 10px;
}
.ndx_objh2_subtitle {
width: 100%; /* Ensure the subtitle takes full width */
word-wrap: break-word; /* Allow long words to break */
}
.mdx_layout_block.mdx_page_heading_block.noControls .noControls {
/*width: 100% !important;*/
display: inline-block !important;
}
/***********sohan Css 29-05-2024**************************/
/***********manpreet Css 05-02-2024**************************/
@media screen and (max-width:768px) {
.mdx_set_cls_mobile_dvc .all_in_one_right_listmenu_zoola {
display: block !important
}
.all_in_one_rightside {
flex-direction: column;
align-items: flex-start !important;
gap: 5px 0
}
.all_in_one_right_listmenu_zoola ul>li {
margin-left: 0px
}
.mdxappsMenuDropdown .dropdowndetailzoola,
.mdxappsMenuDropdown {
display: block !important
}
.mdxappsMenuDropdown .mdxdropdown-toggle {
display: flex !important;
position: relative
}
.mdxappsMenuDropdown .dropdowndetailzoola:after {
display: inline-block;
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
position: absolute;
right: 0px;
top: 50%;
bottom: 50%;
transform: translateY(-50%);
}
.mdxappsMenuDropdown>.dropdown-menu {
transform: translate(-28px, 55px) !important;
}
.mdxeditmode-body-inner #teYPa {
flex-direction: column
}
.mdxeditmode-body-inner #teYPa>div {
width: 100% !important
}
.mdxdetailsnoneditmode-bodyinner div#teYPa,
.mdxdetailsnoneditmode-bodyinner #ojlGU {
display: flex !important;
flex-direction: column !important;
}
.mdxdetailsnoneditmode-bodyinner div#teYPa>div,
.mdxdetailsnoneditmode-bodyinner #ojlGU>div {
width: 100% !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .mdxeditable-inputcheckbox .mdxeditable-span {
right: -3px;
}
.mdxeditmode-body-inner .mdxeditable-inputcheckbox {
padding-top: 14px;
}
.mdxradio-input label,
.mdxeditmode-body-inner .mdxeditable-inputcheckbox {
font-size: 13px !important;
}
#mdxChangeownerModel .modal-dialog {
align-items: center !important
}
.mdxdetailsnoneditmode-bodyinner .foreditableview span {
font-size: 12px !important;
padding-left: 0px !important;
}
.mdxeditmode-body-inner .mdxdate-input .bootstrap-datetimepicker-widget {
max-width: 100%;
overflow: hidden;
width: 100%;
}
.mdxeditmode-body-inner .mdxdate-input .datepicker,
.mdxeditmode-body-inner .mdxdate-input .table-condensed {
width: 100%;
height: 100%;
font-size: 12px !important
}
.mdxeditmode-body-inner .bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
font-size: 13px
}
#eslmK,
#fBUZt {
flex-direction: column
}
#eslmK>div,
#fBUZt>div {
width: 100% !important
}
.mdxeditmode-body-inner .mdxdatetime-input .bootstrap-datetimepicker-widget {
max-width: 100%;
width: 100%;
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .bootstrap-datetimepicker-widget {
max-width: 100% !important;
left: 0px !important
}
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .datepicker,
.mdxdetailsnoneditmode-bodyinner.mdxnoneditmode-body-inner .table-condensed {
width: 100%;
}
.mdxdetailsnoneditmode-bodyinner .mdxradio-input label {
font-size: 13px !important;
padding-left: 18px !important
}
.mdxdetailsnoneditmode-bodyinner .mdxradio-input {
display: flex
}
.mdxdetailsnoneditmode-bodyinner .mdxiconspan {
display: block !important
}
.mdxdetailsnoneditmode-bodyinner .foreditableview .floating_input {
font-size: 13px !important;
}
#mdxChangeownerModel .modal-dialog {
align-items: center !important;
justify-content: center;
}
#mdxChangeownerModel .modal-dialog .modal-content {
width: 85%
}
#mdxChangeownerModel .modal-footer button {
height: 40px
}
#mdxChangeownerModel span {
font-size: 16px !important
}
#mdxChangeownerModel .modal-footer {
padding-top: 0px
}
.foreditableview .mdxerrormsg {
font-size: 12px !important
}
/* .mdxeditmode-body-inner .info_block .mdx_widget_block {
min-height: 71px;
height: 100%;
} */
.foreditableview .floating_input {
font-size: 13px !important
}
.foreditableview span {
font-size: 13px !important
}
}
@media screen and (min-width:768px) {
#eslmK {
min-height: 64px;
}
.form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.labelsetmdx {
min-width: 110px;
}
.form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.mdxvalue_readonly {
/* width: calc(100% - 110px) !important; */
width:100%;
}
.mdxeditmode-body-inner .mdxeditable-inputcheckbox {
padding-top: unset !important;
height: 38px !important;
margin-top: 19px;
}
.mdxeditmode-body-inner .mdx-radio-input {
margin-bottom: 0px !important;
}
.mdxdetailsnoneditmode-bodyinner .mdxradio-input {
display: flex
}
.mdxdetailsnoneditmode-bodyinner .mdxradiospn {
display: flex;
justify-content: end !important;
}
}
.mdxeditmode-body-inner span.select2-selection.select2-selection--single[aria-expanded="true"], .mdxeditmode-body-inner span.select2-selection.select2-selection--multiple[aria-expanded="true"] {
border: 1px solid #00a1f1 !important;
box-shadow: 0 0 0px 1px #00a1f1 !important;
}
.mdxeditmode-body-inner .foreditableview .leftsidesecioxn .mdxactiveTabindex:not(.changed) {
border: 1px solid #00a1f1 ;
box-shadow: 0 0 0px 1px #00a1f1 ;
padding-left: 3px;
}
.mdx-radio-input [type="radio"]:not(:checked)+label:after,
.mdx-radio-input [type="radio"]:checked+label:before,
.mdx-radio-input [type="radio"]:not(:checked)+label:before {
width: 15px !important;
height: 15px !important;
top: 1px !important;
}
.mdxeditmode-body-inner .mdx-radio-input [type="radio"]:checked+label:before,
.mdx-radio-input [type="radio"]:not(:checked)+label:before {
top: 1px !important;
width: 15px;
height: 15px;
}
.mdxeditmode-body-inner .mdxradio-input {
height: 36px !important;
margin-top: -3px !important;
border-radius: 3px !important;
}
.mdxeditmode-body-inner .mdx-radio-input [type="radio"]:checked+label:after {
width: 9px !important;
height: 9px !important;
top: 4px
}
.mdxdetailsnoneditmode-bodyinner .mdx_owner_cls a {
max-width: fit-content
}
.mdxeditmode-body-inner #eslmK {
min-height: 104px;
}
/*.mdxdetailsnoneditmode-bodyinner .floating_label_input.foreditableview.save_editvalue {
background: transparent;
}*/
input.floating_input.mdxdetail_field.hideinputfield {
outline: none !important;
box-shadow: none !important
}
input {
outline: none !important;
box-shadow: none !important
}
.mdx_floating_border {
outline: 1px solid #00a1f1 !important;
}
.mdxeditmode-body-inner .mdx-radio-input [type="radio"]:checked+label:after {
width: 7px !important;
height: 7px !important;
top: 7px !important;
scale: 0.9;
left: 4px !important;
}
.mdxeditmode-body-inner .mdx-radio-input [type="radio"]:checked+label:before {
top: 1px !important;
scale: 0.9;
top: 3px !important
}
.mdxeditmode-body-inner .mdx-radio-input [type="radio"]:not(:checked)+label:before {
scale: 0.9;
top: 3px !important
}
.select2-container--open .select2-dropdown {
border: 2px solid #00a1f1 !important;
}
#cUqLC .mdx_widget_block {
height: 100%
}
.mdxnoneditmode-body-inner .form-control-rulerline {
margin-bottom: 0px
}
/* .mdxnoneditmode-body-inner .mdx_cell_container {
margin-bottom: 15px //hide detail page not shoq correctly
} */
/* .mdxdetailsnoneditmode-bodyinner .form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.labelsetmdx {
width: 90px;
} */
/*.mdxdetailsnoneditmode-bodyinner .form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.mdxvalue_readonly {
width: calc(100% - 90px) !important;
}*/
.setFocus {
border: 1px solid #00a1f1 !important;
box-shadow: 0 0 0px 1px #00a1f1 !important;
}
.py_5 {
padding: 0 15px
}
.mdxeditmode-body-inner .mdx_widget_block .mdxdynamictextarea {
height: unset !important;
max-height: none !important;
}
.mdx_widget_block .mdxdynamictextarea {
max-height:unset !important;
}
/* .mdx-tree-view .jqx-tree-dropdown-root .jqx-tree-item-li .jqx-tree-item .jqx-fill-state-pressed:not(.jqx-fill-state-selected) {
background-color: yellow !important;
border: 1px solid red !important;
padding: 10px;
} */
.select2-control span.error {
background: #d9153f;
color: #fff;
min-height: auto;
line-height: inherit;
padding: 2px 10px;
margin-top: 3px;
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;
border: 1px solid transparent;
white-space: normal;
word-break: break-all;
}
.btn-inactive {
cursor: not-allowed !important;
background: #b3dcf0 !important;
border-color: #b3dcf0 !important;
pointer-events: none;
}
.btn-inactive:hover {
cursor: not-allowed !important;
background: #b3dcf0 !important;
border-color: #b3dcf0 !important;
pointer-events: none;
}
.mdx_layout_header_main .mdx_disabled_blockheaderdetail_element {
display: 'none';
}
.mdx_disabled_blocksectiondetail_element {
display: 'none';
}
/* Added BY Preeti Thakur on 06-24-2024*/
.mdx_disabled_blockheaderdetail_element::before {
content: "Hidden on Detail";
position: absolute;
width: 100%;
height: 30px;
top: 0;
left: 0;
background: rgb(0 0 0 / 12%);
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
color: #ff0000;
z-index: 99;
font-size:12px;
}
.mdx_disabled_blockheaderedit_element::before {
content: "Hidden on Edit";
position: absolute;
width: 100%;
height: 30px;
top: 0;
left: 0;
background: rgb(0 0 0 / 12%);
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
color: #ff0000;
z-index: 99;
font-size:12px;
}
.mdx_disabled_blocksectiondetail_element::before {
content: "Hidden on Detail";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0 0 0 / 12%);
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
color: #ff0000;
z-index: 99;
font-size:12px;
}
.mdx_disabled_blocksectionedit_element::before {
content: "Hidden on Edit";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0 0 0 / 12%);
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
color: #ff0000;
z-index: 99;
font-size:12px;
}
.mdx_disabled_blockheaderdetail_element.mdx_disabled_blockheaderedit_element::before {
content: "Hidden on Edit and Detail";
}
.mdx_disabled_blocksectiondetail_element.mdx_disabled_blocksectionedit_element::before {
content: "Hidden on Edit and Detail";
}
.mdx_button_layout_widget a[disabled],.mdx_button_layout_widget a[disabled]:hover::before {
pointer-events: none;
}
.headerblockElement .mdx_disabled_blockheaderdetail_element {
display: 'none';
}
.headerblockElement .mdx_disabled_mainblockheaderedit_element {
display: 'none';
}
.mdx_disabled_blocksectiondetail_element {
display: 'none';
}
/* Added BY Preeti Thakur on 06-24-2024*/
.mdx_layout_header_main .mdx_disabled_mainblockheaderedit_element {
display: 'none';
}
.mdx_disabled_mainblockheaderdetail_element.mdx_disabled_mainblockheaderedit_element::before {
content: "Hidden on Edit and Detail";
}
.mdx_disabled_mainblockheaderdetail_element::before {
content: "Hidden on Detail";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0 0 0 / 12%);
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
color: #ff0000;
z-index: 99;
font-size:12px;
}
.mdx_disabled_mainblockheaderedit_element::before {
content: "Hidden on Edit";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0 0 0 / 12%);
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
color: #ff0000;
z-index: 99;
font-size:12px;
}
.mdxvalue_readonly {
/* flex: 1; */
/* display: flex; */
justify-content: flex-end; /* Align the value to the right if needed */
}
.mdx-content-inner {
background-color: #ffffff;
}
.main-card.card.bordertopcls.mdx-overflow.mdxmain-card-content{
border-radius: 0 !important;
}
.scrollbaroption{
display:none !important;
}
.mdxeditmode-body-inner span.mdxvalue_readonly {
padding-left: 0px !important;
}
.mdx-action-dropdown.dropdown-menu.show{
display: block ;
}
.mdxbottom-margin:last-child {
margin-bottom: 0;
}
hr.half-width {
width:50%;
border-top: 1px solid #e71414; /* You can specify the color and thickness of the line */
}
.mdx_widget_block.mdx_vertical_splitter_widget_block.mdx_splitter_widget_block{
float:right;
}
.mdxSplitterMiddle {
transition: width 0.3s ease; /* Smooth transition for width change */
}
.mdxSplitterMiddle.enlarged {
width: 150px; /* Example enlarged size */
}
.screenpage_disable_select{
user-select: none;
}
.mdxcursor_row{
cursor:row-resize !important;
}
.mdxcursor_col{
cursor:col-resize !important;
}
.mdxdetailsnoneditmode-bodyinner span.mdx_owner_cls {
/* white-space: nowrap !important; */
}
.mdx_label_info{
display:flex !important;
flex-flow:column !important;
align-items:flex-start !important;
}
.mdx_readonly_input{
padding-left:0px !important;
}
.mdx_nomargin{
margin-left: 0px !important;
}
.mdxwordbreak{
white-space:normal !important;
}
.mdxwordwrap{
word-wrap: break-word !important;
overflow: hidden !important;
}
.mdxwordwrap_reset{
word-wrap: "" !important;
overflow: "" !important;
}
.mdxeditmode-body-inner .mdxdate-input {
width: 100%;
position: relative;
}
.mdxeditmode-body-inner .mdxdatetime-input {
width: 100%;
position: relative;
}
.mdxdetailsnoneditmode-bodyinner .mdx_bottom_border{
border-bottom: 0.5px solid rgb(201, 201, 201)!important;
}
.mdxradioflex{
display: flex;
flex-direction: column;
}
.mdxradioflexrow{
display: flex;
flex-direction: row; /* This ensures the input and label stay side by side */
align-items: center;
}
.mdxdetailsnoneditmode-bodyinner .foreditableview span{
min-height:0px !important;
}
.mdxdetailsnoneditmode-bodyinner .foreditableview span.labelsetmdx{
font-size: 12px !important;
padding: 0px !important;
}
.mdxdetailsnoneditmode-bodyinner .dragdrop-main .form-control-rulerline .mdx_newstyle_fields .leftsidesecioxn span.labelsetmdx {
flex: 0 !important;
}
.mdx-padding-background{
padding:5px;
background-color: rgb(37, 80, 167);
}
.mdxbuttonheaderwidget .mdx-action-dropdown.dropdown-menu.show {
display: grid !important;
justify-content: flex-end !important;
}
.mdxbuttonheaderwidget .mdx-action-dropdown.a.dropdown-item.mdx_dragging_element {
justify-content: end !important;
padding: 3px !important;
}
.mdxbuttonheaderwidget .mdx-action-dropdown.dropdown-menu .dropdown-item {
justify-content: end !important;
padding: 3px !important;
}
.jqx-grid-pager .jqx-icon{
width:36px !important;
}
.wrapper{
background:#ffffff;
}
.mdx-tabs-headerWrapper {
border-color: #e3e7e9 !important;
border-top: 0 !important;
position: sticky !important;
}
.mdx-tabs-header{
padding-bottom: 0 !important;
padding-top: 0 !important;
font-weight: 400;
color: var(--jqx-surface-color);
background: #ffffff !important;
margin: 0px;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 1px solid #aaa;
font-size: 14px;
outline: none;
height: 34px;
position: relative;
left: 0px;
top: 0px;
}
.mdx-tabs-headerWrapper .mdx-tabs-title-container {
height: 100% !important;
outline: none;
white-space: nowrap;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
background: transparent;
border: none;
text-indent: 0px;
height: 34px;
left: 0px;
position: relative;
top: 0px;
}
.mdx-tabs-titleWrapper {
margin-top: 0 !important;
outline: none; position: relative;
z-index: 15;
height: 100%;
}
.mdx-tabs-headerWrapper ul li {
margin: 0 !important;
bottom: -1px;
}
.mdx-tabs-title {
position: relative !important;
left: 0 !important;
letter-spacing: 0.5px !important;
padding-left: 13px;
padding-right: 13px;
overflow: hidden;
right: 0;
text-indent: 0px;
list-style: none;
border: 1px solid transparent;
display: block;
cursor: pointer;
white-space: nowrap;
padding-top: 5px;
padding-bottom: 5px;
}
/* Active Tab Style */
.tab-button.active {
color: #d9153f !important;
font-weight: 400 !important;
padding-top: 5px;
padding-bottom: 5px;
outline: none;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-color: transparent;
filter: none;
background: inherit;
box-shadow: none;
font-family: var(--jqx-font-family);
font-size: var(--jqx-font-size);
}
.tab-button.active:after {
background: #00a1f1;
}
.mdx-tabs-title:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: transparent;
content: '';
height: 2px;
}
.mdx-tabs-title:hover {
color: rgba(0, 0, 0, 0.88) !important;
}
.mdx-tabs-title:hover:after {
background: #00a1f1;
}
/* Make the container take up the full space of the parent */
.listfromselect {
position: relative; /* Make this a reference point for the spinner */
width: 100%;
height: 100%; /* Adjust height as needed */
}
/* Center the spinner in the middle of the container */
.grant-access-spinner {
position: absolute; /* Position it inside the parent */
top: 50%; /* Vertically center */
left: 50%; /* Horizontally center */
transform: translate(-50%, -50%); /* Adjust for exact centering */
display: flex;
justify-content: center; /* Horizontally align the spinner */
align-items: center; /* Vertically align the spinner */
width: 100%;
height: 100%;
z-index: 99999;
}
/* Style for the spinner */
.grant-access-spinner-border {
display: inline-block;
width: 1.5rem; /* Size of the spinner */
height: 1.5rem;
border: 0.25em solid transparent; /* Spinner border */
border-top-color: #007bff; /* Spinner color */
border-radius: 50%;
animation: spinner-border 0.75s linear infinite; /* Animation for the spinning effect */
}
.mdx-tabs-arrow-background {
background: #FFFFFF !important;
}
.mdx-tabs-arrow-background-left{
z-index:100;
display: block;
width: 16px;
height: 100%;
position: absolute;
top: 0px;
right: 16px;
}
.mdx-tabs-arrow-background-right{
z-index:100;
display: block;
width: 16px;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
}
.mdx-tabs-arrow-left {
outline: none;
position: relative;
z-index: 15;
float: left;
cursor: pointer;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: flex !important;
align-items: center;
background-image: none;
font-family: jqx-icons;
background-repeat: no-repeat;
background-position: center;
}
.mdx-tabs-arrow-left:after{
font-size: 22px !important;
line-height: initial;
content: var(--jqx-icon-arrow-left);
}
.mdx-tabs-arrow-right:after{
font-size: 22px !important;
line-height: initial;
content: var(--jqx-icon-arrow-right);
}
.mdx-tabs-arrow-right {
display: flex !important;
align-items: center;
background-image: none;
font-family: jqx-icons;
background-repeat: no-repeat;
background-position: center;
outline: none;
position: relative;
z-index: 15;
float: left;
cursor: pointer;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.mdx_tab_layout_widget{
width: 100%;
height:inherit;
min-height:100px;
}
.mdx_input_row{
width:100%;
}
.mdxMiddleSplitterHorizontal{
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
border: 1px solid #F5F8FA;
background: #F5F8FA;
}
.mdxMiddleSplitterVertical{
border: 1px solid #F5F8FA;
background: #F5F8FA;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
cursor: col-resize;
width:4px;
}
.mdxMiddleSplitterHorizontal:hover,.mdxMiddleSplitterVertical:hover{
border: 1px solid #EEEEEE;
background: #EEEEEE;
}
.mdxSplitterHorizontalCollapse:hover,.mdxSplitterVerticalCollapse:hover{
background-color: #F25961;
}
.mdxSplitterLeft{
flex: 1;
cursor: row-resize;
padding: 3px;
position: relative;
z-index: 1000;
}
.mdxSplitterRight{
flex: 1;
cursor: row-resize;
padding: 3px;
position: relative;
z-index: 1000;
}
.mdxMiddleSplitterHorizontal .mdxSplitterHorizontalCollapse{
width: 100px;
cursor: pointer;
position: relative;
z-index: 1000;
border-top: 1px solid #F25961;
border-bottom: 1px solid #F25961;
height: 4px;
}
.mdxMiddleSplitterVerticalBlock{
background: #F5F8FA;
display: flex;
justify-content: center;
align-items: center;
}
.mdxMiddleSplitterVerticalBlock:hover{
background: #e8ebeb;
cursor:col-resize;
}
.mdxMiddleSplitterVerticalBlock .mdxSplitterVerticalCollapse{
cursor: pointer;
position: relative;
z-index: 10000;
width:4px;
top:50%;
height:60px;
border-left: 1px solid #F25961;
border-right: 1px solid #F25961;
}
.vertical_expanded .mdxMiddleSplitterVerticalBlock{
width: 6px !important;
}
.vertical_expanded .mdxSplitterVerticalCollapse{
width: 6px !important;
}
.mdxSplitterCollapsed {
height:6px !important;
}
.mdxSplitterCollapsed .mdxSplitterMiddleContainer{
height:6px !important;
}
.mdxSplitterCollapsed .mdxMiddleSplitterHorizontal{
height:6px !important;
min-height:6px !important;
}
.mdxSplitterCollapsed .mdxSplitterHorizontalCollapse{
height:6px !important;
}
.mdxtaboverflow{
overflow-y: auto;
}
.mdxtabautoheight{
height: inherit;
}
.mdxeditmode-body-inner i.mdxeditable-span.nonrelatedfieldlabelicon {
display: none;
}
.mdx_vertical_splitter_cellElement_panel1[collapsed=true] , .mdx_vertical_splitter_cellElement_panel2[collapsed=true] {
width:0px !important;
}
input.changed {
border : 1px solid #FFC107 !important;
background-color: #FFF8E1;
box-shadow:none;
}
input.changed {
border : 1px solid #FFC107 !important;
background-color: #FFF8E1;
box-shadow:none;
}
span.select2-selection.select2-selection--single.changed[aria-expanded="false"], span.select2-selection.select2-selection--multiple.changed[aria-expanded="false"] {
border : 1px solid #FFC107 !important;
background-color: #FFF8E1;
box-shadow:none;
}
span.mdxeditable-field.mdxeditable-inputcheckbox.mdxactiveTabindex.changed {
border : 1px solid #FFC107 !important;
background-color: #FFF8E1;
box-shadow:none;
padding-left: 3px;
}
.mdxeditable-field.mdxradio-input.mdxactiveTabindex.changed {
border : 1px solid #FFC107 !important;
background-color: #FFF8E1;
box-shadow:none;
}
textarea.changed {
border : 1px solid #FFC107 !important;
background-color: #FFF8E1;
box-shadow:none;
}
.mdxoverflow-show {
/*overflow:hidden auto !important;*/
}
[builder-element="JqxGridElement"] {
min-height:150px;
}
/* .mdxdrop_here{
position: absolute;
top: var(--drop-here-y);
left: var(--drop-here-x);
border-radius: 4px !important;
} */
.mdxoverflow-hidden {
overflow:hidden;
}
.screenblock {
height: 100%;
}
.screencellcontainer,.screenContentcontainer {
height: 100%;
}
.screenContentCellElement {
width: 100%;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
background-color: rgb(255, 255, 255);
}
.screenContentBlock[data-showHeight="true"] {
height: calc(100% - 46px);
}
.screenContentBlock[data-showHeight="false"] {
height: 100%; /* Or set to any default height you want */
}
.ui-resizable-s{
bottom: 0px !important;
height:2px;
}
.detail-content .mdx_panel_title .ag-toogle-all-button.open .mdx_plus_accordion {
display: none;
}
.detail-content .mdx_panel_title .ag-toogle-all-button .mdx_minus_accordion {
display: none;
}
.detail-content .mdx_panel_title .ag-toogle-all-button.open .mdx_minus_accordion {
display: block;
}
.content-right .widgets-sections .widgets-title-section {
width: 100%;
height:29px;
}
.widgets-title-section .block-main-title {
display: flex !important;
align-items: center;
justify-content: space-between;
position: relative;
/* padding: 5.5px 11px; */
padding: 5px 8px;
font-size: 13px !important;
color: #000 !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
min-height: inherit !important;
border-bottom: 1px solid #cccccc !important;
background: #ebebeb;
box-shadow: none;
text-transform: capitalize;
font-family: 'Roboto', sans-serif !important;
margin-bottom: 0px;
cursor: pointer;
}
.widgets-title-section .block-main-title svg {
width: 24px !important;
height: 24px !important;
}
.mdx-widgets-section .mdx_active_widget.widgets-title-section .mdx_plus_accordion {
display: none;
}
.mdx-widgets-section .mdx_active_widget.widgets-title-section .mdx_minus_accordion {
display: block;
}
.mdx-widgets-section .widgets-title-section .mdx_minus_accordion {
display: none;
}
div[mdxid="DW8HE7C1727960693766"] {
border: 1px dotted; /* Example of adding a solid border */
}
.properties-pannel-title.mdx_panel_title,.widgets-title-section.mdx_active_widget {
top: 0;
position: sticky;
z-index: 1000;
}
.mdxdrop_here_container{
width:150px;
text-align: center;
margin:auto;
bottom: 0px;
position: absolute;
}
.mdxdrop_here{
background: #19CCA3;
display: inline-block;
font-size: 12px;
color: rgb(255, 255, 255);
font-weight: normal;
padding: 0 10px;
border-radius: 10px 10px 0 0;
line-height: 20px;
margin: 0 0px 0px 0;
font-family: Tahoma;
width: 100%;
text-align: center;
}
.ancestor-list{
bottom: 0px;
margin: 0px;
padding: 0px;
background: #ffffff;
border: 1px solid #ccc;
border-radius: 8px;
list-style: none;
min-width: 180px;
z-index: 50000000;
}
.ancestor-list li{
transition: background 0.3s ease, transform 0.2s ease;
background-color: #ffffff;
border-top: 1px solid;
}
.mdxdrop_here:hover + .ancestor-list{
display: block;
}
.mdxdrop_here:hover {
display:none
}
/* Assigning different colors to each item dynamically */
/* .ancestor-list li:nth-child(1) { background: #ffadad; }
.ancestor-list li:nth-child(2) { background: #ffd6a5; }
.ancestor-list li:nth-child(3) { background: #fdffb6; }
.ancestor-list li:nth-child(4) { background: #caffbf; }
.ancestor-list li:nth-child(5) { background: #9bf6ff; }
.ancestor-list li:nth-child(6) { background: #a0c4ff; }
.ancestor-list li:nth-child(7) { background: #bdb2ff; }
.ancestor-list li:nth-child(8) { background: #ffc6ff; } */
/* Hover effects */
.ancestor-list li:nth-child(odd):hover {
background: #dcd5d5;
color: #000;
transform: scale(1.05);
}
.ancestor-list li:nth-child(even):hover {
background: #dcd5d5;
color: #000;
transform: scale(1.05);
}
.background-image-control .change-image-phd{
margin-left:auto;
width:177px;
text-align:center;
background:#dcd5d5;
border-radius:3px;
color:#000000;
padding:5px;
font-size:11px;
transition:all .2s ease-in-out;
}
.background-image-control .change-image-phd:hover{
border-color:#ede9e9;
background-color:#848080;
cursor:pointer;
}
div[builder-element="BlockElement"]{
}
div[builder-element="BlockElement"]:not([widget-selected="true"]):hover{
outline: 1px dashed #D2249F;
cursor: pointer;
position: relative;
z-index:1;
}
[builder-element="CellElement"] > [builder-element="BlockElement"] [builder-element="BlockElement"] [widget-type="FieldBlock"]:not([widget-selected="true"]):hover
{
outline-offset:-1px;
}
div[builder-element="CellElement"]:not([widget-selected="true"]):hover{
outline: 1px dashed #19CCA3;
cursor: pointer;
z-index: 1;
}
div[builder-element]:not([widget-type="PageBlock"]){
background:#fff;
}
.rssElement{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
max-height: 100%;
background-color: rgb(255, 255, 255);
}
.mdxFieldBlock{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
max-height: 100%;
background-color: rgb(255, 255, 255);
width: 100%;
}
div[builder-element="CellContainerElement"]{
display: flex;
gap:0px;
}
div[builder-element="CellContainerElement"]:not(.screencellcontainer):not(.screenContentcontainer):not(.headercellcontainer):not(.mdxSplitterContainer){
padding-top:3px;
padding-bottom:3px;
}
.cell_alignment{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
background-color: rgb(255, 255, 255);
}
.block_alignment{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
max-height: 100%;
background-color: rgb(255, 255, 255);
}
div[widget-type="tabCellElement"] {
min-height:100px;
}
div[builder-element="BlockElement"][widget-selected="true"]{
outline: 1px solid #D2249F;
position:relative;
z-index: 1;
}
div[widget-type="PageBlock"][widget-selected="true"]{
outline-offset:-1px;
}
div[builder-element="CellElement"][widget-selected="true"]{
outline: 1px solid #19CCA3;
z-index: 1;
}
[widget-selected-type="PageBlock"],[widget-selected-type="FieldBlock"],[widget-selected-type="PageSectionBlock"],[widget-selected-type="ScreenBlock"],[widget-selected-type="MainHeaderBlock"],[widget-selected-type="SpacerBlock"] ,[widget-selected-type="ButtonLayoutBlock"],[widget-selected-type="mdxYoutubeBlock"],[widget-selected-type="headingWidgetBlock"],[widget-selected-type="textWidgetBlock"],[widget-selected-type="textWidgetBlock"],[widget-selected-type="ImageBlock"],
[widget-selected-type="bannerImageBlock"],[widget-selected-type="mdxHtmlWidgetBlock"] ,[widget-selected-type="SocialLinksBlock"],[widget-selected-type="mdxDividerBlock"],[widget-selected-type="mdxVideoBlock"],[widget-selected-type="buttonelementBlock"],[widget-selected-type="tabBlock"],[widget-selected-type="JQXGridBlock"]{
background-color: #D2249F;
}
[widget-selected-type="PageSectionCell"],[widget-selected-type="ButtonLayoutCell"],[widget-selected-type="LeftHeaderBlock"],[widget-selected-type="ScreenContentCell"],[widget-selected-type="PageCellElement"],[widget-selected-type="buttonElement"],[widget-selected-type="buttonHtmlElement"], [widget-selected-type="tabCellElement"],[widget-selected-type="screenMainAdditionalSectionCell"],[widget-selected-type="screenAdditionalSectionCell"]{
background-color: #19CCA3;
}
/* Add border-bottom only if PageSectionCell contains more than 2 FieldBlocks */
[widget-type="PageSectionCell"]:has([widget-type="FieldBlock"]:nth-child(n+2)) .leftsidesecioxn {
border-bottom: 0.5px solid rgb(201, 201, 201);
padding-bottom: 10px; /* Adds space below the content */
height: 100%; /* Ensures it takes up the same height as other sections */
display: flex;
align-items: center;
}
/* Remove border-bottom if there are 2 or fewer FieldBlocks */
[widget-type="PageSectionCell"]:not(:has([widget-type="FieldBlock"]:nth-child(n+2))) .leftsidesecioxn {
border-bottom: none;
padding-bottom: 0; /* No padding when border is removed */
height: 100%; /* Maintain the height of the element to align with others */
display: flex;
align-items: center; /* Align content vertically in the block */
}
[widget-type="PageSectionCell"]{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
background-color: rgb(255, 255, 255);
}
.headercellcontainer,.screencellcontainer,.screenContentcontainer{
display:flex;
}
.screen-none-template .screenContentBlock{
background-color: rgb(37, 80, 167);
padding: 5px;
}
.screen-none-template{
width: 100%;
/* height: calc(100% - 46px); */
background-color: rgb(255, 255, 255);
/* display: none; */
}
[widget-type="ScreenContentCell"]{
/*width: 100%;
height:100%;*/
align-content: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
width: 60%; display: flex; flex-flow: column wrap; place-content: flex-start center; align-items: flex-start; min-height: 46px; border-right-width: 0px; padding: 0px 13px;
[widget-type="LeftHeaderBlock"]{
width: 20%;
display: flex;
flex-flow: column wrap;
place-content: flex-start center;
align-items: flex-start;
min-height: 46px;
border-right-width: 0px;
padding: 0px 13px;
}
.ndx_objh2_title{
margin: 0px;
text-align: left;
font-size: 12px;
font-weight: 400;
font-style: normal;
text-decoration: none solid rgb(0, 0, 0);
color: rgb(90, 96, 99);
}
.ndx_objh2_subtitle{
margin: 0px;
text-align: left;
font-size: 16px;
display: flex;
font-weight: 400;
font-style: normal;
text-decoration: none solid rgb(0, 0, 0);
color: rgb(0, 0, 0);
}
div[widget-type="ButtonLayoutCell"] {
width: 100%;
height: 100%;
}
div[widget-type="MainHeaderBlock"] div[widget-type="ButtonLayoutCell"] {
width: 40%;
display: flex;
flex-wrap: wrap;
align-items: center;
place-content: center end;
}
.headerleftside{
width: 60%;
display: flex;
flex-flow: column wrap;
place-content: flex-start center;
align-items: flex-start;
min-height: 46px;
border-right-width: 0px;
padding: 0px 13px;
}
[widget-type="ButtonLayoutCell"] .btnlistgroup{
display:flex;
margin-right:10px;
}
[widget-type="buttonElement"].btn_newzoola_sm_red {
display: inline-flex;
line-height:initial;
text-align: center;
text-decoration: none;
text-transform: none;
padding: 0 10px;
border-radius: 3px;
}
[widget-type="buttonElement"]:not(.btn_newzoola_sm_red) {
display: inline-flex;
color: rgb(1, 118, 211);
line-height: initial;
text-align: center;
text-decoration: none;
text-transform: none;
padding: 0px 10px;
border-radius: 3px;
box-shadow: rgb(247, 247, 247) 0px 0px 4px;
white-space: nowrap;
}
.ui-draggable-dragging[data-element-group="Page Sections"]{
width: 200px !important;
box-sizing: unset !important;
}
.ui-draggable-dragging[widget-type="PageSectionBlock"]{
width: 150px !important;
height:150px !important;
box-sizing: unset !important;
}
.ui-draggable-dragging[data-element-group="Fields"], .ui-draggable-dragging[data-element-group="Related Tables"],.ui-draggable-dragging[widget-type="FieldBlock"]{
width: 150px !important;
box-sizing: unset !important;
font-size:12px;
border:1px solid gray;
}
.ui-draggable-dragging[data-element-group="Page Sections"] .image-drag svg{
width:100%;
height:100%;
}
.ui-draggable-dragging-existing
{
position:fixed !important;
z-index:2 !important;
}
.ui-draggable-dragging .image-drag
{
display: flex;
align-items: center;
gap: 10px;
}
.ui-draggable-dragging .panel__body {
display: flex;
align-items: center;
gap: 10px;
}
.ui-draggable-dragging[data-element-group="Fields"] .image-drag svg, .ui-draggable-dragging[data-element-group="Related Tables"] .image-drag svg{
width:20px !important;;
height:20px !important;;
}
.dropdown-menu-right{
position: absolute;
transform: translate3d(296px, 31px, 0px);
top: 0px;
left: 0px;
will-change: transform;
}
.mdx_layout_header{
color: rgb(0, 0, 0);
font-size: 13px;
letter-spacing: 0.5px;
margin: 0px;
font-weight: 400;
font-style: normal;
text-decoration: none solid rgb(0, 0, 0);
text-align: left;
line-height: 30px;
display: flex;
align-items: center;
min-height: 30px;
}
.mdx_owner_cls{
float: left;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.disable-hover * {
pointer-events: none !important;
cursor: not-allowed!important;
clip-path:none;
}
.ui-droppable-hover {
outline: 4px solid #19CCA3 !important;
z-index:2;
}
.ui-droppable-hover > [widget-type="PageSectionBlock"]
{
margin-left:4px;
margin-right:4px;
}
[builder-element="CellElement"] [builder-element="BlockElement"] [builder-element="BlockElement"] .ui-droppable-hover{
/*outline-offset: -4px;*/
}
[builder-element="CellElement"] > [builder-element="BlockElement"] [builder-element="BlockElement"] > [builder-element="CellContainerElement"] {
padding-left: 1px;
padding-right: 1px;
}
.ui-droppable{
cursor:pointer!important;
}
[mdxfieldblock]{
padding: 0px 12px 0 12px;
}
.mdxmain-card-content{
/*width: 100%;
height: 100%;
background-color: rgb(255, 255, 255);
overflow: hidden;*/
}
[widget-type="ScreenMessageBlock"] .alert_message:empty {
display: none;
}
/* Show the alert block when alert_message is not empty */
[widget-type="ScreenMessageBlock"] .alert_message:not(:empty) {
display: block;
}
.layout_button_text{
position: absolute;
font-size: 13px;
}
.mdxSplitterContainer{
display: flex;
gap:0px;
height:100%;
}
.mdx_vertical_splitter_cellElement_panel1{
width: 49.5%;
display: flex;
flex-wrap: wrap;
place-content: flex-start;
align-items: center;
background-color: rgb(255, 255, 255);
}
.mdx_vertical_splitter_cellElement_panel2{
width: 50%;
display: flex;
flex-wrap: wrap;
place-content: flex-start;
align-items: center;
background-color: rgb(255, 255, 255);
flex-grow: 1;
flex-shrink: 1;
}
.mdxSplitterCellElement{
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
background-color: rgb(255, 255, 255);
}
.mdx_horizontal_splitter_widget_panel1{
height:inherit;
}
.mdxSplitterHorizontalBlock{
width: 100%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
justify-content: flex-start;
background-color: rgb(255, 255, 255);
}
[widget-type='ButtonLayoutBlock']{
min-height:36px;
}
.builder-outline-selected-controls[controls-selected="true"]{
display:none !important;
}
.mdx_layout_header_main{
display: flex;
align-items: center;
background-color: rgb(249, 249, 249);
}
.mdx_layout_accordian_icon_main{
width: 20px;
display: flex;
align-items: center;
justify-content: center
}
.mdx_layout_accordian_icon_main svg
{
width: 10px;
height: 10px;
}
.mdx_layout_accordian_icon_main .accordion-right-arrow
{
display:none;
}
.mdx_layout_header_content_main{
display: flex;
align-items: center;
padding-left: 8px;
}
.ui-draggable-disabled .woo-panel__body{
background: #f1f1f1;
}
.ui-draggable-disabled .body__title{
color: #959595 !important;
}
.headerrightside {
width: 40%;
display: flex;
place-content: flex-start center;
align-items: flex-start;
min-height: 46px;
border-right-width: 0px;
}
[widget-type='ScreenMessageBlock'] {
display:none;
}
[widget-type="FieldBlock"] {
margin-bottom: 1px;
}
.grid_autocomplateview {
display: flex;
align-items: center;
border: 1px solid #ccc;
border-radius: 8px;
padding: 5px 10px;
background: #fff;
}
.grid_autocomplateview svg {
color: #888;
font-size: 20px;
margin-right: 8px;
}
.searchbar_mdx_control {
border: none;
outline: none;
width: 100%;
font-size: 14px;
padding: 5px;
}
.mdxdetailsnoneditmode-bodyinner [builder-element='BlockElement'][widget-selected="true"]{
outline:none!important;
}
.mdxdetailsnoneditmode-bodyinner [builder-element="BlockElement"]:not([widget-selected="true"]):hover{
box-shadow: 0 1px 0 0 gray!important;
outline:none!important;
}
.mdxdetailsnoneditmode-bodyinner [builder-element="BlockElement"]:not([widget-selected="true"])::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px; /* Very thin line */
background: linear-gradient(to right, white, gray, white);
opacity: 0; /* Initially hidden */
transition: opacity 0.3s ease-in-out;
}
.mdxdetailsnoneditmode-bodyinner [builder-element="BlockElement"]:not([widget-selected="true"]):hover::after {
opacity: 0.8; /* Show on hover */
}
.mdxdetailsnoneditmode-bodyinner [builder-element="CellElement"]{
outline:none!important;
}
.ui-draggable-draggin [builder-element="BlockElement"]{
width:100px !important;
}
[builder-element="CellElement"]:not([widget-selected="true"]):has([builder-element="BlockElement"]:hover),
[builder-element="CellElement"]:not([widget-selected="true"]):has([builder-element="CellElement"]:hover) {
outline: none!important;
}
/* Prevent parent .BlockElement from highlighting if a child .BlockElement or .CellElement is hovered */
[builder-element="BlockElement"]:not([widget-selected="true"]):has([builder-element="BlockElement"]:hover),
[builder-element="BlockElement"]:not([widget-selected="true"]):has([builder-element="CellElement"]:hover) {
outline: none!important;
}
.widget .row .label
{
width: auto;
padding: 0px;
}
.ui-droppable-hover:has(.ui-droppable-hover) {
outline: none !important;
}
.mdxwidgetsection2.mdxNonRelationshipField {
height: auto;
max-height: 90px;
transition: max-height 0.35s ease;
border-bottom:none;
}
.mdxwidgetsection2.mdxNonRelationshipField.expanded {
max-height:90px;
border-bottom:none;
}
[widget-type="ScreenContentCell"]>[builder-element="BlockElement"] {
margin-bottom: 1px;
}
[widget-type="ScreenContentCell"][data-scrollbar="true"] > [builder-element="BlockElement"]
{
width: calc(100% - 1px);
margin-bottom: 1px;
}
[widget-type="ScreenContentCell"][data-scrollbar="true"] .ui-resizable-e {
width:0px!important;
}
[widget-type="ScreenContentCell"] [builder-element="CellElement"] > [builder-element="BlockElement"]:not([widget-type="FieldBlock"]) {
margin-bottom: 1px;
width: 100%;
}
[builder-element="CellContainerElement"][data-scrollbar="true"] [builder-element="BlockElement"]
{
margin-bottom: 1px;
}
[data-scrollbar="true"] [builder-element="CellElement"]>.ui-resizable-e {
width:0px!important;
}
[data-scrollbar="true"] > [builder-element="CellElement"] > [builder-element="BlockElement"][widget-selected="true"]:last-of-type {
outline-offset: -3px;
}
.ui-dropable-child-top::before {
content: "";
/*position: absolute;*/
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #19CCA3;
}
.ui-dropable-child-bottom::after {
content: "";
/*position: absolute;*/
bottom: 0;
left: 0;
width: 100%;
height: 2px; /* Thickness of the line */
background-color: #19CCA3;
}
.grid_filter_chips_main>ul {
display: flex;
flex-direction: column;
margin: 10px 0 0 0;
padding: 0;
}
.grid_filter_chips_main>ul>li {
background: #fff;
border-radius: 3px;
border: 1px solid #f0f0f0;
padding: 4px 8px 4px 24px !important;
margin: 0 0 10px 12px;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
width: calc(100% - 12px);
}
.grid_filter_chips_main>ul>li .mdx_drag_cls {
position: absolute;
left: -16px;
top: auto;
display: inline-flex;
height: 100%;
align-items: center;
cursor: move;
}
.grid_filter_chips_main>ul>li span {
font-size: 13px;
letter-spacing: 0.3px;
color: #000;
font-weight: 400;
line-height: 1;
}
.grid_view_column_section .spinner-border {
position: absolute;
right: 35px;
top: auto;
width: 18px;
height: 18px;
border-width: 2px;
border-color: #0176d3;
border-right-color: transparent;
}
#drop-highlighter {
position: absolute;
width: 100px;
height: 4px;
background: #19CCA3;
pointer-events: none;
z-index: 9999;
display: none;
border-radius: 3px;
}
#drop-highlighter::before,
#drop-highlighter::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: #19CCA3;
border-radius: 50%;
}
#drop-highlighter::before {
left: -5px;
top: -2.5px;
}
#drop-highlighter::after {
right: -5px;
top: -2.5px;
}
.mdx_ml_cancel_btn{
display: inline-flex;
width: 32px;
height: 32px;
align-items: center;
padding: 0 !important;
margin: 0 !important;
border-radius: 5px;
justify-content: center;
margin: 4px 2px 2px 5px !important;
}
.mdx_ml_cancel_btn svg {
width: 16px;
height: 16px;
}
.mdx_ml_cancel_btn:hover {
background: #dc35451c;
}
.mdx_ml_cancel_btn:hover svg {
fill: #dc3545;
}
#t0640001737x .mdxfocuslabelinput .floating_label {
opacity: 0;
}
#t0640001737x .mdxfocuslabelinput .mdxfocus_floating_input:hover{
border-color: #c7c7c7 !important;
}
#t0640001737x .mdxfocus_floating_input:focus {
border: 1px solid #F25961;
}
#t0640001737x .mdxfocus_floating_input:focus+.floating_label,#t0640001737x .mdxfocuslabelinput:not(:placeholder-shown)~.floating_label {
top: -12px;
opacity: 1;
}
#t0640001737x .mdx_checkbox_group_set{
display: flex;
flex-direction: column;
}
.jqx-main-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.jqx-grid-cell.jqx-grid-cell-hover span.mdx_inactive_flag_grid {
background: #c9c8c8 !important;
}
.mdx_inactive_flag_grid{
background: #c9c8c8 !important;
min-width: 130px;
min-height: 26px;
line-height: 1;
font-size: 12px !important;
letter-spacing: 0.3px;
color: #fff !important;
border: 1px solid transparent !important;
}
.jqx-main-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.jqx-grid-cell.jqx-grid-cell-hover span.mdx_draft_flag_grid {
background: #0176d3 !important;
}
.mdx_draft_flag_grid{
background: #0176d3 !important;
min-width: 130px;
min-height: 26px;
line-height: 1;
font-size: 12px !important;
letter-spacing: 0.3px;
color: #fff !important;
border: 1px solid transparent !important;
}
.mdx_activate_flag_grid{
background: #28a745 !important;
min-width: 130px;
min-height: 26px;
line-height: 1;
font-size: 12px !important;
letter-spacing: 0.3px;
color: #fff !important;
border: 1px solid transparent !important;
}
.jqx-main-cls .jqx-grid-cell span span.mdx_draft_flag_grid, .jqx-main-cls .jqx-grid-cell span span.mdx_draft_flag_grid,
.jqx-main-cls .jqx-grid-cell span span.mdx_activate_flag_grid, .jqx-main-cls .jqx-grid-cell span span.mdx_activate_flag_grid,
.jqx-main-cls .jqx-grid-cell span span.mdx_inactive_flag_grid, .jqx-main-cls .jqx-grid-cell span span.mdx_inactive_flag_grid{
justify-content: center !important;
}
.jqx-main-cls div[role="row"]:has(div.jqx-fill-state-hover)>div.jqx-grid-cell.jqx-grid-cell-hover span.mdx_activate_flag_grid {
background: #28a745 !important;
}
h1 .mdx_automation_status_wrapper {
display: inline-flex; /* Ensures it stays inline */
align-items: center;
}
.mdx_automation_status {
color: #fff !important; /* White text */
padding: 3px 10px;
border-radius: 5px; /* Rounded corners */
font-size: 14px;
font-weight: bold;
display: inline-block; /* Ensure proper alignment */
white-space: nowrap; /* Prevents text from wrapping */
}
.mdx_automation_status_draft {
background: #0176d3;
}
.mdx_automation_status_active {
background: #28a745;
}
.mdx_automation_status_inactive {
background: #c9c8c8;
}
.automation_heading_wrapper .automation_heading_inner{
display: flex;
align-items: center;
}
.automation_heading_wrapper .automation_heading_inner .automation_heading_title {
position: relative;
display: inline-flex;
}
.automation_heading_wrapper .automation_heading_inner .automation_status_wrapper {
display: inline-flex;
}
input:read-only {
background: rgba(134, 134, 134, 0.05);
border: 1px solid transparent;
}
.mdx-checkbox-input input:disabled{
background: rgba(134, 134, 134, 0.05);
border: 1px solid transparent;
}
/* Style for disabled select2 dropdown */
.select2-container--default .select2-selection--single.select2-disabled,.select2-container--default .select2-selection--multiple.select2-disabled {
background: rgba(134, 134, 134, 0.05) !important; /* Light gray background */
color: #888 !important; /* Dim text color */
cursor: not-allowed !important; /* Prevent interaction */
border: 1px solid transparent; !important; /* Subtle border */
}
/* Style for disabled select2 text */
.select2-container--default .select2-selection--single.select2-disabled .select2-selection__rendered,.select2-container--default .select2-selection--multiple.select2-disabled .select2-selection__rendered {
color: #888 !important; /* Dim text color */
}
/* Prevent hover effects */
.select2-container--default .select2-selection--single.select2-disabled:hover, .select2-container--default .select2-selection--multiple.select2-disabled:hover {
background-color: #e0e0e0 !important;
}
/* Override pointer events */
.select2-container--default .select2-selection--single.select2-disabled .select2-selection__arrow,.select2-container--default .select2-selection--multiple.select2-disabled .select2-selection__arrow {
display: none; /* Hide dropdown arrow */
}
#mdx_event_condition_selection_modal .modal-body {
max-height: 60vh; /* You can adjust this based on your screen size */
overflow-y: auto;
}
.full-width-right-panel {
left: 0px !important;
width: 100% !important;
flex: 1 !important;
max-width: 100% !important;
}
#mdx_add_step_modal .modal-body {
max-height: 60vh;
overflow-y: auto;
}
ul.mdx_autocomplete_cls{
margin-top: 2px !important;
border: 1px solid #e4e4e4 !important;
border-radius: 3px;
max-height: 320px !important;
overflow-y: auto !important;
box-shadow: 0 0 12px #e5e5e5;
}
ul.mdx_autocomplete_cls .ui-menu-item {
font-size: 13px !important;
font-weight: 400 !important;
color: #131b20;
letter-spacing: 0.3px !important;
border: none !important;
font-family: 'Roboto', sans-serif !important;
}
.ui-menu.ui-autocomplete .ui-menu-item {
line-height: 1.5 !important;
}
#AddFieldsAppendedRow>ul {
display: flex;
flex-direction: column;
margin: 10px 0 0 0;
padding: 0;
}
#AddFieldsAppendedRow>ul>li {
background: #fff;
border-radius: 3px;
border: 1px solid #f0f0f0;
padding: 4px 8px 4px 24px !important;
margin: 0 0 10px 12px;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
width: calc(100% - 12px);
}
#AddSortingFieldsAppendedRow>ul {
display: flex;
flex-direction: column;
margin: 10px 0 0 0;
padding: 0;
}
#AddSortingFieldsAppendedRow>ul>li {
background: #fff;
border-radius: 3px;
border: 1px solid #f0f0f0;
padding: 4px 8px 4px 24px !important;
margin: 0 0 10px 12px;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
width: calc(100% - 12px);
}
.sticky-action-bar {
position: sticky;
top: 0;
z-index: 999; /* Make sure it's above other elements */
background-color: white; /* Ensure it doesn't look transparent */
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
}
.drag-handle {
cursor: grab;
user-select: none;
display: inline-block;
font-size: 18px;
line-height: 1;
}
.drag-handle:active {
cursor: grabbing;
}
.item-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.section-title {
font-size: 1.1rem;
font-weight: 600;
color: #333;
margin-bottom:0.3rem !important;
}
.section-divider {
margin: 0;
border-top: 2px solid #e0e0e0;
}
.cursor-pointer {
cursor: pointer;
}
.sort-direction-label {
font-weight: 600; /* or 700 for bold */
}
.ui-sortable-disabled .mdx_btn_delete {
pointer-events: none;
}
.ui-sortable-disabled .cursor-pointer {
pointer-events: none;
}
.where_condition_inner {
justify-content: space-between;
width: 100%;
}
.where_condition_inner .filter-field,
.where_condition_inner .filter-operator,
.where_condition_inner .filter-value {
flex: 1;
text-align: center;
}
#where-condition-list li.wherelogic,#event-condition-list li.wherelogic, #decision-condition-list li.decisionlogic, #assignment-condition-list li.assignmentlogic, #condition-loop-list li.conditionLooplogic{
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 10px;
font-weight: bold;
color: #da2d2d;
background: none;
border:none;
}
.filter_wrpa_left_inner.where_condition_inner span{
margin-bottom :10px;
line-height:1.3;
}
.filter_row_title{
padding-top: 12px;
padding-left: 12px;
padding-bottom: 0;
}
#contenttableautomationStepGrid .jqx-grid-cell, #automationResourcesGrid .jqx-grid-cell,div[id^="nestedGrid_"] .jqx-grid-cell,.pointer{
cursor: pointer;
}
.attachment-handle {
cursor: pointer; /* or 'grab' for draggable UX */
user-select: none;
display: inline-flex;
align-items: left;
justify-content: left;
}
#gridContainer{
height:100%
}
#automation_detail ul li {
position: relative;
padding-right: 140px; /* enough space for buttons */
}
.tab-actions {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
display: flex;
gap: 5px;
}
.tab-actions a {
padding: 2px 8px;
font-size: 12px;
}
.pointer_none{
pointer-events: none;
}
#dynamic_loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6); /* optional overlay */
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
#resource_dynamic_loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6); /* optional overlay */
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.loader-container {
text-align: center;
}
.partial_detail_content {
display: none;
}
.resource_container {
display: none;
}
.partial_detail_content.visible {
display: block;
}
.resource_container.visible {
display: block;
}
.tabbing_my_design_body_section_resource {
margin: 0 auto;
width: fit-content; /* or set a fixed width if needed */
}
.center-wrapper {
display: flex;
justify-content: center; /* horizontal */
align-items: center; /* vertical */
height: 75vh; /* or whatever height you need */
}
.center-wrapper-events {
display: flex;
justify-content: center; /* horizontal */
align-items: center; /* vertical */
height: 75vh; /* or whatever height you need */
}
/* .full-width-left-panel {
right: 0px !important;
width: 100% !important;
flex: 1 !important;
max-width: 100% !important;
} */
.select2-container {
max-width: 100%;
}
.select2-selection--single,.select2-selection--multiple {
overflow: hidden;
text-overflow: ellipsis;
}
#mdx_version_text{
padding:0px !important;
line-height:0px !important;
}
.loop_help_text{
font-size: 14px;
}
#event-condition-list .grid_filter_chips_main>ul>li .filter_wrpa_leftpnl .filter_wrpa_left_inner, #where-condition-list .grid_filter_chips_main>ul>li .filter_wrpa_leftpnl .filter_wrpa_left_inner{
display: block !important;
}{
display: block !important;
}
#event-condition-list .where_condition_inner,#where-condition-list .where_condition_inner{
display: block !important;
justify-content: space-between;
width: 100%;
}
#dynamic_form_fields_container {
position: relative;
}
.spinner-border {
vertical-align: middle;
}
.ui-sortable-disabled li{
pointer-events: none !important;
}
.ui-sortable li{
pointer-events: auto;
}
body.loading .btn,
body.loading button {
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
.flex-row-gap {
gap: 15px;
}
.grid_autocomplateview.filter-logic-main-div, .grid_autocomplateview.where-filter-logic-main-div{
padding: 0 0px 0px 0px !important;
}
.select2-results__options {
max-height: 200px; /* Adjust as needed */
overflow-y: auto;
}
.send_email_wrapper .select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
display: none !important;
}
.add_users_into_email.ms-2.d-flex.align-items-center {
cursor: pointer;
}
.mdx-radio-input [type="radio"]:disabled + label {
pointer-events: none !important;
cursor: not-allowed !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice.selected-type-user {
background-color: #e3f2fd !important;; /* Light blue */
color: #0d47a1 !important;;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice.selected-type-group {
background-color: #f1f8e9 !important;; /* Light green */
color: #33691e !important;;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice.selected-type-profile {
background-color: #fff3e0 !important;; /* Light orange */
color: #e65100 !important;;
}