:root { --muted: #808080; --muted-light: #97a3b9; --white: #ffffff; --light: #e6e6e6; --dark: #0F0F10; --dark-light: #808080; --dark-regular: #333333; --body: #F7F7F8; --primary: #C6A756; --primary-hover: #1d4368; --primary-hover-light: #ededf8; --primary-light: #f2e9d3; --secondary: #6B6B73; --secondary-hover: #000075; --secondary-light: #F0F0F0; --danger: #ee3158; --danger-hover: #bd0f32; --danger-light: #ffe6ed; --success: #05825f; --success-hover: #034a36; --success-light: #d8f3eb; --info: #17a2b8; --info-hover: #117888; --info-light: #d2f4f9; --warning: #ffa800; --warning-hover: #805500; --warning-light: #ffe6b3; --teal: #805dca; --teal-hover: #5d38ad; --teal-light: #efe9fb; --gray-light: #E6E6E8; --space: 10px; --body-color: var(--dark); --dsb-bg-box: var(--primary-light); --dsb-bg-1: var(--primary-light); --dsb-color-1: var(--primary); --dsb-bg-active-1: var(--primary); --dsb-color-active-1: var(--white); --dsb-bg-hover-1: var(--primary); --dsb-color-hover-1: var(--white); --dsb-bg-2: var(--danger-light); --dsb-color-2: var(--danger); --dsb-bg-hover-2: var(--danger); --dsb-color-hover-2: var(--white); --dsb-bg-3: var(--success-light); --dsb-color-3: var(--success); --dsb-bg-hover-3: var(--success); --dsb-color-hover-3: var(--white); --dsb-bg-4: var(--warning-light); --dsb-color-4: var(--warning); --dsb-bg-hover-4: var(--warning); --dsb-color-hover-4: var(--white); --dsb-counter-hd: var(--dark); --dsb-counter-shd: var(--dark); --dsb-action-btn-bg-1:var(--success-light); --dsb-action-btn-color-1:var(--success); --dsb-action-btn-bg-1-hover:var(--success); --dsb-action-btn-color-1-hover:var(--white); --dsb-action-btn-bg-2:var(--danger-light); --dsb-action-btn-color-2:var(--danger); --dsb-action-btn-bg-2-hover:var(--danger); --dsb-action-btn-color-2-hover:var(--white); --loader-bg: var(--white); --loader-color: var(--primary); --header-top-bg: #ffffff; --header-top-color: var(--dark); --header-top-boxshadow: 0 1px 3px 0 #ddd; --header-top-baricon-color: var(--primary); --header-top-baricon-color-hover: var(--dark); --header-top-icon-bg: var(--primary); --header-top-icon-color: var(--white); --header-top-icon-bg-hover: var(--primary-light); --header-top-icon-color-hover: var(--primary); --breadcrumb-color-1: var(--dark-light); --breadcrumb-color-2: var(--dark-regular); --breadcrumb-color-3: var(--anchortag); --breadcrumb-color-hover: var(--anchortag-hover); --header-left-bg: var(--dark); --mainmenu-border: var(--white); --mainmenu-border-hover: var(--white); --header-left-submenu-bg: var(--primary-light); --submenu-heading-color: var(--dark); --submenu-item-color: var(--dark); --submenu-item-color-hover: var(--primary); --submenu-border: var(--dark-light); --submenu-border-hover: var(--primary); --header-left-item-bg: var(--white); --header-left-item-color-1: var(--primary); --header-left-item-color-2: var(--warning); --header-left-item-color-3: var(--success); --header-left-item-color-4: var(--danger); --header-left-item-color-5: var(--dark); --header-left-item-bg-hover-1: var(--primary); --header-left-item-color-hover-1: var(--white); --header-left-item-bg-hover-2: var(--warning); --header-left-item-color-hover-2: var(--white); --header-left-item-bg-hover-3: var(--success); --header-left-item-color-hover-3: var(--white); --header-left-item-bg-hover-4: var(--danger); --header-left-item-color-hover-4: var(--white); --header-left-item-bg-hover-5: var(--dark-regular); --header-left-item-color-hover-5: var(--white); --footer-bg: var(--dark); --footer-color: var(--white); --header-search-bg: var(--card-bg); --header-search-border: var(--card-border); --header-search-color: var(--card-color); --fav-module-item-bg:var(--primary-light); --fav-module-item-color:var(--primary); --anchortag: var(--primary); --anchortag-hover: var(--primary-hover); --btn-general-bg: var(--primary); --btn-general-color: var(--white); --btn-general-bg-hover: var(--primary-light); --btn-general-color-hover: var(--primary); --btn-cancel-bg: var(--danger); --btn-cancel-color: var(--white); --btn-cancel-bg-hover: var(--danger-light); --btn-cancel-color-hover: var(--danger); --dropdown-btn-bg: var(--dark); --dropdown-btn-color: var(--white); --dropdown-btn-bg-hover: var(--danger-light); --dropdown-btn-color-hover: var(--danger); --btn-disabled-bg: #bdbdbd; --btn-disabled-color: var(--dark-regular); --table-bg: var(--white); --table-header-bg: var(--primary-light); --table-header-color: var(--dark); ; --table-header-icon: var(--primary); --table-body-bg: var(--white); --table-body-row-bg-1: var(--white); --table-body-row-bg-2: rgba(230, 230, 230, 0.5); --table-body-row-color: var(--dark); --table-body-row-hover: var(--primary-light); --emptyrecord-color: var(--dark); --emptyrecord-border: var(--primary-light); --report-shape-bg: var(--primary); --tfoot-color: var(--danger); --tfoot-bg: var(--danger-light); --report-cross-bg: var(--white); --report-cross-color: var(--primary); --file-return-active-bg:var(--primary); --file-return-active-color:var(--white); --action-btn-bg-1: #c4ede2; --action-btn-color-1: #05825f; --action-btn-bg-1-hover: #05825f; --action-btn-color-1-hover: #fff; --action-btn-bg-2: #ffe6ed; --action-btn-color-2: #ee3158; --action-btn-bg-2-hover: #ee3158; --action-btn-color-2-hover: #fff; --action-btn-bg-3: #c1daf0; --action-btn-color-3: #C6A756; --action-btn-bg-3-hover: #C6A756; --action-btn-color-3-hover: #fff; --action-btn-bg-4: #ffe6b3; --action-btn-color-4: #ffa800; --action-btn-bg-4-hover: #ffa800; --action-btn-color-4-hover: #fff; --heading: var(--dark); --sub-heading: var(--dark-light); --label: var(--dark-light); --value: var(--dark); --inline-edit: var(--danger); --input-border: var(--primary-light); --input-border-focus: var(--primary); --input-color: var(--dark); --input-bg: var(--white); --border: var(--primary-light); --input-add-on-bg: var(--primary-light); --input-add-on-color: var(--primary); --card-bg: var(--white); --card-border: var(--primary-light); --card-color: var(--dark); --card-header-bg: var(--white); --card-header-color: var(--dark); --card-body-bg: var(--white); --card-body-color: var(--dark); --card-footer-bg: var(--white); --card-footer-color: var(--dark); --card-item-bg-hover: var(--primary-light); --card-item-color-hover: var(--primary); --megamenu-color: var(--dark-light); --megamenu-color-hover: var(--anchortag); --dropdown-bg: var(--white); --dropdown-border: var(--primary-light); --dropdown-header-bg: var(--primary-light); --dropdown-header-color: var(--primary); --dropdown-sub-header-color: var(--dark-light); --dropdown-body-bg: var(--white); --dropdown-body-color: var(--dark-light); --dropdown-footer-bg: var(--white); --dropdown-footer-color: var(--dark); --dropdown-bg-hover: var(--white); --select-dropdown-item-color: var(--dark-light); --select-dropdown-item-color-hover: var(--white); --select-dropdown-item-bg-hover: var(--primary); --select-item-color: var(--primary); --select-item-bg: var(--primary-light); --select-item-icon: var(--primary); --chzn-drop-bg: var(--white); --select-list-search: var(--white); --select-list-search-border: var(--white); --customFilter-bg: var(--primary-light); --customFilter-color: var(--dark); --customFilter-border: var(--input-border); --related-bg-1: var(--white); --related-color-1: var(--primary); --related-bg-2: var(--primary-light); --related-color-2: var(--primary); --related-bg-active: var(--primary); --related-color-active: var(--white); --notification-item-bg: var(--white); --notification-item-color: var(--dark-light); --notification-item-bg-hover: var(--primary-light); --notification-item-color-hover: var(--dark); --notification-badge-bg: var(--warning); --notification-badge-color: var(--dark); --notification-icon-bg-1: var(--primary-light); --notification-icon-color-1: var(--primary); --notification-icon-bg-2: var(--success-light); --notification-icon-color-2: var(--success); --notification-icon-bg-3: var(--danger-light); --notification-icon-color-3: var(--danger); --notification-icon-bg-4: var(--warning-light); --notification-icon-color-4: var(--warning); --announcement-date: var(--primary); --announcement-time: var(--danger); --toggle-on: var(--success); --toggle-off: var(--danger); --toggle-handel: var(--white); --setting-sidebar-heading-bg: var(--primary-light); --setting-sidebar-heading-color: var(--primary); --setting-sidebar-body-bg: var(--white); --setting-sidebar-body-color: var(--primary-light); --setting-sidebar-item-bg: var(--white); --setting-sidebar-item-bg-hover: var(--primary); --setting-sidebar-item-color: var(--white); --setting-sidebar-item-color-hover: var(--white); --setting-tab-btn-bg: var(--white); --setting-tab-btn-color: var(--primary); --setting-tab-btn-bg-hover: var(--primary-light); --setting-tab-btn-color-hover: var(--danger); --setting-tab-btn-active-color: var(--danger); --setting-primary: var(--primary); --setting-danger: var(--danger); --setting-success: var(--success); --setting-warning: var(--warning); --role-bg-1: var(--primary-light); --role-color-1: var(--primary); --role-bg-active-1: var(--primary); --role-color-active-1: var(--white); --role-bg-2: var(--success-light); --role-color-2: var(--success); --role-bg-3: var(--danger-light); --role-color-3: var(--danger); --role-bg-4: var(--warning-light); --role-color-4: var(--warning); --role-delete: var(--danger); --layeditor-bg: var(--white); --layeditor-bg-hover: var(--table-body-row-hover); --layeditor-icon-hover: var(--primary); --picklist-btn-bg-1: var(--primary-light); --picklist-btn-color-1: var(--primary); --picklist-btn-bg-2: var(--warning-light); --picklist-btn-color-2: var(--warning); --picklist-btn-bg-3: var(--success-light); --picklist-btn-color-3: var(--success); --picklist-btn-bg-4: var(--danger-light); --picklist-btn-color-4: var(--danger); --alert-primary-bg: var(--primary-light); --alert-primary-color: var(--primary); --alert-danger-bg: var(--danger-light); --alert-danger-color: var(--danger); --ui-draggable-color: var(--primary); --ui-draggable-bg-hover: var(--primary-light); --ui-draggable-color-hover: var(--primary); --md-tab-bg: var(--primary-light); --md-tab-color: var(--primary); --md-tab-bg-hover: var(--primary); --md-tab-color-hover: var(--white); --settingsummary-bg-1: var(--primary-light); --settingsummary-color-1: var(--primary); --settingsummary-bg-2: var(--danger-light); --settingsummary-color-2: var(--danger); --settingsummary-bg-3: var(--success-light); --settingsummary-color-3: var(--success); --settingsummary-bg-4: var(--warning-light); --settingsummary-color-4: var(--warning); --settingsummary-bg-5: var(--teal-light); --settingsummary-color-5: var(--teal); --settingsummary-sub-heading: var(--dark-light); --company-header-icon-color:var(--primary); --company-header-icon-color-active:var(--danger); --calendar-bg: var(--primary-light); --calendar-color: var(--dark); --calendar-color-active: var(--primary); --calendar-range-bg: var(--primary-light); --calendar-range-color: var(--primary); --popupcontainer-hd: var(--heading); --arrange-item-bg: var(--primary-light); --arrange-item-color: var(--primary); --arrange-box-color: var(--primary); --crumbs-arrow-bg-active: var(--primary); --crumbs-arrow-color-active:#fff; --crumbs-arrow-bg:var(--primary-light); --crumbs-arrow-color:var(--primary); --quickbox-addon-bg: var(--primary-light); --quickbox-addon-color: var(--primary); --chart-bg: var(--primary-light); --chart-color: var(--primary); --chart-bg-hover: var(--primary); --chart-color-hover: var(--white); --chart-bg-active: var(--primary); --chart-color-active: var(--white); --importPdt-bg:var(--primary-light); --importPdt-color:var(--primary); } /* dfedf8 199cd6 1d4368 3086CF */ /******* for scroll bar colour*********/ /* #inERPglobalchange start */ ::-webkit-scrollbar { width: 5px; background: var(--primary-light); height: 5px; } /* #inERPglobalchange end */ ::-webkit-scrollbar-track { border-radius: 5px; } ::-webkit-scrollbar-thumb { border-radius: 5px; background:var(--primary); } /*! Firefox */ html{ scrollbar-color: var(--primary) var(--primary-light); } /*! Other Browser */ html { --scrollbarBG: var(--primary-light); --thumbBG: var(--primary); } body::-webkit-scrollbar { width: 10px; } body { scrollbar-width: thin; scrollbar-color: var(--primary-light) var(--primary); } body::-webkit-scrollbar-track { background: var(--primary-light); } body::-webkit-scrollbar-thumb { background-color: var(--primary) ; border-radius: 6px; border: 2px solid var(--primary-light); } /****************/ body { color: var(--dark); } #dashboardloadercurtain { background-color: var(--loader-bg) !important; } /* #inERPglobalchange start */ .hide { display: none; } /* #inERPglobalchange end */ .cs-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .cs-row>[class*="cs-col-"] { flex-shrink: 0; max-width: 100%; padding-right: 5px; padding-left: 5px } .cs-row.g-0 { margin-left: 0; margin-right: 0 } .cs-row.g-0>[class*="cs-col-"] { padding-left: 0; padding-right: 0 } .cs-col-1 { flex: 0 0 auto; width: 8.33333333% } .cs-col-2 { flex: 0 0 auto; width: 16.66666667% } .cs-col-3 { flex: 0 0 auto; width: 25% } .cs-col-4 { flex: 0 0 auto; width: 33.33333333% } .cs-col-5 { flex: 0 0 auto; width: 41.66666667% } .cs-col-6 { flex: 0 0 auto; width: 50% } .cs-col-7 { flex: 0 0 auto; width: 58.33333333% } .cs-col-8 { flex: 0 0 auto; width: 66.66666667% } .cs-col-9 { flex: 0 0 auto; width: 75% } .cs-col-10 { flex: 0 0 auto; width: 83.33333333% } .cs-col-11 { flex: 0 0 auto; width: 91.66666667% } .cs-col-12 { flex: 0 0 auto; width: 100% } .cs-row *, .cs-row ::before, .cs-row ::after { box-sizing: border-box; } .cs-card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: var(--card-bg); background-clip: border-box; border: 1px solid var(--card-border); border-radius: .25rem; } .cs-card-header { padding: 10px; margin-bottom: 0; background-color: var(--card-header-bg); border-bottom: 1px solid var(--card-border); } .cs-card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .cs-card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px; } .cs-card-footer { padding: .75rem 1.25rem; background-color: var(--card-footer-bg); border-top: 1px solid var(--card-footer-color); } .cs-card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .crmpopUpcurtain { display: none; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9998; text-align: center; } .crmpopUp-inr { width: 100%; vertical-align: middle; text-align: center; } .crmpopUp-main-bdy { width: 60vw; background-color: var(--card-bg); height: auto; margin: 0 auto; color: var(--card-color); border-radius: 5px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .kund-hdr { background-color: var(--card-bg); clear: both; width: 100%; margin-top: 0; padding: 8px; border-bottom: 1px solid var(--card-border); } .kund-hdr h1 { text-align: left; color: var(--card-color); font-size: 13px; margin: 0; position: relative; } .crmpopUpcls { font-size: 12px; cursor: pointer; color: var(--card-color); padding: 0; position: absolute; top: -1px; right: 0; } .crmpopUp-content-bdy { background-color: var(--card-bg); padding: 10px; margin-top: 0; } .crmpopUp-content-bdy-inr, .crmpopUp-content-bdy-inr2 { clear: both; width: 100%; margin-top: 0px; font-size: 20px; background-color: var(--card-bg); color: var(--card-color); line-height: 28px; box-sizing: border-box; } #crmpopUpbtn { width: calc(100% - 30px); height: 35px; background: rgb(32, 78, 129) none repeat scroll 0% 0%; color: rgb(255, 255, 255); margin: 45px auto 30px; border: 0; border-radius: 3px; } .crmpopUp-content-bdy-inr label { margin: 0; width: 130px; float: left; line-height: 35px; text-align: left; padding: 0 15px; box-sizing: border-box; } .crmpopUp-content-bdy-inr input, .crmpopUp-content-bdy-inr select { width: calc(50% - 160px); float: left; height: 35px; box-sizing: border-box; margin: 0 15px 15px; } div.datepicker { height: 165px; } div.datepicker table .day { text-align: center; cursor: pointer; } div.datepicker table .day:hover, div.datepicker table .day.active { background: var(--primary); color: #fff; } #crmpopUppst_chzn, #crmpopUprsnt_chzn { width: calc(50% - 160px) !important; float: left; height: 35px; box-sizing: border-box; margin: 0 15px 15px; } .crmpopUp-content-bdy-inr .chzn-container-single .chzn-single { height: 33px; line-height: 31px; text-align: left; } .crmpopUp-content-bdy-inr .chzn-container-multi .chzn-choices { height: 33px !important; } .crmpopUp-content-bdy-inr .chzn-drop { width: 100% !important; text-align: left; } .crmpopUp-content-bdy-inr .chzn-search input { width: 97%; box-sizing: border-box; } .crmpopUp-content-bdy-inr .chzn-container .chzn-results { width: 100%; } .crmpopUp-inr * { box-sizing: border-box; } .mb-15 { margin-bottom: 10px; } .reportdatepopup-first .crmpopUp-main-bdy { width: 520px !important; } .secLabel .report-label { font-size: 12px; text-align: left; width: 100%; } .reportdatepopup-first input { background: #fff; border-radius: 4px !important; height: 28px; font-size: 12px; } .reportdatepopup-second .report-cont { height: calc(100vh - 200px); } .secVal .report-field { width: 100%; } .secVal .report-field input { width: 100%; margin: 0; } .crmpopUp-main-bdy .report-button, .crmpopUp-main-bdy .crmPopup-button { width: 100%; height: 28px; background-color: var(--btn-general-bg); color: var(--btn-general-color); margin-top: 15px; border: 0; border-radius: 4px; transition: 0.300s; } .crmpopUp-main-bdy .report-button:hover, .crmpopUp-main-bdy .crmPopup-button:hover { background-color: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } .crmPopup-button-danger { background-color: var(--btn-cancel-bg) !important; color: var(--btn-cancel-color) !important; } .crmPopup-button-danger:hover { background-color: var(--btn-cancel-bg-hover) !important; color: var(--btn-cancel-color-hover) !important; } .crmpopUpcurtain .crmpopUp-main-bdy { width: 98vw; } .recordFilePopup .invoice_large_size { font-size: 24px; color: #fff; z-index: 1; position: relative; line-height: 36px; text-align: right; margin: 7px 0 0px; } .recordFilePopup .tAndc { font-size: 10px !important; } .recordFilePopup .invsub { margin: 0; color: var(--white); position: relative; z-index: 1; text-align: right; top: 0; } .recordFilePopup .invsub>span { margin-left: 10px; font-size: 12px; } .recordFilePopup .invsub i { margin-right: 3px; } .popheader-left { position: relative; top: 4px; width: 43%; } .popheader-right { width: 57%; } .recordFilePopup .crmpopUpcls { color: var(--value); top: 0px; right: 10px; z-index: 2; } .recordFilePopup.invoiceFilePopup .crmpopUpcls { color: var(--white); } .crmpopUpcurtain .three_sections { box-sizing: border-box; float: left; position: relative; margin: -10px 0 15px -10px; padding: 10px; width: calc(100% + 20px); overflow: hidden; min-height: 75px; } .crmpopUpcurtain span.invoice_large_size { font-size: 12px !important; color: var(--value); margin-top: 0 !important; text-align: left; width: 36% !important; display: block; line-height: 14px; margin-bottom: 5px; float: left; padding-left: 30px; } .crmpopUpcurtain span.invoice_large_size::before { content: "\F214"; font-family: bootstrap-icons !important; position: absolute; top: 9px; left: 0; font-size: 25px; color: var(--primary); } .crmpopUpcurtain span.invoice_large_size span { color: var(--label); font-size: 12px; display: block; } .tm_shape_bg.tm_accent_bg.tm_mobile_hide { position: absolute; height: 100%; width: 70%; -webkit-transform: skewX(35deg); transform: skewX(43deg); top: 0px; right: -100px; overflow: hidden; background-color: var(--report-shape-bg); } .crmpopUpcurtain .dataTables_info { padding-left: 0px; color: var(--value) !important; padding-top: 15px !important; } .crmpopUpcurtain .dataTables_wrapper .dataTables_paginate { padding-top: 15px; } .crmpopUpcurtain table.dataTable th, .crmpopUpcurtain table.dataTable td { font-weight: 300 !important; } .crmpopUpcurtain .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0px 5px; font-size: 10px; height: 30px; line-height: 29px; background: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; border-color: var(--btn-general-bg) !important; } .crmpopUpcurtain .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .crmpopUpcurtain .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: var(--btn-disabled-color) !important; background: var(--btn-disabled-bg) !important; border-color: var(--btn-disabled-bg) !important; } .crmpopUpcurtain .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; border-color: var(--btn-general-bg) !important; } .crmpopUpcurtain .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--btn-general-bg-hover) !important; color: var(--btn-general-color-hover) !important; border-color: var(--btn-general-bg-hover) !important; } .crmpopUpcurtain .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; border-color: var(--btn-general-bg) !important; } .crmpopUpcurtain table.dataTable tbody th, .crmpopUpcurtain table.dataTable tbody td { padding: 2px 5px; } .crmpopUpcurtain table.dataTable thead th, .crmpopUpcurtain table.dataTable thead td { padding: 5px !important; border-top: 1px solid var(--table-header-bg) !important; font-size: 11px; } .crmpopUpcurtain table.dataTable tfoot th, .crmpopUpcurtain table.dataTable tfoot td { border-bottom: 1px solid var(--table-header-bg) !important; padding: 0px; } .crmpopUpcurtain table.dataTable tfoot th, .crmpopUpcurtain table.dataTable tfoot td { border-top: 1px solid var(--table-header-bg) !important; } .crmpopUpcurtain .srchtblinp~span { display: none; } .crmpopUpcurtain .dataTables_empty { background: rgb(255, 230, 235, 0.8); color: #ee3158; } .crmpopUpcurtain div.dt-buttons { padding-left: 0 !important; width: 70%; text-align: left; display: flex; } .crmpopUpcurtain .dataTables_wrapper div.dataTables_filter { padding-right: 0px !important; width: 30%; margin-bottom: 10px; } .crmpopUpcurtain .dataTables_wrapper div.dataTables_filter label { padding: 0; } .crmpopUpcurtain .dataTables_filter input[type="search"] { border: 1px solid var(--input-border); color: var(--input-color); float: right; width: 155px; height: 29px; border-radius: 5px; margin: 0; margin-left: 5px; background: var(--input-bg); } .dt-button.buttons-copy { border: 1px solid #d6e4f5 !important; background: #d6e4f5 !important; color: var(--primary); } .dt-button.buttons-copy:hover { border: 1px solid var(--primary) !important; background: var(--primary) !important; color: #fff; } .dt-button.buttons-csv { border: 1px solid #ffd6de !important; background: #ffd6de !important; color: #ee3158; } .dt-button.buttons-csv:hover { border: 1px solid #ee3158 !important; background: #ee3158 !important; color: #fff; } .dt-button.buttons-excel { border: 1px solid #ebf9f5 !important; background: #ebf9f5 !important; color: #05825f; } .dt-button.buttons-excel:hover { border: 1px solid #05825f !important; background: #05825f !important; color: #fff; } .dt-button.buttons-pdf { border: 1px solid #ffeecc !important; background: #ffeecc !important; color: #ffa800; } .dt-button.buttons-pdf:hover { border: 1px solid #ffa800 !important; background: #ffa800 !important; color: #fff; } .dt-button.buttons-print { border: 1px solid #d6e4f5 !important; background: #d6e4f5 !important; color: var(--primary); } .dt-button.buttons-print:hover { border: 1px solid var(--primary) !important; background: var(--primary) !important; color: #fff; } .dt-button.buttons-collection { border: 1px solid #ffd6de !important; background: #ffd6de !important; color: #ee3158; } .dt-button.buttons-collection:hover { border: 1px solid #ee3158 !important; background: #ee3158 !important; color: #fff; } .dt-button-collection .dt-button { border: 0 !important; background: var(--primary-light) !important; color: var(--primary) !important; box-shadow: none !important; } .dt-button-collection .dt-button.active, .buttons-collection .dt-button:hover { border: 0 !important; background: var(--primary) !important; color: var(--white) !important; ; box-shadow: none !important; } .reportdatepopup-second .dataTables_scrollBody { min-height: calc(100vh - 480px); max-height: calc(100vh - 480px) !important; } .alert-danger, .alert-error { background-color: var(--alert-danger-bg); border-color: var(--alert-danger-bg); color: var(--alert-danger-color) !important; } .gstProd-msg { margin-top: var(--space); margin-bottom: 0 !important; } .crmpopUpcurtain .dataTables_filter label { line-height: 28px; width: 100%; text-align: right; } .crmpopUpcurtain button.dt-button, .crmpopUpcurtain div.dt-button, .crmpopUpcurtain a.dt-button { padding: 5px 2px; border-radius: 5px; font-size: 10px; width: 110px; margin: 0 6px 0 0; } .crmpopUpcurtain table.dataTable thead th, .crmpopUpcurtain table.dataTable thead td { white-space: nowrap; } .crmpopUpcurtain .srchtblinp { width: auto !important; margin: 0 !important; height: 25px; font-size: 11px; border-radius: 4px !important; } .buttons-collection .dt-button { border: 1px solid var(--primary-light) !important; background: var(--primary-light) !important; color: var(--primary) !important; box-shadow: none !important; } #Leads_LBL_DESCRIPTION_INFORMATION { width: 100% !important; } @media screen and (max-width:1299px) { .cs-col-1-xl { flex: 0 0 auto; width: 8.33333333% } .cs-col-2-xl { flex: 0 0 auto; width: 16.66666667% } .cs-col-3-xl { flex: 0 0 auto; width: 25% } .cs-col-4-xl { flex: 0 0 auto; width: 33.33333333% } .cs-col-5-xl { flex: 0 0 auto; width: 41.66666667% } .cs-col-6-xl { flex: 0 0 auto; width: 50% } .cs-col-7-xl { flex: 0 0 auto; width: 58.33333333% } .cs-col-8-xl { flex: 0 0 auto; width: 66.66666667% } .cs-col-9-xl { flex: 0 0 auto; width: 75% } .cs-col-10-xl { flex: 0 0 auto; width: 83.33333333% } .cs-col-11-xl { flex: 0 0 auto; width: 91.66666667% } .cs-col-12-xl { flex: 0 0 auto; width: 100% } } @media screen and (max-width:1199px) { .cs-col-1-lg { flex: 0 0 auto; width: 8.33333333% } .cs-col-2-lg { flex: 0 0 auto; width: 16.66666667% } .cs-col-3-lg { flex: 0 0 auto; width: 25% } .cs-col-4-lg { flex: 0 0 auto; width: 33.33333333% } .cs-col-5-lg { flex: 0 0 auto; width: 41.66666667% } .cs-col-6-lg { flex: 0 0 auto; width: 50% } .cs-col-7-lg { flex: 0 0 auto; width: 58.33333333% } .cs-col-8-lg { flex: 0 0 auto; width: 66.66666667% } .cs-col-9-lg { flex: 0 0 auto; width: 75% } .cs-col-10-lg { flex: 0 0 auto; width: 83.33333333% } .cs-col-11-lg { flex: 0 0 auto; width: 91.66666667% } .cs-col-12-lg { flex: 0 0 auto; width: 100% } .crmpopUpcurtain .invoice_large_size { font-size: 14px; } .crmpopUpcurtain button.dt-button, .crmpopUpcurtain div.dt-button, .crmpopUpcurtain a.dt-button { padding: 5px 12px; width: auto; } } @media screen and (max-width:991px) { .cs-col-1-md { flex: 0 0 auto; width: 8.33333333% } .cs-col-2-md { flex: 0 0 auto; width: 16.66666667% } .cs-col-3-md { flex: 0 0 auto; width: 25% } .cs-col-4-md { flex: 0 0 auto; width: 33.33333333% } .cs-col-5-md { flex: 0 0 auto; width: 41.66666667% } .cs-col-6-md { flex: 0 0 auto; width: 50% } .cs-col-7-md { flex: 0 0 auto; width: 58.33333333% } .cs-col-8-md { flex: 0 0 auto; width: 66.66666667% } .cs-col-9-md { flex: 0 0 auto; width: 75% } .cs-col-10-md { flex: 0 0 auto; width: 83.33333333% } .cs-col-11-md { flex: 0 0 auto; width: 91.66666667% } .cs-col-12-md { flex: 0 0 auto; width: 100% } .kund-hdr h1 { font-size: 14px; } .crmpopUpcls { font-size: 13px; } .secLabel .report-label { font-size: 13px; } .crmpopUp-main-bdy .report-button, .crmpopUp-main-bdy .crmPopup-button { margin-top: 15px; } .crmpopUpcurtain span.invoice_large_size { font-size: 11px !important; } } @media screen and (max-width:767px) { .cs-col-1-sm { flex: 0 0 auto; width: 8.33333333% } .cs-col-2-sm { flex: 0 0 auto; width: 16.66666667% } .cs-col-3-sm { flex: 0 0 auto; width: 25% } .cs-col-4-sm { flex: 0 0 auto; width: 33.33333333% } .cs-col-5-sm { flex: 0 0 auto; width: 41.66666667% } .cs-col-6-sm { flex: 0 0 auto; width: 50% } .cs-col-7-sm { flex: 0 0 auto; width: 58.33333333% } .cs-col-8-sm { flex: 0 0 auto; width: 66.66666667% } .cs-col-9-sm { flex: 0 0 auto; width: 75% } .cs-col-10-sm { flex: 0 0 auto; width: 83.33333333% } .cs-col-11-sm { flex: 0 0 auto; width: 91.66666667% } .cs-col-12-sm { flex: 0 0 auto; width: 100% } .crmpopUpcurtain button.dt-button, .crmpopUpcurtain div.dt-button, .crmpopUpcurtain a.dt-button { padding: 5px 7px; margin-bottom: 0; margin-top: 2px; } .crmpopUpcurtain .dataTables_filter input[type="search"] { width: 105px; } .crmpopUpcurtain .dataTables_wrapper div.dataTables_filter { margin-top: 0; } .reportdatepopup-second .crmpopUp-main-bdy .crmPopup-button { margin-top: 0px; } .crmpopUp-main-bdy .dataTables_wrapper .dataTables_paginate { margin-top: 0; padding: 0; } .kund-hdr h1 { font-size: 13px; } .secLabel .report-label { font-size: 12px; } } @media screen and (max-width:575px) { .cs-col-1-xs { flex: 0 0 auto; width: 8.33333333% } .cs-col-2-xs { flex: 0 0 auto; width: 16.66666667% } .cs-col-3-xs { flex: 0 0 auto; width: 25% } .cs-col-4-xs { flex: 0 0 auto; width: 33.33333333% } .cs-col-5-xs { flex: 0 0 auto; width: 41.66666667% } .cs-col-6-xs { flex: 0 0 auto; width: 50% } .cs-col-7-xs { flex: 0 0 auto; width: 58.33333333% } .cs-col-8-xs { flex: 0 0 auto; width: 66.66666667% } .cs-col-9-xs { flex: 0 0 auto; width: 75% } .cs-col-10-xs { flex: 0 0 auto; width: 83.33333333% } .cs-col-11-xs { flex: 0 0 auto; width: 91.66666667% } .cs-col-12-xs { flex: 0 0 auto; width: 100% } .crmpopUp-content-bdy-inr input, .crmpopUp-content-bdy-inr select { width: calc(100% - 30px); } #crmpopUppst_chzn, #crmpopUprsnt_chzn { width: calc(100% - 30px) !important; } .crmpopUpcurtain span.invoice_large_size { font-size: 10px !important; width: 50% !important; margin: 0 !important; line-height: 22px; } .crmpopUpcurtain span.invoice_large_size:last-child { width: 100% !important; text-align: center !important; margin-bottom: 10px !important; } .crmpopUpcurtain div.dt-buttons { width: 100%; } .crmpopUpcurtain button.dt-button, .crmpopUpcurtain div.dt-button, .crmpopUpcurtain a.dt-button { padding: 5px 4px; margin: 0 2px 0; } .crmpopUpcurtain div.dt-buttons { justify-content: center; } .crmpopUpcurtain .dataTables_wrapper div.dataTables_filter { width: 100%; margin-top: 10px !important; } .crmpopUpcurtain .dataTables_filter label { width: 100%; display: flex; } .crmpopUpcurtain .dataTables_filter input[type="search"] { width: 100%; } .ftrBtns-left, .ftrBtns-center { width: 50%; } .ftrBtns-right { width: 100%; margin-top: 10px; } .reportdatepopup-first .crmpopUp-main-bdy { width: 96% !important; } } .clearfix { *zoom: 1; } .clgcurtain1lsd-popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 9999; text-align: center; background: rgba(0, 0, 0, 0.8); } .clgcurtain1lsd-inr { width: 100%; height: auto; margin: 0 auto; padding: 30px !important; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .clgcurtain1lsd-inr h1 { text-align: center; color: #fff; font-size: 30px; margin: 0; padding: 0 15px; } .datepicker { color: var(--calendar-color) !important; } .datepickers-container .datepicker.active { transform: translate(-35px); display: block; height: auto; background: var(--card-bg); } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { background: var(--calendar-bg) !important; color: var(--calendar-color-active) !important; } .datepicker--day-name { color: var(--calendar-color) !important; } .datepicker--cell.-current- { color: var(--calendar-color-active) !important; } .datepicker--cell.-focus- { color: var(--calendar-color-active) !important; } .datepicker--cell.-focus-.-selected- { color: var(--calendar-range-color) !important; } .datepicker--cell.-in-range- { background: var(--calendar-range-bg) !important; color: var(--calendar-range-color) !important; } .datepicker--nav-action:hover, .datepicker--nav-title:hover { background: var(--calendar-range-bg) !important; } @font-face { font-family: OpenSansRegular; src: url(../../../../libraries/OpenSans/OpenSans-Regular.ttf); } @font-face { font-family: OpenSansLight; src: url(../../../../libraries/OpenSans/OpenSans-Light.ttf); } @font-face { font-family: OpenSansBold; src: url(../../../../libraries/OpenSans/OpenSans-Bold.ttf); } /*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;500;600&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap'); *:not(i) { font-family: OpenSansRegular !important; } body { background-color: var(--body) !important; } .text-primary { color: var(--primary); } .text-danger { color: var(--danger); } .text-success { color: var(--success); } .text-warning { color: var(--warning); } .text-info { color: var(--info); } .text-dark { color: var(--dark); } .text-muted { color: var(--muted); } .fa { font-family: FontAwesome !important; } h1, h2, h3, h4, h5, h6 { font-weight: 300; } strong, .table th { font-weight: 300; } .listViewEntriesTable tbody tr:first-child, .listViewEntriesTable tbody tr:first-child:hover td { background-color: #fafafa !important; } .dbswtch.dbswtchslctd { background-color: var(--primary) !important; color: var(--white) !important; } .dbswtch.dbswtchslctd i { color: var(--white) !important; } .nav-left-small .sidebar-main .menu-badge { display: none; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .hide-text { overflow: hidden; text-indent: 100%; white-space: nowrap; } .alphabetSorting .table-bordered { border-color: var(--card-border) !important; } .input-block-level { display: block; width: 100%; min-height: 28px; /* Make inputs at least the height of their button counterpart */ /* Makes inputs behave like true block-level elements */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { width: 100%; font-family: OpenSansRegular !important; font-size: 12px !important; background: #ffffff; color: #2b2b2b; line-height: 12px; } .btn-toolbar { margin-top: 0px; margin-bottom: 10px; height: auto; } hr { margin: 8px 0; border-bottom: 1px solid var(--primary-light); } .navbar.navbar-fixed-top { margin-bottom: 0 !important; } .navbar.navbar-fixed-top #topMenus { margin-bottom: 0 !important; } /*Code Added By Fixfin Technologies - Parthib Pandit - For New Static Sidebar Hover Design #Start*/ #largeNav .tabs { overflow: hidden; } #largeNav li.tabs a { display: flex; align-items: center; gap: 10px; padding: 12px 18px; color: #d6d6d6; text-decoration: none; position: relative; border-radius: 4px; transition: background 0.25s ease, color 0.25s ease; text-wrap: nowrap; } #topMenus .largenv a{ padding: 12px 18px; text-wrap: nowrap; } #largeNav li.tabs a i { color: #bfbfbf; transition: color 0.25s ease; } #largeNav li.tabs a:hover { background: linear-gradient( to right, rgba(209, 168, 90, 0.18) 0%, rgba(209, 168, 90, 0.10) 60%, rgba(209, 168, 90, 0.05) 100% ); color: #ffffff; } #largeNav li.tabs a:hover i { color: #ffffff; } #largeNav li.tabs.active a { background: linear-gradient( to right, #7a5a22 0%, #b38b3d 55%, #d1a85a 100% ); color: #ffffff; } #largeNav li.tabs a::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: transparent; transition: background 0.25s ease; } #largeNav .vd_panel-header{ transition: background 0.25s ease; } /* hover accent */ #largeNav li.tabs a:hover::before { background: #d1a85a; } /* active accent */ #largeNav li.tabs.active a::before { background: #ffd27a; } #largeNav li.tabs.active a { box-shadow: inset 0 0 0 1px rgba(255, 215, 140, 0.35); } /*Code Added By Fixfin Technologies - Parthib Pandit - For New Static Sidebar Hover Design #End*/ /*Code Added By Fixfin Technologies - Parthib Pandit - For New Static Sidebar Collapse Functionality #Start*/ .mainContainer { transition: background 0.25s ease; } /* Sidebar default */ .new_sidebar .menuBar.row-fluid .span9 { /*width: 260px;*/ transition: all 0.25s ease; } /* Collapsed */ body.sidebar-collapsed .new_sidebar .menuBar.row-fluid .span9 { width: 100% !important; } body.sidebar-collapsed .mainContainer { width: calc(100% - 75px) !important; padding-left: 75px; } #topnavHeader.collapsed .vd_panel-header{ padding: 0px 6px; max-width: 75px !important; } #topnavHeader.collapsed .vd_panel-header .vd_panel-menu.megamnu-btn{ display: none; } #topnavHeader.collapsed .vd_container{ position: relative; } #topnavHeader .vd_panel-menu.megamnu-btn.megamnu-btn-collapsed{ display: none; } #topnavHeader.collapsed .vd_panel-menu.megamnu-btn.megamnu-btn-collapsed{ /*position: absolute;*/ background: #0F0F10; left: 27px; display: block; } #topnavHeader .vd_panel-header .logo{ margin: 0 auto; } #topnavHeader.collapsed .vd_panel-header .logo { margin: 0; } #topnavHeader.collapsed .vd_container{ float: right; } .searchBtn{ display: none; cursor: pointer; } .mobileSearchBarContainer{ display: none; transition: all 0.25s ease; } /*Code Added By Fixfin Technologies - Parthib Pandit - For New Static Sidebar Collapse Functionality #End*/ /*Code Added By Fixfin Technologies - Parthib Pandit - For Hiding Topbar For New UI #Start*/ @media screen and (max-width: 1100px) { .mobileSearchBarContainer{ display: block; background: #fff; position: absolute; top: 50px; right: 0; width: 100%; display: flex; align-items: center; } .mobileSearchBarContainer .vd_menu-search{ position: unset !important; margin: 6px 8px !important; width: 100% !important; } .mobileSearchBarContainer .adv-search { position: unset; display: unset; } .searchBtn{ display: block; } body:not(.sidebar-collapsed) .mobileSearchBarContainer { width: calc(100% - 250px); } #topnavHeader .vd_container { display: none; } #topnavHeader .vd_panel-header { width: 100%; max-width: 100% !important; padding: 0 28px; } #topnavHeader.collapsed .vd_panel-header{ max-width: 100% !important; padding: 0 28px; } #topnavHeader.collapsed .vd_panel-header .vd_panel-menu.megamnu-btn{ display: block; } .new_sidebar .menuBar.row-fluid .span9{ position: absolute; left: 0px; } body.sidebar-collapsed .new_sidebar .menuBar.row-fluid .span9 { left: -250px; } body.new_sidebar .mainContainer { width: 100% !important; padding-left: 0 !important; } } @media screen and (max-width: 767px) { .vd_panel-header { padding: 0px 16px !important; } } /*Code Added By Fixfin Technologies - Parthib Pandit - For Hiding Topbar For New UI #End*/ /* ================================ MOBILE FOOTER ================================ */ .mobile-footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 64px; background: var(--dark); border-top: 1px solid var(--gray-light); z-index: 999; box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06); } /* Hide on desktop */ @media (min-width: 768px) { .mobile-footer { display: none; } } .mobile-footer-nav { display: flex; height: 100%; margin: 0; padding: 0; list-style: none; } /* Footer items */ .mobile-footer-item { flex: 1; text-align: center; } .mobile-footer-item a { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #ffffff; font-size: 11px; text-decoration: none; transition: color 0.2s ease; } .mobile-footer-item.active a { color: var(--primary); } .mobile-footer-item a i { font-size: 20px; } /* ================================ CENTER ACTION BUTTON ================================ */ .mobile-footer-center { position: relative; top: -18px; display: flex; justify-content: center; } .mobile-footer-center a { width: 56px; height: 56px; border-radius: 50%; background: var(--primary); color: #ffffff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35); } .mobile-footer-center a i { font-size: 24px; } /* Hover / active feedback */ .mobile-footer-center a:active { transform: scale(0.95); } /* ================================ MOBILE QUICK CREATE (GRID) ================================ */ .mobile-quick-create { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%) translateY(10px); background: #ffffff; border-radius: 16px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); padding: 14px; display: none; z-index: 1000; opacity: 0; transition: all 0.25s ease; /*display: grid;*/ grid-template-columns: repeat(3, 1fr); gap: 14px; min-width: 260px; } /* Visible state */ body.qc-open .mobile-quick-create { display: grid; opacity: 1; transform: translateX(-50%) translateY(0); } /*body:not(.qc-open) .mobile-quick-create { display: none !important; }*/ /* Grid item */ .qc-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px 6px; text-decoration: none; color: var(--primary); border-radius: 12px; font-size: 12px; } .qc-item i { font-size: 22px; color: var(--primary); } /* Hover / tap feedback */ .qc-item:active { background: #f1f5f9; } body.qc-open .mobile-footer-center i { transform: rotate(45deg); transition: all 0.25s ease; } #topMenus.new_sidebar { position: fixed; top: 50px; left: 0; width: 75px; height: 100% !important; z-index: 2; } .navbar.navbar-fixed-top #topMenus .navbar-inner { height: 40px; background-color: var(--primary); background-image: -moz-linear-gradient(top, var(--primary), var(--primary)); background-image: -ms-linear-gradient(top, var(--primary), var(--primary)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--primary)), to(var(--primary))); background-image: -webkit-linear-gradient(top, var(--primary), var(--primary)); background-image: -o-linear-gradient(top, var(--primary), var(--primary)); background-image: linear-gradient(top, var(--primary), var(--primary)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primary)', endColorstr='var(--primary)', GradientType=0); border-color: var(--primary) var(--primary) var(--primary); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs a { color: #ffffff; } /*.navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs:first-child>a { padding: 10px 12px 9px; }*/ .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs a.selected { background: #0c1d2f; color: #ffffff; font-weight: 300; } /*.navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs:hover a { background: #163558; color: #ffffff; }*/ .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus div a#menubar_item_moduleManager { color: #2b2b2b; } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus .moduleNames { margin-bottom: 2px; } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus .moduleNames a { font-size: 0.9em; padding: 3% !important; color: #2b2b2b !important; } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu .moreMenus .moduleNames a:hover { text-decoration: none; background: var(--primary); color: #ffffff !important; } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li a { color: #ffffff; } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li.open { background: #0c1d2f; font-weight: 300; } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li.open a { color: #ffffff; } #collapsedMenu { display: block; position: relative; } #collapsedMenu a { color: #ffffff; } #collapsedMenu .dropdown-menu .shortDropdown { max-height: 300px; overflow-y: scroll; padding: 10px; position: relative; z-index: 10000; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); } #collapsedMenu .dropdown-menu .shortDropdown .moduleNames { margin-bottom: 2px; } #collapsedMenu .dropdown-menu .shortDropdown .moduleNames a { font-size: 0.9em; padding: 3% !important; color: #2b2b2b !important; } #collapsedMenu .dropdown-menu .shortDropdown .moduleNames a:hover { text-decoration: none; background: var(--primary); color: #ffffff !important; } .moreMenus { width: 52em; padding: 24%; left: -270px; border-radius: 2px; } .moreMenus.leftAligned:after, .moreMenus.leftAligned:before { left: 21px !important; } .moreMenus strong { font-size: 1.1em; color: #2b2b2b; } .moreMenus:after, .moreMenus:before { left: 292px !important; } .announcement { display: none; background: #fafad2; padding: 2px 0; border-bottom: 1px solid #cccccc; max-height: 24px; width: 100%; } .announcement .marStyle { width: 100%; } #headerLinks { padding: 10px 0 7px; min-width: 240px; float: right !important; } #headerLinks .headerLinksContainer { margin-right: 10px; } #headerLinks .headerLinksContainer>[class*="span"] { float: left; margin-left: 15px; } #headerLinks .headerLinksContainer .dropdown.open .dropdown-toggle { background: transparent; } #headerLinks .headerLinksContainer ul.dropdown-menu { top: 30px; } #headerLinks .headerLinksContainer ul.dropdown-menu:after, #headerLinks .headerLinksContainer ul.dropdown-menu:before { right: 15px; left: auto; } #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu { left: -132px; top: 30px; } #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu:after, #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu:before { right: 15px; left: auto; } #headerLinks .headerLinksContainer>span a img, #headerLinks .headerLinksContainer>span a.userName { color: #ffffff; cursor: pointer; text-decoration: none !important; } #headerLinks .headerLinksContainer>span a img .caret, #headerLinks .headerLinksContainer>span a.userName .caret { border-top: 4px solid #ffffff; } .dropdown-menu.pull-right { right: 0; left: auto; cursor: pointer; } .navbar .dropdown-menu, .dropdown-menu { border-radius: 6px !important; } .navbar .dropdown-menu li a, .dropdown-menu li a { padding: 7px 15px; } .navbar .dropdown-menu li a:hover, .dropdown-menu li a:hover { background: var(--primary); text-shadow: none; } .themeMenuContainer { min-width: 110px; width: 110px; left: -84px !important; padding: 10px 0; } .themeMenuContainer .themeMenu { padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .themeMenuContainer .themeMenu .themeElement { cursor: pointer; margin: 5px; height: 20px; width: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .themeMenuContainer .themeMenu .themeElement:hover { border: 1px solid #0F0F10; background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png") !important; background-position: -286px 2px; } .themeMenuContainer .themeMenu .themeSelected { border: 1px solid #0F0F10; background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png") !important; background-position: -286px 2px; } #autogenbarcode { margin-top: 5px; width: 100%; background: #1a2c4c; border: 0; border-radius: 4px; color: #fff; padding: 4px; } .inventoryLineItemHeader { margin-left: 0; } .lineItemRow [class^="icon-"], [class*=" icon-"] { background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png"); } #lineItemTab.table-bordered, #lineItemResult.table-bordered { border: 1px solid var(--card-border) } #lineItemTab.table td, #lineItemResult.table td { border-top: 1px solid var(--card-border) } #lineItemResult.table-bordered td+td { border-left: 1px solid var(--card-border) } @media screen and (min-width: 1161px) { #mediumNav, #shortNav, #headerLinksCompact { display: none; } #largeNav { margin-left: 0; margin-right: 0; } .commonActionsButtonContainer { margin-right: 10px; } } @media screen and (max-width: 1160px) and (min-width: 960px) { #largeNav, #shortNav, #headerLinksCompact, .adv-search, .notificationMessageHolder { display: none; } .companyLogo { width: 100%; } .customFilterMainSpan .select2-container { width: 300px !important; } .commonActionsButtonContainer { margin-top: 4px; } * { zoom: 1 !important; } } @media screen and (max-width: 960px) { #mediumNav, #headerLinksBig, #commonMoreMenu, .nav.quickActions, #leftPanel, #toggleButton, .companyLogo, .notificationMessageHolder, .adv-search, /*.select-search .chzn-container.chzn-container-single { display: none !important; }*/ .bodyContents { margin: 0 !important; } #rightPanel { width: 100% !important; } .actionsContainer>.span2 { display: none !important; } .actionsContainer .span10 { padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .span3#headerLinks { padding: 5px 5px 0; } .menuBar .span9, .span3#headerLinks { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; min-width: 80px; } .menuBar .span9 .qCreate, .span3#headerLinks .qCreate { display: inline-block; margin: 0px; } .menuBar .span9 .qCreate img, .span3#headerLinks .qCreate img { margin-bottom: 3px; margin-right: 5px; } .menuBar .span9 .qCreate ul li.title, .span3#headerLinks .qCreate ul li.title { padding: 5px 0 0 15px; } .menuBar .span9 li.tabs:first-child>a, .span3#headerLinks li.tabs:first-child>a { padding: 10px 12px 9px; } .customFilterMainSpan .select2-container { width: 300px !important; } #quickCreateModules { width: 100% !important; padding: 0 !important; } .CompactQC { max-height: 300px; overflow-y: scroll; overflow-x: hidden; } .CompactQC a:hover { text-decoration: none; } #headerLinksCompact { display: inline-block; float: right; } #headerLinksCompact .btn-navbar { background: #0c1d2f; display: inline-block; margin-right: 3px; margin-top: 2px; float: none; } #headerLinksCompact ul.dropdown-menu { left: -115px; } #headerLinksCompact ul.dropdown-menu:after, #headerLinksCompact ul.dropdown-menu:before { right: 15px; left: auto; } #headerLinksCompact ul.dropdownStyles { left: -130px; } #headerLinksCompact #compactquickCreate:hover { background: none; } #headerLinksCompact #compactquickCreate .quickCreateModule:hover { text-decoration: none; color: #ffffff !important; } .searchElement { min-width: 440px; padding-left: 10px; } } .commonActionsContainer { margin-bottom: 0 !important; } .commonActionsContainer .companyLogo { display: inline-block; height: 3.5em; margin-top: 0.3em; margin-left: 20px; } .commonActionsContainer .companyLogo img { height: 98%; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .commonActionsContainer .actionsContainer { background: #f3f3f3; border-bottom: 1px solid #ffffff; box-shadow: 0 1px 3px 0 #888888; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .commonActionsContainer .actionsContainer>.span10>.row-fluid { margin-top: 9px; } .commonActionsContainer .actionsContainer>.span2 { height: 50px; } .commonActionsContainer .searchElement .searchBar, .commonActionsContainer .searchElement .select-search { display: inline-block; vertical-align: top; } .commonActionsContainer .searchElement .searchBar input, .commonActionsContainer .searchElement .select-search input { margin-bottom: 0; } .commonActionsContainer .searchElement .searchBar .adv-search, .commonActionsContainer .searchElement .select-search .adv-search { margin: 4px 0 0 10px; } .commonActionsContainer .searchElement .searchBar .adv-search a, .commonActionsContainer .searchElement .select-search .adv-search a { color: #2e3f51; cursor: pointer; text-decoration: none !important; } .commonActionsContainer .searchElement .searchBar .search-icon, .commonActionsContainer .searchElement .select-search .search-icon { border-radius: 2px !important; margin-left: 4px; padding: 4px 20px; cursor: pointer; background: var(--primary); border: 1px solid #1b426d; } .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-results, .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-results { max-height: 450px; } .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-single, .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-single { border-radius: 2px 0 0 2px; border: 1px solid var(--primary-light); border-right: 0; background: #eeeeee; } .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-single div, .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-single div { border-radius: 2px; background: #eeeeee; border-left: 0px !important; } .commonActionsContainer .searchElement .searchBar .chzn-single.chzn-single-with-drop div b, .commonActionsContainer .searchElement .select-search .chzn-single.chzn-single-with-drop div b { box-shadow: 0 1px 0 #ffffff inset; } .commonActionsContainer .searchElement .searchBar #globalSearchValue, .commonActionsContainer .searchElement .select-search #globalSearchValue { border-radius: 0; } .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown { left: -371px !important; min-width: 400px; top: 28px; } .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown li.title { padding: 5px 0 0 15px; } .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown a { cursor: pointer; text-decoration: none !important; } .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown #quickCreateModules { padding: 0 5px; } .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown #quickCreateModules div a:hover { color: #ffffff; } .mainContainer { min-height: 500px; margin-top: 90px; background: var(--body); min-width: 1200px; } .mainContainer>.span2 { padding: 0 10px; height: auto !important; min-width: 174px; } .mainContainer .contentsDiv { min-height: 500px; background: ecf0fa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; position: relative; } .mainContainer #leftPanel { background-color: #eeeff2; background-image: -moz-linear-gradient(top, #eeeff2, #eeeff2); background-image: -ms-linear-gradient(top, #eeeff2, #eeeff2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeff2), to(#eeeff2)); background-image: -webkit-linear-gradient(top, #eeeff2, #eeeff2); background-image: -o-linear-gradient(top, #eeeff2, #eeeff2); background-image: linear-gradient(top, #eeeff2, #eeeff2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeff2', endColorstr='#eeeff2', GradientType=0); border-color: #eeeff2 #eeeff2 #c3c6d1; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .toggleButton { background: #4d5875; font-weight: 300; padding: 5px 2px !important; position: absolute; top: 20px; left: -1px; cursor: pointer; width: 10px; z-index: 100; border: 1px solid var(--primary-light); border-left: 0; display: inline-block; } .caret { border-top: 4px solid #fff; } .toggleButton .icon-chevron-left { background-position: -434px -72px !important; } .toggleButton .icon-chevron-right { background-position: -460px -72px !important; } .quickLinksDiv { margin: 10px 0; } .quickLinksDiv p { font-size: 12px; padding: 5px; height: 28px; cursor: pointer; box-shadow: none; border-top: 0; background-color: var(--primary-light); background-image: none; position: relative; border-radius: 2px; box-sizing: border-box; line-height: 15px; } .quickLinksDiv p a { color: var(--primary); } .quickLinksDiv p a:hover { text-decoration: none; } .quickLinksDiv p.selectedQuickLink { background-color: var(--primary); background-image: none; position: relative; border: 1px solid var(--primary); box-shadow: none; } .quickLinksDiv p.selectedQuickLink a { color: #ffffff; } .quickLinksDiv p.selectedQuickLink a::after { border-bottom: 13px solid rgba(0, 0, 0, 0); border-left: 6px solid var(--setting-sidebar-body-bg); border-top: 13px solid rgba(0, 0, 0, 0); content: " "; display: inline-block; position: absolute; left: 100%; top: 0; } .quickWidgetContainer li a { overflow: hidden; white-space: normal; padding: 5px; margin: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; text-shadow: none; color:var(--setting-sidebar-item-color) } .quickWidgetContainer li a:hover { background-color: var(--setting-sidebar-item-bg); color:var(--setting-sidebar-item-color) } .quickWidgetContainer .quickWidget { margin-bottom: 10px; } .quickWidgetContainer .quickWidget .quickWidgetHeader span.pull-left { display: none; } .quickWidgetContainer .quickWidget .quickWidgetHeader { background-color: var(--setting-sidebar-heading-bg); text-shadow: none; cursor: pointer; text-decoration: none !important; padding: 5px; position: relative; box-sizing: border-box; line-height: 1; } .quickWidgetContainer .quickWidget .quickWidgetHeader h5 { color: var(--setting-sidebar-heading-color); float: left !important; } .quickWidgetContainer .quickWidget .widgetContainer { background-color: var(--setting-sidebar-body-bg); border: 1px solid var(--border) !important; } .quickWidgetContainer .quickWidget .widgetContainer>div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding: 7px 0; } .sidebarTitleBlock { padding: 10px 0 0; } .sidebarTitleBlock h3 { margin-bottom: 6px; } .sidebarTitleBlock h3, .widget_header h3 { font-size: 16px; } .sidebarTitleBlock a { color: var(--heading) !important; } .sidebarTitleBlock a:hover { text-decoration: none; } #selectAllMsgDiv, #deSelectAllMsgDiv { display: none; background-color: #fafad2; padding: 0.01%; text-align: center; } /** Advance Search **/ #advanceSearchContainer { background-color: var(--card-bg); position: relative; } #advanceSearchContainer .filterElements { margin: 10px; } #advanceSearchContainer .filterContainer { padding: 0 15x; } #advanceSearchContainer .filterContainer .deleteCondition { vertical-align: middle; margin: 3px; } #advanceSearchContainer form { margin-bottom: 0; } #advanceSearchContainer form>div { margin-bottom: 0; } #advanceSearchContainer .span4.fieldUiHolder input { height: 28px; box-sizing: border-box; margin: 0; } /** Global Search **/ .blockUI, #globalmodal { width: 100%; } .blockUI form, #globalmodal form { margin: 0 0 0; } .globalSearchResults { background: var(--card-bg); border: 1px solid var(--card-body-bg); border: 1px solid var(--card-body-bg); -webkit-box-shadow: 0 0 3px -1px #F7F7F8; -moz-box-shadow: 0 0 3px -1px #F7F7F8; box-shadow: 0 0 3px -1px #F7F7F8; min-width: 280px; min-height: 500px; } .globalSearchResults .highlightedHeader { background-color: var(--card-header-bg); border-bottom: 1px solid var(--card-border); color: var(--card-header-color); padding: 8px 5px; } .globalSearchResults #showFilter { color: var(--card-color); } .globalSearchResults .contents { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding: 5px; max-height: 500px; min-width: 280px; } .globalSearchResults .nav { margin-bottom: var(--space); } .globalSearchResults .nav>li>a:hover { text-decoration: none; background-color: var(--card-item-hover); } .globalSearchResults .contents>label { padding: 5px; border-bottom: 1px solid var(--border); } .globalSearchResults .contents ul li a { margin: 5px 0; padding: 7px; } .globalSearchResults .contents ul li a span { color: var(--card-color); opacity: 0.5; font-size: 0.8em; } .globalSearchResults .contents ul li a span p { margin: 0 !important; } .dashboardHeading h2 { padding-bottom: 8px; } .dashboardHeading hr { border-bottom: 1px solid var(--primary-light); } .dashboardHeading .dropdown-menu { left: -70px; right: 0; } .dashboardContainer { padding: 0; } .dashboardContainer .dashboardHeading { padding: 10px 0 0; background: #f5f5f5; } .dashboardContainer .dashboardHeading h2 { padding: 0 0 8px 20px; } .dashboardContainer .dashboardHeading .btn-toolbar { padding: 3px 20px 0 0; } .dashboardContainer .dashboardHeading hr { border-bottom: 1px solid var(--primary-light); } .dashboardContainer .dashboardHeading .dropdown-menu { left: -82px; } .widgetsList { max-height: 400px; overflow-y: auto; overflow-x: hidden; } .widgetsList li { display: block; } .widgetsList li a { white-space: normal; word-wrap: break-word; } .dashboard_notebookWidget_view .row-fluid { margin-bottom: 5px; } .gridster { margin-left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .gridster ul { width: auto; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; min-height: 460px; } .gridster ul { list-style: none; } .gridster ul li.dashboardWidget { background: #ffffff; border-radius: 1px; border: 1px solid var(--primary-light); -webkit-box-shadow: 0 0 3px -1px #F7F7F8; -moz-box-shadow: 0 0 3px -1px #F7F7F8; box-shadow: 0 0 3px -1px #F7F7F8; } .gridster ul li.dashboardWidget .dashboardWidgetHeader { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4)); background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: linear-gradient(top, #f6f6f6, #f3f3f4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0); border-color: #f3f3f4 #f3f3f4 #cbcbcf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0px 1px #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid var(--primary-light); color: #444444; cursor: move; padding: 5px; } .gridster ul li.dashboardWidget .dashboardWidgetHeader table { height: 28px; } .gridster ul li.dashboardWidget .dashboardWidgetHeader .dashboardTitle { text-align: left; padding-left: 10px; } .gridster ul li.dashboardWidget .dashboardWidgetHeader .widgeticons { opacity: 0.5; padding-right: 6px; } .gridster ul li.dashboardWidget .filterContainer { position: absolute; border: 1px solid var(--primary-light); background: #ffffff; margin-left: -7px; margin-right: 3px; margin-top: 4px; padding: 8px 0; border-radius: 0 0 5px 5px; box-shadow: 0 5px 8px -5px #888888; } .gridster ul li.dashboardWidget .filterContainer div span { margin-top: 6px; } .gridster ul li.dashboardWidget .filterContainer .span5 { margin-top: 3px; } .gridster ul li.dashboardWidget .dashboardWidgetContent { padding: 10px 0; line-height: 20px; } .gridster ul li.dashboardWidget .dashboardWidgetContent .dashboard_notebookWidget_viewarea { height: 200px; } .gridster ul li.dashboardWidget .widgeticons { min-width: 50px; height: 30px; margin-right: 30px; visibility: hidden; } .gridster ul li.dashboardWidget .widgeticons a { cursor: pointer; text-decoration: none; } .gridster ul .widgetChartContainer { margin-left: 10px; } .listViewPageDiv { margin: 11px 0; } .customFilterMainSpan { width: 100%; } .customFilterMainSpan .select2-container { width: 95% !important; } .select2-container .select2-choice { border-radius: 2px; background: var(--input-bg); border-color: var(--input-border); font-size: 14px; letter-spacing: 0.01em; color: var(--input-color); box-shadow: none; } .select2-container .select2-choice div { border-radius: 0; border-left: 0; background: var(--input-border); } .select2-drop { border-color: #E6E6E8; } .select2-drop .select2-no-results { padding: 1px 10px; } .select2-drop ul.filterActions { list-style: none !important; } .select2-drop ul.filterActions li { cursor: pointer; } .ui-autocomplete .ui-menu-item #ui-active-menuitem { background: var(--primary); border-radius: 0; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover { background: var(--primary); } /*Do not shrink select2 input box in layout editor*/ #relatedTabOrder .select2-input { min-width: 200px; } .alphabetSorting .alphabetSearch a { vertical-align: middle; display: inline-block; margin-bottom: 2px; } .alphabetSorting .alphabetSearch:hover,.alphabetSorting .alphabetSearch.highlightBackgroundColor { background: var(--table-body-row-hover); } .listViewActions .settingsIcon { display: inline-block; margin-left: 5px; } .listViewActions>.btn-group { min-width: 105px; } #listViewPageJumpDropDown, #relatedListPageJumpDropDown { left: -60px; } .customFilterMainSpan.btn-group a.select2-choice { background: var(--customFilter-bg); border-color: var(--customFilter-border); color: var(--customFilter-color); } .pageNumbers { display: inline-block; margin-right: 5px; margin-top: 6px; vertical-align: top; } .pageNumbers .totalNumberOfRecords { margin: 0 5px; } .listSearchContributor { min-width: 100px; margin-bottom: 0 !important; } .contents-topscroll, #reportDetails { overflow-x: auto !important; overflow-y: visible; } .contents-bottomscroll { overflow-x: auto !important; } .bottomscroll-div, .topscroll-div { display: table; min-width: 100%; } .listViewLoadingImageBlock { background: none; border-radius: 0px; box-shadow: none; text-align: center; } .detailViewContainer { padding: 10px; } .userPreferences .contents { padding-left: 0 !important; } .userPreferences .details { border-right: 0 !important; } .detailViewTitle { /*padding: 1.5% 0 0 1%;*/ padding: 1.5% 0 0 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .detailViewTitle .recordLabel { font-size: 16px; font-weight: 300; width: 20em; } .detailViewTitle .detailViewButtoncontainer { margin-top: 8px; } .detailViewTitle .detailViewPagingButton { margin-top: 8px; padding-right: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .detailViewTitle .btn-toolbar { margin: 0; } .detailview-table th, .detailview-table td { vertical-align: middle; background: transparent; } .detailview-table tr:hover td, .detailview-table tbody tr:hover th { background-color: transparent !important; } .detailview-table th label, .detailview-table td label { margin-bottom: 0px; } .detailViewInfo { box-shadow: 0 -4px 4px -4px #959595; margin-top: 0px; } .detailViewInfo .contents { /*padding: 2.2% 0 0 2.2%;*/ padding: 0px; min-height: 450px; } .detailViewInfo .details.span12 { min-height: 600px; padding-right: 0; /* border-right: 0px solid var(--primary); */ padding-bottom: 10px; box-sizing: border-box; width: 100%; } .span10.details { width: 85%; } .span10.details~.related.span2 { width: 15%; box-sizing: border-box; margin-left: 0; padding-left: 10px; } .fieldLabel { width: 20%; background: #f7f7f9; } .summaryView { border: 1px solid var(--card-border); -webkit-box-shadow: none; -moz-box-shadow: 1px 1px 3px #F7F7F8; box-shadow: none; border-radius: 2px; background: var(--card-bg); margin-bottom: 10px; padding: 25px 20px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .summaryView .summary-table tr.summaryViewEntries:last-child .fieldValue, .summaryView .summary-table tr.summaryViewEntries:last-child .fieldLabel { border-bottom: 1px solid var(--primary-light); } .summaryView .summaryViewEntries .fieldLabel { vertical-align: top; padding: 5px 0 5px 5%; border-top: 1px solid var(--primary-light); border-right: 1px solid var(--primary-light); } .summaryView .summaryViewEntries .fieldValue { vertical-align: top; padding: 5px 0 5px 5%; border-top: 1px solid var(--primary-light); } .summaryView .summaryViewEntries:hover .summaryViewEdit { opacity: 1; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .summaryView .summaryViewEntries .summaryViewEdit { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; top: -7px; right: 5px; } .summaryView .toggleViewByMode { margin: 6px 0; } .crtdDt p { margin: 0; text-align: right; } .summaryWidgetContainer { border-radius: 2px; box-shadow: none; border: 1px solid var(--card-border); background: var(--card-bg); margin-bottom: 10px; padding: 10px; } .summaryWidgetContainer .widget_header { padding-bottom: 0px; padding-top: 0; border-bottom: 1px solid var(--card-border); } .summaryWidgetContainer .widget_header button, .summaryWidgetContainer .widget_header>.span8, .summaryWidgetContainer .widget_header>.span9 { margin: 0; } .summaryWidgetContainer .widget_header h4 { padding-top: 7px; font-family: 'IBM Plex Sans', sans-serif !important } .summaryWidgetContainer .widget_contents { padding-top: 10px; } .summaryWidgetContainer .widget_contents .span4 { width: 40.4255%; } .commentContainer .commentTitle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; margin-bottom: 0px; } .commentContainer .commentTitle textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .recordDetails .squeezedWell { padding: 5px; min-height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: calc(25% - 2px); margin: 1px; box-shadow: none; border: 1px solid var(--input-border); border-radius: 0; } .recordDetails .squeezedWell .font-x-x-large { font-size: 18px; line-height: 28px; margin: 0; color: var(--value); } .recordDetails .squeezedWell label.font-x-small { font-size: 12px; } .summaryView.row-fluid .recordDetails .row-fluid.textAlignCenter.roundedCorners:nth-child(3) { margin-bottom: 5px; } /*#EditView{ input[type="radio"]{ margin: -2px 3px 0 0 !important; } }*/ hr { color: var(--card-border) !important; } .recordEditView .contentHeader { padding: 1.5% 0; } .recordEditView .table .fieldLabel, .recordEditView .table .fieldValue { vertical-align: middle; } .recordEditView .table tbody tr:hover td, .recordEditView .table tbody tr:hover th { background: #f7f7f9; } .commentContainer { border-radius: 2px; } .commentContainer hr { margin: 0 !important; } .commentContainer .addCommentBlock .commentsControls { display: inline-block; } .commentContainer .commentsList>.liStyleNone>.commentDetails .commentDiv { width: 100%; } .commentContainer .commentDetails { background: var(--card-bg); border: 1px solid var(--card-border); margin-bottom: 5px; border-radius: 2px; padding: 5px 5px 0px; display: inline-block; min-width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .commentorInfo { width: calc(100% - 32px) !important; padding-left: 13px; margin: 0 !important; } .commentContainer .commentDetails .commentDiv { width: 380px; max-width: 100%; } .commentContainer .commentorInfo p { margin-bottom: 0; color: var(--label); } .commentContainer .addCommentBlock { background-color: transparent; border: 0; padding: 0; min-height: auto; margin-top: 15px; display: block; background-image: none; } .btn.btn-success.detailViewSaveComment { margin-right: 0; } .addCommentBlock .btn.btn-success.saveComment { margin-top: ; margin-right: 0; } .commentorInfo { padding-left: 0; box-sizing: border-box; margin-bottom: 10px; } .commentContainer .addCommentBlock .commentcontent { padding: 5px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 100%; resize: none; } .commentorInfo .commentorName { color: var(--label); } .commentContainer .commentInfoContent { padding: 1px 0; word-wrap: break-word; color: var(--value); } .commentTitle .span1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .commentTitle .span1 img { min-width: 32px; min-height: 32px; } .commentsList>ul { margin-left: 0; } .singleComment .editedStatus { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding: 5px 0 5px 32px; } .singleComment .editedStatus p { margin-bottom: 0; } .singleComment .commentActionsDiv { display: none; } .singleComment .commentActionsDiv p { margin-bottom: 0; } .singleComment:hover .commentActionsDiv { display: block; margin-bottom: 3px; } .recentComments { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .recentComments .commentDiv { min-width: 100%; } .recentComments .addCommentBlock { border: 0; margin-top: 0; display: block; } .recentComments .commentDetails { display: block; } .singleComment:hover .commentActions .replyComment { display: inline-block; } .commentActionsContainer a:hover { text-decoration: none; } .commentActionsContainer .editStatus { padding: 5px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .commentActionsContainer .editStatus p { margin-bottom: 0; } .table { background: var(--table-bg); } .table-bordered { border-radius: 1px; margin-bottom: 0; } /*.table-bordered th { border-top: 1px solid #ffffff !important; }*/ .table th { color: var(--heading); border-bottom: 0; } input, textarea, select, .uneditable-input { color: var(--dark); border: 1px solid var(--input-border); } select { background-color: var(--input-bg); } .table-bordered { border: 1px solid #ddd; border-collapse: collapse; *border-collapse: collapsed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 8px; } .listViewEntriesTable.table-bordered th+th, .listViewEntriesTable.table-bordered td+td, .listViewEntriesTable.table-bordered th+td, .listViewEntriesTable.table-bordered td+th { border-left: 0; } /* .table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th{ border-left-color: @lightColorBorder; } .listViewEntriesTable tbody tr td{ border-left: 1px solid @lightColorBorder; } .listViewEntriesTable tbody tr td:first-child{ border-left: 0 none; } .listViewEntriesTable tbody td:last-child{ border-left: 0; }*/ .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { border-radius: 1px 0 0; } .equalSplit td:nth-child(odd) { width: 20%; } .equalSplit td:nth-child(even) { width: 30%; } td.fieldValue input, td.fieldValue .input-append { margin-bottom: 0; } .actionImage, .actionImages { /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .listViewHeaders a { color: #444444; } .listViewEntriesDiv .listViewHeaders th { background-color: var(--table-header-bg); border-bottom: 1px solid var(--primary-light); } .listViewEntriesDiv, .listViewEntriesDiv td { overflow: visible; } .listViewEntriesTable .listViewHeaders a.listViewHeaderValues { color: #444444; } .listViewEntriesTable .listViewHeaders a.listViewHeaderValues:hover { text-decoration: none; } .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-down.icon-white, .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-up.icon-white { background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png"); opacity: 0.7; margin-top: 1px; } .listViewEntriesTable td.listViewEntryValue, .listViewEntries td { vertical-align: middle; cursor: pointer; overflow: visible; padding: 5px; } .listViewEntriesTable td.listViewEntryValue:hover .actionImages, .listViewEntries td:hover .actionImages, .listViewEntriesTable td.listViewEntryValue:hover .actions, .listViewEntries td:hover .actions { opacity: 1; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /*opacity applied for summary view edit, comment actions, activity widget edit*/ .summaryViewEntries .summaryViewEdit, .activityStatus .editStatus, .addedCalendars .actionImage { opacity: 0; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .summaryViewEntries:hover .fieldValue .summaryViewEdit, .activityStatus:hover .editStatus, .addedCalendars:hover .actionImage { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); color: var(--inline-edit); } .listViewEntriesTable tr:hover td .actions .actionImages { opacity: 1; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .listViewBasicAction.dropdown-menu { width: 100%; } .listViewBasicAction.dropdown-menu input { border-radius: 2px; height: 24px; margin-bottom: 0; margin-top: -2px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .emptyRecordsDiv { width: 100%; border: 1px solid var(--primary-light); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; text-align: center; font-size: 16px; padding: 5% 0; } .emptyRecordsDiv td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; text-align: center; font-size: 16px; padding: 5% 0; } .CustomFilterViewTitle { padding-top: 0; } #CustomView .filterActions { padding-bottom: 20px; overflow: hidden; } .select2-container.select2-container-multi.columnsSelect { width: 100% !important; } .filterConditionsDiv { padding-bottom: 0; } .conditionGroup .header { margin-bottom: 10px; font-size: 14px; color: var(--heading); } .conditionGroup .contents .conditionRow { margin-bottom: 10px; } .conditionGroup .contents .conditionRow select, .conditionGroup .contents .conditionRow input { width: 90%; } .conditionGroup .contents .conditionRow .chzn-results li { line-height: 1; } .conditionGroup .deleteCondition { vertical-align: bottom; } .searchUIBasic { border-collapse: separate !important; border-spacing: 10px !important; margin: 0 10%; } .searchUIBasic .importContents { border: 1px solid var(--card-border); -webkit-box-shadow: 1px 1px 3px #F7F7F8; -moz-box-shadow: 1px 1px 3px #F7F7F8; box-shadow: var(--card-bg); border-radius: 2px; background: var(--card-bg); margin-bottom: 10px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .searchUIBasic .listRow .listViewHeaders>td { color: var(--primary); } .searchUIBasic .listRow .defaultInputTextContainer { max-width: 87% !important; margin-bottom: 0 !important; } #lineItemTab.table tr:first-child:hover th~td { background-color: #f3f3f4; background-image: -moz-linear-gradient(top, #f3f3f4, #f3f3f4); background-image: -ms-linear-gradient(top, #f3f3f4, #f3f3f4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f4), to(#f3f3f4)); background-image: -webkit-linear-gradient(top, #f3f3f4, #f3f3f4); background-image: -o-linear-gradient(top, #f3f3f4, #f3f3f4); background-image: linear-gradient(top, #f3f3f4, #f3f3f4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f4', endColorstr='#f3f3f4', GradientType=0); border-color: #f3f3f4 #f3f3f4 #cbcbcf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } #lineItemTab.table tr:nth-child(2):hover td { background: none; } .lineItemTable tr td { width: 0%; } .lineItemTable tr td div.finalDiscountUI, .lineItemTable tr td div.discountUI, .lineItemTable tr td div#shipping_handling_div, .lineItemTable tr td div.taxUI, .lineItemTable tr td div.finalTaxUI { border: 2px solid #c4c4c4; border-radius: 2px; } .lineItemTable tr td div.finalDiscountUI table tr td, .lineItemTable tr td div.discountUI table tr td, .lineItemTable tr td div#shipping_handling_div table tr td, .lineItemTable tr td div.taxUI table tr td, .lineItemTable tr td div.finalTaxUI table tr td, .lineItemTable tr td div.finalDiscountUI table tr th, .lineItemTable tr td div.discountUI table tr th, .lineItemTable tr td div#shipping_handling_div table tr th, .lineItemTable tr td div.taxUI table tr th, .lineItemTable tr td div.finalTaxUI table tr th { border-left: 0; } .lineItemTable tr:hover td { width: 0%; } .lineItemTable tr:hover td div.finalDiscountUI table tr td { background: none !important; } .lineItemTable tr:hover td div.discountUI table tr td { background: none !important; } .lineItemTable tr:hover td div#shipping_handling_div table tr td { background: none !important; } .lineItemTable tr:hover td span.taxDivContainer div table tr td { background: none !important; } .lineItemTable tr:hover td div.finalTaxUI table tr td { background: none !important; } .lineItemResult { width: 70.5% !important; } .lineItemResult a:hover { color: var(--primary); } .lineItemInputBox { width: 45%; float: right; text-align: right; } .smallInputBox { width: 45%; height: 12px; } .lineItemCommentBox { width: 70%; height: 40px; } .inventoryLineItemHeader { float: left; margin: 7px; } .discountUI, .taxUI, .finalDiscountUI, .finalTaxUI, #shipping_handling_div { position: absolute; left: 46%; width: 27%; z-index: 500; box-shadow: 1px 0px 7px #F7F7F8; border-radius: 6px; } .discountUI table.table, .taxUI table.table, .finalDiscountUI table.table, .finalTaxUI table.table, #shipping_handling_div table.table { margin-bottom: 0; display: table !important; } .discountUI table.table tr td:nth-child(2){ min-width:70px; } #lineItemTab tbody tr td{ width:15%; } #lineItemTab tbody tr td:nth-child(1){ width:30px; } #lineItemTab tbody tr td:nth-child(2){ width:calc(40% - 30px); } #tax_div1 input { width: 60px; } .discountUI .table tbody tr:first-child th:first-child, .taxUI .table tbody tr:first-child th:first-child, .finalDiscountUI .table tbody tr:first-child th:first-child, .finalTaxUI .table tbody tr:first-child th:first-child, #shipping_handling_div .table tbody tr:first-child th:first-child { border-radius: 4px 0 0 0 !important; } .discountUI .table tbody tr:first-child th:last-child, .taxUI .table tbody tr:first-child th:last-child, .finalDiscountUI .table tbody tr:first-child th:last-child, .finalTaxUI .table tbody tr:first-child th:last-child, #shipping_handling_div .table tbody tr:first-child th:last-child { border-radius: 0 4px 0 0 !important; } .LineItemDirectPriceReduction { width: 65% !important; } th.htColHeader, .handsontable thead th { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4)); background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4); background-image: linear-gradient(top, #f6f6f6, #f3f3f4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0); border-color: #f3f3f4 #f3f3f4 #cbcbcf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom: 1px solid var(--table-header-bg); padding: 6px 2px; } .contentHeader { padding: 15px; padding-left: 5px; line-height: 20px; } .contentsDiv>div { padding: 0 10px; } #settingsQuickWidgetContainer .widgetContainer.accordion-body>div:hover { background: var(--setting-sidebar-item-bg-hover); } #settingsQuickWidgetContainer .widgetContainer.accordion-body > div { padding: 2px 7px !important; } #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem { background-color: var(--setting-sidebar-item-bg-hover); border-bottom: 1px solid var(--setting-sidebar-item-bg-hover) !important; border-top: 1px solid var(--setting-sidebar-item-bg-hover) !important; font-weight: 300; } #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem a { color: #444444; } #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a { color: var(--setting-sidebar-heading-color); } #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem .menuItem a { color: var(--setting-sidebar-item-color-hover); } #settingsQuickWidgetContainer .widgetContainer.accordion-body > div:hover .menuItem a { color: var(--setting-sidebar-item-color-hover); } #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a:hover { text-decoration: none; } #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut { display: inline-block; margin-top: 3px; opacity: 0.8; } #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut:hover { opacity: 1; } #settingsShortCutsContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding: 1% 3%; } #settingsShortCutsContainer .moduleBlock { min-height: 60px; } #settingsShortCutsContainer .span3.moduleBlock:hover .unpin { display: inline-block; opacity: 0.4; } #settingsShortCutsContainer .span3.moduleBlock:hover .unpin:hover { opacity: 0.8; } .widget_header { padding: 12px 0 3px; } .widget_header h3, .widget_header button { margin-top: 0px; } .widget_header h3.btn-success, .widget_header button.btn-success { margin-top: 0; } .widget_header h3 { margin: 0; } .settingsIndexPage .settingsSummary { margin-top: 0; margin-bottom: 10px; position: relative; } .settingsIndexPage .settingsSummary a { display: inline-block; background: #f3f3f4; color: #444444; border-radius: 2px; min-width: 200px; padding: 20px 0 10px; border: 1px solid var(--primary-light); } .settingsIndexPage .settingsSummary a .summaryText { display: inline-block; margin-top: 20px; font-size: 15px; } .settingsIndexPage .settingsSummary a:hover .summaryText, .settingsIndexPage .settingsSummary a:hover .summaryCount { color: var(--primary); } .settingsIndexPage .moduleBlock h5 { font-size: 1.2em; margin-bottom: 5px; } .settingsIndexPage .moduleBlock:hover { background: transparent; } #userPageHeader { padding: 0px 0 0; } #userPageHeader #userHeading h3 { margin-top: 10px; } .treeView li { border-left: 4px solid var(--primary-light); list-style: none; padding-top: 15px; } .treeView li .toolbar-handle { margin-left: 10px; position: relative; } .treeView li .toolbar-handle .btn { margin: 0px; background: var(--primary-light); color: var(--primary); } .treeView li .toolbar-handle .btn:hover { background: var(--primary); color: #fff; } .treeView li .toolbar-handle a:before { background: none repeat scroll 0 0 var(--primary-light); content: " "; display: inline-block; height: 4px; left: -10px; position: absolute; top: 12px; width: 10px; } .treeView li .toolbar-handle .btn-inverse { background-color: var(--role-bg-active-1) !important; color: var(--role-color-active-1) !important; ; } .treeView li[data-roleid="H2"]>.toolbar-handle .btn { background: var(--role-bg-2); color: var(--role-color-2); } .treeView li[data-roleid="H3"]>.toolbar-handle .btn { background: var(--role-bg-2); color: var(--role-color-2); } .treeView li[data-roleid="H4"]>.toolbar-handle .btn { background: var(--role-bg-1); color: var(--role-color-1); } .treeView li[data-roleid="H5"]>.toolbar-handle .btn { background: var(--role-bg-4); color: var(--role-color-4); } .treeView li[data-roleid="H6"]>.toolbar-handle .btn { background: var(--role-bg-3); color: var(--role-color-3); } .treeView li[data-roleid="H7"]>.toolbar-handle .btn { background: var(--role-bg-1); color: var(--role-color-1); } .treeView li[data-roleid="H8"]>.toolbar-handle .btn { background: var(--role-bg-2); color: var(--role-color-2); } .treeView li[data-roleid="H9"]>.toolbar-handle .btn { background: var(--role-bg-3); color: var(--role-color-3); } .treeView li .toolbar-handle .toolbar a[title="Delete"] span.text-danger { color: var(--role-delete); } .treeView .btn { margin-bottom: 10px; } .profilesEditView tr.blockHeader th { text-align: center; } .profilesEditView tr.blockHeader th:first-child { text-align: left; } .profilesEditView input { margin-right: 5px; } .profilesEditView tr td.row-fluid table.table { border-left: none; margin-bottom: 20px; } .profilesEditView tr:hover td.row-fluid { background: none; } .profilesEditView tr:hover td.row-fluid table.table tr td { background: none; } .profilesEditView tr:hover td.row-fluid table.table tr:hover td { background: none; } .profilesEditView tr:hover td.row-fluid table.table td { background: #f3f3f4; } #s2id_memberList li>div, .groupMembersColors li>div { margin-left: 10px; } #s2id_memberList .Users, .groupMembersColors .Users { background-color: #ffd6de !important; padding: 5px; margin-bottom: 2px; background-image: none; color: #ee3158; } #s2id_memberList .Groups, .groupMembersColors .Groups { background-color: var(--primary-light) !important; background-image: none; padding: 5px; margin-bottom: 2px; color: var(--primary); } #s2id_memberList .Roles, .groupMembersColors .Roles { background-color: #ffeecc !important; background-image: none; padding: 5px; margin-bottom: 2px; } #s2id_memberList .RoleAndSubordinates, .groupMembersColors .RoleAndSubordinates { background-color: #ebf9f5 !important; background-image: none; padding: 5px; margin-bottom: 2px; } .collectiveGroupMembers { border: 1px solid var(--primary-light); border-top: 0; width: 100% !important; } .collectiveGroupMembers ul { padding: 0; margin: 0; } .collectiveGroupMembers ul li { padding: 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .collectiveGroupMembers ul li a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 100%; margin: 0; text-shadow: none; } .collectiveGroupMembers ul li.groupLabel { background-color: var(--primary-light); border-bottom: 1px solid var(--primary-light); border-top: 1px solid var(--primary-light); padding: 5px 5px; margin: 0; color: var(--primary); font-weight: normal; } .collectiveGroupMembers ul li a:hover { background: transparent; color: var(--anchortag-hover); } .mini-slider-control { width: 50px; } .mini-slider-control+div { margin-left: 15px; } .mini-slider-control .ui-slider-handle { border: 0; border-radius: 50%; height: 16px; top: -2px; width: 16px; cursor: pointer; } .mini-slider-control .ui-slider-handle:focus { outline: none; } .ui-widget-content { border-radius: 6px; border-color: #ffffff; box-shadow: 0 0 3px -1px inset; margin-top: 2px; margin-left: 5px; height: 12px; } .ui-slider-disabled { opacity: 0.5; border-color: #E6E6E8; box-shadow: none; cursor: not-allowed; } .ui-slider-disabled .ui-slider-handle { cursor: not-allowed; } .ui-slider-disabled+div { opacity: 0.5; cursor: not-allowed; } .mini-slider-control[data-value="0"] .ui-slider-handle { background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0); /* IE6-9 */ } .mini-slider-control[data-value="1"] .ui-slider-handle { background: #ffb76b; /* Old browsers */ background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0); /* IE6-9 */ } .mini-slider-control[data-value="2"] .ui-slider-handle { background: #bfd255; /* Old browsers */ background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%); /* IE10+ */ background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0); /* IE6-9 */ } #moduleManagerContents { padding-bottom: 10px; } #moduleManagerContents .moduleManagerBlock .moduleName { margin-top: 4px; } #moduleManagerContents .moduleManagerBlock .btn-group.open .dropdown-menu { left: -144%; } #moduleManagerContents .modulesTable td { width: 50%; } #importModules .contents .row-fluid { margin-bottom: 2.2%; } .extensionWidgetContainer { background-color: #ffffff; border: 1px solid var(--primary-light); min-height: 200px; padding: 2%; background: #fafafa; box-shadow: 0px 0px 10px -4px #777; } .extensionWidgetContainer .extension_contents { margin-top: 2%; background: #ffffff; padding: 10px; box-sizing: border-box; max-height: 160px; } .extension_contents:hover { border-radius: 4px; } .thumbnailImage { height: 130px; width: 130px; float: right; } .extensionWidgetContainer .extension_contents .slimScrollDiv { padding-right: 10px; } .extensionWidgetContainer .extension_header .font-x-x-large { font-size: 1.5em; padding-left: 3px; font-weight: 300; color: var(--primary); } .extensionWidgetContainer .extensionDescription { line-height: 20px; } .extensionWidgetContainer .extensionInfo { padding-top: 5px; } .extensionWidgetContainer .extensionInfo .rating, .extensionDetails .rating { vertical-align: middle; margin-top: 2px; display: inline-block; } .extensionDetails .authorInfo { margin: 3px 0; } .extensionDetails .extensionDetailActions { padding: 15px 0; } .extensionWidgetContainer .tab-pane .bx-wrapper .imageSlider { margin: 0; } .sliderImage { width: 90%; height: 360px; } .opacity .actions { opacity: 0; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .opacity:hover .actions { opacity: 1; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .sharingAccessDetails { margin-bottom: 30px; } .sharingAccessDetails td, .sharingAccessDetails th { text-align: center; vertical-align: middle !important; } .sharingAccessDetails tr td:first-child, .sharingAccessDetails tr th:first-child { text-align: left; } .sharingAccessDetails td.row-fluid>div { display: block; } .sharingAccessDetails .customRuleContainer:hover { background: none; } .sharingAccessDetails hr { border-bottom: 1px solid #bcbcbc; } .sharingAccessDetails .title { padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .sharingAccessDetails .title .rulehead { padding-top: 5px; } .sharingAccessDetails .customRuleEntries:hover .actionImages { opacity: 1; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .layoutContent { border-top: 4px solid var(--primary); } .layoutContent #moduleBlocks .editFieldsTable { margin-bottom: 20px; } .layoutContent #moduleBlocks .editFieldsTable .fieldLabel { background: none; } .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader { background-color: var(--card-bg); border-color: var(--card-border); border-top: 1px solid var(--card-border); border-bottom: 1px solid var(--card-border); } .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockLabel { padding-top: 13px; } .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group { margin-top: 0px; } .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader .blockActions .btn-group .dropdown-menu { left: unset; } .layoutContent .relatedTabModulesList { padding: 2% 1%; } .fieldDetailsForm .search-choice-close { padding: 0; } .border1px { border: 1px solid var(--border); } .blockFieldsList .opacity { margin-left: 0.5% !important; } .blockFieldsList .opacity .dropdown-menu a { padding: 0px !important; } .blockFieldsList .opacity a.dropdown-toggle.editFieldDetails { box-shadow: none; background-color: transparent !important; color: var(--layeditor-icon-hover) !important; padding: 0; position: relative; top: -3px; } .blockFieldsList .editFields .dropdown-menu { z-index: 1000003; padding: 0; left: -215px; position: absolute; } .blockFieldsList .editFields .dropdown-menu .modal-header { border-width: 0; border-bottom-width: 1px; } .blockFieldsList .editFields .dropdown-menu .modal-header .cancel { padding-right: 0; font-weight: 300; } .blockFieldsList .editFields .dropdown-menu .modal-footer .cancel { padding: 0 8px 0 3px; } .blockFieldsList .editFields:hover { background: #f3f3f4 !important; } #modulePickListValuesContainer .layoutContent { padding-left: 2%; } #modulePickListValuesContainer .layoutContent .selectedCell, #modulePickListValuesContainer .layoutContent .selectedListItem { background: #8bb4e2; white-space: nowrap; } #modulePickListValuesContainer .layoutContent .pickListValue { cursor: pointer; } .nonEditableValuesDiv .nonEditablePicklistValues { margin-left: 0; } .nonEditableValuesDiv .nonEditablePicklistValues li { padding: 3px 15px; margin-bottom: 2px; background: #E0F2FF; } .popover { z-index: 1000023 !important; } .popover-content .fieldLabel { width: 35%; white-space: normal; } /* #inERPglobalchange start */ #dependencyGraph .tableHeading { text-align: center; padding-top: 5px; font-size: 12px; font-weight: 300; } .depandencyTable > .span2 { width: 100px; } .depandencyTable > .span10 { width: calc(100% - 100px); margin-left: 0 !important; box-sizing: border-box; } .sourcePicklistValuesModal .control-group .controls input[type="checkbox"] { top: 0; margin-bottom: 0; } #globalmodal .sourcePicklistValuesModal .modal-body .control-group { margin-bottom: 0 !important; } #globalmodal .sourcePicklistValuesModal .modal-body .control-group .controls.row-fluid { width: 100%; } #globalmodal .sourcePicklistValuesModal .modal-body { overflow: auto; width: 100%; height: 430px; box-sizing: border-box; } #globalmodal .modal.sourcePicklistValuesModal { overflow: unset; } /* #inERPglobalchange end */ #dependencyGraph .depandencyTable { border: 1px solid #fafafa; background: #fafafa; } #dependencyGraph .depandencyTable .blockHeader { border-bottom: 1px solid var(--primary-light); } #dependencyGraph .depandencyTable .picklistValueMapping { border-bottom: 1px solid var(--primary-light); } #dependencyGraph .dependencyMapping { text-align: center; border-left: 1px solid var(--primary-light); border-right: 1px solid var(--primary-light); background: #ffffff; } #dependencyGraph .dependencyMapping .mCSB_container { margin-bottom: 16px !important; } #dependencyGraph .dependencyMapping .pickListDependencyTable { border: 0; } #dependencyGraph .dependencyMapping .pickListDependencyTable .blockHeader th { background: #f3f3f4; border-bottom: 1px solid var(--primary-light); } /* #inERPglobalchange start */ #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell { background: var(--card-bg); white-space: nowrap; } /* #inERPglobalchange end */ .webformFieldInfo { margin-bottom: 250px; } .targetFieldsTableContainer input[type="text"] { min-width: 100px; } #customRecordNumbering.table thead th { vertical-align: middle; } .addMailBoxBlock { margin-left: 83px; padding: 0 !important; font-size: 12px; } .addMailBoxStep { background: var(--card-bg); padding: 30px 0; border: 1px solid var(--card-border); border-radius: 1px; min-height: 170px; } .mailConveterDesc { height: 350px; width: 96%; border: 1.5px solid; border-radius: 2px; border-color: #E6E6E8; font-size: 11pt; margin-top: 55px; margin-left: 20px; background: var(--card-bg); } #mailBoxLabel { margin-top: 15px; margin-left: -18px; font-size: 12pt; width: 75px; } .mailBoxDropdownWrapper { height: 49px; width: 70%; background: url('../images/mailbox-icon.png') no-repeat 5px 5px; overflow: hidden; border: 1px solid var(--primary-light); } .mailBoxDropdown { background: transparent url('../images/downArrowBlue.png') no-repeat 236px 13px; width: 110%; height: 50px; font-size: 14pt; color: #0065a6; padding: 10px 55px; padding-right: 0; } #mailConverterDragIcon { margin-top: 12px; } #mailConverterBody { padding-top: 20px; margin-left: 0px; } .ruleHead { padding: 6px 0; background: #d8d8dc; } .mailConverterRuleBlock { font-size: 14px; line-height: 30px; border: 1.5px solid; border-color: #E6E6E8; } .mailConverterRuleLegend { font-size: 14px; color: #0065a6; margin-bottom: 10px; background: #f3f3f4; } #mailConverterStats { font-size: 10pt; margin-top: 5px; margin-left: -10px; } .addMailBoxBlock { border-color: #E6E6E8; margin-left: 83px; margin-top: 20px; padding-top: 30px; padding-left: 200px; padding-bottom: 20px; padding-right: 30px; font-size: 11pt; } .taskTypeUi>.row-fluid { margin: 10px 0; } #taskListContainer .listViewEntriesTable tr td:last-child { border-left: 1px solid var(--primary-light); } #workflow_step2>.row-fluid { padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; min-height: 400px; } #open_email_con .detailViewTitle { padding: 0; } #open_email_con .detailViewTitle .detailViewPagingButton { margin-top: 0; padding-right: 0; } #foldersList .nav-list { padding-right: 0; } .massEditTable th+th, .massEditTable td+td, .massEditTable th+td, .massEditTable td+th { border-left: 0; } .nav.massEditTabs { margin-bottom: 0; border-bottom: 0; } .nav.massEditTabs li a { border-bottom: 1px solid var(--btn-general-bg-hover); background: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } .nav.massEditTabs li.active a, .nav.massEditTabs li a:hover { background: var(--btn-general-bg); color: var(--btn-general-color); margin-left: 0; border: 1px solid var(--btn-general-bg); } .relatedListTab a { background-color: var(--primary-light); border-bottom: 1px solid var(--primary) !important; } .addCustomBlockForm .form-horizontal .control-label { text-align: left; } .massEditContent { border-top: 3px solid var(--primary); } .calendarSettingsContainer { width: 100%; } .calendarSettingsContainer .control-label { width: 100%; padding-top: 0; } .calendarSettingsContainer .controls { width: 100%; margin: 0; } #calendarSettings { margin: 2px 0 0px; } #CalendarSettings .modal-footer { margin-left: -10px; margin-right: -10px; margin-bottom: -10px; } #calendarSettings.icon-cog::before { position: relative; top: -3px; } #calendarSettings input[type="radio"] { top: 1px; } #CalendarSettings .controls .lblSpan { margin-top: var(--space); } #CalendarSettings .controls .lblSpan:nth-child(1) { margin-top: 0; } .calendarMassEdit { min-width: 400px; } .fc-state-default .fc-button-effect { top: 100% !important; } .fc-event-style1, .fc-event-style1 .fc-event-skin { background: #17309a; border-color: #17309a; font-weight: normal; text-shadow: none; } .fc-event-style2, .fc-event-style2 .fc-event-skin { background: #3a87ad; border-color: #3a87ad; font-weight: normal; text-shadow: none; } .fc-event-style3, .fc-event-style3 .fc-event-skin { background: #aa6705; border-color: #aa6705; font-weight: normal; text-shadow: none; } .fc-event-style4, .fc-event-style4 .fc-event-skin { background: #953b39; border-color: #953b39; font-weight: normal; text-shadow: none; } .fc-event-style5, .fc-event-style5 .fc-event-skin { background: #545252; border-color: #545252; font-weight: normal; text-shadow: none; } .fc-event-style6, .fc-event-style6 .fc-event-skin { background: #87865d; border-color: #87865d; font-weight: normal; text-shadow: none; } .fc-event-style7, .fc-event-style7 .fc-event-calendarMassEditskin { background: #c71585; border-color: #c71585; font-weight: normal; text-shadow: none; } .fc-event-style8, .fc-event-style8 .fc-event-skin { background: #006400; border-color: #006400; font-weight: normal; text-shadow: none; } #calendarview th { color: var(--dark); } .fc-agenda-divider+div { overflow-y: visible !important; } .fc-button { border-radius: 4px !important; padding: 3px 7px !important; } .fc-button:active .fc-button-inner { background: transparent; } .fc-button:active .fc-button-inner .fc-button-content { color: #ffffff; } .fc-button.fc-state-active .fc-button-inner .fc-button-content, .fc-button:active .fc-button-inner .fc-button-content { color: var(--white) !important; ; background: transparent; background-image: none; } .fc-content { padding-bottom: 40px; } .fc-header-title h2 { font-size: 15px; line-height: 26px; margin: 0; } .fc-widget-header { padding: 7px 0px !important; color: #666; background: var(--primary-light); } .fc-content { background: #fff; margin-top: var(--space); } .fc-content td:hover { background: #f3f3f3; } .fc-widget-header, .fc-widget-content { border: 1px solid var(--primary) !important; } .fc-widget-header .fc-agenda-divider-inner { background: var(--primary) !important; height: 1px; } .listViewSetting.dropdown-menu { left: -150px; } .btn { font-weight: 300; background-color: none; background-image: none; border-radius: 0 !important; } .btn:focus { outline: 0; } .btn-primary { background: var(--btn-general-bg); color: var(--btn-general-color); text-shadow: none; } .btn-primary:hover { background: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } .modal-footer .btn.null { background-color: var(--btn-cancel-bg); color: var(--btn-cancel-color); } .modal-footer .btn.null:hover { background-color: var(--btn-cancel-bg-hover); color: var(--btn-cancel-color-hover); } .addButton { background: #ffffff; text-shadow: none; border-radius: 0 !important; } .addButton i.caret { background-size: 0; } .saveButton, .btn-success { margin-right: 0px; } .cancelLink { cursor: pointer; text-decoration: none !important; color: var(--white); margin: 0 0 0 8px !important; font-size: 11px !important; display: inline-block; background: var(--danger); height: 28px; box-sizing: border-box; position: relative; top: 0; padding: 5px 8px; line-height: 1.42857143; vertical-align: middle; } .cancelLink:hover { color: var(--danger); background: var(--danger-light); } .targetFieldsTableContainer { margin-bottom: 0 !important; } .chzn-container-multi .chzn-choices { background-image: none; } .chzn-container-active .chzn-choices { box-shadow: none; } .addCustomRule { float: right; } .importMore { background: #ffffff; } .lastImport { background: #ffffff; } .undoImport { background: #da4f49; } .close { border: none; background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; color: var(--value); } .resetButton { margin-top: 0 !important; } .vtGlyph { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url("../images/vtGlyph.png"); background-position: 0 0; background-repeat: no-repeat; *margin-right: .3em; } .vticon-pageJump { background-position: 0 0; top: 0px !important; } .vticon-call-inbound { background-position: -14px 0; } .vticon-call-outbound { background-position: -28px 0; } #massEdit .cancelLinkContainer { padding: 5px 0; margin-left: 0.5em; } .ui-pnotify { z-index: 1000023; } /*Feedback UI*/ .feedback { z-index: 10002; } .feedback .handle { z-index: 10003; display: block; position: fixed; bottom: 50px; left: -30px; left: 0\9; bottom: 100px\9; background: #2C2C2C; color: white; padding: 7px 15px; border: 1px solid gray; text-decoration: none; outline: none; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, sizingMethod='auto expand'); } .feedback .handle:hover { text-decoration: none; } /* Footer */ .e-footer { background-color: var(--footer-bg); color: var(--footer-color); padding-top: 3px; padding-bottom: 4px; border-top: 1px solid var(--footer-bg); float: left; width: 100%; } .e-footer-inr { width: 50%; float: left; } .e-footer-inr.f-right { text-align: right; } .vtFooter p { padding: 0px 10px; font-size: 12px; margin-bottom: 0; } .vtFooter p a { color: var(--white); } .vtFooter p a:hover { color: var(--dark-light); } /* Footer */ /*****Loading message **********/ .imageHolder { background: url('../images/loadback.png') repeat-y; background-position: center; padding: 10px 0; } .breadcrumbContainer { padding: 2% 2% 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; height: auto; } .breadcrumb { display: inline-block; height: auto; margin: 0; background: transparent; border: 0; padding: 0; line-height: 48px; margin-left: 6px; box-shadow: none; } .breadcrumb li { text-shadow: none; color: var(--breadcrumb-color-1); } .breadcrumb li a { text-shadow: none; color: var(--breadcrumb-color-3); } .breadcrumb li a:hover { color: var(--breadcrumb-color-hover); } .breadcrumb li:last-child { color: var(--breadcrumb-color-3); } .breadcrumb li:first-child i { display: none; } .breadcrumb li i { position: relative; top: 0px; margin-left: 4px; } .crumbs { height: 40px; margin: 0; padding: 0 20px 0 0; display: inline-block; } .crumbs li::after { content: '\0000a0'; width: 0; height: 0; border-left: 19px solid var(--primary-light); border-top: 19px solid transparent; border-bottom: 20px solid transparent; display: inline-block; position: relative; top: -28px; left: 114px; zoom: 1; } .crumbs li { height: 0; border-top: 20px solid var(--primary-light); border-bottom: 20px solid var(--primary-light); border-left: 20px solid transparent; display: inline-block; cursor: pointer; box-shadow: 0 1px var(--primary-light); margin-right: 5px; } .crumbs li a { margin-top: -9px; font-size: 14px; font-weight: 300; color: var(--primary); text-decoration: none; float: left; width: 100%; } .crumbs li:hover { height: 0; border-top: 20px solid var(--primary); border-bottom: 20px solid var(--primary); /* box-shadow: 0 1px var(--primary);*/ } .crumbs li:hover a { color: #ffffff; } .crumbs li:hover:after { border-left: 20px solid var(--primary) !important; } .crumbs .step { margin: 0 10px; text-align: center; width: 210px; text-align: center; } .crumbs li.active { height: 0; border-top: 19px solid var(--crumbs-arrow-bg-active); border-bottom: 19px solid var(--crumbs-arrow-bg-active); box-shadow: 0 1px var(--crumbs-arrow-bg-active); color: var(--crumbs-arrow-color-active); } .crumbs li.active:after { border-left: 18px solid var(--crumbs-arrow-bg-active) !important; } .stepText { display: inline-block; white-space: nowrap; overflow: hidden; font-size: 13px; vertical-align: bottom; } #mailBoxEditView .addMailBoxStep .control-label { text-align: left; } #mailBoxEditView .addMailBoxStep .control-label label { color: var(--label); } #mailBoxEditView .pull-right[style="margin:20px 0;"] { margin: 10px 0 !important; } .active .stepText, .active .stepNum { color: #fff; } .stepNum { display: inline-block; padding: 0 5px; overflow: hidden; font-size: 14px; vertical-align: top; margin-top: -1px; } .greyStar { background-image: url("../images/stars.png"); background-position: 20px 20px; height: 20px; width: 20px; display: inline-block; } .yellowStar { background-image: url('../images/stars.png'); background-position: 0 20px; width: 20px; height: 20px; display: inline-block; } .blockUI { border-radius: 2px !important; border: 0 !important; } textarea.span11 { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .popover .popover-inner { border-radius: 2px; font-size: 0.8em; box-shadow: 0; } .popover .popover-inner .popover-title { color: var(--card-header-color); font-size: 12px; padding: 9px 10px; background-color: var(--card-header-bg); } .popover .popover-content { padding: 5px; background-color: var(--card-body-bg); } .popover .popover-inner .close { color: var(--dark) !important; margin-top: 2px; opacity: 0.5 !important; font-size: 14px; } .popover .popover-inner .close:hover { opacity: 1 !important; } .popover .popover-inner td { padding: 3px 5px; overflow-wrap: break-word; } .popover .popover-inner .detailViewInfo { margin-top: 0; box-shadow: 0; } .popover .popover-inner .detailViewInfo .fieldLabel label { font-size: 1em; } #findDuplicate > .control-group { margin-bottom: 0; width: 100%; } #moveReports .modal-body { padding: 20px 40px; } #composeEmailContainer { padding: 0 20px; } #composeEmailContainer .MultiFile-wrap { display: inline-block; } #composeEmailContainer .MultiFile-intercepted .ui-wrapper { min-height: 400px; } #transferOwnershipContainer .select2-container.select2-container-multi { max-width: 220px; } .fieldInfo.in { overflow: visible !important; height: auto !important; } .moduleSelection { border-radius: 2px 2px 0 0 !important; border: 1px solid var(--card-border) !important; background: var(--card-bg) !important; color: var(--card-color); } .convertLeadModules { margin-bottom: 2%; border: 1px none; } .moduleBlock { border-radius: 0px !important; } .overflowVisible { overflow: visible !important; } .convertLeadError { border: 3px solid #999999; background-color: #ffffff; width: 55%; position: relative; z-index: 10000000; } .convertLeadError table td { border-bottom: 1px solid #cccccc; nowrap: nowrap; width: 70%; } .bootbox, .alert { z-index: 1000023; } .chzn-container { vertical-align: middle; } .chzn-container .chzn-results li { margin-right: 7px; color: #777a80; } .chzn-container .chzn-results .highlighted { background: var(--select-dropdown-item-bg-hover); } .select2-results .select2-highlighted { background: var(--select-dropdown-item-bg-hover); } .select2-result-label .filterActionImgs { margin-top: 3px; } .select2-result-label i { background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png"); } .select2-container-multi .select2-choices .select2-search-choice { cursor: move; } .select2-search-field { display: block; width: 100%; } .ui-autocomplete-loading { background: url('../images/load.gif') no-repeat right center; } .ui-autocomplete { height: auto !important; border-radius: 1px !important; } .dropdown-menu.pull-right:after, .dropdown-menu.pull-right:before { right: 3px; left: auto; top: -5px; border-bottom-width: 6px; } a { color: var(--anchortag); } a:hover { color: var(--anchortag-hover); text-decoration: none; cursor: pointer; } a:active, a:focus { outline: 0; } .well { border-radius: 2px; padding: var(--space); } .verticalBottomSpacing { margin-bottom: 10px; } .mergeTables { margin-bottom: 0px; } .font-x-x-large { font-size: 18px; line-height: 28px; } img { max-width: 95%; } form { margin: 0; } .input-prepend .add-on, .input-append .add-on, .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { line-height: 22px; border-radius: 1px !important; } input, textarea, select, .uneditable-input, input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input, .chzn-container-single .chzn-single, .chzn-container-single .chzn-single div, .input-prepend .add-on, .input-append .add-on { border-radius: 1px; } .fc-state-default .fc-button-effect span { background: none; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .dateField { width: 183px; } .form-horizontal [class^="icon-"], .form-horizontal [class*=" icon-"] { vertical-align: baseline; } .timePicker { width: 8.5em !important; z-index: 1000029 !important; } .datepicker { z-index: 1000029 !important; } .colorpicker { z-index: 1029 !important; } .colorpicker input { width: 30px !important; } .colorpicker input[type="text"], .colorpicker input { color: #898989 !important; } .colorpicker_hex input { width: 45px !important; } .modal-body.accordion { margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .modal-open { overflow: hidden; /** modal will be having z-index as 10001 **/ } .modal-open .datepicker, .modal-open .timePicker { z-index: 1000008 !important; } .modal-open .chzn-drop { z-index: 1000008 !important; } .modal-open .massEditContent, .tab-content, .overflowVisible { overflow: visible; } .select2-container-multi .select2-choices .select2-search-choice { cursor: move; } .removeNoFileChosen { color: transparent !important; } #basicSearchModulesList_chzn .chzn-drop{ max-width: 170px !important; } .modelContainer .modal-header { border-radius: 2px 2px 0 0; } .modelContainer form { border-radius: 0 0 2px 2px; } .hide { display: none; } i { text-decoration: none !important; } .marginbottomZero { margin-bottom: 0 !important; } .marginLeftZero { margin-left: 0 !important; } .clearfix { clear: both !important; } textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 100%; } .textOverflowEllipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 9em; } .margin0px { margin: 0 !important; } .padding10 { padding: 10px; padding-bottom: 0; } .padding20 { padding: 20px; } .pushDown { margin-top: 5px; } .boxSizingBorderBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; color: var(--card-header-color); } .boxSizingContentBox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .cursorPointer { cursor: pointer; text-decoration: none !important; } .zeroOpacity { opacity: 0; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .dullOpacity { opacity: 0.8; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .fullOpacity { opacity: 1; /*for IE*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .redColor { color: var(--danger); } .highlightBackgroundColor { background: #eeeff2; } .contentsBackground { background: var(--card-header-bg); border: 1px solid var(--card-border); box-shadow: none; color: var(--value); } .textAlignCenter { text-align: center; } .textAlignRight { text-align: right; } .alignMiddle { vertical-align: middle; } .alignTop { vertical-align: top; } .padding1per { padding: 10px; } .paddingTop20 { padding-top: 20px; } .padding20px { padding: var(--space); } .padding-bottom1per { padding-bottom: 1%; } .marginBottom10px { margin-bottom: 10px; } .displayInlineBlock { display: inline-block; } .backgroundImageNone { background-image: none; } .liStyleNone { list-style: none outside none; } .fontBold { font-weight: 400 !important; } .createActivity { position: relative; top: -5px; } .livesupport_tab, #userfeedback { display: none !important; } #reportDetails table tr td.summary { border-bottom: 0; border-top: 0; } #portalDetailViewHttpError { padding-bottom: 7px; margin-top: 50px; color: red; text-align: center; } .slidesjs-pagination { list-style: none; } .slidesjs-pagination li a { display: block; width: 13px; height: 0px; padding-top: 13px; background-image: url('../images/pagination.png'); background-position: 0px 0px; float: left; overflow: hidden; } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px; } .extensionStorebtn { background: #f08c39; /* background-image: -webkit-linear-gradient(top, #f08c39, #e68b3c); */ /* background-image: -moz-linear-gradient(top, #f08c39, #e68b3c); */ /* background-image: -ms-linear-gradient(top, #f08c39, #e68b3c); */ /* background-image: -o-linear-gradient(top, #f08c39, #e68b3c); */ background-image: linear-gradient(to bottom, #f08c39, #e68b3c); -webkit-border-radius: 2; -moz-border-radius: 2; border-radius: 2px; text-shadow: 0px 0px 1px #595959; color: #ffffff; font-size: 14px; font-weight: 300; padding: 8px 20px 8px 20px; text-decoration: none; border: 0px; display: none; } .extensionStorebtn:hover { background: #fc9f3c; background-image: -webkit-linear-gradient(top, #fc9f3c, #f08a3c); background-image: -moz-linear-gradient(top, #fc9f3c, #f08a3c); background-image: -ms-linear-gradient(top, #fc9f3c, #f08a3c); background-image: -o-linear-gradient(top, #fc9f3c, #f08a3c); background-image: linear-gradient(to bottom, #fc9f3c, #f08a3c); text-decoration: none; } .extensionSearch { padding: 8px 12px 8px 30px !important; margin: 6px 0 14px 0; box-shadow: inset 2px 2px 10px #ddd; border-radius: 2px !important; background: url('../images/search.png') no-repeat; background-position: 5px 6px; } .extensionSearch:focus { width: 65%; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: width 1s; } .banner-container { border-bottom: 1px solid #FFFFFF; box-sizing: border-box; } .banner { margin: 0px 90px; } .bx-wrapper { margin: 0 auto 35px !important; padding-top: 17px !important; } .bx-wrapper li a { display: block; } .bx-wrapper a img { height: 100px; width: auto; margin: 0 auto; } .wide, .table td.wide, .listViewEntries td.wide, td.listViewEntryValue.wide { padding: 8px !important; } .medium, .table td.medium, .listViewEntries td.medium, td.listViewEntryValue.medium { padding: 5px 6px !important; color: var(--table-body-row-color); } .narrow, .table td.narrow, .listViewEntries td.narrow, td.listViewEntryValue.narrow { padding: 2px 4px !important; } .table thead th.narrow { vertical-align: middle; } td.listViewEntryValue .row-fluid input { padding: 0; margin-bottom: 0; } .listViewContentDiv { position: relative; } /************ Company: Fixfin Technologies Pvt. Ltd. Developer: Biswajit Bala Purpose: crm Customize Version: 1.0.1 ***************/ .m-0 { margin: 0; } .btn, .imageDelete { display: inline-block; padding: 4px 10px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: none; border: 0; border-radius: 0px !important; } .btn-group .btn, .btn-success, .toolbar-handle .btn-inverse, .addButton, .btn-group .dropdown-toggle, .detailViewButtoncontainer .btn, .addCustomField, #updateCompanyDetails, .editButton, #customRecordNumbering th .btn, .alignTop .btn-group .btn, .addCondition .btn, .listViewEntriesTable td .btn, .reportHeader .btn-group .btn, .reportsDetailHeader .btn.generateReport, #advanceSearchContainer .actions.modal-footer .btn, .btn.changeDetailViewMode, .popupContainer.row-fluid .btn.btn-inverse, .btn.btn-mini, .currencyReset, #goToFullForm, .detailViewInfo #detailView span.span6 span.pull-right .btn, #quickCreate .nav-pills .active>a, #quickCreate .nav-pills .active>a:hover { background-color: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; text-shadow: none; } .btn-group .btn:hover, .btn.btn-success:hover, .addButton:hover, .btn-group .dropdown-toggle:hover, .detailViewButtoncontainer .btn:hover, .addCustomField:hover, #updateCompanyDetails:hover, .editButton:hover, #customRecordNumbering th .btn:hover, .alignTop .btn-group .btn:hover, .addCondition .btn:hover, .listViewEntriesTable td .btn:hover, .reportHeader .btn-group .btn:hover, .reportsDetailHeader .btn.generateReport:hover, #advanceSearchContainer .actions.modal-footer .btn:hover, .btn.changeDetailViewMode:hover, .popupContainer.row-fluid .btn.btn-inverse:hover, .btn.btn-mini:hover, .mainContainer.row-fluid>.contentsDiv .container-fluid .row-fluid .span2 .btn.pull-right:hover, .currencyReset:hover, #goToFullForm:hover, .detailViewInfo #detailView span.span6 span.pull-right .btn:hover { background-color: var(--btn-general-bg-hover) !important; color: var(--btn-general-color-hover) !important; } .btn-success[disabled], .toolbar-handle .btn-inverse[disabled], .addButton[disabled], .btn-group .dropdown-toggle[disabled], .detailViewButtoncontainer .btn[disabled], .addCustomField[disabled], #updateCompanyDetails[disabled], .editButton[disabled], #customRecordNumbering th .btn[disabled], .addCondition .btn[disabled], .listViewEntriesTable td .btn[disabled], .reportHeader .btn-group .btn[disabled], .reportsDetailHeader .btn.generateReport[disabled], #advanceSearchContainer .actions.modal-footer .btn[disabled], .btn.changeDetailViewMode[disabled], .popupContainer.row-fluid .btn.btn-inverse[disabled], .btn.btn-mini[disabled], .currencyReset[disabled], #goToFullForm[disabled], .detailViewInfo #detailView span.span6 span.pull-right .btn[disabled], #quickCreate .nav-pills .active>a[disabled] { background-color: var(--primary-light) !important; color: var(--primary) !important; } .listViewActions .btn-group button.btn[disabled], .detailViewPagingButton .btn-group button.btn[disabled] { background-color: var(--secondary) !important; color: var(--white) !important; } .btn.disabled:hover, .listViewActions .btn-group button.btn[disabled]:hover, .detailViewPagingButton .btn-group button.btn[disabled]:hover { background-color: var(--btn-disabled-bg) !important; color: var(--btn-disabled-color) !important; } .detailViewButtoncontainer .btn { background-color: var(--primary) !important; color: var(--white) !important; border-color: var(--primary) !important; } .detailViewButtoncontainer .btn:hover { background-color: var(--primary-light) !important; color: var(--primary) !important; border-color: var(--primary-light) !important; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover { background: var(--primary) !important; color: var(--white) !important; } .quickCreateContent table td, .quickCreateContent table td:hover { background: var(--card-bg) !important; } .modelContainer .input-prepend .add-on, .modelContainer .input-append .add-on { background-color: var(--quickbox-addon-bg); border: 1px solid var(--quickbox-addon-bg); color: var(--quickbox-addon-color); } tbody.datepickerDays td.datepickerSelected { background: var(--primary); } .modal-header h3 { color: var(--card-header-color); margin: 0; font-size: 14px; } .muted { color: var(--label); } input, textarea { box-shadow: none; } .input-prepend .add-on, .input-append .add-on { background-color: var(--input-add-on-bg); border: 1px solid var(--input-add-on-bg); } .blockFieldsList .editFields:hover { background: var(--table-body-row-hover) !important; color: var(--table-body-row-color); } #modulePickListValuesContainer .layoutContent .selectedCell, #modulePickListValuesContainer .layoutContent .selectedListItem, #modulePickListValuesContainer .layoutContent .textOverflowEllipsis:hover { background: var(--layeditor-bg-hover); color: var(--layeditor-icon-hover); } .actionImages a, .actionImages>i { width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 18px; border-radius: 3px; padding-top: 4px; } .actionImages a:nth-child(1) { background: var(--action-btn-bg-1); color: var(--action-btn-color-1); } .actionImages a:nth-child(2) { background: var(--action-btn-bg-2); color: var(--action-btn-color-2); } .actionImages a:nth-child(3) { background: var(--action-btn-bg-3); color: var(--action-btn-color-3); } .actionImages a:nth-child(4) { background: var(--action-btn-bg-4); color: var(--action-btn-color-4); } .actionImages a:nth-child(1):hover { background: var(--action-btn-bg-1-hover); color: var(--action-btn-color-1-hover); } .actionImages a:nth-child(2):hover { background: var(--action-btn-bg-2-hover); color: var(--action-btn-color-2-hover); } .actionImages a:nth-child(3):hover { background: var(--action-btn-bg-3-hover); color: var(--action-btn-color-3-hover); } .actionImages a:nth-child(4):hover { background: var(--action-btn-bg-4-hover); color: var(--action-btn-color-4-hover); } .btn.dropdown-toggle { background-color: var(--dropdown-btn-bg) !important; color: var(--dropdown-btn-color) !important; } .btn.dropdown-toggle:hover { background-color: var(--dropdown-btn-bg-hover) !important; color: var(--dropdown-btn-color-hover) !important; } .btn.dropdown-toggle .caret { border-top: 4px solid var(--dropdown-btn-color); } .btn.dropdown-toggle:hover .caret { border-top: 4px solid var(--dropdown-btn-color-hover); } .icon-wrench { background-position: -431px 1px; } .pageNumbersText { position: relative; top: -2px; } .layoutContent #moduleBlocks .editFieldsTable .layoutBlockHeader, .listViewEntriesDiv .listViewHeaders th { /* background-color: #777; */ background-repeat: repeat-x; /* border-color: #f3f3f4 #f3f3f4 #cbcbcf; */ border-color: var(--card-border); text-shadow: none; border-top: 1px solid var(--card-border); border-bottom: 1px solid var(--card-border); } .blockLabel strong, .listViewEntriesTable .listViewHeaders a.listViewHeaderValues, .listViewEntriesTable .listViewHeaders a.listViewHeaderValues:hover, .listViewHeaders a, .listViewHeaders a:hover { color: var(--anchortag) !important; } .mainContainer>.span2 { min-width: auto; } .listViewEntriesTable .listViewHeaders a.listViewHeaderValues { color: #4d5875; } input:focus, textarea:focus { border-color: var(--input-border-focus); } [class^="icon-"], [class*=" icon-"] { background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png"); } .blockVisibility [class^="icon-"], .alert-info [class^="icon-"], .pageNumbers [class^="icon-"], .filterActions [class^="icon-"], .quickWidgetContainer .quickWidget .quickWidgetHeader [class^="icon-"], .conditionList [class*=" icon-"], .toolbar-handle .toolbar a [class^="icon-"], #relatedTabOrder .relatedListContainer .span7 [class^="icon-"], #customerPortalForm [class^="icon-"], #modulePickListValuesContainer .span6 [class^="icon-"], #modulePickListValuesContainer .span4 [class^="icon-"] { background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png"); } .btn.disabled, .btn[disabled] { background-color: var(--primary); color: #fff; } .toggleButton { display: none; } .textOverflowEllipsis, .widget_header h3, .contentHeader h3, .settingsHeader { color: var(--heading); } .fieldValue, .chzn-results li.active-result { color: var(--select-dropdown-item-color); } .fieldValue { color: var(--value); } .select2-container-multi .select2-choices .select2-search-choice { background-color: var(--primary); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, var(--primary)), color-stop(50%, var(--primary)), color-stop(52%, var(--primary)), color-stop(100%, var(--primary))); background-image: -webkit-linear-gradient(top, var(--primary) 20%, var(--primary) 50%, var(--primary) 52%, var(--primary) 100%); background-image: -moz-linear-gradient(top, var(--primary) 20%, var(--primary) 50%, var(--primary) 52%, var(--primary) 100%); background-image: -o-linear-gradient(top, var(--primary) 20%, var(--primary) 50%, var(--primary) 52%, var(--primary) 100%); background-image: -ms-linear-gradient(top, var(--primary) 20%, var(--primary) 50%, var(--primary) 52%, var(--primary) 100%); background-image: linear-gradient(top, var(--primary) 20%, var(--primary) 50%, var(--primary) 52%, var(--primary) 100%); box-shadow: 0 0 2px var(--primary) inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #fff; border: 1px solid var(--primary); } .recordEditView .table .fieldLabel, .recordEditView .table .fieldValue, .recordEditView .table .fieldLabel:hover, .recordEditView .table .fieldValue:hover { border: 0; background: var(--table-bg); } .table-bordered { border: 0; } .recordEditView .table tbody tr:hover td, .recordEditView .table tbody tr:hover th { background: var(--table-bg); } .table th, .table td { border-top: 0; padding: 5px 10px; } .table-bordered th+th, .table-bordered td+td, .table-bordered th+td, .table-bordered td+th { border-left: 0; } input:focus, textarea:focus { box-shadow: none; } .fieldLabel .pull-right { float: left; } .fieldValue .span10 { width: 100%; } .input-large, .chzn-search input { width: 100% !important; box-sizing: border-box; height: 28px; background-color: var(--input-bg); border-color: var(--input-border); } /* .fieldValue .chzn-container { width: 100% !important; }*/ .chzn-container-single .chzn-drop { width: 100% !important; box-sizing: border-box; } .detailViewInfo { box-shadow: none; } .table tbody tr:hover td, .table tbody tr:hover th { background-color: transparent; } .fieldLabel { background: var(--card-bg); } .bodyContents { width: calc(100% - 75px); float: right; margin-top: 0; min-width: auto !important; } .mainContainer { min-width: calc(100% - 250px); margin-top: 50px !important; padding-left: 250px; width: calc(100% - 250px); } .sidebar-main { position: fixed; top: 63px; left: 0; width: 240px; height: 100%; z-index: 1; background: #fff; box-shadow: 0px 8px 14.72px 1.28px rgba(229, 228, 230, 0.5); border-right: 1px solid #eae8f1; } .sidebar-main *, .header-1 * { box-sizing: border-box; } .vd_mega-menu { float: left; width: 100%; background: #393d41; box-shadow: -5px 0 5px -5px #999 inset; } .mega-ul, .vd_menu ul { margin: 0; padding: 0; width: 100%; float: left; } .vd_menu ul li .child-menu { background: transparent; padding: 0; font-size: 12.5px; display: none; float: left; width: 100%; } .vd_menu li .child-menu ul li a { padding: 5px 0; } .child-menu ul { margin-left: 10px; } .vd_menu li .child-menu ul li { padding: 0 0 0 25px; } .vd_menu li .child-menu ul li::after { content: "\f105"; position: absolute; top: 10px; left: 0; font-size: ; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; } .vd_menu li .child-menu ul li a .menu-text { font-size: 12px; font-weight: 300; } .vd_menu li .child-menu li a::after { display: none; } .vd_menu .child-menu li a { border-top: 0; border-bottom: 0; } .mega-ul .mega-li { height: 32px; padding: 0 !important; float: left; box-sizing: border-box; list-style: none; position: relative; width: 32px; margin: 9px 0px 9px 10px !important; border-radius: 16px; background: #ddd; color: #000 !important; text-align: center; } .mega-ul .mega-li:hover { background: var(--header-top-icon-bg-hover); color: var(--header-top-icon-color-hover); } .mega-ul .mega-li a { display: block; height: 36px; width: 36px; text-align: center; padding: 0; margin: 0; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #fff; border: none; line-height: 36px; } .mega-ul .mega-li .mega-icon { font-size: 16px; } .vd_bg-blue { background-color: #23709e !important; } .vd_bg-green { background-color: var(--primary) !important; } .vd_bg-yellow { background-color: #fbbc0b !important; } .vd_bg-red { background-color: #ee335e !important; } .vd_bg-twitter { background-color: #0598c9 !important; } .vd_menu { float: left; width: 100%; height: 100%; overflow: auto; padding-top: 0; } .vd_menu>ul { padding-bottom: 105px; margin-top: 12px; } .nav-left-small .vd_menu, .nav-left-medium .vd_menu { height: auto; overflow: unset !important; } .vd_menu li { list-style: none; position: relative; float: left; width: 100%; padding: 0 20px; } .vd_menu li a { padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 0 solid rgba(0, 0, 0, 0.15); position: relative; width: 100%; display: block; transition: 0.400s; } .vd_menu li:first-child a { border-top: none; } .vd_menu li a:hover, .vd_menu li.selected a { background: rgba(255, 255, 255, 0.15); } .vd_menu li a .menu-text { /*font-weight: 600;*/ } .vd_menu li a::after { content: ''; position: absolute; border-bottom: 0; bottom: 0; right: 0; left: 30px; } .vd_menu li:last-child a::after { display: none } .vd_menu li.selected a, .vd_menu li a.open { color: var(--primary); } .menu-badge { float: right; } .vd_bg-black-30 { background-color: rgba(0, 0, 0, 0.3) !important; } .menu-badge .badge { display: inline-block; min-width: 10px; padding: 4px 6px; font-size: 9px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; } .vd_menu .menu-icon { font-size: 18px; width: 24px; height: 22px; line-height: 20px; float: left; display: block; margin-right: 5px; text-align: center; vertical-align: middle; } .vd_menu .menu-icon i { font-size: 18px; } .vd_menu a { color: #5b6e88; font-weight: 300; } .menu-title { margin-top: 30px; margin-bottom: 20px; font-size: 24px; float: left; width: 100%; color: #fff; padding: 0 20px; font-weight: normal; } .header-1 { width: 100%; z-index: 2; background: var(--header-top-bg); height: 50px; float: left; position: fixed; top: 0; /*box-shadow: var(--header-top-boxshadow);*/ } .chzn-container-single .chzn-single { color: var(--input-color); } .vd_nav-width { width: 260px; padding-left: 20px; padding-right: 20px; height: 100%; } .header-1 .container1 { width: 100%; max-width: 100%; } .logo { margin: 5px auto; float: left; background-color: #0F0F10; } .logo img { max-width: 100%; height: 40px; } #userPageHeader .logo.span2 { width: 40px; margin: 0; } .contentsDiv>div.detailViewContainer { padding: 10px 0 !important; } .vd_panel-header { width: calc(100% - 500px); height: 100%; float: left; padding: 0px 28px; position: relative; z-index: 1; } .header-1 .vd_panel-menu { height: 32px; padding: 0 !important; float: left; box-sizing: border-box; list-style: none; position: relative; width: 32px; margin: 9px 12px 9px -6px !important; border-radius: 3px; color: var(--white); text-align: center; line-height: 33px; cursor: pointer; } .header-1 .vd_panel-menu i { font-size: 24px !important; } /*.header-1 .vd_panel-menu:hover { color: var(--header-top-baricon-color-hover); }*/ .colpse-bar { float: left; } .settng .mega-link, #globalSearch { color: #a8b1c7 !important; background: transparent; border-color: rgba(0, 0, 0, 0.1) !important; height: 30px !important; line-height: 28px !important; width: 20px !important; display: block; float: left; text-align: center !important; border-radius: 4px !important; margin: 16px 10px 16px 0; cursor: pointer; font-size: 18px; } .sidebar-main .menu-badge .badge { min-width: auto; padding: 0px 0px; font-size: 16px; color: #bac5d4; background-color: transparent !important; } .left-pos .menu { margin-right: 0; } .vd_container { float: left; width: calc(100% - 250px); padding: 0 10px; box-shadow: 0 4px 6px -2px #888; /* bottom only */ position: relative; } body .vd_container::before { content: none; } body.sidebar-collapsed .vd_container::before { content: ''; position: absolute; height: 50px; width: 183px; bottom: 0; left: -174px; background: #fff; box-shadow: -4px 4px 6px -2px #888; } .vd_menu-search { width: calc(100% - 632px); background: var(--input-bg); padding: 0 0px 0 12px; margin-left: 3px; font-size: 12px; margin-top: 15px; position: relative; border-radius: 5px; float: left; border: 1px solid var(--input-border); border-radius: 25px; } .searchElement .adv-search a, .searchElement .adv-search a:hover { color: #fff; } .srchmain { float: left; width: 50%; } .srch-bx { margin: 0; border: 0 !important; width: 100%; float: left; padding: 0 !important; color: #444 !important; height: 27px; } .srchdrp { float: left; width: 50%; border-left: 1px dotted #4d5875; position: relative; } .select-arw { position: absolute; top: 7px; right: 33px; } .srchdrp select { width: calc(100% - 27px); padding: 0; height: 27px; border: 0; margin: 0; float: left; -webkit-appearance: none; padding-left: 8px; } .srchdrp select:focus, .srch-bx:focus { box-shadow: none; outline: none; } .srchdrp button { width: 27px; height: 27px; padding: 0; text-align: center; line-height: 16px; border-radius: 50%; border: 0; float: left; background: var(--primary); color: #fff; } .vd_mega-menu-wrapper { float: left; width: 100%; padding-right: 0; } .vd_mega-menu-wrapper .mega-ul { width: auto; float: right; } .vd_bg-red { background-color: #ee335e !important; } .mega-ul .mega-li .badge { display: inline-block; min-width: 10px; padding: 4px 6px; font-size: 9px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; position: absolute; right: 4px; top: 4px; } .mega-ul .mega-li .mega-link { display: block; height: 36px; line-height: 34px; width: 36px; text-align: center; padding: 0; margin: 0; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0px; color: #fff; transition: 0.400s; } .vd_mega-menu-wrapper .mega-ul .mega-li .mega-link { width: 100% !important; } .mega-ul .mega-li .mega-link:hover, .mega-ul .mega-li .mega-link.actv { background-color: var(--white) !important; ; color: var(--primary); } .mega-link.lst { border: 0 !important; } .mega-link.lst .mega-icon { font-size: 20px; line-height: 35px; } .one-icon.mega-li.prf.dropdown { padding-right: 0; } .mega-ul .prf.mega-li .mega-link { color: var(--primary); } .mega-ul .mega-li .mega-link.lst:hover, .mega-ul .prf.mega-li .mega-link:hover { background-color: transparent !important; border: 0; color: var(--primary); } .prf .mega-link { width: auto !important; border: 0 !important; } .prf .mega-image { width: 32px; display: block; height: 32px; overflow: hidden; border-radius: 50%; } .prf .mega-image img { max-width: 100%; width: 100%; height: 32px; border-radius: 0; } .prf .mega-name { float: left; margin-left: 2px; } .vd_mega-menu-wrapper .mega-ul .mega-li { margin-left: 0px; } .dropdown-menu a { width: auto !important; height: auto !important; color: var(--dropdown-body-color) !important; text-align: left !important; padding: 8px !important; line-height: unset !important; transition: 0.400s; border-radius: 2px !important; } .dropdown.open .dropdown-toggle { background: rgba(0, 0, 0, 0.0); } .dropdown.open .dropdown-menu { border-top: 5px solid var(--border); } .dropdown-menu { border-color: var(--border); } .navbar .dropdown-menu::after { border-bottom: 6px solid var(--border); } .dropdown-menu.pull-right::after, .dropdown-menu.pull-right::before { top: -11px; } .dropdown-menu a i { margin-right: 5px; } .dropdown-menu a:hover { background: #F5F5F5 !important; } .dropdown-menu .line { border-top: 1px solid #EEE; margin-top: 5px !important; margin-bottom: 5px !important; padding: 0 !important; } .left-pos, .right-pos { display: none; } .commn-brdcm .vd_panel-menu .menu.tooltip_cs.b-tggle-btn { width: auto !important; padding: 0 10px; } .commn-brdcm .vd_panel-menu .menu.tooltip_cs.b-tggle-btn:hover { background-color: transparent !important; } .b-tggle-btn .btn { margin-top: 0; line-height: 10px; } .b-tggle-btn .toggle.btn { min-width: auto; min-height: auto; margin-top: -4px; height: 10px !important; } .az-sidebar-loggedin.user-info { padding: 15px 20px 20px; float: left; width: 100%; } .user-info .az-img-user { width: 72px; height: 72px; /* float: left; */ margin: auto; box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2); border-radius: 50%; text-align: center; border: 2px solid #c9d2e8; } .user-info .az-img-user img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; } .user-info .media-body { /* margin-left: 12px; */ /* float: left; */ width: 100%; text-align: center; margin-top: 15px; } .user-info .media-body h6 { font-size: 14px; color: #14112d; margin-bottom: 3px; text-transform: capitalize; } .user-info .media-body span { display: block; color: #7987a1; } /** nav-left-medium start **/ .nav-left-medium .sidebar-main { width: 140px; } .nav-left-medium .bodyContents { width: calc(100% - 140px); float: right; } .nav-left-medium .menu-title { display: none; } .nav-left-medium .vd_menu .menu-icon { font-size: 36px; margin-right: 0; width: 100%; height: 40px; line-height: 38px; float: none; } .nav-left-medium .vd_menu>ul>li>a .menu-badge { float: none; position: absolute; top: 4px; right: 4px; } .nav-left-medium .vd_menu>ul>li>a { font-size: 12px; text-align: center; padding: 12px 20px; } .expand-menu { display: none; } .nav-left-medium .expand-menu { display: block; text-align: center; height: 60px; line-height: 60px; cursor: pointer; } .nav-left-medium .expand-menu .menu-icon { font-size: 28px; color: #fff; } .nav-left-medium .expand-menu .menu-icon .badge { display: inline-block; min-width: 10px; padding: 4px 6px; font-size: 9px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; position: absolute; top: 4px; right: 4px; } .nav-left-medium .expand_dv { right: 0; display: none; } .nav-left-medium .expand_dv.shw { display: block; position: absolute; background: #393D41; right: -262px; width: 262px; top: 0; } .nav-left-medium .vd_menu ul li .child-menu { position: absolute; left: 100%; top: 0; z-index: 10; width: 240px; background: rgba(0, 0, 0, 0.8); border-top: 4px solid var(--dark); } .menu_small.actv, .menu_medium.actv, .menu_md.actv { /*color: var(--primary) !important;*/ } /** nav-left-medium end **/ /** nav-left-small start **/ .nav-left-small .sidebar-main { width: 64px; } /*.nav-left-small .sidebar-main,.nav-left-medium .sidebar-main{ background-color: var(--primary); }*/ .nav-left-small .vd_menu li a::after, .nav-left-medium .vd_menu li a::after { display: none; } .nav-left-small .vd_menu li { padding: 0; } .nav-left-small .vd_menu a, .nav-left-medium .vd_menu .child-menu a { color: rgba(255, 255, 255, 0.5); } .nav-left-small .vd_menu li.selected a, .nav-left-medium .vd_menu .child-menu li.selected a, .nav-left-small .vd_menu li a:hover, .nav-left-medium .vd_menu .child-menu li a:hover { color: #fff; } .nav-left-small .vd_menu li a:hover, .nav-left-small .vd_menu li.selected a, .nav-left-medium .vd_menu li a:hover, .nav-left-medium .vd_menu li.selected a { background: transparent; } .nav-left-small .bodyContents { width: calc(100% - 64px); float: right; } .nav-left-small .menu-title { display: none; } .nav-left-small .vd_menu .menu-icon, .nav-left-medium .vd_menu .menu-icon { font-size: 18px !important; margin-right: 0; width: 100%; height: 42px; line-height: 22px; float: none; border-radius: 5px; width: 42px; line-height: 42px; color: #5b6e88; } .nav-left-small .vd_menu .menu-icon i, .nav-left-medium .vd_menu .menu-icon i { font-size: 18px !important; } /*.nav-left-medium .vd_menu .menu-icon { font-size: 25px; height: 62px; line-height: 42px; width: 62px; line-height: 62px; margin-bottom: 8px; }*/ .nav-left-medium .vd_menu .menu-icon { font-size: 25px; height: 40px; line-height: 40px; margin-bottom: 0; width: 62px; } .nav-left-small .vd_menu li a:hover, .nav-left-medium .vd_menu li a:hover { background: transparent; } .nav-left-small .vd_menu li a:hover .menu-icon, .nav-left-medium .vd_menu li a:hover .menu-icon { color: var(--primary); } .nav-left-small .vd_menu li.selected .menu-icon, .nav-left-small .vd_menu li.open .menu-icon, .nav-left-medium .vd_menu li.selected .menu-icon, .nav-left-medium .vd_menu li.open .menu-icon { background: rgba(255, 255, 255, 0.2); color: var(--primary); } .nav-left-small .vd_menu li .child-menu ul li, .nav-left-medium .vd_menu li .child-menu ul li { padding: 0 0 0 15px; } .nav-left-small .child-menu ul, .nav-left-medium .child-menu ul { border-left: 0; margin-left: 0; } .nav-left-small .vd_menu>ul>li>a .menu-text { display: none; } .nav-left-small .vd_menu>ul>li>a .menu-badge { float: none; position: absolute; top: 4px; right: 4px; } .nav-left-small .vd_menu>ul>li>a { font-size: 12px; text-align: center; padding: 12px 5px; } .nav-left-medium .vd_menu li.selected a, .nav-left-medium .vd_menu li a.open, .nav-left-medium .vd_menu li a:hover { color: #fff; } .vd_panel-header { height: 50px; } .nav-left-medium .vd_panel-header, .nav-left-small .vd_panel-header { border-bottom: 1px solid #eae8f1; } .nav-left-medium .vd_menu a { color: rgba(255, 255, 255, 0.5); } .expand-menu { display: none; } .nav-left-small .expand-menu { display: block; text-align: center; height: 60px; line-height: 60px; cursor: pointer; } .nav-left-small .expand-menu .menu-icon { font-size: 18px; color: #fff; } .nav-left-small .expand-menu .menu-icon .badge { display: inline-block; min-width: 10px; padding: 4px 6px; font-size: 9px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; position: absolute; top: 4px; right: 4px; } .nav-left-small .expand_dv { right: 0; display: none; } .nav-left-small .expand_dv.shw { display: block; position: absolute; background: #393D41; right: -262px; width: 262px; top: 0; } .nav-left-small .vd_menu ul li .child-menu { position: absolute; left: 100%; top: 0; z-index: 10; width: 240px; background: rgba(0, 0, 0, 0.8); border-top: 4px solid var(--dark); } /** nav-left-small end **/ #leftPanel { display: none !important; box-sizing: border-box; } #rightPanel { width: 100%; padding: 0 10px; } .listViewPageDiv { margin-top: 0; } .contentsDiv>div { padding: 10px 0 !important; } .editContainer>br { display: none; } .crumbs { display: flex; justify-content: center; padding: 0; } .well.contentsBackground .row-fluid.padding1per>.span7 { width: 74.468085099%; } .well.contentsBackground .row-fluid.padding1per>.span7 input { width: 100% !important; box-sizing: border-box; height: 28px; } .detailViewTitle { padding: 0; margin-bottom: 7px; } .contactDtheadr .span8.margin0px { margin-top: -3px !important; } .contents-topscroll.noprint { height: 15px; } #report_step3 .span10.well.contentsBackground { width: 100%; margin-left: 0; box-sizing: border-box; margin-bottom: 0; } .well { margin-bottom: 10px; } .listViewActionsDiv .btn-toolbar { margin-top: 0; margin-bottom: 10px; } .detailViewTitle .detailViewButtoncontainer, .detailViewTitle .detailViewPagingButton, .detailViewTitle .pushDown { margin-top: 0; } .recordEditView .contentHeader { padding: 0 0 14px; } .input-prepend.input-append input.ui-autocomplete-input { width: calc(100% - 90px); } /* #EditView .input-prepend.input-append input.ui-autocomplete-input { width: calc(100% - 63px); }*/ .input-prepend input.input-medium, .input-append input.dateField, .input-append input.input-medium, .input-append input.timepicker-default { width: calc(100% - 40px); } #EditView .input-prepend.input-append input#reports_to_id_display { width: calc(100% - 90px); } .input-prepend .add-on, .input-append .add-on { border-top: 1px solid var(--input-add-on-bg); border-bottom: 1px solid var(--input-add-on-bg); text-shadow: none; color: var(--input-add-on-color); line-height: 16px; border-color: var(--input-add-on-bg); } #EditView[name="EditView"] .table.table-bordered.blockContainer.showInlineTable.equalSplit .fieldValue.medium .row-fluid .span10 .input-append input { width: calc(100% - 28px); box-sizing: border-box; height: 28px; } #EditView[name="EditView"] .table.table-bordered.blockContainer.showInlineTable.equalSplit .fieldValue.medium .row-fluid .span10 .row-fluid.input-prepend.input-append .autoComplete.ui-autocomplete-input { box-sizing: border-box; height: 28px; width: calc(100% - 80px); } .input-prepend .add-on { border-bottom: 1px solid var(--input-add-on-bg); } .add-on .icon-search { background-position: -48px 1px; } .add-on .icon-plus { background-position: -408px -95px; } .add-on .icon-calendar { background-position: -192px -119px; } #popupSearchButton .btn { background-color: var(--primary); } #popupSearchButton .btn .icon-search { background-position: -48px 1px; margin-top: 1px; color: #fff; } .chzn-results .group-result { margin: 0 !important; } .chzn-container .chzn-results .group-option { padding-left: 10px; margin-right: 0; font-size: 12px; line-height: 14px; } #EditView { padding-bottom: 25px; } .fieldLabel label { margin-bottom: 0; line-height: 26px; } .fieldValue .span10 { line-height: 28px; } .cancelLink { margin-right: 0; } .modal-footer .cancelLink { margin: 0; margin-left: 5px; } .modal-header .close { margin-top: -3px; padding: 0; } .modal-header .close:focus-visible { outline: none; } .popupContainer b { margin: 9px 0; display: block; text-align: right; font-size: 16px; color: var(--popupcontainer-hd); } .form-horizontal.popupSearchContainer .control-group { margin-bottom: 0px !important; } #popupPageContainer { padding: 0 10px; } #popupPageContainer .paddingLeftRight10px { padding-bottom: 0 !important; } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span2 { width: 60px; } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span2 .select.btn { background: var(--primary-light); color: var(--primary); } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span2 .select.btn:hover { background: var(--primary); color: var(--white); } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span6 { margin-left: 0 !important; width: calc(69% - 60px) !important; } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span4 { width: 30%; margin-left: 1%; } .widget_header h3 { margin-top: 0; line-height: 15px; } .one-icon.mega-li.dropdown.settng { padding-left: 12px; } .widget_header { padding: 0; } .settingsIndexPage .settingsSummary a { width: 100%; min-width: auto; } #settingsShortCutsContainer { width: 100%; margin: 0; padding: 0; } #settingsShortCutsContainer .row-fluid>.span3 { width: 31.914893614%; margin-bottom: 2.127659574%; margin-left: 2.127659574%; box-sizing: border-box; } .quickWidgetContainer .quickWidget .quickWidgetHeader h5 { font-size: 12px; margin-bottom: 0; } #settingsShortCutsContainer #Settings_sideBar_LBL_USER_MANAGEMENT { padding: 5px !important; } .mainContainer.row-fluid>.span2 { width: 18%; box-sizing: border-box; } .mainContainer.row-fluid>.contentsDiv { width: calc(82% - 10px); box-sizing: border-box; padding-right: 10px; } .mainContainer.row-fluid>.contentsDiv.span12 { width: 100%; } .btn .caret { opacity: 1; margin-top: 6px; } .btn [class^="icon-"], .btn [class*=" icon-"] { margin-top: -2px; } #settingsShortCutsContainer .moduleBlock { position: relative; padding: 10px; } .unpin.close.hide { position: absolute; top: 2px; margin: 0 !important; right: 10px; font-size: 15px; color: var(--value); opacity: 1; } .settingsIndexPage .settingsSummary .card-dashboard-finance:hover .unpin.close.hide{ display: block !important; } .settingsIndexPage br, #_settingsdiv_ .detailViewContainer br, .reportsDetailHeader #detailView br { display: none; } .settingsIndexPage hr, #_settingsdiv_ hr { margin: 8px 0 var(--space); } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { outline: none; } .settingsIndexPage .row-fluid>.span1 { display: none; } .settingsIndexPage .settingsSummary { margin-top: 0; margin-bottom: 10px; border: 0; } .peity-bar i { font-size: 40px !important; position: relative; top: 0px; } .settingsIndexPage .settingsSummary .text-right { text-align: right; } .settingsIndexPage .settingsSummary .clm-8 { text-align: left; position: relative; top: 7px; } .settingsIndexPage .settingsSummary .bg-primary-gradient { border: 1px solid var(--settingsummary-bg-1); background: #fff; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.05); } .settingsIndexPage .settingsSummary .bg-danger-gradient { border: 1px solid var(--settingsummary-bg-2); background: #fff; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.05); } .settingsIndexPage .settingsSummary .bg-success-gradient { border: 1px solid var(--settingsummary-bg-3); background: #fff; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.05); } .settingsIndexPage .settingsSummary .bg-primary-gradient .peity-bar i { color: var(--settingsummary-color-1); } .settingsIndexPage .settingsSummary .bg-danger-gradient .peity-bar i { color: var(--settingsummary-color-2); } .settingsIndexPage .settingsSummary .bg-success-gradient .peity-bar i { color: var(--settingsummary-color-3); } .settingsIndexPage .settingsSummary h6 { color: var(--settingsummary-sub-heading); } .settingsIndexPage .settingsSummary .bg-primary-gradient h2 { color: var(--settingsummary-color-1); } .settingsIndexPage .settingsSummary .bg-danger-gradient h2 { color: var(--settingsummary-color-2); } .settingsIndexPage .settingsSummary .bg-success-gradient h2 { color: var(--settingsummary-color-3); } .topscroll-div { display: none; } .btn { padding: 5px 8px; font-size: 13px; } #_settingsdiv_ .detailViewContainer { padding: 0; } .mailConveterDesc { width: 100%; margin: 0; padding: 5px; box-sizing: border-box; } #_settingsdiv_ .title.widgetTextOverflowEllipsis { line-height: 18px; } #_quicklinks_mainuidiv_ .clearfix { display: none; } #_mailmanagermaindiv_ .box.mm_folder_selected_background { width: 100%; margin: 0; white-space: nowrap; background: transparent !important; box-shadow: none; float: left; display: inline !important; border: 0 !important; position: relative; top: -3px; } #_mailmanagermaindiv_ .box.mm_folder_selected_background a { margin-left: 10px; } #_settingsdiv_ .table.table-bordered.blockContainer.showInlineTable { background: var(--card-bg); padding: 10px; } .fc-header-left .fc-button { background: var(--primary); } .fc-button.fc-state-active, .fc-button.fc-state-active, .fc-button.fc-state-disabled { background-color: var(--primary) !important; } .fc-button.fc-state-disabled { background-color: var(--primary) !important; } .fc-state-default, .fc-state-default .fc-button-inner { color: var(--btn-general-color) !important; ; } .fc-state-default .fc-button-effect span { top: 0 !important; } .fc-button-content { text-shadow: none; } .fc-button.fc-state-default { border: 0; text-shadow: none; background-color: var(--btn-general-bg); height: 28px; box-sizing: border-box; } .fc-header-right .btn { padding: 3px 8px; background-color: var(--btn-general-bg) !important; border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); height: 28px; box-sizing: border-box; border-radius: 3px !important; color: var(--btn-general-color); } .fc-header-right .btn.addButton { padding: 4px 8px; } .fc-header-right .btn:hover { color: var(--primary) !important; background: var(--primary-light) !important; } .btn-toolbar.span4:nth-child(2):has(input[type="hidden"]) { padding: 15px; background-color: #ccc; } .reportsDetailHeader #detailView .btn-toolbar { margin-top: 0; margin-bottom: 0; } .reportsDetailHeader #detailView .span5.textAlignCenter { margin-bottom: 10px; } .conditionList .deleteCondition { float: right; margin: 4px 0px; } .reportsDetailHeader .btn.generateReport { margin-bottom: 10px; } .reportsDetailHeader .well { margin-bottom: 10px; } .conditionList .chzn-container, .conditionList .fieldUiHolder input { width: 100% !important; margin-bottom: 0; } .addCondition .btn { font-size: 10px; } .reportsDetailHeader #detailView .span5.textAlignCenter h3 { line-height: 12px; margin-bottom: 0px; font-size: 14px; color: var(--heading); } #noOfRecords { color: var(--label); } .well.contentsBackground .span3 { line-height: 24px; } .well.padding1per.contentsBackground { padding: 10px; } .row-fluid.padding1per { padding: 0 0 10px; } .well.contentsBackground .span7 .span6 { width: 100%; box-sizing: border-box; } .well.contentsBackground .span7 input.span6 { height: 28px; } .searchElement.span8 { margin: 0; width: 100%; height: 28px; padding: 0 10px; } .select-search { float: left; width: 144px; box-sizing: border-box; padding-right: 5px; } .srchmain { float: left; width: calc(100% - 144px); box-sizing: border-box; margin: 0; } .searchElement.span8 .chzn-container { width: 100% !important; } .searchElement.span8 .chzn-container-single .chzn-single { background-color: var(--header-search-bg); background-image: none; border: 0; padding: 0; } .searchElement.span8 .srch-bx { width: calc(100% - 26px); color: var(--input-color) !important; background: var(--header-search-bg); } .vd_menu-search .chzn-container-single .chzn-single span { background: var(--header-search-bg); } .searchElement .search-icon { width: 26px; height: 28px; line-height: 15px !important; border-radius: 0 5px 5px 0 !important; overflow: hidden; border: 1px solid transparent; margin-top: 1px; margin-left: 0; background: transparent; color: #b4bdce; } .searchElement .search-icon:hover { color: var(--primary); } .searchElement .adv-search { width: 70px; padding-left: 7px; line-height: 24px; position: absolute; right: -71px; display: inline !important; } .searchElement .chzn-container-single .chzn-single div { background: transparent; background-image: none; border-left: 0; } .searchElement .slimScrollDiv { height: auto !important; } .searchElement .chzn-container-active .chzn-single { box-shadow: none; border: 0; } .searchElement .chzn-container .chzn-results li { line-height: 10px; padding: 5px 5px 6px; font-size: 11px; } .chzn-container .chzn-drop { border: 1px solid var(--input-border) !important; background: var(--chzn-drop-bg) !important; } .chzn-container-single .chzn-search input { border: 1px solid var(--input-border) !important; background: var(--input-bg); } #globalmodal { margin-left: 0 !important; } .globalSearchResults { max-width: 100% !important; min-height: 290px; } .blockUI.blockMsg.blockPage { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; min-width: 320px; width: 60% !important; background-color: var(--card-bg) !important; } .globalSearchResults .slimScrollDiv, .globalSearchResults .contents { height: 200px !important; } .tooltip.fade { z-index: 9999; } .summaryImg { width: 25px; max-width: unset; margin-top: -3px; } .summaryView { padding: 10px; } .summaryView .summaryViewEntries .fieldLabel, .summaryView .summaryViewEntries .fieldValue { padding: 0px 8px 0px 0px; border: 0 !important; } .summaryView .value { margin-bottom: 0; line-height: 26px; } .summaryWidgetContainer .widget_header h4 { padding-top: 0; color: var(--heading); } .summaryWidgetContainer p { margin: 0; } .detailViewInfo { padding-bottom: 30px; } #settingsQuickWidgetContainer .widgetContainer.accordion-body>div { position: relative; } #settingsQuickWidgetContainer .widgetContainer.accordion-body .pinUnpinShortCut { position: absolute; top: 0; right: 0; } #settingsQuickWidgetContainer .widgetContainer.accordion-body > div:hover .pinUnpinShortCut { display: block !important; } #globalSearch { margin: 0; width: auto !important; padding: 0 9px; color: #a8b1c7 !important; font-size: 12px; } /*****/ .commn-brdcm { float: right; width: calc(100% - 90px); position: relative; top: 50px; } .nav-left-small .commn-brdcm { width: calc(100% - 64px); } .nav-left-medium .commn-brdcm { width: calc(100% - 140px); } #topMenus1 { display: none; } .commn-brdcm .vd_panel-header { width: 100%; background: #f0f0f0; border-bottom: 1px solid #eae8f1; box-sizing: border-box; height: auto; } .commn-brdcm .breadcrumb { background: transparent; padding: 0; height: auto; margin: 0; border: 0; box-shadow: none; padding: 3px 0px; } .commn-brdcm .breadcrumb li { line-height: 23px; text-shadow: none; } .commn-brdcm .breadcrumb>li+li::before { padding: 0 5px; color: #ccc; content: ">"; } .commn-brdcm .breadcrumb>li+li::before { color: #aaa; } .commn-brdcm .vd_panel-menu { position: absolute; top: 0; right: 0; } .commn-brdcm .vd_panel-menu .menu { color: var(--primary) !important; border: none !important; width: 30px !important; height: 29px !important; line-height: 29px !important; border-right: 0px solid var(--primary-light) !important; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 0 0 rgba(200, 201, 238) inset; margin-right: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; background: transparent; margin: 0; display: inline-block; text-align: center; cursor: pointer; } .commn-brdcm .vd_panel-menu .menu i { font-size: 14px !important; } .commn-brdcm .vd_panel-menu .menu:hover, .commn-brdcm .vd_panel-menu .menu .menu.active { background-color: var(--primary-light) !important; border-right-color: var(--primary-light) !important; color: var(--primary) !important; } .nav-left-medium .vd_menu .menu-icon i { font-size: 25px !important; } .cstm-repot .dropdown-menu::before { top: -12px; left: unset; right: 0; } .cstm-repot .dropdown-menu::after { top: -11px; left: unset; right: 1px; } /****/ .remove_navbar_cls .sidebar-main, .remove_fullscreen_cls .sidebar-main { display: none; } .remove_navbar_cls .commn-brdcm, .remove_fullscreen_cls .commn-brdcm { width: 100%; } .remove_navbar_cls .bodyContents, .remove_fullscreen_cls .bodyContents { width: 100%; } .remove_header_cls .header-1, .remove_header_cls footer.noprint, .remove_fullscreen_cls .header-1, .remove_fullscreen_cls footer.noprint { display: none; } .remove_header_cls #topMenus, .remove_fullscreen_cls #topMenus { display: none; } .remove_header_cls .commn-brdcm, .remove_fullscreen_cls .commn-brdcm { margin-top: 0; } .remove_header_cls .mainContainer, .remove_fullscreen_cls .mainContainer { margin-top: 9px; } .remove_header_cls .sidebar-main, .remove_fullscreen_cls .sidebar-main { top: 0; } .remove_fullscreen_cls .dsb-frm { height: calc(100vh - 32px); } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { border-radius: 0; } #prefPageHeader .logo { margin: 0px auto; width: 38px; } .detailViewInfo.userPreferences { margin-top: 10px; } .contents .detailview-table, .editViewContainer table { margin-bottom: 0px; background: var(--table-bg); border: 1px solid var(--card-border); } .fieldValue .value { line-height: 26px; } ..popover-content .fieldValue .value { color: var(--dark); } .contentsDiv>div.container-fluid.editViewContainer { padding: 10px 0 !important; } .clearfix.treeView>ul { margin: 0; } .chzn-container-single .chzn-single { background-color: var(--input-bg); background-image: none; } #myPrefHeading h3, #EditView .contentHeader h3 { line-height: 21px; margin-bottom: 1px; margin-top: 3px; color: var(--heading); } .editViewContainer table~br { display: none; } .editViewContainer table { margin-bottom: 10px; } .editViewContainer { padding: 10px; } #EditView .table tbody tr:hover th { background: var(--table-header-bg); } .imageDelete { background-color: #ee335e; color: #fff; margin-top: 10px; font-size: 13px; } .fieldValue.medium input[type="file"].input-large { margin-bottom: 0px !important; } #lineItemTab.table-bordered .chzn-container-single .chzn-single div { background: var(--primary); border-left: 1px solid var(--primary); color: #fff; } #lineItemTab.table-bordered .chzn-container-single .chzn-single div b { color: var(--white); } #EditView .contentHeader .span4 .pull-right { padding-right: 0 !important; } .control-group .controls input:not([type="submit"]), #saveBookmark .controls input:not([type="submit"]) { height: 28px !important; margin-bottom: 15px; background: var(--input-bg); padding: 4px; border: 1px solid var(--input-border); border-radius: 1px; color: var(--input-color); font-size: 13px; } .select2-container-multi .select2-choices { border-color: var(--input-border) !important; padding: 4px; background-image: none; font-size: 13px; background: var(--input-bg); } .select2-container { width: 100% !important; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child { border-radius: 0 0 0 0px; } .dash-plus, .dash-minus { display: none !important; } .menu i, .mega-link i { font-size: 18px !important; } .input-prepend.input-append #transfer_record_display { width: calc(100% - 53px) !important; } #roleDeleteForm .modal-body h5 { margin-bottom: 15px; } #roleDeleteForm .controls i, #customerPortalForm .controls i { position: unset; left: unset; top: unset; z-index: unset; line-height: unset; font-size: unset; width: 14px; color: unset; } .contentsDiv.span10.marginLeftZero .container-fluid>br { display: none; } .contentsDiv.span10.marginLeftZero h3.themeTextColor { line-height: 17px; } #EditView.form-horizontal>div { padding: 0 !important; margin-bottom: 10px; } #AsteriskServerDetails .table-bordered, #AsteriskServerDetails .table-bordered tr:hover td, #MyModal .table-bordered, #MyModal .table-bordered tr:hover td { background: var(--card-bg); } #AsteriskServerDetails .table-bordered { border: 1px solid var(--card-border); } #AsteriskServerDetails .table-bordered tr { border-bottom: 1px dashed var(--card-border); } #AsteriskServerDetails .table-bordered label.muted, #MyModal .table-bordered label.muted { float: left; margin: 0; } #AsteriskServerDetails~.pbxalrt { padding-top: 0 !important; } #AsteriskServerDetails td span { color: var(--value); } .contentsDiv>div.pbxalrt { padding-top: 0 !important; } /* #inERPglobalchange start */ .targetFieldsTableContainer tr[name="fieldHeaders"], .targetFieldsTableContainer tr[name="fieldHeaders"]:hover td { background: var(--table-header-bg) !important; color: var(--table-header-color); } /* #inERPglobalchange end */ .targetFieldsTableContainer .table[name="targetModuleFields"] input[type="text"] { min-width: 100%; box-sizing: border-box; height: 28px; } .targetFieldsTableContainer .table[name="targetModuleFields"] .input-append input[type="text"] { width: calc(100% - 40px); } #EditView.form-horizontal>div .row-fluid>.span3 { width: 23%; } #EditView.form-horizontal>div .row-fluid>#profilename, #EditView.form-horizontal>div .row-fluid>.span8.fieldValue, #EditView.form-horizontal>div .row-fluid>.row-fluid.span9.fieldValue, #EditView.form-horizontal>div .row-fluid>.row-fluid.span8.fieldValue { width: 74%; margin-left: 3%; box-sizing: border-box; } #EditView.form-horizontal>div .row-fluid>input#profilename { height: 28px; } #EditView.form-horizontal>div .row-fluid>.fieldLabel.span3 { background: transparent; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground { padding: 15px; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground .fieldValue.span12 .row-fluid.padding1per .span2 { width: 25%; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground .fieldValue.span12 .row-fluid.padding1per .span6 { width: 72%; margin-left: 3%; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground .fieldValue.span12 .row-fluid.padding1per .span2 h4 { line-height: 26px; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground .fieldValue.span12 .row-fluid.padding1per { padding: 0 0 3px; } #EditView.form-horizontal .summaryWidgetContainer { margin-bottom: 15px; } #EditView.form-horizontal .btn.btn-mini [class^="icon-"] { margin-top: 0px; background-position: -313px -117px; } #EditView.form-horizontal .table.table-bordered.profilesEditView td.row-fluid { padding-left: 8px !important; padding-right: 8px !important; } .select2-container .select2-choice { font-size: 12px; } .row-fluid>.span8 { width: 65.95744680199999%; } .row-fluid>.span4 { width: 31.914893614%; } #listViewContents { padding-bottom: 30px; } .mainContainer.row-fluid>.contentsDiv h3:not(.drp-headng) { line-height: 17px; font-size: 16px; color: var(--heading); margin: 0; } #ConfigEditorForm .table, #ConfigEditorForm .table tr:hover td { background: var(--card-bg); } #ConfigEditorForm .table { border: 1px solid var(--card-border); } #ConfigEditorForm .table td label { float: left; margin: 0; line-height: 28px; } #ConfigEditorForm .table td input[name="upload_maxsize"] { width: calc(100% - 23px) !important; } .form-horizontal .modal-body .control-label { text-align: left; color: var(--label); } #ConfigEditorDetails .table-bordered, #ConfigEditorDetails .table-bordered tr:hover td { background: var(--card-bg); } #ConfigEditorDetails .table-bordered { border: 1px solid var(--card-border); } #ConfigEditorDetails .table-bordered td span { color: var(--value); } #ConfigEditorDetails .table-bordered td label { float: left; margin: 0; } #ConfigEditorDetails .table-bordered tr { border-bottom: 1px dashed var(--card-border); } .crumbs { margin: 0 !important; } .mainContainer.row-fluid>.contentsDiv .profileDetailView .fieldLabel { background: transparent; } .mainContainer.row-fluid>.contentsDiv .profileDetailView .ui-slider { margin-right: 4px; } #EditView.form-horizontal>div.widget_header.row-fluid { margin-bottom: 0; } #EditView.form-horizontal>div.widget_header.row-fluid div.span4.btn-toolbar { margin-top: 0; margin-bottom: 0; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .widget_header.row-fluid .btn-toolbar.span4 { width: 31.914893614%; margin-left: 2.127659574%; } #EditView.form-horizontal>div .row-fluid>.span2 { width: 100%; } .edit-fld>div.row-fluid span.span10>.chzn-container, #rightPanel .editViewContainer.container-fluid #EditView .table.table-bordered.blockContainer.showInlineTable .fieldValue.medium .chzn-container { width: 100% !important; max-width: 100% !important; } .edit-fld>div.row-fluid span.span10.slct-cs>.chzn-container, #rightPanel .editViewContainer.container-fluid #EditView .table.table-bordered.blockContainer.showInlineTable .edit-fld>div.row-fluid span.span10.slct-cs>.chzn-container { width: 70px !important; } .fieldValue.edit-fld.medium .span10 .input-prepend .row-fluid .span1 { width: 28px; } .fieldValue.edit-fld.medium .span10 .input-prepend .row-fluid .span10.row-fluid { width: calc(100% - 28px); margin-left: 0; } #moreCurrencies { width: 100%; margin-left: 0; } .fieldValue.edit-fld.medium .span10 .input-prepend .row-fluid .span10.row-fluid input { width: 100%; box-sizing: border-box; height: 28px; } .form-horizontal.recordEditView.equalSplit .chzn-container { width: 100% !important; } .row-fluid.fieldValue[class*="span"] .alignTop { margin-top: 0 !important; } #_settingsdiv_ .editViewContainer { padding: 0; } #s2id_memberList .Roles, .groupMembersColors .Roles { box-shadow: none; border: 1px solid #ffeecc; color: #ffa800; } #s2id_memberList .RoleAndSubordinates, .groupMembersColors .RoleAndSubordinates { box-shadow: none; border: 1px solid #ebf9f5; color: #05825f; } #globalmodal .modal-body .control-group { margin-bottom: var(--space) !important; } .modal-header { padding: 9px 10px; border-bottom: 1px solid var(--card-border); box-sizing: border-box; } #globalmodal .control-group .controls input[type="radio"], .currencyModalContainer .currencyStatus.alignBottom { height: 16px !important; width: auto !important; } #layoutEditorContainer .widget_header.row-fluid .span4 .select2-container { margin-left: 0; } #layoutEditorContainer .nav.massEditTabs li.active a { margin-left: 0; } #layoutEditorContainer .tab-content.layoutContent.padding20 { padding: 0; } #layoutEditorContainer .tab-content.layoutContent #detailViewLayout .btn-toolbar { margin-top: 15px; margin-bottom: 15px; margin: 0 !important; padding: 10px; } #layoutEditorContainer .btn.addCustomField { background-color: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; } #layoutEditorContainer .btn.dropdown-toggle { background-color: var(--dropdown-btn-bg) !important; color: var(--dropdown-btn-color) !important; } #layoutEditorContainer .btn.dropdown-toggle .caret { border-top: 4px solid #fff; } #detailViewLayout>.btn-toolbar { padding: 10px 0 !important; } #layoutEditorContainer .tab-content.layoutContent .row-fluid.padding1per { padding: 3px 5px 3px; } #layoutEditorContainer .tab-content.layoutContent .row-fluid>.span2 { width: 23.404255317%; } #layoutEditorContainer .tab-content.layoutContent .row-fluid>.span10 { width: 74.468085099%; } #layoutEditorContainer .tab-content.layoutContent .row-fluid>.span6 { width: 40.425531911%; } #layoutEditorContainer .relatedModulesList { margin-left: 0; } #layoutEditorContainer .relatedModulesList .contentsBackground { width: 100% !important; box-sizing: border-box; } #layoutEditorContainer .relatedTabModulesList .displayInlineBlock { width: 100% !important; box-sizing: border-box; margin-left: 0 !important; } .bottomscroll-div { width: 100% !important; overflow-x: auto; display: block; } .table.table-bordered tbody tr td span.row-fluid span.span2 { margin-left: 0; } .table.table-bordered tbody tr td span.row-fluid span.span1 { width: 23.404255317%; } .listViewEntriesDiv.contents-bottomscroll .table.table-bordered tbody tr td span.row-fluid span.span2 { text-align: center; margin-top: 15px; } .listViewEntriesDiv.contents-bottomscroll .table.table-bordered tbody tr td span.row-fluid span.span2 .pull-right { float: none; } .contentsDiv.span10.marginLeftZero>div.row-fluid { padding: 0; } #customerPortalForm .controls .row-fluid>.span7 { width: 100%; margin-left: 0; color: var(--label); } #portalModulesTable, #portalModulesTable tr:hover td { background: var(--card-bg); } #portalModulesTable { border: 1px solid var(--card-border); } #portalModulesTable { margin-bottom: 10px; } #portalModulesTable .portalModuleRow { border-bottom: 1px dashed var(--card-border) } #customerPortalForm .controls .row-fluid>.span4.pushDownHalfper { width: 100%; margin-bottom: 10px; } #customerPortalForm div.span6.padding1per { padding: 15px; } .form-horizontal .modal-body.tabbable .controls, .currencyModalContainer .modal-body .controls { width: calc(100% - 160px); } .control-group .controls #frequencyValue.span2 { margin-bottom: 0px; } .modal { min-width: 320px; margin: 0; transform: translate(-50%, -50%); background-color: var(--card-bg); border: 1px solid var(--card-border); } .mailConveterDesc { margin-top: 10px !important; border-color: var(--card-border); color: var(--value); font-size: 13px; } #TaxCalculationsContainer .contents.row-fluid.paddingTop20 { padding-top: 0; } #TaxCalculationsContainer .contents.row-fluid.paddingTop20 .marginBottom10px { margin-bottom: 10px; } #TaxCalculationsContainer .table tr { border-bottom: 1px dashed var(--card-border); } #TaxCalculationsContainer .table tr td, #TaxCalculationsContainer .table tr td label { color: var(--value) !important; margin-bottom: 0px; } #TaxCalculationsContainer .table, #TaxCalculationsContainer .table tr:hover td { background: var(--card-bg); } #TaxCalculationsContainer .table { border: 1px solid var(--card-border); } .control-group .controls input[type="checkbox"] { height: auto !important; width: auto !important; margin: ; position: relative; top: 5px; } #editTax .modal-body .control-label { text-align: left; color: var(--label); } .taxStatus ~ span { color: var(--value); } #editTax .modal-body .controls select { width: 100%; } .taxModalContainer .controls.input-append input:not([type="submit"]) { width: calc(100% - 28px) !important; } .taxModalContainer .controls input:not([type="submit"]) { margin: 0; } #customRecordNumbering tr:hover td { border: 1px solid 0; } #customRecordNumbering, #customRecordNumbering tr:hover td { margin-top: 0; background: var(--card-bg); } #customRecordNumbering, #customRecordNumbering tr:hover td { margin-top: 0; background: var(--card-bg); } #customRecordNumbering .fieldValue.medium input { width: 100%; box-sizing: border-box; height: 28px; } #customRecordNumbering .fieldValue .chzn-container { width: 100% !important; max-width: unset; } label b { font-weight: 300; } #customRecordNumbering td label { margin: 0; line-height: 28px; float: left; color: var(--label); } #customRecordNumbering .btn.updt-btn { background-color: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; ; } #customRecordNumbering .btn.updt-btn:hover { background-color: var(--btn-general-bg-hover) !important; color: var(--btn-general-color-hover) !important; ; } .currencyModalContainer #editCurrency .currencyStatus.alignBottom { height: auto !important; top: 0; } .currencyModalContainer .controls input { margin-bottom: 0 !important; } .createCustomFieldForm .control-group .controls input { margin-bottom: 0; } #OutgoingServerDetails .contents.row-fluid { padding-top: 0; } #OutgoingServerForm td.medium label, #OutgoingServerDetails .table td .muted.pull-right { float: left; line-height: 28px; margin: 0; } #OutgoingServerForm .widget_header.row-fluid h3 { margin-bottom: 5px; } #OutgoingServerForm .widget_header.row-fluid .span4.btn-toolbar { margin: 0; margin-left: 2.127659574% !important; } #OutgoingServerDetails .table td[style="border-left: none;"] { color: var(--value); } #OutgoingServerDetails .table td[style="border-left: none;"] span { line-height: 28px; } #OutgoingServerDetails .table { margin-top: 0 !important; } #OutgoingServerDetails .table tr { border-bottom: 1px dashed var(--card-border); } #OutgoingServerForm .table.table-bordered.table-condensed.themeTableColor, #OutgoingServerDetails .table { margin-top: 10px; background: var(--card-bg); margin-bottom: 10px; border: 1px solid var(--card-border); } #OutgoingServerForm .table tbody tr:hover td, #OutgoingServerForm .table tbody tr:hover th, #OutgoingServerDetails .table tbody tr:hover td { background-color: var(--card-bg); } #OutgoingServerForm .table~br { display: none; } #TermsAndConditionsContainer br { display: none; } .modal-body .control-group .controls.row-fluid { width: calc(100% - 160px); } .modal-body .form-horizontal .control-label { text-align: left; } .modal-body .form-horizontal .controls { color: #777a80; } #OutgoingServerForm tbody td.medium input { width: 100%; box-sizing: border-box; height: 28px; } #OutgoingServerForm tbody td.medium input[type="checkbox"] { width: auto; } .announcementContent.textarea-autosize.boxSizingBorderBox { margin: 0 0 10px; } #AnnouncementContainer br { display: none; } #CompanyDetailsContainer .companyLogo, #updateCompanyDetailsForm.form-horizontal .companyLogo { display: block !important; } #updateCompanyDetailsForm.form-horizontal .controls { width: calc(100% - 160px); } #updateCompanyDetailsForm.form-horizontal input[type="file"] { background: transparent; box-shadow: none; border: 0; margin-bottom: 18px; float: left; height: auto !important; padding-left: 0; float: left; width: calc(100% - 250px) !important; } #updateCompanyDetailsForm.form-horizontal .alert { float: left; width: 100%; box-sizing: border-box; } /* #inERPglobalchange start */ #updateCompanyDetailsForm.form-horizontal textarea,#updateCompanyDetailsForm.form-horizontal input { width: 100% !important; margin-bottom: var(--space); height: 28px; } #updateCompanyDetailsForm.form-horizontal .control-group { margin-bottom: 0px !important; } /* #inERPglobalchange end */ .contentsDiv>div.padding-left1per { padding-bottom: 45px !important; } #moduleManagerContents .widget_header.row-fluid .span6 { width: 100%; } #moduleManagerContents .equalSplit td .dropdown-menu { min-width: 180px; } #menuEditorContainer hr { margin: 8px 0 0px; } #menuEditor .row-fluid.paddingTop20 { padding-top: 10px; } #menuEditor .row-fluid.paddingTop20 .alert { margin-bottom: 0; } .contentsDiv.span10.marginLeftZero .span4.btn-toolbar .pull-right.listViewActions .chzn-container { width: 140px !important; } #menuEditor .row-fluid.paddingTop20 .span6 { width: 100%; } #pickListDependencyForm>.row-fluid .span5.control-group { margin-bottom: 15px !important; } #pickListDependencyForm>.row-fluid .span5 { display: none; } #pickListDependencyForm>.row-fluid .span5.control-group { width: 100%; margin-left: 0; display: block; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6 { width: 48.93617020799999%; box-sizing: border-box; } #layoutEditorContainer .relatedModulesList .contentsBackground { margin-bottom: 10px; } .blockFieldsList.blockFieldsSortable.row-fluid { box-sizing: border-box; background-color: var(--card-bg); } #listViewContents .fieldLabel.span3 { background: transparent; width: 220px; color: var(--label); line-height: 28px; } #listViewContents .fieldLabel.span3~.span6.fieldValue { width: calc(100% - 220px); margin-left: 0; } #listViewContents { padding: 0 0 30px !important; } #modulePickListValuesContainer .tab-content.layoutContent.padding20.themeTableColor.overflowVisible { padding: 10px 0 0; } #modulePickListValuesContainer .tab-content.layoutContent.padding20.themeTableColor.overflowVisible>br { display: none; } #modulePickListValuesContainer .span2.row-fluid .btn { margin-bottom: 10px; } #modulePickListValuesContainer .span2.row-fluid .btn:not(#deleteItem) { background: var(--picklist-btn-bg-1); color: var(--picklist-btn-color-1); } #modulePickListValuesContainer .span2.row-fluid .btn#addItem { background: var(--picklist-btn-bg-2); color: var(--picklist-btn-color-2); } #modulePickListValuesContainer .span2.row-fluid .btn#renameItem { background: var(--picklist-btn-bg-3); color: var(--picklist-btn-color-3); } #modulePickListValuesContainer .span2.row-fluid .btn#deleteItem { background: var(--picklist-btn-bg-4); color: var(--picklist-btn-color-4); } #modulePickListValuesContainer .layoutContent .pickListValue img.alignMiddle { display: none; } #modulePickListValuesContainer .layoutContent .pickListValue .textOverflowEllipsis::before { content: "\f00a"; font-family: FontAwesome; } #modulePickListValuesContainer .layoutContent .pickListValue .textOverflowEllipsis { background: var(--layeditor-bg); } #modulePickListValuesContainer .layoutContent .pickListValue .textOverflowEllipsis:hover { background: var(--layeditor-bg-hover); } #allValuesLayout .span5.marginLeftZero.textOverflowEllipsis { width: 70%; margin-bottom: 10px; } #AssignedToRoleLayout>.row-fluid { width: 50%; float: left; } #AssignedToRoleLayout>.row-fluid .span2.textAlignRight { width: 100%; text-align: left; margin: 0 0 10px !important; color: var(--heading); } #pickListValeByRoleContainer .row-fluid .span6 > div { background: var(--alert-primary-bg); padding: 10px; box-sizing: border-box; border-radius: 3px; color: var(--alert-primary-color); margin-bottom: 10px; } #pickListValeByRoleContainer .row-fluid .span6 #saveOrder { margin-left: -7px; } #pickListValeByRoleContainer .row-fluid .span6 div~br { display: none; } #AssignedToRoleLayout>.row-fluid .span7 { width: 100% !important; margin: 0; } #pickListValeByRoleContainer { width: 50%; float: left; padding-left: 10px; box-sizing: border-box; } #pickListValeByRoleContainer>br { display: none; } #pickListValeByRoleContainer .row-fluid .span2 { display: none; } #pickListValeByRoleContainer .row-fluid .span3, #pickListValeByRoleContainer .row-fluid .span6 { width: 100%; margin: 0; } #modulePickListValuesContainer .layoutContent .selectedCell, #modulePickListValuesContainer .layoutContent .unselectedCell { padding: 5px !important; margin-bottom: 5px; border: 0 !important; text-align: left; background: var(--primary-light); color: var(--primary); } #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(1), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(5), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(9) { background: var(--primary-light); color: var(--primary); } #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(2), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(6), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(10) { background: #ffd6de; color: #ee3158; } #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(3), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(7), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(11) { background: #ffeecc; color: #ffa800; } #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(4), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(8), #modulePickListValuesContainer .layoutContent .selectedCell:nth-child(12) { background: #ebf9f5; color: #05825f; } #pickListDependencyForm.form-horizontal .control-label { text-align: left; } .emptyRecordsDiv { border: 1px solid var(--emptyrecord-border); } .emptyRecordsDiv td { color: var(--emptyrecord-color); } #menuEditor .select2-container-multi .select2-choices .select2-search-choice { background-color: var(--select-item-bg); box-shadow: none; color: var(--select-item-color); border: 1px solid var(--select-item-bg); background-image: none; } .select2-search-choice-close { background: none; color: #fff; } #menuEditor .select2-container-multi .select2-search-choice-close, .edit-fld .select2-search-choice-close { color: var(--select-item-icon); } .alert-info { background-color: var(--alert-primary-bg); border-color: var(--alert-primary-bg); color: var(--alert-primary-color); } .select2-search-choice-close::before { content: "\f00d"; font-family: FontAwesome; font-size: 12px; top: -1px; position: relative; left: 1px; } .select2-search-choice-close { top: 3px !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 1px 5px 4px 18px !important; } .table.table-bordered.CalculationFields th { text-align: center; background: var(--table-header-bg); } .chzn-container-multi .chzn-choices { border: 1px solid var(--input-border); background: var(--input-bg); color: var(--input-color); } i[class^="icon-"]::before { font-family: FontAwesome; font-style: normal; } .icon-time { background-image: none !important; } .icon-info-sign { background-image: none !important; } .icon-info-sign::before { content: "\f05a"; font-style: normal; } .alert { text-shadow: none; } .btn.sourceValues { background: var(--primary-light); color: var(--primary); } #modulePickListValuesContainer .layoutContent .selectedCell .icon-ok { background-image: none !important; } #modulePickListValuesContainer .layoutContent .selectedCell .icon-ok::before { content: "\f00c"; font-family: FontAwesome; } #allValuesLayout .span2.row-fluid { width: 30%; margin: 0; padding-left: 10px; box-sizing: border-box; } #allValuesLayout>.row-fluid>.span4 { width: 100%; margin: 0; } #allValuesLayout>.row-fluid>.span4>br { display: none; } #allValuesLayout>.row-fluid>.span4>br~div { background: var(--layeditor-bg-hover); padding: 5px; margin-bottom: 10px; border-radius: 3px; color: var(--layeditor-icon-hover); ; } #allValuesLayout .span2.row-fluid button { width: 100% !important; } #AssignedToRoleLayout .select2-container .select2-choice { background: var(--input-bg); } #moduleManagerContents .table-bordered { background: var(--card-bg); border: 1px solid var(--card-border); } #moduleManagerContents .table tbody tr:hover td { background-color: #fafafa; } /* #inERPglobalchange start */ #moduleManagerContents .moduleManagerBlock .moduleName h4 { color: var(--value); margin: 0; font-size: 12px; } /* #inERPglobalchange end */ #moduleManagerContents .table-bordered tr { border-bottom: 1px dashed var(--border); } .select2-drop.select2-with-searchbox.select2-drop-active { z-index: 1 !important; background: var(--dropdown-bg); border-color: var(--dropdown-border); color: var(--dropdown-body-color); } .span9.addMailBoxBlock { margin: 0; width: 100%; padding: 0px !important; box-sizing: border-box; } .crumbs { margin-left: 0 !important; } #mailBoxEditView .form-horizontal .controls { width: calc(100% - 160px); } #mailBoxEditView .addMailBoxStep { padding: 10px; border-color: var(--card-border); } #mailBoxEditView .radio.inline input.radio, #mailBoxEditView input[type="checkbox"], #workflow_step1 input[type="radio"].alignTop { width: auto !important; height: 14px !important; margin-bottom: 0; } #mailBoxEditView label.radio.inline { width: 170px; color: var(--value); } #mailBoxEditView .addMailBoxStep .select2 { margin-bottom: 15px; } .contentsDiv.span10.marginLeftZero .editContainer, .contentsDiv.span10.marginLeftZero .workFlowContents { padding: 10px 0 !important; } #taskListContainer .pull-right.actions .actionImages a [class^="icon-"] { height: 19px; line-height: 20px; } #taskListContainer .pull-right.actions .actionImages a .icon-pencil { background-position: 0 -70px; } #taskListContainer .pull-right.actions .actionImages a .icon-trash { background-position: -456px 3px; } #advanceFilterContainer>.span10 { width: 100%; margin-left: 0; } .fieldValue.medium .span10 #Contacts_editView_fieldName_firstname, .fieldValue.medium .span10 #Leads_editView_fieldName_firstname { width: calc(100% - 74px) !important; } /* .table.table-bordered.blockContainer.showInlineTable.equalSplit tbody tr:nth-child(1) .fieldValue.medium:nth-child(2) .chzn-container{ width: 70px !important; }*/ /* .table.table-bordered.blockContainer.showInlineTable.equalSplit tbody tr:nth-child(1) .fieldValue.medium:nth-child(2) .span10 .chzn-container{ width: 100% !important; }*/ #searchableColumnsList_chzn { width: 140px !important; } th.chznDropDown .chzn-container { width: 164px !important; } .row-fluid.verticalBottomSpacing .btn-toolbar { margin: 0; } /* .fieldValue .span10 .chzn-container { width: 100% !important; max-width: unset; }*/ .input-append input, .input-append .uneditable-input { border-radius: 0; } .mailConveterDesc { line-height: 18px; } td.fieldValue.narrowWidthType.selectFolderDesc.alert { white-space: unset; } td.selectFolderDesc.alert.alert-info:hover { background-color: #d9edf7 !important; border-color: #bce8f1 !important; } .fieldValue.narrowWidthType select { width: 100%; } .fieldValue.narrowWidthType input { width: 100%; box-sizing: border-box; height: 28px; } #Reports_listView_basicAction_Add.btn .caret.icon-white { margin-top: 9px; } .row-fluid.block.padding1per .padding1per { padding: 0 0 10px; } .vd_back-top.visible { bottom: 25px; } .detailViewInfo #detailView { padding-top: 0 !important; } #editCustomRule .chzn-container { width: 100% !important; } .alert.container-fluid[class*="span"] { width: calc(100% - 60px) !important; margin: 0 auto; float: none; padding: 8px !important; margin-bottom: 45px; } #MyModal.form-horizontal input, #ConfigEditorForm .row-fluid.medium input { width: 100%; box-sizing: border-box; height: 28px; } #MyModal.form-horizontal .widget_header.row-fluid .btn-toolbar.span4 { width: 31.914893614%; margin-bottom: 0; margin-top: 0; } .contentsDiv.span10.marginLeftZero>.row-fluid { box-sizing: border-box; } #cronJobSaveAjax .chzn-container, #ConfigEditorForm .row-fluid.medium .span3 { width: 100% !important; } #ConfigEditorForm .span4.btn-toolbar { margin: 0; margin-left: 2.127659574% !important; } #customerPortalForm.form-horizontal .control-label { text-align: left; } .listViewPageDiv .listViewTopMenuDiv .span4.btn-toolbar>.chzn-container { width: 100% !important; } .connectedSortable.span6.ui-sortable .pull-right .pull-right .cancel { margin-top: 0 !important; } .connectedSortable.span6.ui-sortable .pull-right .modal-header.contentsBackground .pull-right .cancel { padding: 0 !important; } .layoutContent .relatedTabModulesList { padding: 15px 0; } #pickListModules_chzn, #modulePickList_chzn, #transfer_record_chzn { width: 100% !important; } #pickListValeByRoleContainer .selectedCell.padding1per { padding: 0; } .notification.span12 .alert .padding1per { padding: 0; } #calendarview .fc-header-left { width: 30%; } #calendarview .fc-header-center { width: 40%; } #calendarview .fc-header-right { width: 30%; } #calendarview .fc-header-right .pull-left { float: right; } #quickCreate .nav.nav-pills li { width: 120px; text-align: center; } #quickCreate .nav.nav-pills { padding: 10px 10px !important; display: flex; justify-content: center; } #quickCreate .nav-pills>li>a { height: 30px; line-height: 18px; font-size: 14px; box-sizing: border-box; padding: 5px; background: var(--primary-light); color: var(--primary); margin: 0 5px; } #quickCreate .nav-pills>li.active>a, #quickCreate .nav-pills>li>a:hover { background: var(--primary); color: var(--white); } #quickCreate .input-append.time { margin-top: 15px; } #quickCreate .chzn-container, #CalendarSettings .chzn-container { max-width: 100%; width: 100% !important; } #CalendarSettings input[type="radio"] { margin-top: 0 !important; } #CalendarSettings .controls .alignMiddle { margin-bottom: 10px; display: block; float: left; } #CalendarSettings .select2-container { margin-bottom: 0; } #s2id_memberList { margin-bottom: 15px; } .span6.memberList-min { width: 100%; } .span3.groupMembersColors-min { margin-left: 0; width: 100% !important; } .span3.groupMembersColors-min .pull-right.groupMembersColors { width: 100%; } .span3.groupMembersColors-min .liStyleNone { margin-left: 0; margin-bottom: 0; } #listViewPageJump { margin: 0 5px; } #detailViewPreviousRecordButton { margin-right: 5px; } #calendarview .fc-header-left .fc-button { margin-right: 5px; } #calendarview .fc-header-right>span, #calendarview .fc-header-right .fc-button { margin-left: 5px; } .nav-left-small .vd_menu>ul>li>a { padding: 0 12px; } .nav-left-small .vd_menu .menu-icon { text-align: center; } .nav-left-small .vd_menu>ul>li>a .menu-badge { top: 14px; right: 3px; } .nav-left-small .menu-badge .badge { padding: 2px 3px; } .mega-name .usr-nm { color: #0F0F10; padding: 0px; margin: 0px; line-height: 32px; height: 12px !important; display: block; font-size: 10px; float: left; text-align: left; } .nav-left-medium .user-info .media-body, .nav-left-small .user-info .media-body { display: none !important; } .nav-left-medium .az-sidebar-loggedin.user-info, .nav-left-small .az-sidebar-loggedin.user-info { padding: 15px 20px 5px; } .nav-left-medium .user-info .az-img-user, .nav-left-small .user-info .az-img-user { margin: auto; float: none; } .visible-xs { display: none; } /**************/ .input-prepend input.input-medium, .input-append input.dateField, .input-append input.input-medium, .input-append input.timepicker-default { width: calc(100% - 40px); } #autogenbarcode { margin-top: 5px; width: 100%; background: #1a2c4c; border: 0; border-radius: 4px; color: #fff; padding: 4px; } .inventoryLineItemHeader { margin-left: 0; } .lineItemRow [class^="icon-"], [class*=" icon-"] { background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png"); } #lineItemTab.table-bordered, #lineItemResult.table-bordered { border: 1px solid var(--card-border); } #lineItemTab.table td, #lineItemResult.table td { border: 1px solid var(--card-border); } #lineItemResult.table-bordered td+td { border: 1px solid var(--card-border); } #layoutEditorContainer div.select2 { width: 200px !important; } .drp-headng, .drp-headng a { font-size: 14px; color: var(--dropdown-header-color) !important; line-height: 13px; margin: 0; display: flex; } .drp-headng a { margin-left: auto !important; padding: 0 !important; text-align: right !important; } .drp-headng a:hover { color: var(--primary) !important; } .drp-headng a i { margin: 0; } .drp-shdng { color: var(--dropdown-sub-header-color); margin-bottom: 0px; font-size: 12px; opacity: 0.6; } .notifi-bx { min-width: 250px; } .notifi-bx li { padding: 10px; border-bottom: 1px dotted var(--border); } .notifi-bx li a { padding: 0 !important; } .mega-li .notifi-bx .badge { color: var(--notification-badge-color); background-color: var(--notification-badge-bg); right: 15px; top: 7px; } .notifi-bx li:last-child { border-bottom: 0; } .notifi-bx li:hover { background: var(--notification-item-bg-hover); } .notifi-bx li a:hover { background: transparent !important; } .notifi-bx .noti-iocn { width: 30px; height: 30px; display: block; line-height: 30px; text-align: center; background: #f10075; border-radius: 50%; color: #fff; } .notifi-bx .noti-info { margin-top: -35px; padding-left: 34px; color: var(--primary); } .notifi-bx .smsg { display: block; width: 100%; font-size: 10px !important; color: #7987a1; } .notifyList-main .act-icn { width: 35px; height: 35px; position: absolute; left: 8px; top: 10px; border-radius: 50%; text-align: center; line-height: 35px; } .notifyList-main .act-icn i { font-size: 14px !important; position: relative; top: 1px; } .notifyList-main li { position: relative; padding-left: 50px; margin-bottom: 0; padding-top: 10px; text-align: left; } .notifyList-main { margin: 0 !important; padding: 0 !important; list-style: none; max-height: 450px; /* overflow: auto;*/ } .itemScrlls { height: 225px; overflow: auto; } .notifyList-main .act-shd { color: var(--muted); margin: 0 !important; font-size: 11px; } .notifyList-main .act-hd { font-size: 12px !important; text-transform: capitalize; color: var(--dark); margin-bottom: 2px !important; white-space: nowrap; max-width: 188px; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; position: relative; } .notifyList-main .act-hd small { font-size: 10px; position: absolute; top: 0; right: 0; } h6.act-hd small { color: var(--muted); } .notifyList-main .clr-primary .act-icn { background: var(--notification-icon-bg-1); color: var(--notification-icon-color-1); } .notifyList-main .clr-success .act-icn { background: var(--notification-icon-bg-2); color: var(--notification-icon-color-2); } .notifyList-main .clr-danger .act-icn { background: var(--notification-icon-bg-3); color: var(--notification-icon-color-3); } .notifyList-main .clr-warning .act-icn { background: var(--notification-icon-bg-4); color: var(--notification-icon-color-4); } .notifyList-main li:hover { background: var(--notification-item-bg-hover); } .theme-color .drp-header { width: calc(100% + 8px); margin-left: -4px; margin-bottom: 4px; } .prf-drp .drp-header img { width: 45px; height: 45px; border-radius: 50%; position: absolute; } .drp-header { background: var(--dropdown-header-bg); margin-top: -5px; padding: 10px; border-radius: 6px 6px 0 0; text-align: left; border-bottom: 1px solid var(--dropdown-border); } .notifi-bx.prf-drp li:hover, .notifi-bx.setng-drp li:hover { background: var(--dropdown-bg-hover) !important; } .notifi-bx.prf-drp li:hover a, .notifi-bx.setng-drp li:hover a { background: transparent !important; color: var(--anchortag-hover) !important; } .notifi-bx.prf-drp li, .notifi-bx.setng-drp li { padding: 0; } .notifi-bx.prf-drp li a, .notifi-bx.setng-drp li a { padding: 7px 10px !important; } .prf-drp .drp-headng { padding-left: 55px; margin-top: 5px; } .prf-drp .drp-shdng { padding-left: 55px; margin-bottom: 10px; } .mega-ul .mega-li .mega-icon i { color: var(--white); } .mega-ul .mega-li:hover .mega-icon i { color: var(--primary); } .nav-left-small .user-info .az-img-user { width: 32px; height: 32px; } .mega-ul .mega-li .mega-icon i.bi { position: relative; top: -2px; } .table.listViewEntriesTable thead th, .sharingAccessDetails thead th { background-color: var(--table-header-bg); } .dropdown-menu::before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .dropdown-menu::after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } .dropdown-menu::after { border-bottom: 6px solid var(--dropdown-bg); } .dropdown-menu::after, .dropdown-menu::before { top: -11px; } .dropdown-menu::after, .dropdown-menu::before { right: 3px; left: auto; top: -5px; border-bottom-width: 6px; } .list-vw-drp { min-width: 200px; top: 35px; } .list-vw-drp.dropdown-menu::after, .list-vw-drp.dropdown-menu::before { right: auto; left: 3px; top: -7px; } .list-vw-drp.setngs-drp { right: 0; left: unset !important; } .setngs-drp.dropdown-menu::after, .setngs-drp.dropdown-menu::before { right: 3px; left: unset; top: -7px; } .select2-drop.select2-drop-multi.select2-drop-active { z-index: 1 !important; background: var(--dropdown-bg); color: var(--dropdown-body-color); border-color: var(--dropdown-border); } .clm-4 { width: 33.33333%; float: left; } .bg-primary-gradient { background: var(--primary-light); } .bg-danger-gradient { background: #ffd6de; } .bg-success-gradient { background: #ebf9f5; } .bg-bar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 75px; opacity: 0.4; color: var(--white) !important; ; } .bg-bar i { font-size: 55px !important; } .cs-rw { float: left; width: calc(100% + 15px); margin-left: -7.5px; } .cs-rw * { box-sizing: border-box; } .clm-8 { width: 66.66667%; float: left; padding-left: 7.5px; padding-right: 7.5px; } .clm-4 { width: 33.33333%; float: left; padding-left: 7.5px; padding-right: 7.5px; } .gomdul-clm { padding: 0 7.5px !important; border: 0; box-shadow: none; background: transparent; margin-bottom: 15px !important; } .gomdul-clm p { color: #fff; margin: 0; height: 52px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .gomdul-clm:nth-child(3) .card { background-color: var(--settingsummary-bg-3) !important; color: var(--settingsummary-color-3); } .gomdul-clm:nth-child(2) .card { background-color: var(--settingsummary-bg-2) !important; color: var(--settingsummary-color-2); } .gomdul-clm:nth-child(1) .card { background-color: var(--settingsummary-bg-1) !important; color: var(--settingsummary-color-1); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(2) .gomdul-clm:nth-child(1) .card { background-color: var(--settingsummary-bg-4) !important; color: var(--settingsummary-color-4); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(2) .gomdul-clm:nth-child(1) .card h6 { color: var(--settingsummary-color-4); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(2) .gomdul-clm:nth-child(2) .card { background-color: var(--settingsummary-bg-5) !important; color: var(--settingsummary-color-5); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(2) .gomdul-clm:nth-child(2) .card h6 { color: var(--settingsummary-color-5); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(2) .gomdul-clm:nth-child(3) .card { background-color: var(--settingsummary-bg-1) !important; color: var(--settingsummary-color-1); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(2) .gomdul-clm:nth-child(3) .card h6 { color: var(--settingsummary-color-1); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(3) .gomdul-clm:nth-child(1) .card { background-color: var(--settingsummary-bg-5) !important; color: var(--settingsummary-color-5); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(3) .gomdul-clm:nth-child(1) .card h6 { color: var(--settingsummary-color-5); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(3) .gomdul-clm:nth-child(2) .card { background-color: var(--settingsummary-bg-3) !important; color: var(--settingsummary-color-3); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(3) .gomdul-clm:nth-child(2) .card h6 { color: var(--settingsummary-color-3); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(3) .gomdul-clm:nth-child(3) .card { background-color: var(--settingsummary-bg-4) !important; color: var(--settingsummary-color-4); } #settingsShortCutsContainer .row-fluid.setng-counters.cs-rw:nth-child(3) .gomdul-clm:nth-child(3) .card h6 { color: var(--settingsummary-color-4); } .gomdul-clm .card p { color: #666; width: calc(100% - 55px); } .gomdul-clm:nth-child(3) .card h6 { color: #05825f; } .gomdul-clm:nth-child(2) .card h6 { color: #ee3158; } .gomdul-clm:nth-child(1) .card h6 { color: var(--primary); } .settingsIndexPage .settingsSummary.gomdul-clm .clm-8 { width: 100%; } .settingsIndexPage .settingsSummary.gomdul-clm .text-right { position: absolute; right: 10px; } .gomdul-clm .peity-bar i { top: 15px; } #settingsShortCutsContainer .card-dashboard-finance .card-title { font-size: 16px; } .container-fluid.settingsIndexPage .widget_header.row-fluid~hr { display: none; } .container-fluid.settingsIndexPage .widget_header.row-fluid { margin-bottom: 10px; } .fieldLabel label span.redColor { float: right; margin-left: 5px; } #custom_dashboard { width: 100% !important; margin: 0 !important; padding: 0 !important; max-width: 100% !important; } footer.noprint { left: 0; right: 1; z-index: 15; position: fixed; } #s2id_memberList li.Users { background-color: var(--primary-light) !important; box-shadow: none; border-color: var(--primary-light); color: var(--primary); } #s2id_memberList li.Groups { background-color: var(--primary-light) !important; box-shadow: none; border-color: var(--primary-light); color: var(--primary); } #EditView[name="EditGroup"] .row-fluid .span5 { width: 100%; } .sharingAccessDetails tbody tr:nth-child(2n) { background: var(--primary-light); } .sharingAccessDetails tbody tr:nth-child(2n+1) { background: #fafafa; } .vtButton img { display: none; } .vtButton { height: 25px; } .vtButton.arrowDown::before { content: "\f078"; font-family: FontAwesome; width: 100%; } .vtButton.arrowUp::before { content: "\f077"; font-family: FontAwesome; width: 100%; } .modal .select2-container .select2-choice { background: #fff; } .modal .select2-container .select2-choice div { background: #fafafa; } .listViewEntries .listViewEntryValue.medium .span2 img { width: 35px; height: 35px; border-radius: 1px; } .userPreferences #imageContainer img, .recordEditView .span8[name="existingImages"] img { max-width: 70px; max-height: 70px; } .modal-header.contentsBackground { color: var(--card-header-color) !important; } .ui-button { background-color: var(--primary); background-image: linear-gradient(var(--primary), var(--primary) 25%, var(--primary)); color: #fff; border: 1px solid var(--primary); border-bottom-color: var(--primary); } #updateCompanyDetailsForm { background: var(--card-bg); padding: 10px 10px 0; border: 1px solid var(--border); } #updateCompanyDetailsForm .modal-footer { width: calc(100% + 20px); margin-left: -10px; box-sizing: border-box; background-color: var(--card-bg); border-color: var(--border); box-shadow: none; padding: 10px; } .taskTypeUi.well .chzn-container { width: 100% !important; } #updateCompanyDetailsForm .controls .input-xlarge { width: 100%; } .modal-open .select2-drop.select2-with-searchbox.select2-drop-active { z-index: 99999 !important; } .modal-open .select2-drop.select2-drop-multi.select2-drop-active { z-index: 99999 !important; } .listViewEntriesTable .actionImages a { padding-top: 0px; } #deleteItemForm .chzn-container { width: 100% !important; } #md-header { width: 100%; } .icn-sun { display: none; } .icn-moon .fa { position: relative; top: -2px; } .detailViewTitle .recordLabel { margin-left: -15px; position: relative; margin: 0 !important; left: 0; top: -2px; } .recentComments .addCommentBlock .pull-right { float: none; display: block; text-align: right; } .recentComments .addCommentBlock .pull-right .cancelLink { top: 0px; } .row-fluid.detailViewTitle>.span10>.row-fluid>.span5>.row-fluid>.span2>img { height: 16px; width: 16px; position: relative; top: 3px; } .row-fluid.detailViewTitle>.span10>.row-fluid>.span5>.row-fluid>.span2 { width: 22px; } td.fieldValue.medium #imageContainer { max-width: 60px; } .related .nav-pills>li>a { border-radius: 4px; padding: 5px 5px 5px 20px; margin-bottom: 5px; color: var(--muted); position: relative; margin-top: 0; } .related .nav-pills>li>a strong { position: relative; top: -1px; } .related .nav-pills>li.active>a::before, .related .nav-pills>li>a:hover::before { content: '\F270'; font-family: bootstrap-icons !important; position: absolute; top: 5px; right: 5px; } .related .nav-pills>li>a::after { content: '\F280'; font-family: bootstrap-icons !important; position: absolute; top: 5px; left: 5px; font-size: 10px; } .related .nav-pills>li:nth-child(even)>a { color: var(--related-color-2); background: var(--related-bg-2); } .related .nav-pills>li:nth-child(odd)>a { color: var(--related-color-1); background: var(--related-bg-1); } .related .nav-pills>li.active>a { background: var(--related-bg-active); color: var(--related-color-active); } .related .nav-pills>li.active>a::before, .related .nav-pills>li.active>a::before:hover { content: '\F270'; font-family: bootstrap-icons !important; position: absolute; top: 2px; right: 0; color: var(--danger); } .productnamelinktodetailview, .productnamelinktodetailview~div { border: 0 !important; } #EditView[name="EditProfile"] input[value="Profiles"]~.row-fluid>.row-fluid label.span2 { margin-bottom: 0; width: 100px; } #EditView[name="EditProfile"] input[value="Profiles"]~.row-fluid>.row-fluid label.span2~input#profilename { width: calc(100% - 115px); margin-left: 15px; box-sizing: border-box; height: 28px; } #EditView[name="EditProfile"] input[value="Profiles"]~.row-fluid>.row-fluid label.span2~textarea#description { width: calc(100% - 115px); margin-left: 15px; box-sizing: border-box; height: 58px; } #moduleManagerContents>.widget_header.row-fluid>.span6 .btn-toolbar.pull-right { margin-top: 0; margin-bottom: 0; } .mainContainer.row-fluid>.contentsDiv .settingsHeader~#md-container { margin: 0; padding: 0 !important; } .settingsHeader a { font-size: 13px; } .md-tab { padding: 3px 15px 6px !important; background-color: var(--md-tab-bg) !important; border: solid 1px var(--md-tab-bg) !important; background-image: none !important; color: var(--md-tab-color); } .md-tab-selected { background-color: var(--md-tab-bg-hover) !important; color: var(--md-tab-color-hover) !important; background-image: none !important; border-color: var(--md-tab-bg-hover) !important; } #md-body { border: solid 1px var(--card-border) !important; background-image: none !important; background-color: var(--card-bg) !important; } .md-page { color: var(--label); } /* #inERPglobalchange start */ #md-container h2 { color: var(--heading); font-size: 12px; display: flex; align-items: center; width: 100%; } .md-page td { padding: 0px 4px 0 0; vertical-align: middle; } /* #inERPglobalchange end */ .ui-draggable { color: var(--ui-draggable-color); } li.ui-draggable:hover { background-image: none !important; color: var(--ui-draggable-color-hover) !important; background: var(--ui-draggable-bg-hover); } #md-fields-list, #md-custom-links-list, #md-modules-list, #md-events-list, #md-filter-fields-list { background: var(--card-bg) !important; border: solid 1px var(--card-border) !important; } .md-block, .md-filter { background: var(--card-bg) !important; background-image: none !important; border: solid 1px var(--card-border) !important; } .md-fields-ul, .md-filter-fields-ul, .md-custom-links-ul, .md-events-ul, .md-related-lists-ul { border: solid 1px var(--card-border) !important; background: var(--card-bg) !important; } #CompanyDetailsContainer .companyLogo { width: 250px; } #updateCompanyDetailsForm.form-horizontal .companyLogo { width: 250px; float: left; } .vd_menu-search.searchElements { display: none; position: absolute; top: 0px; padding: 0; margin: 10px auto; z-index: 1; right: 425px; width: 450px; } .vd_menu-search.searchElements.openSrch { display: block; } .searchElement { width: 435px; background: var(--header-search-bg); padding: 5px 8px; box-sizing: border-box; border-radius: 25px; margin-top: -5px; } .sidebar-main { display: none; } .navbar.navbar-fixed-top #topMenus.new_sidebar .navbar-inner { background-color: transparent; background-image: -moz-linear-gradient(top, transparent, transparent); background-image: -ms-linear-gradient(top, transparent, transparent); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent)); background-image: -webkit-linear-gradient(top, transparent, transparent); background-image: -o-linear-gradient(top, transparent, transparent); background-image: linear-gradient(top, transparent, transparent); box-shadow: none; } .new_sidebar #nav-inner { height: 100% !important; } .new_sidebar .menuBar.row-fluid { height: 100%; position: relative; } .new_sidebar .menuBar.row-fluid .span9 { width: 250px !important; margin: 0px !important; height: 100% !important; background: var(--header-left-bg); border-radius: 0px; padding: 10px; box-sizing: border-box; /* overflow: hidden; */ min-width: auto; position: relative; z-index: 1; } .new_sidebar .largenv, .new_sidebar .s-mnus { -ms-overflow-style: none; scrollbar-width: none; } .new_sidebar .largenv { display: block !important; } .new_sidebar .largenv { width: 100%; overflow-y: auto; height: calc(100vh - 140px); box-sizing: border-box; margin: 0; } .new_sidebar.navbar .nav>li { display: block !important; float: none; } .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs a.selected { background: #7f0b00; color: #ffffff; font-weight: bold; } .hdd { color: var(--dark); font-weight: 600; } .new_sidebar .menuBar.row-fluid.openMnu::after { content: ''; position: absolute; top: 9px; left: 40px; width: 36px; height: calc(100vh - 88px); background: var(--header-left-submenu-bg); box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.05); } .s-mnus { padding: 10px; margin: 0; list-style: none; display: none; max-height: 100%; overflow: auto; margin-bottom: 10px; position: absolute; left: 55px; top: 0; height: calc(100vh - 108px); background: var(--header-left-submenu-bg); width: 200px; max-height: unset; margin-top: -11px; border-radius: 0 10px 10px 0; padding-left: 30px; } li a.open-mnu { position: relative; } li a.open-mnu::after { content: ''; position: absolute; top: 9px; right: -10px; width: ; width: 3px; height: 26px; background: var(--mainmenu-border); } .main-mnuItm.open-mnu~.s-mnus { display: block; } .s-mnus .tabs { padding-left: 15px; border-left: 2px solid var(--submenu-border); padding-bottom: 8px; } .new_sidebar.navbar .nav > li a { width: 100%; height: 25px; line-height: 25px; /*padding: 0 !important;*/ font-size: 14px; border-radius: 0%; /* background: var(--white) !important; */ margin-bottom: 10px; text-align: left; text-shadow: none; display: block; } .new_sidebar.navbar .nav>li .s-mnus a:hover, .new_sidebar.navbar .nav>li .s-mnus a.menuActvee { background: transparent !important; color: var(--submenu-item-color-hover) !important; } .s-mnus .tabs:hover { border-left: 2px solid var(--submenu-border-hover); } .new_sidebar.navbar .nav>li .s-mnus a { width: 100%; height: auto; border-radius: 0; line-height: 15px; background: transparent !important; text-align: left; padding: 0px !important; font-size: 12px; color: var(--submenu-item-color) !important; margin-bottom: 0; } .new_sidebar.navbar .nav>li a i { font-size: 18px !important; } .new_sidebar.navbar .nav>li .s-mnus a i { font-size: 14px !important; } /*.new_sidebar .largenv li:nth-child(1) a { color: var(--header-left-item-color-1) !important; } .new_sidebar .largenv li:nth-child(1) a:hover, .new_sidebar .largenv li:nth-child(1) a.selected, .new_sidebar .largenv li:nth-child(1) a.open a { color: var(--header-left-item-color-hover-1) !important; background: var(--header-left-item-bg-hover-1) !important; } .new_sidebar .largenv li:nth-child(2) a, .new_sidebar .largenv li:nth-child(6) a, .new_sidebar .largenv li:nth-child(10) a { color: var(--header-left-item-color-2) !important; } .new_sidebar .largenv li:nth-child(2) a:hover, .new_sidebar .largenv li:nth-child(2) a.selected, .new_sidebar .largenv li:nth-child(2) a.open a, .new_sidebar .largenv li:nth-child(6) a:hover, .new_sidebar .largenv li:nth-child(6) a.selected, .new_sidebar .largenv li:nth-child(6) a.open a, .new_sidebar .largenv li:nth-child(10) a:hover, .new_sidebar .largenv li:nth-child(10) a.selected, .new_sidebar .largenv li:nth-child(10) a.open a { color: var(--header-left-item-color-hover-2) !important; background: var(--header-left-item-bg-hover-2) !important; } .new_sidebar .largenv li:nth-child(3) a, .new_sidebar .largenv li:nth-child(7) a, .new_sidebar .largenv li:nth-child(11) a { color: var(--header-left-item-color-3) !important; } .new_sidebar .largenv li:nth-child(3) a:hover, .new_sidebar .largenv li:nth-child(3) a.selected, .new_sidebar .largenv li:nth-child(3) a.open a, .new_sidebar .largenv li:nth-child(7) a:hover, .new_sidebar .largenv li:nth-child(7) a.selected, .new_sidebar .largenv li:nth-child(7) a.open a, .new_sidebar .largenv li:nth-child(11) a:hover, .new_sidebar .largenv li:nth-child(11) a.selected, .new_sidebar .largenv li:nth-child(11) a.open a { color: var(--header-left-item-color-hover-3) !important; background: var(--header-left-item-bg-hover-3) !important; } .new_sidebar .largenv li:nth-child(4) a, .new_sidebar .largenv li:nth-child(8) a, .new_sidebar .largenv li:nth-child(12) a { color: var(--header-left-item-color-4) !important; } .new_sidebar .largenv li:nth-child(4) a:hover, .new_sidebar .largenv li:nth-child(4) a.selected, .new_sidebar .largenv li:nth-child(4) a.open a, .new_sidebar .largenv li:nth-child(8) a:hover, .new_sidebar .largenv li:nth-child(8) a.selected, .new_sidebar .largenv li:nth-child(8) a.open a, .new_sidebar .largenv li:nth-child(12) a:hover, .new_sidebar .largenv li:nth-child(12) a.selected, .new_sidebar .largenv li:nth-child(12) a.open a { color: var(--header-left-item-color-hover-4) !important; background: var(--header-left-item-bg-hover-4) !important; } .new_sidebar .largenv li:nth-child(5) a, .new_sidebar .largenv li:nth-child(9) a, .new_sidebar .largenv li:nth-child(13) a { color: var(--header-left-item-color-5) !important; } .new_sidebar .largenv li:nth-child(5) a:hover, .new_sidebar .largenv li:nth-child(5) a.selected, .new_sidebar .largenv li:nth-child(5) a.open a, .new_sidebar .largenv li:nth-child(9) a:hover, .new_sidebar .largenv li:nth-child(9) a.selected, .new_sidebar .largenv li:nth-child(9) a.open a, .new_sidebar .largenv li:nth-child(13) a:hover, .new_sidebar .largenv li:nth-child(13) a.selected, .new_sidebar .largenv li:nth-child(13) a.open a { color: var(--header-left-item-color-hover-5) !important; background: var(--header-left-item-bg-hover-5) !important; } */ .new_thme .bodyContents { margin-left: 75px; width: calc(100% - 75px); padding-bottom: 20px !important; } .sk-circle .sk-child::before, .sk-fading-circle .sk-circle::before { background-color: var(--primary); } /* Animation */ @keyframes fadeOut { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(0, -40px, 0); opacity: 1 } } @keyframes fadeInUp { from { transform: translate3d(0, 40px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0, 40px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } .dropdown .dropdown-menu { animation-duration: 2s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both opacity: 0; animation-name: fadeOut; -webkit-animation-name: fadeOut; } .animated, .dropdown.open .dropdown-menu { animation-duration: 2s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; } .megaMenu { padding: 15px; background: var(--card-bg); width: calc(100% - 105px); position: fixed; right: 15px; top: 51px; z-index: 2; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.05); border: 1px solid var(--card-border); border-top: 0; display: none; } .megaMenu.megaMenu-open { display: block; animation-duration: 2s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; box-sizing: border-box; } .megamenuInr { max-height: 400px; overflow-y: auto; margin-left: -5px; } .megamenuInr>.row { margin: 0 !important; } .megaMenu * { box-sizing: border-box; } .megaMenu .wd-40 { width: 40px; } .megaMenu a.lftClms { color: var(--megamenu-color); font-weight: 300; padding: 5px; font-size: 13px; border: 1px solid var(--card-border); } .megaMenu a.lftClms:hover { color: var(--anchortag); } .megaMenu a.lftClms .ml-2 { margin-left: 5px; } .megaMenu a.lftClms .ml-2 .tx-10 { font-size: 9px; color: var(--muted); } .megaMenu h6.mega-mnu-hd { font-size: 13px; color: var(--heading); } .megaMenu h6.mega-mnu-hd i { font-size: 14px; } .megaMenu h6.mega-mnu-hd.inrpHd { text-transform: unset; } .megaMenu .sub-menu .list-unstyled { margin-left: 0; margin-bottom: 0; } .megaMenu .sub-menu .menu-item { color: var(--megamenu-color); padding-left: 22px; position: relative; } .megaMenu .sub-menu .menu-item:hover, .megaMenu .sub-menu .menu-item.menuActv { color: var(--megamenu-color-hover); } .megaMenu .sub-menu .menu-item i { font-size: 11px; /* border: 1px solid; */ position: absolute; /* border-radius: 50%; */ left: 0; line-height: 0; top: 1px; width: 12px; height: 12px; } .megaMenu .sub-menu li { margin-bottom: 0px; } input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { color: var(--input-color); border: 1px solid var(--input-border); background: var(--input-bg); } .chzn-container-single .chzn-single { border: 1px solid var(--input-border); box-shadow: none; } .chzn-container-single .chzn-single div { background: var(--input-border); border-left: 1px solid var(--input-border); } .chzn-container-single .chzn-single div b { background: none; position: relative; top: 6px; font: normal normal normal 11px/1 FontAwesome !important; left: 4px; } .chzn-container-single .chzn-single div b::before { content: "\f078"; } .crtdDt p small { color: var(--muted); } .icon-plus, .icon-chevron-left, .icon-chevron-right, .icon-wrench, .vtGlyph.vticon-pageJump, .icon-th-list, .icon-pencil, .icon-trash, .icon-calendar, .icon-remove-sign, .icon-search, .icon-refresh, .icon-cog, .icon-ok { background-image: none !important; position: relative; top: 3px; font: normal normal normal 14px/1 FontAwesome !important; } #popupSearchButton .icon-search { top: 0px; } .icon-chevron-left, .icon-chevron-right { top: 2px; } .fieldValue .icon-plus, .fieldValue .icon-calendar, .fieldValue .icon-search { top: 1px; } .fieldValue .icon-remove-sign { top: -1px; } .icon-plus::before { content: "\F64D"; font-family: bootstrap-icons !important; } .icon-chevron-left::before { content: "\f104"; } .icon-chevron-right::before { content: "\f105"; } .icon-wrench::before { font-family: bootstrap-icons !important; } .icon-wrench::before { content: "\F3E5"; } .vtGlyph.vticon-pageJump::before { content: "\f0f6"; } .icon-th-list::before { content: "\f03a"; } .icon-pencil::before { content: "\f040"; } .icon-trash::before { content: "\f1f8"; } .icon-refresh::before { content: "\f021"; } .icon-calendar::before { content: "\f073"; } .icon-time::before { content: "\f017"; } .icon-remove-sign::before { content: "\f00d"; } .icon-search::before { content: "\f002"; } .icon-cog::before { content: "\f013"; } .icon-ok::before { content: "\f00c"; } .comSettItm { color: var(--company-header-icon-color); } .comSettItm.activ { color: var(--company-header-icon-color-active); } .actions .actionImages i { top: 0px; font-size: 12px; } .listViewEntriesTable tbody tr:nth-child(2n), .sharingAccessDetails tbody tr:nth-child(2n) { background: var(--table-body-row-bg-1); } .listViewEntriesTable tbody tr:nth-child(odd), .sharingAccessDetails tbody tr:nth-child(odd) { background: var(--table-body-row-bg-2); } .listViewEntriesTable tbody tr:hover td, .sharingAccessDetails tbody tr:hover td { background: var(--table-body-row-hover); } #EditView[name="EditView"] .table th { background-color: var(--table-header-bg); border-color: var(--border); color: var(--table-header-color); border-bottom: 1px solid var(--border); font-family: 'IBM Plex Sans', sans-serif !important; } .settingsIndexPage .settingsSummary .card-dashboard-finance { cursor: pointer; } .toolbar-handle .toolbar a [class^="icon-"] { background-image: none; font-family: FontAwesome; } .toolbar-handle .icon-plus-sign::before { content: "\f055"; font-size: 17px; margin-top: ; position: relative; top: 2px; } .toolbar-handle .icon-trash::before { content: "\f1f8"; font-size: 17px; top: -3px; position: relative; left: 5px; color: var(--danger); } .icon-share { background-image: none; } .icon-share::before { content: "\f045"; font-family: FontAwesome; } .icon-chevron-down, .icon-chevron-up { background-image: none; } .icon-chevron-down::before, .icon-chevron-up::before { content: "\f078"; font-family: FontAwesome; font-size: 12px; position: relative; top: 2px; font-style: normal; } .icon-chevron-up::before { content: "\f077"; } .profileDetailView td.row-fluid[colspan="6"] .table.table-bordered.table-striped { background: transparent; } .profileDetailView td.row-fluid[colspan="6"] .table.table-bordered.table-striped td { background: transparent; } .profileDetailView td.row-fluid[colspan="6"], .profilesEditView td.row-fluid[colspan="6"] { padding: 10px !important; background: var(--table-body-row-hover) !important; } .mainContainer.row-fluid>.contentsDiv .container-fluid .row-fluid .span2 .btn.pull-right { background-color: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; } .mainContainer.row-fluid>.contentsDiv .container-fluid .row-fluid .span2 .btn.pull-right:hover { background-color: var(--btn-general-bg-hover) !important; color: var(--btn-general-color-hover) !important; } .detailViewInfo #detailView.form-horizontal .control-label, .editViewContainer .form-horizontal .control-label { text-align: left; color: var(--label); } .detailViewInfo #detailView.form-horizontal .controls { color: var(--value); } #CompanyDetailsContainer td label.pull-right { float: none; margin: 0; color: var(--label); } #CompanyDetailsContainer .table-bordered { background: var(--card-bg); margin: 0 0 10px !important; border: 1px solid var(--border); } #CompanyDetailsContainer .table-bordered tr:hover td { background-color: ; } #CompanyDetailsContainer td.medium { color: var(--value) !important; } #CompanyDetailsContainer thead th { color: var(--heading) !important; } #CompanyDetailsContainer .table-bordered~br { display: none; } #CompanyDetailsContainer tr { border-bottom: 1px dashed var(--border); } .detailshdrSec-left .span8.margin0px>.row-fluid:last-child { /* display: none; */ } .detailshdrSec-left .span8.margin0px>.row-fluid~.row-fluid { font-size: 10px; position: relative; top: -3px; color: var(--sub-heading); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .recordLabel.font-x-x-large.textOverflowEllipsis.span8.pushDown .accountname { font-size: 16px; position: relative; top: -4px; } .detailViewInfo #detailView td label.pull-right, .detailViewInfo #detailView .summary-table td label.muted { float: none; margin: 0; color: var(--label); line-height: 1; margin-bottom: 5px; font-size: 12px; cursor: auto; } .detailViewInfo #detailView td.fieldValue .value, .detailViewInfo #detailView .summary-table td.fieldValue .value { line-height: 1; margin-bottom: 10px; display: block; color: var(--value); font-size: 13px; min-height: 13px; } .detailViewInfo #detailView td.fieldValue .value~.edit { position: absolute; top: -5px; left: 10px; } .detailViewInfo #detailView .summary-table td.fieldValue .value ~ .edit { position: relative; top: 0; left: 0; } .detailViewInfo #detailView .summary-table td.fieldValue .value ~ .edit input { height: 20px; box-sizing: border-box; margin-top: 0px; font-size: 12px; margin-bottom: 5px; } .detailViewInfo #detailView .summary-table td.fieldValue .value ~ .edit .add-on .icon-calendar{ font: normal normal normal 12px/1 FontAwesome !important; } .detailViewInfo #detailView .summary-table td.fieldValue .value ~ .edit .input-prepend .add-on,.detailViewInfo #detailView .summary-table td.fieldValue .value ~ .edit .input-append .add-on { height: 18px; padding: 0px 5px; } .widget_header span .chzn-container { width: 100% !important; position: relative; top: -5px; } .detailViewInfo #detailView td.fieldValue .value a { color: var(--anchortag); } .detailViewInfo #detailView td.fieldValue .value a:hover { color: var(--anchortag-hover); } .detailViewInfo #detailView .table-bordered.detailview-table:not(.table-bordered.mergeTables), .detailViewInfo #detailView .summary-table { background: var(--table-bg); margin: 0 0 10px !important; display: flex; flex-wrap: wrap; border: 1px solid var(--gray-light); position: relative; } .detailViewInfo #detailView .summary-table { background: var(--card-bg); border: 1px solid #fff; } .table.table-bordered.equalSplit.detailview-table tbody { padding-top: 10px; } .detailViewInfo #detailView .summary-table { border: 0; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) thead, .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tbody, .detailViewInfo #detailView .summary-table thead, .detailViewInfo #detailView .summary-table tbody { width: 100%; display: flex; flex-wrap: wrap; } .detailViewInfo #detailView .table-bordered tr:hover td { background-color: var(--table-body-row-hover); } .detailViewInfo #detailView td.medium { color: var(--table-body-row-color) !important; } .detailViewInfo #detailView .table-bordered~br { display: none; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tr { width: 100%; display: flex; flex-wrap: wrap; } .detailViewInfo #detailView .summary-table tr { width: 50%; display: flex; flex-wrap: wrap; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tbody tr td, .detailViewInfo #detailView .summary-table tbody tr td { width: 50%; line-height: 1; height: auto; padding: 0px 10px !important; box-sizing: border-box; position: relative; } .detailViewInfo #detailView tbody tr td:nth-child(1) { order: 1; } .detailViewInfo #detailView tbody tr td:nth-child(2) { order: 3; } .detailViewInfo #detailView tbody tr td:nth-child(3) { order: 1; } .detailViewInfo #detailView tbody tr td:nth-child(4) { order: 3; } .detailViewInfo #detailView table.summary-table:not(.table-bordered.mergeTables) tbody tr td { width: 100%; position: relative; padding-left: 0 !important; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tr th { width: 100%; position: relative; padding: 8px 10px; display: flex; color: var(--table-header-color); position: relative; font-size: 13px; font-family: 'IBM Plex Sans', sans-serif !important; /* background: var(--table-header-bg); */ border-bottom: 1px solid var(--gray-light); } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tr th i { font-size: 15px; position: relative; top: 0px; color: var(--table-header-icon); } .detailViewInfo #detailView tr th .tglBtn { margin-left: auto; color: var(--dark); } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tbody tr { width: 50%; } .table.table-bordered.mergeTables td div { border-bottom: 1px dashed var(--table-body-row-hover); } .detailshdrSec-left>.row-fluid { display: flex; width: auto; } .dthdrsec-left, .dthdrsec-center { margin-left: 0 !important; } .dthdrsec-left { width: 33% !important; } .dthdrsec-center { width: 67% !important; display: flex; justify-content: end; } .dthdrsec-center .detailViewButtoncontainer { float: none; } .dthdrsec-center .related .btn.dropdown-toggle { height: 28px; } .relatedScroll { max-height: 300px; overflow: auto; display: flex; } .dthdrsec-center .related { margin-left: 5px; } .dthdrsec-center .detailViewPagingButton { margin-left: 5px; } .detailViewInfo #detailView table.table-bordered.mergeTables~.table.table-bordered tbody tr { width: 55%; margin-left: auto; } .detailViewInfo #detailView table.table-bordered.mergeTables~.table.table-bordered tbody tr td { padding: 5px 10px !important; border-bottom: 1px dashed var(--table-body-row-hover); } .table.table-bordered.mergeTables tbody tr:nth-child(odd) { background: var(--table-body-row-bg-2); } #updateCompanyDetailsForm.form-horizontal .control-label { text-align: left; width: 150px; padding: 0 5px; line-height: 28px; color: var(--label); } #imageContainer { padding: 6px; } .modal-footer .cancelLink::before, .connectedSortable.span6.ui-sortable .modal-footer .pull-right .pull-right .cancel::before { content: '\f00d'; font-family: FontAwesome !important; padding-right: 2px; } .modal-footer .btn.btn-success::before, .btn.btn-success.saveRelatedList::before { content: '\f0c7'; font-family: FontAwesome !important; padding-right: 2px; position: relative; top: -1px; } .listViewEntriesTable tr td button[data-trigger="listSearch"]::before { content: '\f002'; font-family: FontAwesome !important; padding-right: 4px; } .modal-body { padding: 10px; } .modal-footer { padding: 10px; background-color: var(--card-footer-bg); border-top: 1px solid var(--card-border); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header { padding: 9px 10px; border-bottom: 1px solid var(--card-border); box-sizing: border-box; } #addFolder .modal-body input[type="text"] { box-sizing: border-box; width: 100%; height: 28px; } #addFolder .modal-body textarea { box-sizing: border-box; width: 100%; height: 58px; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6 .editFields .span1 a img { display: none; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6 .editFields .span1 a::before { content: '\f00a'; font-family: FontAwesome !important; padding-right: 2px; } #moduleBlocks .border1px { border: 1px solid var(--card-border); } .connectedSortable .actions .editFieldDetails i { font-size: 10px; position: relative; top: 1px; left: 3px; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6 .editFields:hover .span1 a { color: var(--layeditor-icon-hover); } .connectedSortable.span6.ui-sortable .modal-footer .pull-right .pull-right .cancel { margin-top: 5px !important; padding: 3px 5px !important; height: 28px !important; background-color: var(--btn-cancel-bg); color: var(--btn-cancel-color) !important; line-height: 24px !important; box-sizing: border-box; } .connectedSortable.span6.ui-sortable .modal-footer .pull-right .pull-right .cancel:hover { background-color: var(--btn-cancel-bg-hover) !important; color: var(--btn-cancel-color-hover) !important; } .relatedListContainer .row-fluid .span2, .relatedListContainer .row-fluid .span10, .relatedListContainer .row-fluid .span4, .relatedListContainer .row-fluid .span6 { width: 100% !important; margin-bottom: 10px; margin-left: 0; } .relatedModulesList .contentsBackground { background: var(--arrange-item-bg); border: 1px solid var(--arrange-item-bg); color: var(--arrange-item-color) !important; } .relatedListContainer .row-fluid .span10 .span7 { color: var(--arrange-item-color); } .listViewTopMenuDiv h3 { color: var(--primary); } .detailViewInfo.userPreferences .details { width: 100%; padding-right: 0; } .vd_panel-menu.sideMenu-btn { display: none; } .detailViewTitle .recordLabel { position: relative; top: -1px; } #EditView[name="EditRole"] .textAlignCenter { text-align: right; } label { color: var(--label); } .filterHeaders { color: var(--heading); } #EditView[name="EditProfile"] .table-bordered, #EditView[name="EditProfile"] .table-bordered tr:hover td { background: var(--card-bg); } #EditView[name="EditProfile"] .table-bordered td, #EditView[name="EditProfile"] .table-bordered tr:hover td { border-color: var(--card-border) !important; } #customRecordNumbering { margin-bottom: 10px; } .form-horizontal .control-label { color: var(--label); } span.btn-toolbar:empty { display: none; } span.btn-toolbar:empty~.btn-toolbar, span.btn-toolbar:empty~.btn-toolbar .listViewActions.pull-right { margin-bottom: 0 !important; height: auto; } #customerPortalForm .alert { margin-bottom: 10px; } .chzn-container-multi .chzn-choices .search-choice { background-color: var(--primary-light); color: var(--primary); border: 1px solid var(--primary-light); background-image: none; } .reptItms { width: 100% !important; padding: 5px !important; text-align: left; color: var(--primary); border-bottom: 1px dashed #ddd; border-left: 3px solid #fff; } .reptItms strong { font-size: 11px; } .reptItms i { margin-right: 5px; font-size: 9px; } .reptItms:hover { background: var(--white) !important; ; color: var(--primary) !important; border-left: 3px solid var(--primary); } .megaMenu.megaMenu_2 .sub-menu .menu-item { padding-left: 15px; } .megaMenu.megaMenu_2 .sub-menu .menu-item i { border: 0; border-radius: 0; top: 2px; font-size: 12px; } .announcementPopup .notifyList-main .annou-Right .act-shd { font-size: 9px; line-height: 12px; text-align: center; } .announcementPopup .annou-Right .act-shd b { font-size: 15px; display: block; color: var(--announcement-date); } .announcementPopup .annou-Right { position: absolute; top: 0; right: 0; text-align: center; padding: 8px; } .announcementPopup .notifi-bx { min-width: 350px; } .announcementPopup .notifyList-main li { padding-left: 50px; padding-right: 85px; } .announcementPopup .annou-Right .ann-time { color: var(--announcement-time); } .announcementPopup .annou-Right a[download] { text-align: center !important; padding: 1px !important; color: #ee3158 !important; background: #ffd6de; font-size: 10px; } .announcementPopup .annou-Right a i { margin: 0; } .announcementPopup .notifyList-main li>a { white-space: unset; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 55px !important; } .announcementPopup .annou-Right a { overflow: visible !important; } .announcementPopup li .act-icn i { margin: 0; } .shortcutPopup .notifyList-main { max-height: 650px; min-width: 450px; overflow: unset; } .announcementPopup .notifyList-main { overflow: unset; } #topmnuanouncmntbox { max-height: 175px; overflow: auto; } .shortcutPopup .qk-itms { width: calc(25% - 10px) !important; text-align: center !important; margin: 0 5px 10px !important; } .shortcutPopup .qk-itms i { margin-right: 0 !important; } .shortcutPopup .box { margin: 0; background: transparent; border: 0; box-shadow: none; } .shortcutPopup .box-body { display: flex; flex-wrap: wrap; padding: 10px 5px; margin-bottom: 0; max-height: 158px; overflow: auto; box-sizing: border-box; } .notifyList-main.quik_links .box-body { display: flex; flex-wrap: wrap; padding: 10px; margin-left: -5px; width: calc(100% + 10px); margin-bottom: 10px; } .selectModulePopup .crmpopUp-main-bdy { width: 640px; } #myshortcutcntnt, #myshortcutcntnttop { display: flex; flex-wrap: wrap; margin-bottom: -10px; max-height: calc(100vh - 150px); overflow: auto; margin-left: -5px; width: calc(100% + 10px); } #myshortcutcntnt .echmodnm, #myshortcutcntnttop .echmodnmtop { width: calc(25% - 10px); text-align: center; margin: 0 5px 10px; background: var(--fav-module-item-bg) !important; color: var(--fav-module-item-color) !important; } #myshortcutcntnt .echmodnm, #myshortcutcntnttop .echmodnmtop { width: calc(33.33% - 10px); text-align: left; margin: 0 5px 10px; background: var(--fav-module-item-bg) !important; color: var(--fav-module-item-color) !important; padding: 1px 5px; box-sizing: border-box; border-radius: 3px; cursor: pointer; position: relative; transition: 0.300s; border: 1px solid var(--fav-module-item-bg); height: 33px; line-height: 26px; } #myshortcutcntnt .echmodnm i, #myshortcutcntnttop .echmodnmtop i { font-size: 16px; position: relative; top: 1px; } #myshortcutcntnt .echmodnm img, #myshortcutcntnttop .echmodnmtop img { height: 17px; margin-right: 3px; position: relative; top: -2px; } #myshortcutcntnt .echmodnm:hover::before, #myshortcutcntnt .echmodnm.slctdforsc::before, #myshortcutcntnttop .echmodnmtop:hover::before, #myshortcutcntnttop .echmodnmtop.slctdforsctop::before { content: "\f00c"; position: absolute; top: 1px; right: 7px; font-family: FontAwesome; } .echmodnm.slctdforsc, .echmodnmtop.slctdforsctop { border: 1px solid var(--fav-module-item-color) !important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .headngIcn { margin-left: auto; } .imageUploadPopup .crmpopUp-main-bdy { width: 650px; } .crmpopUp-btn { padding: 3px 15px; height: 28px; border: 0; border-radius: 3px; font-size: 12px; } .crmpopUp-btn-primary { background: var(--btn-general-bg); color: var(--btn-general-color); } .crmpopUp-btn-primary:hover { background: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } .crmpopUp-btn-danger { background: var(--btn-cancel-bg); color: var(--btn-cancel-color); } .crmpopUp-btn-danger:hover { background: var(--btn-cancel-bg-hover); color: var(--btn-cancel-color-hover); } .upldrOutr input[type="file"] { width: 100%; margin: 0; text-align: center; font-size: 12px; } .upldrOutr .crmpopUp-btn { width: calc(100% - 10px); margin: 10px 5px 15px; } .btbx-1{ width: 50%; float: left; } .btbx-2{ width: 50%; float: right; } .inpFilebx { width: 50%; float: left; height: 30px; margin: 0 25% 10px; background: var(--primary-light); border-radius: 3px; color: var(--primary); font-size: 13px; cursor: pointer; position: relative; } .inpFilebx:hover { background: var(--primary); color: var(--white); } .inpFilebx input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } .upldrOutr input.cr-slider { width: 100%; } .upldrOutr .cr-slider { height: 28px; margin: 0; } .detailshdrSec-left { width: 100% !important; padding-right: 0; box-sizing: border-box; margin: 0 !important; } .detailshdrSec-right { width: 20% !important; margin: 0 !important; display: flex; justify-content: end; } .detailshdrSec-right .btn-group.related { margin-right: 5px; } .recordLabel { color: var(--heading); } .detailViewButtoncontainer .btn-toolbar .btn { height: 28px; padding-top: 0; padding-bottom: 0; } .detailViewButtoncontainer .btn-toolbar .btn i { font-size: 16px; } .detailshdrSec-left .span5 { position: relative; top: 4px; } .detailViewButtoncontainer .btn-toolbar .btn.tooltp { width: 28px; } .detailViewButtoncontainer .btn-toolbar .btn.tooltp i::before { position: absolute; top: 6px; left: 6px; } .recordFilePopup .crmpopUp-content-bdy { padding: 10px; overflow: auto; max-height: calc(100vh - 100px); } .recordFilePopup .secHeading { font-size: 14px; text-align: left; } .recordFilePopup .returnformitemsPop { text-align: left; font-size: 12px; width: 100%; overflow: auto; white-space: nowrap; } .returnformitemsPop .inpFld { margin: 0; box-sizing: border-box; height: 28px; padding: 5px; border-radius: 4px; font-size: 12px; width: 100%; margin-bottom: 10px; border: 1px solid var(--input-border); } .cstmFullw .leftSd { width: 20.8333%; } .cstmFullw .rightSd { width: calc(100% - 20.8333%); } .recordFilePopup .returnformitemsPop .textarea-md { height: auto !important; } .recordFilePopup .returnformitems-tbl { width: 100%; text-align: center; margin: 0 auto; } .recordFilePopup .returnformitems-tbl th, .recordFilePopup .returnformitems-tbl td { font-weight: 300; border-top: 1px solid var(--border); line-height: 15px; vertical-align: middle; padding: 10px 5px; } .recordFilePopup .returnformactions { margin-top: 30px; background-color: #fff; } .recordFilePopup .returnformactionsBtn { width: 100%; height: 35px; font-size: 13px; background: var(--btn-general-bg); color: var(--btn-general-color); border: 1px solid var(--btn-general-bg); border-radius: 4px; transition: 0.300s; } .recordFilePopup .returnformactionsBtn:hover { background: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); border: 1px solid var(--btn-general-bg-hover); } .recordFilePopup .returnformactionsBtn i { margin-right: 4px; } .recordFilePopup .chkbx-slcted { background-color: var(--file-return-active-bg); color: var(--file-return-active-color); } .recordFilePopup .returnformitems-rtnqty { width: 60px; margin: 0; } .recordFilePopup .returnformh1-span { float: right; font-size: 10px; } .recordFilePopup #returnform-barsrch { width: 120px; height: 22px; border-radius: 3px; margin: 0; } .recordFilePopup .invoice_large_sizePop { font-size: 45px; text-align: left; line-height: 1; margin: 0; } .recordFilePopup .invoice_small_boxes { text-align: right; margin: 0; } .recordFilePopup .invoice_small_boxes span { color: var(--muted); } /* #inERPglobalchange start */ .recordFilePopup .bill_to_address { text-align: left; margin-bottom: 5px; font-size: 14px; background: linear-gradient(to right, var(--card-bg) 28%, var(--white) 113%); color: var(--value); padding: 5px; margin-top: -10px; margin-left: -10px; width: calc(100% + 20px); } /* #inERPglobalchange end */ .recordFilePopup .bill_to_address i { font-size: 12px; margin-right: 3px; } .recordFilePopup .billing_address { font-size: 13px; margin: 0; text-align: left; } .recordFilePopup .billing_address i { font-size: 11px; margin-right: 5px; } .recordFilePopup .table1 { width: 100%; font-size: 14px; } .recordFilePopup .table1 td { border: 1px dashed var(--primary-light); } .recordFilePopup .table2 { font-size: 13px; width: 100%; } .recordFilePopup .table2 thead td { line-height: 15px; color: var(--bs-dark); } .recordFilePopup .table2 td { border-bottom: 1px solid var(--primary-light); padding: 0 10px; } .invoiceFilePopup span.invoice_large_size::before { content: ''; } .invoiceFilePopup span.invoice_large_size span i { position: absolute; top: 4px; left: 0; font-size: 21px; } .cs-cardsec { padding: 10px; background: var(--card-bg); border-radius: 3px; margin-bottom: 15px; overflow: hidden; color: var(--bs-dark); border: 1px solid var(--card-border); } .amount_side_one_block { padding: 60px 0; } .amount_side_one_block p.amount_left_side_heading { font-size: 16px !important; color: var(--muted); margin-bottom: 10px; } /* #inERPglobalchange start */ .amount_side_one_block p.amount_left_side_sub_heading.rsinw { font-size: 18px; text-transform: capitalize; margin: 0; line-height: 30px; } /* #inERPglobalchange end */ .equal_amount_block-right { width: 250px; margin-left: auto; } .amount_side_one_block2 { display: flex; justify-content: end; border-bottom: 1px dashed var(--primary-light); padding: 2px 0px; } .amount_side_one_block2 .amount_right_side { margin: 0 0 0 2px; font-size: 12px; } .invsbtns { display: flex; } .invsbtns .btn { background: var(--btn-general-bg); color: var(--btn-general-color); height: 30px; font-size: 14px; width: 50%; margin: 0 5px; } .invsbtns .btn:hover { background: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } .reportdatepopup-second .crmpopUpcls { color: var(--report-cross-color); top: -20px; right: -9px; z-index: 1; background: var(--report-cross-bg); padding: 0; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; font-size: 20px; } .reportdatepopup-second .crmpopUpcls i { position: relative; top: -1px; left: 1px; } .reportdatepopup-second .kund-hdr { padding: 0; border-bottom: 0; position: relative; } .reportdatepopup-second .popheader-right .invoice_large_size { font-size: 20px; color: #fff; z-index: 1; position: relative; line-height: 32px; text-align: right; margin: -5px 0 -6px; } .reportdatepopup-second .invoice_sublarge_size { position: relative; z-index: 1; color: var(--white); text-align: right; margin: 0; padding: 0; } .reportdatepopup-second .tm_shape_bg.tm_accent_bg.tm_mobile_hide { width: calc(100% - 270px); } .repornPopmainBtns { position: absolute; top: 0; left: 0; z-index: 1; width: 270px; display: flex; padding: 10px; justify-content: center; } .repornPopmainBtns .btnInr { width: 80px; height: 60px; padding: 0 10px; overflow: hidden; } .repornPopmainBtns .btnInr button { border: 0; width: 100%; height: 100%; border-radius: 50%; padding: 0; } .repornPopmainBtns .btnInr button i { font-size: 25px; } .repornPopmainBtns .btnInr button.reportBtn1 { background: var(--primary-light); color: var(--primary); } .repornPopmainBtns .btnInr button.reportBtn1:hover { background: var(--primary); color: var(--white); } .repornPopmainBtns .btnInr button.reportBtn2 { background: var(--danger-light); color: var(--danger); } .repornPopmainBtns .btnInr button.reportBtn2:hover { background: var(--danger); color: var(--white); } .repornPopmainBtns .btnInr button.reportBtn3 { background: var(--success-light); color: var(--success); } .repornPopmainBtns .btnInr button.reportBtn3:hover { background: var(--success); color: var(--white); } .reportBtn3 i.bi-calendar-week::before { content: "\F520"; } .reportdatepopup-second .crmpopUp-content-bdy { position: relative; } .reportdatepopup-second .table2 { width: 100%; margin: 0 !important; white-space: nowrap; } .reportdatepopup-second .table2 td, .reportdatepopup-second .table2 th { font-size: 13px; font-weight: 300; padding: 2px 5px; } .reportdatepopup-second .table2 tbody tr:nth-child(2n) { background: var(--table-body-row-bg-1); } .reportdatepopup-second .table2 tbody tr:nth-child(2n+1) { background: #var(--table-body-row-bg-2); } .reportdatepopup-second .table2 .tfoot { color: var(--tfoot-color); background: var(--tfoot-bg) !important; } .reportdatepopup-second .gsttabl .dataTables_scrollBody { min-height: unset; height: calc(100vh - 500px); } .report-cont div.dataTables_wrapper .dataTables_info { float: left !important; } .report-cont div.dataTables_wrapper .dataTables_paginate { float: right !important; } .reportdatepopup-second table.dataTable thead tr:nth-child(2) th { border-bottom: 0 !important; } .btn-toolbar.span4 .btn-group .btn.tooltp { padding: 2px 8px; } .btn-toolbar.span4 .btn-group .btn.tooltp i { font-size: 16px; } .btn-toolbar.span4 .btn-group .btn { height: 28px; } .reportdatepopup-second .dataTables_wrapper .dataTables_paginate { padding-top: 10px; } .reportdatepopup-second .dataTables_info { padding-top: 10px !important; } .reportdatepopup-second table thead th { color: var(--table-header-color); background: var(--table-header-bg); } .reportdatepopup-second table.table2 thead tr:nth-child(1) th { background: transparent; } .crmpopUpcurtain .three_sections~.cs-row>.cs-col-12 { overflow-x: auto; } .detailViewButtoncontainer .btn-toolbar .btn.dropdown-toggle i { top: 2.5px; } .detailViewButtoncontainer .btn-toolbar .btn.dropdown-toggle .btn .caret { margin-top: 3px; } .importPdt-popUp .slct-csv-dv { margin-top: 0; color: var(--value); text-align: center; } .importPdt-popUp .slct-csv-dv .text-primary { color: var(--value); } .importPdt-popUp .crmpopUp-main-bdy { width: 97%; } .importPdt-popUp .fieldmaptbl, .importPdt-popUp .duplicacychecktbl { width: 100%; } .importPdt-popUp .fieldmaptbl td, .importPdt-popUp .duplicacychecktbl td, .reportPdt-popUp .fieldmaptbl td { border-top: 1px solid var(--input-border); padding: 5px; color: var(--table-body-row-color); font-size: 12px; line-height: 1; } .importPdt-popUp .fieldmaptbl th, .importPdt-popUp .duplicacychecktbl th, .reportPdt-popUp .fieldmaptbl th { /* border: 1px solid var(--primary-light); */ background-color: var(--white); color: #fff; font-weight: 300; padding: 5px 5px; font-size: 13px; color: var(--bs-dark); line-height: 1; } .importPdt-popUp .productimporttblbtn { width: 100%; background-color: var(--btn-general-bg); color: var(--btn-general-color); cursor: pointer; font-size: 13px; height: 30px; border: 0; border-radius: 4px; } .importPdt-popUp .productimporttblbtn:hover { background-color: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } .importPdt-popUp #duplicacycheckmultiselect { height: 320px; border: 1px solid var(--input-border) !important; padding: 0; border-radius: 4px; } .importPdt-popUp #duplicacycheckmultiselect option { padding: 5px; border-bottom: 1px solid var(--border); color: var(--input-color); background: var(--input-bg); font-size: 12px; } .importPdt-popUp #duplicacycheckmultiselect option:selected { background-color: var(--primary) !important; color: var(--white); } .importPdt-popUp .overwriteinp, .importPdt-popUp .fieldmapcsvheadercolumn { width: 150px; border: 1px solid var(--input-border) !important; margin-bottom: 0; border-radius: 4px; } .importPdt-popUp .fldmaperr { color: var(--danger); } .importPdt-popUp .headingli { list-style-type: none; font-size: 14px; } .importPdt-popUp #duplicacycheckselectedfields { list-style: none; padding: 0; margin: 0 -5px !important; display: flex; flex-wrap: wrap; } .importPdt-popUp #duplicacycheckselectedfields li:nth-child(1) { width: 1000%; background: transparent; color: var(--bs-dark); margin: 0 5px 10px; } .importPdt-popUp #duplicacycheckselectedfields li { line-height: 18px; padding: 5px; width: calc(50% - 10px); background: var(--importPdt-bg); color: var(--importPdt-color); margin: 0 5px 10px; border-radius: 4px; } .importPdt-popUp .overwriteinp { height: 28px; line-height: 28px !important; box-sizing: border-box; color: var(--input-color); !important; } .importPdt-popUp .fieldmap-tbl-row:nth-child(2n+1) { background: var(--table-body-row-bg-2); } .importPdt-popUp .fieldmap-tbl-row:nth-child(2n) { background: var(--table-body-row-bg-1); } .importPdt-popUp .overwriteinp[type="checkbox"] { width: 18px; } .importPdt-popUp #fieldmapdiv { max-height: calc(100vh - 150px); overflow-y: auto; } .importPdt-popUp #psmwbinp { margin: 0; height: 30px; } .cstm-compantTab, .cstm-compantTab * { box-sizing: border-box; } .cstm-compantTab .form-control { height: 30px; font-size: 12px !important; width: 100%; margin: 0; } .toggle-group .btn { padding-top: 0; padding-bottom: 0; line-height: 28px; box-shadow: none; text-shadow: none; } .cstm-compantTab.toggle-handle { background: var(--white); } .cstm-compantTab .toggle.btn { min-height: 30px !important; border-radius: 4px !important; min-width: 85px !important; margin-bottom: 10px; } .cstm-compantTab .toggle.btn.btn-primary { border: 1px solid var(--primary); } .cstm-compantTab .toggle.btn.btn-danger { border: 1px solid var(--danger); } .cstm-compantTab .toggle-off.btn { padding-left: 17px !important; } .btn-warning { background-color: var(--warning); background-image: none; color: var(--white); text-shadow: none !important; } .btn-warning:hover { background-color: var(--warning-light); color: var(--warning); } #generateReport { width: auto; padding: 5px 8px; } .slctUl { list-style: none; padding: 0; margin-bottom: 0; } .slctUl li { width: 25%; } .slctUl li .btn { width: 100%; border: 0; padding: 10px; margin-bottom: 15px; transition: 0.300s; } .slctUl li .btn-primary { background: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } .slctUl li .btn-primary:hover, .slctUl li .btn-primary.selectd { background: var(--btn-general-bg); color: var(--btn-general-color); } .slctUl.forinvLay li { width: 33.3333%; } .slctUl.forclmLay li { width: 50%; } .slctUl.forclmLay li .btn { height: 30px; padding: 2px; margin: 0; } .reportCard { padding: 10px; background: var(--white); border-radius: 4px; margin-bottom: 15px; /* text-align: center; */ display: flex; } .reportCard-left { width: 60px; flex: 0 0 auto; text-align: center; background: var(--primary-light); margin-right: 10px; border-radius: 4px; } .reportCard-right { width: calc(100% - 70px); flex: 0 0 auto; } .reportCard i { font-size: 45px; color: var(--danger); } .reportCard h4 { font-size: 14px; color: var(--primary); margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22px; } .reportCard p { margin-bottom: 0; font-size: 12px; color: var(--muted); display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 36px; } .cstm-compantTab .reportCard-right .toggle.btn { margin-bottom: 0; } .pdtbar-tblOutr { font-size: 12px; } .pdtbar-tbl th { font-weight: 30; color: var(--bs-dark); } .matchStk-popUp .crmPopup-button { width: 100% !important; } .matchStk-popUp .nfbcsec { width: 100%; height: 100px; border: 1px solid var(--card-border); border-radius: 4px; color: var(--value); overflow: auto; } .inpbarcodeDiv { font-size: 16px; margin-bottom: 10px; } .matchStk-popUp table .physicalcount { margin: 0; } .matchStk-popUp .barCodeMsg { color: var(--bs-dark); text-align: left; } .matchStk-popUp .barcodeBtnbx { margin-top: 27px; margin-bottom: -15px; } .matchStk-popUp .crmpopUp-main-bdy .crmPopup-button { height: 43px; margin-top: 0; margin-bottom: 15px; } .matchStk-popUp .fieldmaptbl td { color: unset; } .reportPdt-popUp .fieldmaptbl { width: 100%; } .reportPdt-popUp .fieldmaptbl td .mltplbarcodeinp { margin: 0; border-radius: 3px; height: 25px; background: var(--input-bg); } .reportPdt-popUp .fieldmaptbl td .btn.mltplbarcodeanybtn { background: var(--btn-cancel-bg); color: var(--btn-cancel-color); } .reportPdt-popUp .fieldmaptbl td .btn.mltplbarcodeanybtn:hover { background: var(--btn-cancel-bg-hover); color: var(--btn-cancel-color-hover); } .printPosDiv { padding: 0; width: 100%; background: var(--table-bg); color: var(--value); border-radius: 4px; margin-top: 0px; } .printPosDiv table { width: 100%; } .printPosDiv table label { margin: 0; color: var(--value); text-align: left; } .printPosDiv table input { margin: 0 3px 0 0; height: 30px; border-radius: 3px; background: var(--input-bg); } .printPosDiv table td button { width: 100%; height: 30px; border: 0; background: var(--btn-general-bg); color: var(--btn-general-color); border-radius: 3px; } .printPosDiv table td button:hover { background: var(--btn-general-bg-hover); color: var(--btn-general-color-hover); } #mltplbarcodeinner, .pdtbar-tblOutr-2 { overflow: auto; max-height: 250px; } .white-space-nowrap { white-space: nowrap; } .comsettIcons { margin: 0; padding: 0; list-style: none; display: flex; justify-content: end; } .comsettIcons li { margin-left: 10px; font-size: 20px; } .comsettIcons li a { color: var(--primary); } .comsettIcons li a:hover, .comsettIcons li a.activ { color: var(--danger); } .comsettHeading { color: var(--card-header-color); font-size: 13px; margin-bottom: 0; } .toggleBtn.megaMenuxx label { margin-left: 0; } .toggleBtn.megaMenuxx .slider::before { top: 1px; left: 1px; width: 20px; height: 20px; } .toggleBtn.megaMenuxx input:checked~.slider::before { transform: translateX(20px); background-color: var(--toggle-handel); } .toggleBtn.megaMenuxx { margin-bottom: 15px; } .manageIocns { margin-bottom: -10px; list-style: none; display: flex; } .manageIocn-item { width: 25%; text-align: center; margin-bottom: 10px; } .castmtab7 .manageIocn-item { width: 20%; } .manageIocn-item i { font-size: 26px; opacity: 0.7; } .manageIocn-item.itemActiv i { opacity: 1; } .manageIocn-item.itemActiv .mngIconMain .acvtIcon { display: block; } .manageIocn-item p { margin: 0px 0 0; color: var(--label); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 10px; } .manageIocn-item.itemActiv p { color: var(--value); } .manageIocn-item span { cursor: pointer; position: relative; } .megaMenuxx .lftClms label { background-color: transparent; } .manageLayout_pop .toggleBtn.megaMenuxx label { margin-left: auto; } .manageLayout_pop .barcodeCap { text-align: left; font-size: 16px; color: var(--primary); } .manageLayout_pop .barcodeCap i { margin-right: 5px; } .manageLayout_pop .crmpopUp-main-bdy { max-width: 550px; } .manageLayout_pop img { max-height: 100%; max-width: 100%; } /*.manageLayout_pop .megaMenuxx input:checked ~ .slider::before { top: 0px; } */ .manageLayout_pop .megaMenuxx .slider { left: 0; } .reportCard-right .toggleBtn.megaMenuxx { margin-bottom: 0; } .reportCard-right .toggleBtn.megaMenuxx label { margin-left: auto; } .mb-3 { margin-bottom: var(--space); } .castmtab1 .frm-grp2 { margin-top: 18px; } .castmtab3 .manageIocn-item { width: 11.1111%; } .castmtab6 .manageIocn-item { width: 33.3333%; } .castmtab5 .manageIocn-item { width: 33.3333%; } .castmtab4 .manageIocn-item { width: 20%; } .castmtab8 textarea.form-control { height: 135px; resize: none; } .castmtab8 .nav-tabs { justify-content: center; display: flex; border-bottom: 0; margin-bottom: var(--space); } .castmtab8 .nav-tabs .active a { border: 1px solid transparent; border-bottom: 1px solid var(--setting-tab-btn-active-color); background: var(--setting-tab-btn-bg); color: var(--setting-tab-btn-color); } .cs-text-center { text-align: center; } .manageIocn-item .mngIconMain { position: relative; } .manageIocn-item .mngIconMain .acvtIcon { position: absolute; top: -14px; right: -25px; font-size: 18px; display: none; } .toggleBtn.megaMenuxx input:checked~.slider { background-color: var(--toggle-on); } .toggleBtn.megaMenuxx label { background-color: var(--toggle-off); } .contentsDiv div.crmpopUpcurtain { padding: 0 !important; } .manageLayout_pop .crmpopUp-inr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; } .manageLayout_pop.crmpopUpcurtain .crmpopUp-main-bdy { max-height: 100vh; } .manageLayout_pop .layotImgdiv { max-height: calc(100vh - 120px); } #expenseimportpotbldiv { overflow: auto; max-height: calc(100vh - 125px); } .importPdt-popUp .expenseimportpotbl input, .importPdt-popUp .expenseimportpotbl select, .importPdt-popUp .expenseimportpotbl textarea { width: 100%; height: 28px; border-radius: 3px; border-color: var(--input-border); } .importexpenc-popUp #poform-continue { height: 35px; margin: 10px 0 0; } .expenseimportpoerr { color: var(--danger); text-align: left; } .importexpenc-popUp .matchStk-popUp .fieldmaptbl td { text-align: left; } .icltblrw td { padding: 10px 5px !important; cursor: pointer; } .icltblrw:hover td { background-color: var(--primary); color: #fff; } .clientLedger-popUp .crmpopUp-main-bdy { max-width: 650px; } .accountTransfr-popUp .crmpopUp-main-bdy { max-width: 650px; } .accountTransfr-popUp label { text-align: left; } .accountTransfr-popUp input, .accountTransfr-popUp select { height: 28px; border-radius: 3px; border-color: var(--input-border); width: 100%; } .table2.mb-3 { margin-bottom: var(--space) !important; } .barcodeOutr.barcodeOutr_disabled { position: relative; } .barcodeOutr.barcodeOutr_disabled * { color: var(--muted) !important; } .barcodeOutr.barcodeOutr_disabled::before { content: ''; left: 0; top: -5px; position: absolute; width: 100%; height: 100%; z-index: 1; } .filterActionImgs i { margin-left: 6px; background-image: ; background-image: none; position: relative; top: -2px; } /*.btn.changeDetailViewMode,.btn.detailViewSaveComment,.addButton.createActivity,.btn.btn-success[type="submit"] { background-color: var(--primary-hover) !important; color: var(--white) !important; border-color: var(--primary-hover) !important; } .btn.changeDetailViewMode:hover,.btn.detailViewSaveComment:hover,.addButton.createActivity:hover,.btn.btn-success[type="submit"]:hover { background-color: var(--primary) !important; color: var(--white) !important; border-color: var(--primary) !important; }*/ .cancelLink[type="reset"] { background: var(--btn-cancel-bg); color: var(--btn-cancel-color); width: auto; height: 28px; line-height: 22px; text-align: center; padding: 3px 8px !important; font-size: 13px !important; } .cancelLink[type="reset"]:hover { background: var(--btn-cancel-bg-hover); color: var(--btn-cancel-color-hover); } .detailshdrSec-left .recordLabel { margin-top: -5px !important; font-family: 'IBM Plex Sans', sans-serif !important; } .btn.btn-success[type="submit"] { width: 60px; height: 28px; padding: 0; line-height: 13px; } .btn.btn-success[type="submit"] strong, .btn.btn-success[type="submit"] i { position: relative; top: -1px; } .crtdDt label { margin: 0; font-size: 12px; color: var(--label); ; } .crtdDt .value { line-height: 18px; text-align: left; font-size: 13px; color: var(--value); } .recentActivitiesContainer * { font-style: normal; color: var(--value); } .recentActivitiesContainer a { color: var(--anchortag); } .recentActivitiesContainer a:hover { color: var(--anchortag-hover); } .summmry-left { width: 58% !important; } .summmry-rigth { width: calc(42% - 10px) !important; margin-left: 10px !important; } .recentActivitiesContainer li div span strong { color: var(--label); } .recentActivitiesContainer li div span, .recentActivitiesContainer li div span p.muted small { color: var(--value); } .recentActivitiesContainer li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed var(--border); } .castmtab8 .nav-tabs>li>a { text-align: center; color: var(--setting-tab-btn-color); } .castmtab8 .nav-tabs>li>a:hover { border: 1px solid transparent; color: var(--setting-tab-btn-active-color); border-bottom: 1px solid var(--setting-tab-btn-active-color); background: var(--setting-tab-btn-bg); color: var(--setting-tab-btn-color); } .popUpScroll { display: flex; flex-wrap: wrap; max-height: calc(100vh - 290px); overflow: auto; clear: both; } .tcodeInp { width: 21px; margin: 0; border-radius: 3px !important; font-size: 12px !important; padding: 1px !important; text-align: center; } .rlpcurtainPopUp .crmpopUp-main-bdy { width: 450px; } .rlpcurtainPopUp .pointCountr { font-size: 50px; line-height: 1; color: var(--dark); margin: 0; } .rlpcurtainPopUp .pointtext { margin: 0 0 15px; font-size: 14px; color: var(--dark-light); } .rdmSec input { margin: 0; width: 100%; padding: 5px 5px; height: 28px; border-radius: 3px; } .editViewContainer table:not(.lineItemTable), .editViewContainer table tbody:not(.lineItemTable tbody), .editViewContainer table thead:not(.lineItemTable thead), .editViewContainer table tr:not(.lineItemTable tr), .editViewContainer table th:not(.lineItemTable th), .editViewContainer table td:not(.lineItemTable td) { display: flex; width: 100%; flex-wrap: wrap; align-content: baseline; } .editViewContainer table tbody tr:not(.lineItemTable tr) { width: 50%; } .editViewContainer table tbody td:not(.lineItemTable td) { width: 50% !important; line-height: 1; height: auto; padding: 0px 10px !important; box-sizing: border-box; position: relative; } .editViewContainer table:not(.lineItemTable) tbody td:nth-child(1) { order: 1; } .editViewContainer table:not(.lineItemTable) tbody td:nth-child(2) { order: 3; } .editViewContainer table:not(.lineItemTable) tbody td:nth-child(3) { order: 1; } .editViewContainer table:not(.lineItemTable) tbody td:nth-child(4) { order: 3; } .editViewContainer table:not(.lineItemTable) tbody td.medium { padding: 0px 6px !important; margin-bottom: 5px; } .editViewContainer table:not(.lineItemTable) tbody { padding-top: 10px; padding-bottom: 10px; } .editViewContainer table:not(.lineItemTable) tbody td textarea { height: 28px; } .editViewContainer table:not(.lineItemTable) tbody td.fieldLabel label { line-height: 1; color: var(--label); } .editViewContainer table:not(.lineItemTable) tbody td:nth-child(2)[colspan="3"] { width: calc(50% + 1px) !important; } /* #inERPglobalchange start */ input[value="Invoice"]~table:not(.lineItemTable) tbody tr:nth-child(1), input[value="SalesOrder"]~table:not(.lineItemTable) tbody tr:nth-child(1), input[value="Quotes"]~table:not(.lineItemTable) tbody tr:nth-child(1), input[value="PurchaseOrder"]~table:not(.lineItemTable) tbody tr:nth-child(1), .editViewContainer input[name="isPreference"]~div table:not(.lineItemTable) tbody tr:nth-child(1) { width: 100%; padding-bottom: 10px; } input[value="Invoice"]~table:not(.lineItemTable) tbody, input[value="SalesOrder"]~table:not(.lineItemTable) tbody, input[value="Quotes"]~table:not(.lineItemTable) tbody, input[value="PurchaseOrder"]~table:not(.lineItemTable) tbody, input[name="isPreference"]~div table:not(.lineItemTable) tbody { padding-top: 0px; } /* #inERPglobalchange end */ .editViewContainer table:not(.lineItemTable) tbody td.medium .input-prepend, .editViewContainer table:not(.lineItemTable) tbody td.medium .input-append { width: 100%; display: flex; } .lineItemRow .lineItemPopup { width: 15px; margin-left: 5px; } .lineItemRow .icon-remove-sign::before { content: "\F659"; font-family: bootstrap-icons !important; font-size: 12px; position: relative; top: -2px; left: 4px; } td.fieldValue[name="copyAddress1"] .span5, td.fieldValue[name="copyAddress2"] .span5 { width: 100%; } .lineItemRow .ui-autocomplete-input { width: calc(100% - 49px); } .lineItemRow .lineItemCommentBox { width: 100%; height: 36px; resize: none; } .modal-footer .btn { height: 28px; box-sizing: border-box; } .actions.modal-footer input { width: auto; margin: 0; } .d-none { display: none; } .dthdrsec-center .btn { height: 28px; } .commentActions { padding-bottom: 5px; } #autogenbarcodes, #autogenbarcodep { position: absolute; top: 1px; right: 6px; height: 27px; background: var(--primary); border: 0; color: var(--white); border-radius: 3px; } .reportdatepopup-second .crmpopUp-main-bdy { overflow: unset; } .deleteCondition { color: var(--danger); cursor: pointer; } .deleteCondition:hover { color: var(--danger-hover); } .conditionList .conditionRow .span3, .conditionList .conditionRow .span4 { width: calc(33.33% - 10px); margin: 0; padding-right: 11px; box-sizing: border-box; } .conditionList .conditionRow .span1 { margin: 0; width: 30px; } #_mailmanagermaindiv_ .box.mm_folder_selected_background a .icon-refresh, #_mailmanagermaindiv_ .box.mm_folder_selected_background a .icon-cog { background-image: none; } #_mailmanagermaindiv_ .box.mm_folder_selected_background a .icon-refresh::before { content: "\F116"; font-family: bootstrap-icons !important; } #_mailmanagermaindiv_ .box.mm_folder_selected_background a .icon-cog::before { content: "\F3E5"; font-family: bootstrap-icons !important; } #globalmodal #rssAddForm .modal-body .control-group { margin-bottom: 0 !important; } #globalmodal #rssAddForm .modal-body .control-group .controls input:not([type="submit"]), #saveBookmark .controls:nth-child(5) input:not([type="submit"]) { margin-bottom: 0; } #saveBookmark .modal-body.tabbable br { display: none; } .btn-toolbar.ml-0 { margin-left: 0; } #_settingsdiv_ .editViewContainer table tbody tr:not(.lineItemTable tr) { width: 25%; padding: 0 5px; box-sizing: border-box; } #_settingsdiv_ .table.table-bordered.blockContainer.showInlineTable th.blockHeader { padding: 0; } #_settingsdiv_ .editViewContainer table tbody td:not(.lineItemTable td) { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #_settingsdiv_ .editViewContainer table:not(.lineItemTable) tbody td.fieldLabel label { margin-bottom: 5px; } #_settingsdiv_ .editViewContainer table tbody { margin-left: -5px; margin-right: -5px; width: calc(100% + 10px); } #_settingsdiv_ .editViewContainer table tbody td:not(.lineItemTable td).selectFolderDesc.alert.alert-info { padding: 5px !important; margin: 0; border-radius: 3px; line-height: 17px; color: var(--dark); background: transparent !important; box-shadow: none !important; border: 0 !important; } #_settingsdiv_ .fieldValue.narrowWidthType input[type="radio"] { width: auto; height: auto; margin: 0 5px 0 15px; } .fieldValue.narrowWidthType input[type="radio"]:nth-child(1) { margin-left: 0 !important; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables).emilTempltDt tbody tr td { width: 100%; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables).emilTempltDt { padding-bottom: 10px; } .quickWidgetContainer.accordion .addCalendarView { margin-top: -2px; } .fc-button.fc-state-default { text-shadow: none; } .contentsDiv>div.reportContents { padding-top: 0 !important; } #reportDetails table tr th { background: var(--table-header-bg); color: var(--table-header-color); } .well.contentsBackground .span7 input[class*="span"] { margin-left: 0 !important; } .chzn-container .chzn-results .group-result:empty { padding: 0; } #popupPageContainer .paddingLeftRight10px .btn { height: 28px; } .btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover { opacity: 0.45; background-color: var(--btn-disabled-bg) !important; color: var(--btn-disabled-color) !important; } .cstm-compantTab .text-primary { color: var(--setting-primary); } .cstm-compantTab .text-danger { color: var(--setting-danger); } .cstm-compantTab .text-success { color: var(--setting-success); } .cstm-compantTab .text-warning { color: var(--setting-warning); } .table-striped tbody tr:nth-child(even) td { background-color: var(--table-body-row-bg-1); } .table-striped tbody tr:nth-child(odd) td { background-color: var(--table-body-row-bg-2); } .table-striped tbody tr:hover td { background-color: var(--table-body-row-hover); } .datepicker--pointer { background: var(--card-bg) !important; border-top: 1px solid var(--card-border) !important; border-right: 1px solid var(--card-border) !important; } .datepicker--nav { border-bottom: 1px solid var(--card-border) !important; } .datepicker--nav-action path { stroke: var(--card-color) !important; } .datepicker { color: var(--card-color) !important; } .reportdatepopup-second table.table2 thead tr:nth-child(1) th h3.text-primary { color: var(--heading) !important; } .quickCreateContent { color: var(--value); } .span4.searchHolder { width: 100%; margin: 0 !important; } .listViewEntriesTable .listSearchContributor .select2-choices { background: var(--select-list-search); border-color: var(--select-list-search-border); } #massEdit .modal-footer .cancelLinkContainer { padding: 0px 0; } #massEdit .nav.massEditTabs { overflow: auto; white-space: nowrap; display: flex; } #massEdit .nav.massEditTabs li { margin-right: 5px; flex: 0 0 auto; } #massEdit .massEditTable.table.table-bordered { color: var(--label); background: var(--card-bg); } #massEdit .massEditTable.table tbody tr:hover td, #massEdit .massEditTable.table tbody tr:hover th, #massEdit .massEditTable.table tbody tr td, #massEdit .massEditTable.table tbody tr th { background-color: var(--card-bg); } form[name="importBasic"] .searchUIBasic, form[name="importAdvanced"] .searchUIBasic { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; } .searchUIBasic .importContents .chzn-container-single .chzn-single { text-align: left; } #exportForm .row-fluid .span~.span8 { width: 100%; margin: 0; } #exportForm .span8 .well { padding: 10px; background-color: var(--card-bg); border: 1px solid var(--card-border); } #exportForm .btn.btn-success[type="submit"] { width: auto; padding: 0 5px; } .inventoryLineItemHeader~div { border-color: var(--card-border) !important; } .controls label { color: var(--label); } form[name="EditWorkflow"] div.padding1per { border-color: var(--card-border) !important; } #findDuplicate .btn.btn-success[type="submit"] { width: auto; padding: 0 5px; } .megaMenuxx label { background-color: var(--toggle-off) !important; } .megaMenuxx input:checked ~ .slider { background-color: var(--toggle-on) !important; } .productnamelinktodetailview { color: var(--anchortag) !important; } /** new **/ /*.select2-drop.select2-with-searchbox.select2-drop-active { top: 90px !important; }*/ .select2-drop.select2-with-searchbox.select2-drop-active .select2-search input[type="text"]{ border: 1px solid var(--card-border); background: var(--card-bg); margin-top: 3px; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 10px !important; } #findDuplicate .controls .span10 { width: 100%; padding-right: 10px !important; box-sizing: border-box; max-width: 100% !important; } #findDuplicate > .control-group { margin-bottom: 0 !important; } .select2-results li.select2-result-with-children > .select2-result-label { color: var(--value); } #exportForm { margin-top: -38px; } #exportForm .span8 h4 { font-size: 16px; color: var(--heading); } form[name="importBasic"] .font-x-large strong,form[name="importAdvanced"] .font-x-large strong { font-size: 16px; color: var(--heading); display: block; margin-bottom: 5px; } form[name="importBasic"],form[name="importAdvanced"] { margin-top: -23px; } form[name="importAdvanced"] .searchUIBasic .listRow .defaultInputTextContainer { width: 100%; box-sizing: border-box; height: 28px; } form[name="importAdvanced"] .searchUIBasic .listRow .defaultInputTextContainer { max-width: 100% !important; width: 100%; box-sizing: border-box; height: 28px; } form[name="importAdvanced"] .searchUIBasic .cellLabel.row-fluid .small { width: 99%; } form[name="importAdvanced"] .searchUIBasic .cellLabel.row-fluid .small .chzn-container.chzn-container-single { width: 100% !important; } .searchUIBasic.well { width: 100% !important; margin: -16px 0 0 !important; box-shadow: none; } .searchUIBasic.well { width: 100% !important; margin: -16px 0 0 !important; box-shadow: none; background: var(--card-bg); border-color: var(--card-border); } .select2-drop ul.filterActions { margin: 0 0 9px 10px; } .editViewContainer table:not(.lineItemTable) tbody td.medium .span10>div ~ div { margin-top: var(--space); } .editViewContainer table:not(.lineItemTable) tbody td.medium .input-prepend .select2-container.select2-container-multi.autoComplete { width: calc(100% - 80px) !important; } input[name="userChangedEndDateTime"] ~ .table.table-bordered.blockContainer.showInlineTable tbody tr:first-child { width: 100%; margin-bottom: 10px; margin-top: -10px; } #moveDocuments .verticalBottomSpacing { margin-bottom: 0; } #moveDocuments .verticalBottomSpacing .chzn-container { width: 100% !important; } .modelContainer { min-width: auto !important; } .quickCreateContent .chzn-container { width: 100% !important; } .quickCreateContent .input-prepend .span1 { width: 28px; } .quickCreateContent .input-prepend .span10 { width: calc(100% - 28px); margin: 0; } .quickCreateContent .input-prepend .span10 input { width: 100%; box-sizing: border-box; height: 28px; } .chzn-container-single .chzn-single div b { color: var(--input-add-on-color); } #assignToRolepickListValuesTable .cursorPointer.assignToRolePickListValue.selectedCell i { margin-right: 4px; } /* #inERPglobalchange start */ .connectedSortable .actions .editFieldDetails i { top: 0px; left: -4px; } /* #inERPglobalchange end */ .connectedSortable .actions .deleteCustomField i.icon-trash{ top: 0px; } .btn-toolbar .listViewActions.pull-right .pageNumbers.alignTop ~ .btn-group.alignTop.margin0px > .pull-right { height: 28px; } .crumbs li::after { left: 106px; } .quickCreateContent .chzn-container[style="width: 70px;"] { width: 70px !important; } .quickCreateContent .chzn-container[style="width: 70px;"] ~ input { width: calc(100% - 74px ) !important; } #leadAccordion .fieldValue,#leadAccordion .fieldValue:hover,#leadAccordion .fieldLabel,#leadAccordion .fieldLabel:hover { background: var(--card-bg); } #leadAccordion .accordion-heading .accordion-toggle { padding: 4px 8px 8px; } #leadAccordion .chzn-container { width: 100% !important; } .tglBtn .bi-chevron-right.blockToggle[style="display: inline;"] { display: inline !important; } .tablScroll { float: left; width: 100%; overflow: auto; max-height: calc(100vh - 300px); } .quickCreateContent table.massEditTable.table.table-bordered { background: var(--card-bg) !important; } span.inventoryLineItemHeader~div input#barcodetext { background: var(--card-bg); } .inventoryLineItemHeader~.chzn-container-single .chzn-single { border: 1px solid var(--card-bg); background-color: var(--card-bg); } .editViewContainer table:not(.lineItemTable) tbody td.medium input[type="number"] { background: var(--input-bg); } .well { background-color: var(--card-bg); border: 1px solid var(--card-border); } #acctrnsfr-err { color: var(--value); margin: 0; } /*.dataTables_wrapper .dataTables_scroll { max-height: calc(100vh - 450px) !important; overflow: auto; }*/ .tableScroll { max-height: unset !important; } .fieldLabel .taxLabel.alignBottom { margin-bottom: 5px; display: block; margin-top: 5px; } .PricingInformation .fieldLabel .taxLabel.alignBottom { margin-top: 0; } #taxslab { background: var(--card-bg) !important; border-color: var(--card-border) !important; } #taxslab .dl { border-color: var(--card-border) !important; } .relatedContents.contents-bottomscroll { margin-bottom: 10px; } .totalNumberOfRecords { position: relative; top: 1px; } .impexpTable { width: 100%; font-size: 13px; } .impexpTable tr { border-bottom: 1px solid var(--input-border); } .impexpTable select, .impexpTable input { margin: 0; height: 28px; border-radius: 3px; width: 100%; } .impexpTable td { padding: 5px; } .impexpTable .crmPopup-button { margin: 0 !important; } .impexpTable input[type="checkbox"] { margin: 0; position: relative; top: 0; left: -3px; padding-right: 8px; width: auto; height: auto; } .expenseimportpo-tbl-row input, .expenseimportpo-tbl-row select { margin: 0; } .expenseimportupldcsvcont { font-size: 13px; } .tableScroll { width: 100%; overflow-x: auto; } .reportHeadr .btn-toolbar { display: flex; width: 33.33% !important; margin: 0 0 10px 0 !important; } .reportHeadr .customFilterMainSpan .select2-container { width: 100% !important; } .reportHeadr .reportHeadr-right{ justify-content: end; } .crumbsNew li::after { left: 114px; } .chartreport .chzn-container { width: 100% !important; } #chart_report_step2 .span10.well.contentsBackground { width: 100%; margin: 0 !important; box-sizing: border-box; } #chart_report_step3 .nav.nav-tabs { margin: 0 0 var(--space) !important; } #chart_report_step3 .nav-tabs > li { width: 25%; } #chart_report_step3 .nav-tabs a { color: var(--chart-color); background-color: var(--chart-bg); border: 0; } #chart_report_step3 .nav-tabs > .active > a,#chart_report_step3 .nav-tabs > .active > a:hover { color: var(--chart-color-hover); background-color: var(--chart-bg-hover); } #chart_report_step3 .tab-content.contentsBackground { padding: 10px !important; border: 0 !important; } #chart_report_step3 .row-fluid.alert-info.well { top: 0 !important; margin: var(--space) 0 0; width: 100% !important; box-sizing: border-box; } #Users_detailView_fieldValue_theme .value .span4 { width: 100% !important; } #Users_detailView_fieldValue_my_shortcuts .value { word-break: break-all; } #Users_detailView_fieldValue_tagCloud { margin-bottom: 10px; } .dthdrsec-center .detailViewPagingButton .btn-group { display: flex; } textarea{ resize: vertical; } .detailViewInfo #detailView td.fieldValue .value a.emailField { word-break: break-all; } .hide[style="display: none;"]{ display: none !important; } .hide[style="display: inline;"]{ display: inline !important; } .dataTables_scrollHeadInner,.fordatatable { min-width: 100%; } .forsearchinp th { text-align: center; } .forsearchinp th input { float: none; } .editViewContainer table:not(.lineItemTable) tbody td.fieldValue textarea { height: 75px; resize: none; } .editViewContainer table tbody td:not(.lineItemTable td):empty { margin: 0 !important; } .edtHdr { display: flex; } .edtHdr .edtLeft { width: 60% !important; } .edtHdr .edtLeft p.muted { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; } .edtHdr .edtRight { width: 40%; text-align: right; } .dbchngr .megaMenuxx label { top: 0px; } .dbchngr >.slider { top: 0; } .dbchngr > .slider::before { background: #fff !important; box-shadow: none !important; top: 1px !important; left: 1px !important; width: 20px !important; height: 20px !important; } .megaMenuxx .dbchngr input:checked ~ .slider::before { transform: translateX(20px); } .dbchngr .megaMenuxx .slider::before { background-color: #fff !important; top: 1px !important; left: 1px !important; width: 20px !important; height: 20px !important; } .dbchngr .megaMenuxx .slider::before { background-color: transparent; !important; } .dbchngr input:checked ~ .slider::before{ background: #fff !important; box-shadow: none; width: 20px; height: 20px; top: 1px; left: 5px; } .crmpopUpcurtain.generateBarCodePopUp .crmpopUp-main-bdy { width: 530px; } .gbcInr > div { display: flex; width: 100%; flex-wrap: wrap; } .gbcInr p { margin: 0; color: var(--label); white-space: nowrap; line-height: 24px; padding-right: 10px; } .gbcInr input { margin: 0; height: 28px; width: 100%; border-radius: 3px; color: var(--input-color); background: var(--input-bg); } .gbcInr .start-pos-tbl { width: 100%; border-spacing: 5px; border-collapse: unset; } .lblStrpos { width: calc(100% + 15px); margin-top: 0px; margin-left: -5px; margin-right: -5px; } .lblStrpos td { background-color: var(--input-bg) !important; border: 1px solid var(--input-border) !important; height: 28px !important; cursor: pointer !important; color: var(--input-color) !important; font-size: 14px !important; } .lblStrpos td:hover,.lblStrpos td.start-pos-cell,.lblStrpos td.start-pos-cell-orgnm { background-color: var(--btn-general-bg) !important; color: var(--btn-general-color) !important; } /*.editViewContainer table.Services.Pricing.Information tbody tr:not(.lineItemTable tr):nth-child(2) > td:nth-child(2) { margin-top: -41px; } .Services.Pricing.Information .detailedViewTextBox { display: none !important; }*/ .editViewContainer table tbody td.fieldLabel.medium:not(.lineItemTable td) .chzn-container-single .chzn-single div { background: transparent; border-left: 0; } .editViewContainer table tbody td.fieldLabel.medium:not(.lineItemTable td) .chzn-container-single .chzn-single div b { background: none; top: 2px; left: 0px; } .editViewContainer table tbody td.fieldLabel.medium:not(.lineItemTable td) .chzn-container-single .chzn-single { border: 0; height: 13px; padding: 0; line-height: 13px; } #paymentcurtain.recordFilePopup .returnformitemsPop { overflow: unset; white-space: unset; } .editViewContainer table tbody td.fieldLabel.medium:not(.lineItemTable td) .chzn-container-single .chzn-single span { color: var(--anchortag); } /* #inERPglobalchange start */ .settingHeader { display: flex; flex-wrap: wrap; } .settingHeader .hLeft { width: 65% !important; } .settingHeader .hRight { margin-left: 0 !important; width: 35% !important; background: none; } input[value="SharingAccess"]~div .btn.btn-success[name="saveButton"] { width: auto; padding: 0 5px; } .select2-drop .select2-no-results { background: var(--select-dropdown-item-bg-hover); color: var(--white); } .relatedModule .close { position: relative; top: -3px; font-size: 14px; } .relatedModule .moduleLabel { position: relative; top: -3px; font-size: 11px; } .blockFieldsList a.dropdown-toggle.editFieldDetails { background: transparent !important; box-shadow: none !important; color: var(--primary ) !important; } .castmtab3 { margin-bottom: var(--space); } .castmtab3 .cs-card.mb-3 { margin: 0; height: 100%; } .fieldValue select.chzn-select { width: 100%; } #TaxCalculationsContainer .table tr td, #TaxCalculationsContainer .table tr td label { font-size: 11px; } .taxModalContainer .controls input[type="checkbox"] { top: 0; } .editMailConvtr .crumbs li::after { left: 114px; } .addMailBoxBlock .control-group .controls input:not([type="submit"]){ margin-bottom: 0; } #mailBoxEditView .addMailBoxStep .select2 { margin-bottom: 0; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader { margin-top: -10px; width: 100% !important; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr{ width: 100% !important; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr td[colspan="5"]{ width: 100% !important; margin-top: 10px; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr td[colspan="5"] span.span2 { margin: var(--space) 0; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr[name="fieldHeaders"] { width: 100% !important; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr[name="fieldHeaders"] td { width: 20% !important; padding: 8px !important; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr[name="fieldHeaders"] td b { font-weight: 300; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr.listViewEntries { width: 100% !important; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr.listViewEntries td { width: 20% !important; padding: 5px !important; align-items: center; } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr.listViewEntries td .actions { margin-left: 5px; } .targetFieldsTableContainer .table[name="targetModuleFields"] .input-append input[type="text"] { width: calc(100% - 27px); min-width: unset; } .targetFieldsTableContainer .table[name="targetModuleFields"] .input-append.input-prepend input[type="text"] { width: calc(100% - 80px); } input[value="Webforms"]~.targetFieldsTableContainer table[name="targetModuleFields"] tr.blockHeader~tr b { font-weight: 300; } input[value="Workflows"]~div .editContainer .crumbs li::after { left: 114px; } /* #inERPglobalchange end */ .viewUserPrfImgPopup .kund-hdr { border-bottom: 0; background-color: transparent; } .viewUserPrfImgPopup .crmpopUp-main-bdy { width: 100vw; background-color: unset; border-radius: 0; height: 100vh; background: rgba(0,0,0,0.3) !important; } .viewUserPrfImgPopup .crmpopUp-content-bdy-inr2 { max-height: calc(100vh - 40px); height: 100vh !important; display: flex; align-items: center; justify-content: center; background-color: transparent; } .viewUserPrfImgPopup .crmpopUp-content-bdy-inr2 img { max-height: 350px; max-width: 350px; } .viewUserPrfImgPopup .crmpopUp-content-bdy { background-color: transparent; } .usrImgContanr { position: relative; margin-top: -20px; } .viewUserPrfImgPopup .crmpopUpcls { font-size: 16px; color: var(--dark); top: -15px; right: -15px; background: var(--white); width: 30px; height: 30px; border-radius: 50%; line-height: 26px; } .btn.btn-success[type="submit"] { width: auto; padding: 0 5px; } /***** responsive +++++++ *********/ @media screen and (min-width:1200px) and (max-width:1399px) { .btn { font-size: 11px; } .detailViewTitle .recordLabel { margin-left: -15px; } .cstm-compantTab label { font-size: 12px; } #_settingsdiv_ .editViewContainer table tbody tr:not(.lineItemTable tr) { width: 50%; margin-bottom: 10px; } } @media screen and (max-width:1199px) { .nav-tabs>li>a, .nav-pills>li>a { padding-right: 6px; padding-left: 6px; } /*.btn,.imageDelete { padding: 4px 6px; font-size: 11px; }*/ .mainContainer.row-fluid>.span2 { width: 21%; } .mainContainer.row-fluid>.contentsDiv { width: calc(79% - 10px); } .btn-toolbar.span4 { width: 26.915%; } .btn-toolbar.span4:nth-child(1) { width: 40.915%; } .btn-toolbar.span4:nth-child(2) { width: 27.915%; } .searchElement.span8 .srch-bx { width: calc(100% - 26px); } .fieldValue .chzn-container { max-width: 101%; } .row-fluid>[class*="span"]:first-child { margin-left: 0; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span8 { width: 60%; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 { width: 33.33%; margin-left: 0; } #listViewContents .fieldLabel.span3 { width: 100%; } #listViewContents .row-fluid>.span6 { width: 100%; margin-left: 0; } .form-horizontal.recordEditView.equalSplit .chzn-container .chzn-single { max-width: 200px; } #allValuesLayout .span5.marginLeftZero.textOverflowEllipsis { width: 100%; margin-bottom: 15px; } #allValuesLayout .span2.row-fluid, #allValuesLayout .span4, #AssignedToRoleLayout .row-fluid .span2.textAlignRight, #AssignedToRoleLayout .row-fluid .span7, #AssignedToRoleLayout .row-fluid .span3 { width: 100%; margin-left: 0; } #AssignedToRoleLayout .row-fluid .span2.textAlignRight { margin-bottom: 10px; text-align: left; } #assignToRolepickListValuesTable .cursorPointer.assignToRolePickListValue.selectedCell { padding: 4px !important; } #assignToRolepickListValuesTable { margin-bottom: 15px; } #modulePickListValuesContainer .span2.row-fluid .btn { margin-bottom: 10px; width: 100%; } .fieldValue #pickListModules_chzn.chzn-container, .fieldValue #modulePickList_chzn.chzn-container { max-width: 100%; } #mailBoxEditView label.radio.inline { width: 39%; margin-left: 0; margin-bottom: 10px; } .controls.pushDown .span3.collectiveGroupMembers { width: 65%; } #calendarview .fc-header-center { width: 100%; display: block; float: left; margin-top: var(--space); } #calendarview .fc-header-left, #calendarview .fc-header-right { width: 50%; display: block; float: left; } #calendarview .fc-header-right { float: right; margin-top: -67px; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .row-fluid.users-min .btn-toolbar.span4 { width: 33.33%; margin-top: 0; } .cstmmdlchsr-inr { width: 85% !important; } .vd_menu-search { width: calc(100% - 417px); } #CompanyDetailsContainer tbody, #CompanyDetailsContainer tr, #CompanyDetailsContainer td, #CompanyDetailsContainer th { float: left; width: 100% !important; display: block; box-sizing: border-box; text-align: left !important; } #CompanyDetailsContainer tbody td label { float: left !important; margin-bottom: 0; } .row-fluid.detailViewTitle>.span10 { width: 100%; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span5 { width: 45%; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 { width: 55%; margin-left: 0; display: flex; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 .detailViewButtoncontainer { margin-top: 0px; float: left; margin-left: auto; } .row-fluid.detailViewTitle>.span10>.row-fluid>.span5>.row-fluid>.span2 { width: 22px; } .detailViewTitle .recordLabel { margin-left: 0; } .detailViewContainer .row-fluid.detailViewTitle { max-height: 58px; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar { width: 60%; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar~.span4.btn-toolbar { width: 40%; text-align: right; } #customRecordNumbering td .pull-right.marginRight10px { float: left; margin: 0; } /*.header-1 .vd_panel-menu { margin: 9px 0px 9px 10px !important; }*/ .content-wrapper { min-width: auto; } .vd_menu-search.searchElements { width: 430px; } #allValuesLayout .span2.row-fluid { padding-left: 0; } #listViewContents .fieldLabel.span3 { width: 220px !important; } #pickListValeByRoleContainer { width: 100%; padding-left: 0; margin-top: 10px; } #AssignedToRoleLayout>.row-fluid { width: 100%; } /* #inERPglobalchange start */ .breadcrumb { max-width: 245px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* #inERPglobalchange end */ .cstm-compantTab .nav-tabs.nav-justified>li { width: 16.286%; } .slctUl.forinvLay li { width: 50%; } .castmtab5 .manageIocn-item { width: 20%; } .castmtab8 { margin-bottom: var(--space); } .d-inline-md { display: inline; } .d-none-md { display: none; } .crtdDt .value { font-size: 11px; } .crtdDt label { font-size: 10px; } .blockUI.blockMsg.blockPage { width: 80% !important; } #_settingsdiv_ .editViewContainer table tbody tr:not(.lineItemTable tr) { width: 50%; margin-bottom: 10px; } .recordDetails .squeezedWell label.font-x-small { font-size: 11px; } /* #inERPglobalchange start */ .editMailConvtr .crumbs li::after { left: 105px; } input[value="Workflows"]~div .editContainer .crumbs li::after { left: 105px; } .recordFilePopup .invoice_large_size { font-size: 18px; } .recordFilePopup .billing_address { font-size: 11px; } .recordFilePopup .bill_to_address { margin-bottom: 0px; font-size: 12px; } .recordFilePopup .table2 td { font-size: 10px; } .amount_side_one_block p.amount_left_side_sub_heading.rsinw { font-size: 14px; } .amount_side_one_block p.amount_left_side_heading { font-size: 13px !important; margin-bottom: 0; } .invoiceFilePopup span.invoice_large_size span i { font-size: 16px; } /* #inERPglobalchange end */ } /*** 1199end ***/ @media screen and (max-width:991px) { .left-pos { display: block; } .header-1 { height: auto; } .vd_mega-menu-wrapper { padding-right: 0; } .vd_panel-header { width: calc(100% - 360px); } .vd_container { width: 360px; } .sidebar-main { top: 119px; } .bodyContents { margin-top: 81px !important; } /* #inERPglobalchange start */ .breadcrumb { max-width: 163px; } /* #inERPglobalchange end */ .settng .mega-link.lst .mega-icon { font-size: 12px; } .font-x-x-large { line-height: 28px; } .equalSplit td:nth-child(2n+1) { width: 25%; } .equalSplit td:nth-child(2n) { width: 25%; } .one-icon.mega-li.prf.dropdown { padding-right: 0; } .btn-toolbar.span4, .btn-toolbar.span4:nth-child(1) { width: 50%; margin-left: 0; margin-right: 0; } .listViewActionsDiv.row-fluid { position: relative; height: auto; } .btn-toolbar.span4:nth-child(2) { width: 100%; margin-bottom: 15px; } .btn-toolbar.span4:nth-child(4), .btn-toolbar.span4:nth-child(3) { margin-top: -86px; float: right; } .btn-toolbar.span4:nth-child(2) .customFilterMainSpan .select2-container { width: 100% !important; } .listViewTopMenuDiv.rss-lstmnubar .listViewActionsDiv { height: auto; } .searchElement { min-width: 100%; padding-left: 0; } /*.searchElement.span8 .chzn-container { display: none; }*/ .commn-brdcm { margin-top: 119px; } .commn-brdcm .vd_panel-menu { position: unset; display: block; } .mainContainer { margin-top: 0 !important; } .bodyContents[style="min-height: 579px;"] { margin-top: 51px !important; } .form-horizontal.recordEditView.equalSplit .chzn-container .chzn-single { max-width: 100%; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground .fieldValue.span12 .row-fluid.padding1per .span2 h4 { font-size: 12px; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span8 { width: 60%; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 { width: 33.33%; margin-left: 0; margin-top: 0; } .contentsDiv.span10.marginLeftZero .editContainer h3 { font-size: 14px; } .cstmmdlchsrli { width: 32.3333% !important; } #basicSearchModulesList_chzn { display: block !important; } .vd_menu-search { width: 397px; } .colpse-bar.colpse-bar-2 { left: 48px; } .vd_menu-search { width: calc(100% - 140px); margin-left: 0; } .detailViewInfo .details { padding-right: 0; border-right: 0; width: 100%; } .dthdrsec-left { width: 30% !important; } .dthdrsec-center { width: 70% !important; } .new_sidebar .largenv { height: calc(100vh - 150px); overflow: auto; } .nav-left-medium .detailViewInfo .details, .nav-left-small .detailViewInfo .details { width: 67%; padding-right: 1.5%; border-right: 4px solid var(--primary); } .nav-left-medium .related, .nav-left-small .related { width: 30% !important; } .equalSplit td, .showInlineTable td { display: block; float: left; width: 50% !important; box-sizing: border-box; } .fieldLabel label { line-height: 23px; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 { width: 100%; margin-left: 0; text-align: center; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 .pull-right { float: none; } .nav-left-medium .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4, .nav-left-small .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 { width: 33.33%; margin-left: 0; margin-top: 0; } .mega-link.lst .mega-icon .bi::before, .mega-link.lst .mega-icon [class^="bi-"]::before, .mega-link.lst .mega-icon [class*=" bi-"]::before { vertical-align: 0; } .mega-link.lst .mega-icon { line-height: 40px; } #updateCompanyDetailsForm .control-group { width: 100% !important; margin-bottom: 10px !important; } #CompanyDetailsContainer tbody, #CompanyDetailsContainer tr, #CompanyDetailsContainer td, #CompanyDetailsContainer th { float: left; width: 100% !important; display: block; box-sizing: border-box; text-align: left !important; } #CompanyDetailsContainer tbody td label { float: left !important; margin-bottom: 0; } #editTax select { width: 100%; } #ConfigEditorDetails .medium label { text-align: left; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 { width: 77%; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span4.btn-toolbar { width: 100% !important; text-align: center; margin-top: ; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 0px !important; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span4.btn-toolbar .listViewActions.pull-right { width: 100%; margin-bottom: 5px; } .equalSplit td, .showInlineTable td { min-height: 36px; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar { width: 60%; text-align: left; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar~.span4.btn-toolbar { width: 40% !important; text-align: right; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar~.span4.btn-toolbar .listViewActions.pull-right { text-align: right; } #OutgoingServerForm .widget_header.row-fluid .span8, #ConfigEditorForm .widget_header.row-fluid .span8 { width: 65%; } #OutgoingServerForm .widget_header.row-fluid .span4.btn-toolbar, #ConfigEditorForm .span4.btn-toolbar { margin-left: 0 !important; } #OutgoingServerForm .widget_header.row-fluid .span4, #ConfigEditorForm .widget_header.row-fluid .span4 { width: 35% !important; } #OutgoingServerForm .widget_header.row-fluid .span4 .pull-right, #ConfigEditorForm .widget_header.row-fluid .span4 .pull-right { text-align: right; } .e-footer-inr.f-right { width: 65%; } .e-footer-inr.f-left { width: 35%; } .vd_menu-search.searchElements { top: 47px; right: 10px; width: calc(100% - 103px); } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid, .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .detailViewContainer { padding: 10px !important; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero div.container-fluid.editViewContainer { padding: 10px 0 !important; } .editViewContainer table tbody td.medium { min-height: auto; } #settingsShortCutsContainer .card-dashboard-finance .card-title { font-size: 14px; } .gomdul-clm p { height: 38px; -webkit-line-clamp: 2; } .gomdul-clm .peity-bar i { top: 12px; font-size: 30px !important; } #EditView.form-horizontal>div.widget_header.row-fluid .span4.btn-toolbar { width: 31.914893614% !important; } #EditView.form-horizontal>div.widget_header.row-fluid .span4.btn-toolbar .pull-right { float: right !important; text-align: right; } .detailViewInfo>div[class=""], .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .listViewPageDiv, .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .padding-left1per { padding: 10px 0 !important; } .cancelLink { height: 28px; padding: 0px 5px; line-height: 26px; } #mailBoxEditView { padding: 10px; } .btn-toolbar.span4 .chzn-container-single .chzn-single div b { left: 0px; } #page .bodyContents { padding-bottom: 70px; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .row-fluid.settingsHeader, .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero #md-container { padding-left: 10px !important; padding-right: 10px !important; } .clgcurtain1lsd-inr h1 { font-size: 26px; } .reportdatepopup-second .popheader-right .invoice_large_size { font-size: 16px; } .reportdatepopup-second .tm_shape_bg.tm_accent_bg.tm_mobile_hide { width: calc(100% - 210px); } #rightPanel>.detailViewContainer { padding-left: 0 !important; padding-right: 0 !important; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tbody tr td, .detailViewInfo #detailView .summary-table tbody tr td { min-height: auto; } .detailshdrSec-right { width: 60px !important; } .matchStk-popUp .barcodeBtnbx { margin-top: 15px; } .listViewMassActions .btn.dropdown-toggle { height: 28px; } .listViewActions .btn { height: 28px; } .mainContainer.row-fluid>.contentsDiv { padding-left: 10px; } .castmtab7 .manageIocn-item { width: 14%; } .castmtab6 .manageIocn-item { width: 20%; } .manageIocn-item i { font-size: 20px; } .manageIocn-item .mngIconMain .acvtIcon { top: -10px; right: -18px; font-size: 14px; } .toggleBtn.megaMenuxx { margin-bottom: 10px; } .castmtab1 .frm-grp2 { margin-top: 0; } .editViewContainer table tbody tr:not(.lineItemTable tr) { width: 100%; } .lineItemTable tbody tr { white-space: nowrap; } .lineItemTable tbody tr:nth-child(1) { white-space: normal; } .lineItemRow .ui-autocomplete-input { width: calc(330px - 49px); } .lineItemTable:not(#lineItemResult) { overflow: auto; width: 100%; display: block; } .d-none-md { display: none; } .d-inline-md { display: inline; } .span7.summmry-left, .span5.summmry-rigth { width: 100% !important; margin-left: 0 !important; } #_settingsdiv_ .detailViewContainer { padding: 0 !important; } #_settingsdiv_ { padding-top: 0 !important; } #calendarview { margin-top: -23px; } .blockUI.blockMsg.blockPage { width: 90% !important; } .reportContents .cancelLink { height: 28px; line-height: 28px; } .block .backStep { height: 28px; } .crumbs li::after { left: 89px; } .row-fluid.padding1per.sortFieldRow .span6 .row-fluid .span6 { width: 100%; } .crumbs .step { margin: 0 5px; width: 160px; } .dthdrsec-center .btn-group { margin: 0 5px 5px 0 !important; } .mainContainer.row-fluid>.span2.row-fluid~.contentsDiv.span10.marginLeftZero .container-fluid { padding: 0 !important; } .span10.details~.related.span2 { width: 100%; padding-left: 0; } .detailViewInfo .contents { min-height: auto; } #lineItemTab.table .lineItemRow td:nth-child(2) { min-width: 330px; } #calendarview-feeds { display: flex; flex-wrap: wrap; } #calendarview-feeds .addedCalendars { width: 33.33%; box-sizing: border-box; } .EmailTemplates-List .spnCentr { display: none; } .EmailTemplates-List .spnRight { margin-top: 0 !important; } .recordDetails .squeezedWell .font-x-x-large { font-size: 14px; line-height: 14px; } .recordDetails .squeezedWell label.font-x-small { font-size: 9px; } .btn.changeDetailViewMode { font-size: 10px; } /* #inERPglobalchange start */ .editMailConvtr .crumbs li::after { left: 89px; } .chzn-container .chzn-results { text-align: left; } .chzn-container-single .chzn-single { text-align: left; } input[value="Workflows"]~div .editContainer .crumbs li::after { left: 89px; } .invoiceFilePopup .popheader-left { width: 52%; } .invoiceFilePopup .popheader-right { width: 48%; } .recordFilePopup .invsub > span { font-size: 10px; } .invoiceFilePopup .three_sections ~ .cs-row > .cs-col-7, .invoiceFilePopup .three_sections ~ .cs-row > .cs-col-5 { width: 100%; } /* #inERPglobalchange end */ /* Detail View Icons Css */ .relatedContents .listViewEntries td:last-child .actionImages a:first-child { display: none !important; } .relatedContents .listViewEntries td:last-child .actionImages a:first-child { display: none !important; } .relatedContents .listViewEntries td:last-child .actionImages a { height: 25px !important; width: 25px !important; } } /*** 991end ***/ @media screen and (max-width:767px) { .sidebar-main { z-index: 11; } .right-pos { display: block; } .vd_panel-menu.right-pos { left: unset; right: 47px; } .vd_menu-search { margin-left: 0; margin-top: 14px; } .vd_container { /* display: none; */ margin-top: 0; } .vd_container.opn { margin-top: 0; } .mega-ul .mega-li { padding: 12px 3px 10px; } .prf .mega-name i { margin-top: 8px; } .nav-left-medium .sidebar-main { left: 0; } .nav-left-small .sidebar-main { left: 0; } .chzn-container { font-size: 11px; } .bodyContents { margin-top: 21px !important; padding-bottom: 0; } .sidebar-main { top: 123px; } .detailViewInfo .span10.details { width: 100%; border: 0; min-height: auto; padding-bottom: 0; } .related.span2.marginLeftZero { width: 100%; } .detailViewInfo.row-fluid { padding-bottom: 38px; } .equalSplit td, .showInlineTable td { display: block; float: left; width: 50% !important; box-sizing: border-box; } .showInlineTable td .row-fluid .span5 { width: 100% !important; margin-left: 0 !important; } #lineItemTab { overflow: auto; display: block; } .detailview-table th label, .detailview-table td label { margin-bottom: 0px; } .editViewContainer .contentHeader h3 { font-size: 16px; width: auto; } .emptyRecordsDiv td { font-size: 14px; } .vtFooter p { font-size: 12px; } .mainContainer.row-fluid>.span2 { width: 27%; } .mainContainer.row-fluid>.contentsDiv { width: 70%; } .settingsSummary .summaryCount { font-size: 30px !important; } .settingsSummary .summaryText { margin-top: 10px; } #settingsShortCutsContainer .row-fluid>.span3 { width: 100%; margin-left: 0%; margin-bottom: 15px; } .mailConveterDesc div, .mailConveterDesc a u { font-size: 12px !important; } .btn-toolbar.span4:nth-child(4), .btn-toolbar.span4:nth-child(3) { margin-top: -86px; } .reportHeader.row-fluid .btn { padding: 5px 5px; font-size: 13px; } .conditionGroup .header { margin-bottom: 10px; font-size: 12px; } .reportsDetailHeader .well { padding: 10px; } .contents .summaryView.row-fluid .recordDetails .span4.toggleViewByMode, .contents .summaryView.row-fluid .recordDetails .span8 { width: 100%; margin-left: 0; } .contents .summaryView.row-fluid .recordDetails .span8 .pull-right { float: left; } .detailViewInfo .related.span2 { margin-top: 0px; } .commn-brdcm { -webkit-margin-top: 0px; margin-top: 59px; } #EditView.form-horizontal>div .row-fluid>#profilename, #EditView.form-horizontal>div .row-fluid>.span8.fieldValue, #EditView.form-horizontal>div .row-fluid>.row-fluid.span9.fieldValue, #EditView.form-horizontal>div .row-fluid>.row-fluid.span8.fieldValue { width: 100%; margin-left: 0; box-sizing: border-box; } #EditView.form-horizontal>div .row-fluid>.span3, #EditView.form-horizontal>div .row-fluid>.span2 { width: 100%; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground .fieldValue.span12 .row-fluid.padding1per .span2, .mainContainer.row-fluid>.contentsDiv .profileDetailView .fieldLabel { width: 100%; } #EditView.form-horizontal .row-fluid.hide.padding20px.boxSizingBorderBox.contentsBackground .fieldValue.span12 .row-fluid.padding1per .span6, .mainContainer.row-fluid>.contentsDiv .profileDetailView .fieldValue { width: 100%; margin-left: 0; } #EditView.form-horizontal .summaryWidgetContainer label.checkbox span { margin-left: 10px !important; } #EditView.form-horizontal .table.table-bordered.profilesEditView, .mainContainer.row-fluid>.contentsDiv .profileDetailView .table.table-striped.table-bordered, #EditSharingAccess .table.table-bordered.table-condensed.sharingAccessDetails { width: 100%; overflow: auto; display: block; } #EditView.form-horizontal>div .row-fluid>.row-fluid.span9.fieldValue div.span, #EditView.form-horizontal>div .row-fluid>.row-fluid.span8.fieldValue div.span { margin-left: 0; margin-bottom: 5px; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span8 { width: 100%; text-align: center; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 { width: 100%; margin-left: 0; text-align: center; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 .pull-right { float: none; text-align: center; } .contentsDiv.span10.marginLeftZero .span4.btn-toolbar { margin-top: 0; } .modal { width: 320px; } #TaxCalculationsContainer .contents.row-fluid.paddingTop20>.span6 { width: 100%; margin-left: 0; margin-bottom: 15px; } .blockUI.blockMsg.blockPage { width: 95% !important; } #moduleManagerContents .equalSplit td { width: 100% !important; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 .pull-right { width: 100%; display: block; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6 { width: 100%; margin-left: 0; } #relatedTabOrder .relatedTabModulesList .relatedListContainer .row-fluid .span2 { width: 100%; margin-bottom: 15px; } #relatedTabOrder .relatedTabModulesList .relatedListContainer .row-fluid .span10, #relatedTabOrder .relatedTabModulesList .relatedListContainer .row-fluid .span10 .span5, #relatedTabOrder .relatedTabModulesList .relatedListContainer .row-fluid .span10 .span7, #relatedTabOrder .relatedTabModulesList .relatedListContainer .row-fluid .span4, #relatedTabOrder .relatedTabModulesList .relatedListContainer .row-fluid .span6 { width: 100%; margin-left: 0; } #relatedTabOrder .relatedTabModulesList .relatedListContainer .row-fluid .span10 .span7 { padding: 0 !important; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6.marginLeftZero { width: auto; } #mailBoxEditView .addMailBoxStep .control-label { width: 100%; padding-top: 0; text-align: left; } #mailBoxEditView .addMailBoxStep .controls { margin-left: 0; } .workFlowContents .padding1per { padding: 15px; } #workflow_step1.form-horizontal .control-label { width: 100%; padding-top: 0; text-align: left; margin-bottom: 10px; } #workflow_step1.form-horizontal .controls { margin-left: 0; } #currency_class .table.table-bordered { display: block; overflow: auto; } .contentHeader.row-fluid .span8.font-x-x-large.textOverflowEllipsis { font-size: 14px; } .recordEditView .fieldValue .span4.conditionRow .chzn-container { max-width: 100%; width: 100% !important; } .btn-toolbar.span4, .btn-toolbar.span4:nth-child(1) { width: 53%; } .mainContainer.row-fluid>.contentsDiv h3 { font-size: 14px; } .row-fluid.padding1per.sortFieldRow .span6 .row-fluid .span6 { width: 100%; } .well.padding1per.contentsBackground .row-fluid.block.padding1per .padding1per .table.table-bordered.CalculationFields { display: block; overflow: auto; } #rightPanel { padding-bottom: 45px; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 .icon-refresh.pull-right.totalNumberOfRecords.cursorPointer { width: 16px; display: inline-block; } .controls.pushDown .span3.collectiveGroupMembers { width: 100%; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .btn-toolbar.span4 .icon-refresh.pull-right.totalNumberOfRecords.cursorPointer.hide { display: none; } #calendarview .fc-header-left, #calendarview .fc-header-right { width: 100%; } #calendarview .fc-header-right { margin-top: var(--space); } #calendarview .fc-header-left { text-align: center; } #calendarview .fc-header-right .pull-left { float: left; margin-left: 0; } .massEditTable.table.table-bordered td { display: block; float: left; width: 50%; box-sizing: border-box; } #CalendarSettings .row-fluid .span10 { width: 100% !important; margin-left: 0 !important; } .calendarSettingsContainer { width: 100%; } .pull-right.groupMembersColors .liStyleNone { margin-left: 0; } .pull-right.groupMembersColors { float: left; margin-bottom: 0; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .row-fluid.users-min .btn-toolbar.span4 { width: 100%; margin-top: 0px; text-align: center; } .bodyContents .mainContainer.row-fluid .contentsDiv.span10.marginLeftZero .row-fluid.users-min .btn-toolbar.span4:nth-child(1) { margin-top: 7px; } .cstmmdlchsrli { width: 49% !important; } .mainContainer { margin-top: 0; } .bodyContents, .nav-left-small .bodyContents, .nav-left-medium .bodyContents { width: 100%; } .e-footer-inr { width: 100%; text-align: center !important; } .colpse-bar { display: none; } .sidebar-main { top: 123px; left: -240px; } .deflt_view .sidebar-main { left: 0; } .vd_panel-menu.visible-xs { display: block; } .vd_panel-header { padding: 0px 10px; } .vd_container { padding: 0px 10px; } .az-body-sidebar .az-content-header { padding: 20px 10px; } .vd_panel-menu { left: 10px; } .cstm-repot .dropdown-menu.widgetContainer { min-width: auto !important; left: unset !important; right: 10px !important; width: 480px !important; } .cstm-repot .datebasedreport, .cstm-repot .dateindependentreport, .cstm-repot .gotoreportsmodule { width: 50% !important; padding: 5px 0px 5px 5px !important; } .az-sidebar-loggedin.user-info { padding: 15px 20px 10px; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar .chzn-container { width: 100% !important; } #OutgoingServerForm .widget_header.row-fluid .span8, #ConfigEditorForm .widget_header.row-fluid .span8 { width: 65%; } #OutgoingServerForm .widget_header.row-fluid .span4, #ConfigEditorForm .widget_header.row-fluid .span4 { width: 35% !important; } #OutgoingServerForm .widget_header.row-fluid .span8 { font-size: 10px; } #OutgoingServerForm .widget_header.row-fluid .span4.btn-toolbar, #ConfigEditorForm .span4.btn-toolbar { margin-left: 0 !important; } .vd_panel-header { width: calc(100% - 320px); } .vd_container { width: 320px; } .vd_panel-header .breadcrumb { display: none; } /*#topMenus.new_sidebar { left: -75px; }*/ .vd_panel-menu.sideMenu-btn { display: block; } .e-footer-inr.f-left, .e-footer-inr.f-right { width: 100%; } #topMenus.new_sidebar.new_sidebarShow { left: 0; } .megaMenu { width: 100%; } .cancelLink { height: 28px; line-height: 26px; } .addMailBoxStep input { margin-bottom: 0 !important; } .selectModulePopup .crmpopUp-main-bdy { width: 96%; } #myshortcutcntnt .echmodnm { font-size: 11px; } .clgcurtain1lsd-inr h1 { font-size: 22px; } .mega-ul .mega-li { margin: 9px 0px 9px 5px !important; } /*.header-1 .vd_panel-menu { margin: 9px 0px 9px 3px !important; }*/ /*.logo img { max-width: 100%; height: 24px; position: relative; top: 9px; }*/ .megaMenu { right: 0px; } .e-footer { padding-top: 4px; padding-bottom: 4px; } .vtFooter p { font-size: 10px; line-height: 13px; } .reportdatepopup-second .tm_shape_bg.tm_accent_bg.tm_mobile_hide { width: calc(100% - 0px); right: 0; transform: skewX(0deg); } .reportdatepopup-second .popheader-right .invoice_large_size { font-size: 14px; line-height: 18px; margin: -5px 0 -2px; } .repornPopmainBtns { width: 215px; } .repornPopmainBtns .btnInr { width: 60px; height: 50px; padding: 0 5px; margin-top: 0; } .repornPopmainBtns .btnInr button i { font-size: 20px; } .reportdatepopup-second .invoice_sublarge_size .sublrgItm { font-size: 10px; } .reportdatepopup-second .table2 td, .reportdatepopup-second .table2 th { font-size: 11px; } .megaMenu .sub-menu .list-unstyled { font-size: 11px; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tr th i { font-size: 13px; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tbody tr { width: 100%; } .detailViewInfo #detailView table.detailview-table:not(.table-bordered.mergeTables) tbody tr td, .detailViewInfo #detailView .summary-table tbody tr td { width: 50% !important; } .detailViewInfo #detailView tbody tr td:nth-child(1) { order: 1; } .detailViewInfo #detailView tbody tr td:nth-child(2) { order: 3; } .detailViewInfo #detailView tbody tr td:nth-child(3) { order: 1; } .detailViewInfo #detailView tbody tr td:nth-child(4) { order: 3; } .detailViewInfo #detailView .table.table-bordered.mergeTables { white-space: nowrap; overflow: auto; display: block; } .detailViewInfo #detailView td.fieldValue .value, .detailViewInfo #detailView .summary-table td.fieldValue .value { font-size: 12px; } .detailshdrSec-left>.row-fluid { display: flex; flex-wrap: wrap; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 { width: calc(100% - 220px); text-align: right; justify-content: end; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 .detailViewButtoncontainer { margin-left: 0; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 .detailViewButtoncontainer { margin-top: 0px; } .detailViewContainer .row-fluid.detailViewTitle { max-height: unset; } .duplicacychecktbl { display: flex; flex-wrap: wrap; } .duplicacychecktbl tbody, .duplicacychecktbl tr, .duplicacychecktbl td, .duplicacychecktbl th { display: flex; flex-wrap: wrap; width: 100%; } .duplicacychecktbl .impnote { display: block; width: 100%; } .importPdt-popUp #duplicacycheckmultiselect { margin: 0 auto 10px; } #duplicacycheckdiv { overflow: auto; max-height: calc(100vh - 150px); } .cstm-compantTab .nav-tabs.nav-justified>li { width: 20%; } .slctUl li { width: 50%; } .pageNumbers.alignTop .bi { width: auto !important; display: inline !important; } .shortcutPopup .notifyList-main { min-width: 340px; left: -99px; } .shortcutPopup .notifyList-main::after, .shortcutPopup .notifyList-main::before { right: auto; left: 106px; } .announcementPopup .notifi-bx { min-width: 340px; left: -134px; } .announcementPopup .notifi-bx::after, .announcementPopup .notifi-bx::before { right: auto; left: 142px; } #notificationsBtn .dropdown-menu.pull-right { right: -15px; } .castmtab7 .manageIocn-item { width: 25%; } .castmtab6 .manageIocn-item { width: 25%; } .mb-3-sm { margin-bottom: var(--space); } .castmtab5 .manageIocn-item { width: 25%; } .manageLayout_pop .barcodeCap { color: var(--primary); } .editViewContainer table tbody tr { width: 100%; } .dthdrsec-left { width: 100% !important; } .dthdrsec-center { width: 100% !important; justify-content: start !important; margin-top: 5px !important; } .dthdrsec-center .btn { height: 28px; } .lineItemRow .ui-autocomplete-input { width: calc(170px - 49px); } #_settingsdiv_ .editViewContainer table tbody tr:not(.lineItemTable tr) { width: 50%; } .fc-header-title h2 { font-size: 13px; } .colorpicker { width: 297px !important; } .selectedViewModule~.control-group .controls, .selectedViewModule~.control-label { width: 100% !important; margin: 0 0 5px; padding-top: 0 !important; } .crumbs .step { width: 134px; } .crumbs li::after { display: none; } #report_step1 .well.contentsBackground .span3, #report_step1 .well.contentsBackground .span7 { width: 100%; margin-left: 0 !important; width: 100% !important; margin-bottom: 5px; line-height: 1; } #report_step1 .well.contentsBackground .span7{ margin-bottom: 0 !important; } .crumbs { height: auto; } .crumbs .step { width: 33.33%; border: 0 !important; height: 40px !important; float: none; background: var(--crumbs-arrow-bg); padding: 6px 5px; border-radius: 3px; box-shadow: none; } .crumbs li a { margin-top: 0; } .crumbs.marginLeftZero li.step.active, .crumbs.marginLeftZero li.step:hover { color: #fff; background: var(--crumbs-arrow-bg-active); } .crumbs li .stepNum { display: block; } .reportContents .cancelLink { line-height: 26px; } #myPrefHeading h3, #EditView .contentHeader h3 { margin-bottom: 0px; font-size: 15px; } .cancelLink[type="reset"] { font-size: 11px !important; } .detailViewInfo #detailView .summmry-left table.detailview-table:not(.table-bordered.mergeTables) tbody tr td, .detailViewInfo #detailView .summmry-left .summary-table tbody tr td { width: 100% !important; } .popupContainer.row-fluid .logo img { height: auto; top: 0; } .popupContainer.row-fluid .logo { margin: 0; } .popupContainer b { margin: 2px 0; font-size: 16px; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 .detailViewButtoncontainer { text-align: left; } #myshortcutcntnt .echmodnm, #myshortcutcntnttop .echmodnmtop { width: calc(50% - 10px); font-size: 11px; } .reportdatepopup-second .crmpopUpcls { top: -10px; right: -2px; width: 20px; height: 20px; line-height: 20px; font-size: 13px; } .reportdatepopup-second .crmpopUpcls i { top: -1px; left: 0px; } #EditView.form-horizontal[name="EditProfile"]>div.widget_header.row-fluid .span8 { width: 55%; } #EditView.form-horizontal[name="EditProfile"]>div.widget_header.row-fluid .span4.btn-toolbar { width: 45% !important; margin: 0; padding-left: 5px; box-sizing: border-box; } form[name="importBasic"] .searchUIBasic, form[name="importBasic"] .searchUIBasic tr, form[name="importBasic"] .searchUIBasic td, form[name="importBasic"] .searchUIBasic tbody, form[name="importBasic"] .searchUIBasic thead { display: flex; width: 100%; flex-wrap: wrap; } #lineItemTab.table .lineItemRow td:nth-child(2) { min-width: 170px; } #chart_report_step3 .nav-tabs a { font-size: 10px; } #chart_report_step3 .tab-content.contentsBackground div .span4,#chart_report_step3 .tab-content.contentsBackground div .span2 { width: 100% !important; margin-left: 0; } /*.new_sidebar .menuBar.row-fluid .span9 { height: calc(100% - 104px) !important; }*/ .new_sidebar .largenv { height: calc(100vh - 150px); overflow: auto; } .largenv.btmul-nv { height: auto; } .EmailTemplates-List .btn-toolbar { width: 50% !important; } .editViewContainer table tbody td.fieldValue input[type="text"],.editViewContainer table tbody td.fieldValue input[type="password"], .editViewContainer table tbody td.fieldValue .ui-autocomplete-input,.editViewContainer table tbody td.fieldValue textarea,.editViewContainer table tbody td.fieldValue .uneditable-input { font-size: 11px; } .recordDetails .squeezedWell { width: calc(50% - 2px); } .recordDetails .squeezedWell label.font-x-small { font-size: 10px; } .recordDetails .squeezedWell .font-x-x-large { width: 100% !important; } .recordFilePopup .secHeading.paymentformh1.secHeading > span { display: block; width: 100%; margin-top: 5px; margin-bottom: 5px; } /* #inERPglobalchange start */ #customRecordNumbering .fieldValue.medium input { font-size: 11px; } .recordFilePopup .invoice_large_size { color: var(--value); text-align: left; } .recordFilePopup .invsub { color: var(--value); text-align: left; } .recordFilePopup.invoiceFilePopup .crmpopUpcls { color: var(--value); } .tm_shape_bg.tm_accent_bg.tm_mobile_hide { display: none; } .invoiceFilePopup .popheader-right { width: 100%; order: 1; } .invoiceFilePopup .popheader-left { width: 100%; order: 2; } .crmpopUpcurtain.invoiceFilePopup span.invoice_large_size { width: 50% !important; text-align: left !important; } .invsbtns .btn { font-size: 12px; } /* #inERPglobalchange end */ .imageUploadPopup .crmpopUp-main-bdy { width: 97%; } } /*** 767end ***/ @media screen and (max-width:549px) { .detailViewContainer .row-fluid>.span10, .detailViewContainer .row-fluid>.span10>.row-fluid>.span5 { width: 100%; } .detailViewContainer .row-fluid>.span2 { width: 100%; margin: 0; } .detailViewTitle .btn-toolbar { margin: 0; line-height: 10px; margin-bottom: 15px; } .font-x-x-large { line-height: 22px; float: left !important; width: auto !important; margin: 3px 0; } .detailViewTitle .detailViewButtoncontainer { margin-top: 0; } .btn-toolbar.span4 { width: 100%; text-align: center; } .listViewActions.pull-right { float: none; } .editViewContainer .contentHeader h3 { font-size: 14px; } .settingsIndexPage .settingsSummary { width: 100%; margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 15px; } .mainContainer.row-fluid>.span2 { width: 100%; min-height: auto !important; padding: 0 15px; box-sizing: border-box; } .mainContainer.row-fluid>.contentsDiv { width: 100%; min-height: auto !important; } .mainContainer.row-fluid #rightPanel.contentsDiv { min-height: 100vh !important; } .btn-toolbar.span4, .btn-toolbar.span4:nth-child(1) { width: 100%; } .btn-toolbar.span4:nth-child(4), .btn-toolbar.span4:nth-child(3) { margin-top: 0; } .detailViewContainer .row-fluid>.span10>.row-fluid>.span7 { margin: 0; width: 100%; } .detailViewContainer .row-fluid>.span10>.row-fluid>.span7>.detailViewButtoncontainer .btn-toolbar { margin-bottom: 0; } .detailViewTitle .detailViewButtoncontainer { float: left; } /*.btn, .imageDelete { padding: 4px 4px; font-size: 10px; }*/ #EditView .input-prepend.input-append input#reports_to_id_display { font-size: 10px; } .detailViewContainer .detailViewTitle.row-fluid>.span2 { width: auto; float: right; margin-top: -24px; } .detailViewContainer .row-fluid>.span10>.row-fluid>.span5>.row-fluid>.span8 { width: 90%; } #detailView .contents .span7, #detailView .contents .span5 { width: 100%; margin: 0; } .detailViewTitle .recordLabel { width: 100%; } .contents .summaryView.row-fluid .recordDetails .span4.toggleViewByMode, .contents .summaryView.row-fluid .recordDetails .span8 { width: 100%; margin-left: 0; } .contents .summaryView.row-fluid .recordDetails .span8 .pull-right { float: left; } #prefPageHeader .row-fluid>.span8 { width: 100%; margin-bottom: 15px; } #prefPageHeader .row-fluid>.span4 { width: 100%; margin-left: 0; } .detailViewInfo.userPreferences { margin-top: 0; } #prefPageHeader .row-fluid>.span4 .btn-toolbar.pull-right { float: left; } .fieldValue .value div.span4 { width: 100% !important; } #EditView .fieldValue.medium .row-fluid>span.span8 { max-width: 55px; } .equalSplit td:nth-child(2n+1) { font-size: 11px; } #ConfigEditorDetails { padding-bottom: 45px; } #customRecordNumbering td .pull-right { float: left; } #customRecordNumbering tbody, #customRecordNumbering tr, #customRecordNumbering td, #CompanyDetailsContainer tbody, #CompanyDetailsContainer tr, #CompanyDetailsContainer td, #CompanyDetailsContainer th, #moduleManagerContents tbody, #moduleManagerContents tr, #moduleManagerContents td { float: left; width: 100% !important; display: block; box-sizing: border-box; text-align: left !important; } #OutgoingServerDetails .contents.row-fluid { padding-bottom: 45px; } .contentsDiv>.container-fluid { padding-bottom: 45px !important; } #CompanyDetailsContainer tbody td label { float: left !important; margin-bottom: 0; } .commn-brdcm .breadcrumb { max-width: 210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #updateCompanyDetailsForm.form-horizontal .control-label { width: 100%; text-align: left; margin-bottom: 0; padding-top: 0; padding-left: 0; } #updateCompanyDetailsForm .controls input, #updateCompanyDetailsForm.form-horizontal textarea { margin: 0; } #updateCompanyDetailsForm.form-horizontal .controls { width: 100%; margin-left: 0; float: left; } #updateCompanyDetailsForm.form-horizontal input[type="file"] { margin-bottom: 0; } #updateCompanyDetailsForm.form-horizontal .alert { margin-bottom: 15px; } #workflow_step2 .row-fluid>.span6 { width: 100%; margin-left: 0; margin-bottom: 10px; } .detailViewTitle .span7 .pull-right.detailViewButtoncontainer { float: right; } .detailViewTitle .span7 .pull-right.detailViewButtoncontainer .btn-toolbar { margin-bottom: 0; } label, input, button, select, textarea { font-size: 12px; } .quickLinksDiv p.selectedQuickLink a::after { display: none; } .quickLinksDiv p { padding: 10px 0 0 10px; } .detailViewContainer .detailViewTitle.row-fluid>.span2.detailViewPagingButton { float: left; margin-top: -24px; } .cstmmdlchsrli { width: 100% !important; margin: 0.5% 0 !important; } .vd_menu-search { width: calc(100% - 140px); padding-left: 5px; } .srchmain { width: calc(100% - 125px); } .select-search { width: 125px; } .cstm-repot .dropdown-menu.widgetContainer { width: 300px !important; max-height: 410px; overflow: auto; } .cstm-repot .datebasedreport, .cstm-repot .dateindependentreport, .cstm-repot .gotoreportsmodule { width: 100% !important; } .detailViewContainer .detailViewTitle.row-fluid>.span2.detailViewPagingButton { float: right; margin-top: -57px; } .pull-right.detailViewButtoncontainer .btn-group+.btn-group { margin-left: 2px; } .row-fluid.detailViewTitle>.span2.detailViewPagingButton { top: -56px; margin-top: 0 !important; } td.fieldValue.medium #imageContainer { max-width: 65px; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar { width: 44%; text-align: left; } .mainContainer.row-fluid>.contentsDiv.span10.marginLeftZero .container-fluid .row-fluid>.span8.btn-toolbar~.span4.btn-toolbar { width: 56% !important; text-align: right; } .equalSplit td, .showInlineTable td { width: 40% !important; } .equalSplit td:nth-child(2n+1) { width: 60% !important; } .mega-ul .mega-li { margin: 9px 0px 9px 3px !important; } /* #inERPglobalchange start */ .vd_panel-header { width: calc(100% - 290px); padding-right: 0; } .vd_container { width: 290px; } .mega-ul .mega-li { width: 30px; } /* #inERPglobalchange end */ /*.header-1 .vd_panel-menu { margin: 9px 6px 9px 0px !important; width: auto; }*/ /*.vd_panel-header .logo img { height: 17px; top: 3px; }*/ /*.vd_panel-header .logo { margin: 14px auto; display: none; }*/ /*.vd_panel-menu { left: 0; }*/ .vd_menu-search.searchElements { width: calc(100% - 20px); } #page .bodyContents { margin-top: 50px !important; } .row-fluid.layoutBlockHeader .blockLabel.span5.padding10.marginLeftZero { width: 100%; box-sizing: border-box; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6.marginLeftZero { width: 100%; } #layoutEditorContainer .tab-content.layoutContent .blockSortable .row-fluid>.span6.marginLeftZero .pull-right.btn-toolbar.blockActions { float: left; } #customRecordNumbering td label { line-height: normal; } #TaxCalculationsContainer .inventoryTaxTable { overflow: auto; max-width: 100%; display: block; } #ConfigEditorDetails tbody, #ConfigEditorDetails tr, #ConfigEditorDetails td, #ConfigEditorDetails th { float: left; width: 100% !important; display: block; box-sizing: border-box; text-align: left !important; } .header-1 .vd_panel-menu i { font-size: 19px !important; } .clgcurtain1lsd-inr h1 { font-size: 16px; } .repornPopmainBtns { width: 140px; } .repornPopmainBtns .btnInr { width: 40px; height: 31px; padding: 0 5px; margin-top: 7px; } .repornPopmainBtns .btnInr button i { font-size: 16px; } .megaMenu h6.mega-mnu-hd { font-size: 11px; } .slctUl.forinvLay li { width: 100%; } .cstm-compantTab .nav-tabs.nav-justified>li { width: 30%; } .row-fluid.detailViewTitle>.span10 .row-fluid>.span7 { justify-content: start; margin-top: 8px !important; } .comsettIcons li { font-size: 17px; } .comsettHeading { font-size: 12px; } .castmtab6 .manageIocn-item { width: 33.3333%; } .castmtab5 .manageIocn-item { width: 33.3333%; } .castmtab4 .manageIocn-item { width: 33.3333%; } .dthdrsec-center .btn { padding-left: 3px; padding-right: 3px; } .related .list-vw-drp { max-width: 280px; } .mainContainer.row-fluid>.contentsDiv h3:not(.drp-headng) { font-size: 15px; } .castmtab3 .manageIocn-item { width: 20%; } .row-fluid.padding1per.sortFieldRow .span6 .row-fluid .span6 { font-size: 9px; } .popupContainer.row-fluid .logo img { max-height: 25px; width: auto; } .popupContainer b { margin: 0px 0; font-size: 14px; } #popupPageContainer .paddingLeftRight10px > .row-fluid:last-child .span6 { width: calc(100% - 60px) !important; text-align: center; } .row-fluid.popUp_header { margin-top: 10px; } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span4 { width: 100%; margin-left: 0; } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span4 .popupPaging .span3 { width: 100% !important; display: flex; justify-content: center; margin-top: 10px; } #popupPageContainer .paddingLeftRight10px>.row-fluid:last-child .span4 .popupPaging .span3 .alignBottom { position: relative; top: -4px; } #popupPageContainer .pageNumbers { margin-top: 9px; } #userPageHeader.detailViewTitle .row-fluid>.span8 .row-fluid.marginLeftZero { display: flex; } .exportContents .span6.textAlignRight.row-fluid { width: 100%; text-align: left; } .exportContents .span6.textAlignRight.row-fluid ~ .redColor { position: relative; top: -4px; left: -6px; } .popupContainer .chzn-container-single .chzn-single div b { left: 0px; } .quickCreateContent .fieldLabel label { font-size: 10px; } .detailViewButtoncontainer .btn-toolbar .btn.dropdown-toggle i { top: 3.5px; } .reportHeadr .btn-toolbar { width: 100% !important; justify-content: center !important; } #chart_report_step3 .nav-tabs a { white-space: nowrap; } #chart_report_step3 .nav.nav-tabs { display: flex; flex-wrap: nowrap; overflow: auto; } #chart_report_step3 .nav-tabs > li { width: 38%; flex: 0 0 auto; } #calendarview-feeds .addedCalendars { width: 50%; } #_settingsdiv_ .editViewContainer table tbody tr:not(.lineItemTable tr) { width: 100%; } .listViewActions .pageNumbers .totalNumberOfRecords { position: relative; top: -1px; } .EmailTemplates-List .btn-toolbar { width: 100% !important; display: flex; justify-content: center; } .EmailTemplates-List .spnCentr { display: none !important; } .crmpopUpcurtain.generateBarCodePopUp .crmpopUp-main-bdy { width: 340px; } .summaryWidgetContainer .widget_header .span9 .span7 { width: 57% !important; } /* #inERPglobalchange start */ .settingHeader .hLeft { width: 100% !important; text-align: center !important; } .settingHeader .hRight { margin-left: 0 !important; width: 100% !important; background: none; } .settingHeader .hRight .listViewActions { text-align: center; } .settingHeader.Picklist .hRight { justify-content: center; display: flex; } .settingHeader.Picklist .hRight .listViewActions { text-align: unset; } .settingHeader.Picklist .hLeft { text-align: center !important; } .settingHeader.Outgoing.Server .hRight { margin-top: var(--space); display: flex; justify-content: center; margin-bottom: 0; } .settingHeader.Outgoing.Server .hLeft { width: 50% !important; text-align: left !important; } #OutgoingServerDetails .settingHeader.Outgoing.Server .hRight { margin-top: 0; justify-content: end; } .settingHeader.Configuration .hRight { margin-top: var(--space); margin-bottom: 0; justify-content: center; display: flex; } .invoiceFilePopup .three_sections ~ .cs-row > .cs-col-12:last-child > .cs-row .cs-col-6 { width: 100%; order: 2; } .invoiceFilePopup .three_sections ~ .cs-row > .cs-col-12:last-child > .cs-row .cs-col-6:last-child { order: 1; } /* #inERPglobalchange end */ #layoutEditorContainer div.select2 { width: 160px !important; } } /*** 549end ***/ @media screen and (max-width:420px) { #myshortcutcntnt .echmodnm { font-size: 10px; } } /*** 420end ***/ /* Side Bar Styles For Width Adjust */ @media screen and (max-width:1100px) { body.sidebar-collapsed #topMenus.new_sidebar { width: 0; } } /* Add/Edit View New Style */ #EditView .contentHeader .edtRight, #EditView .pull-right { display: flex; justify-content: end; } #EditView .contentHeader button, #EditView .contentHeader a, #EditView .pull-right button, #EditView .pull-right a { padding-inline: 10px; border-radius: 8px !important; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 767px) { .editViewContainer table:not(.lineItemTable) tbody td:nth-child(1) { order: unset !important; } .editViewContainer table tbody td:not(.lineItemTable td) { width: 100% !important; } .editViewContainer table:not(.lineItemTable) tbody td:nth-child(2) { order: unset !important; } .editViewContainer table:not(.lineItemTable) tbody td:nth-child(3) { order: unset !important; } .editViewContainer table:not(.lineItemTable) tbody td { order: unset !important; } .editViewContainer table:not(.lineItemTable) tbody td.fieldValue.edit-fld { margin-bottom: 10px; } }