/** * All of the CSS for your admin-specific functionality should be * included in this file. */ :root { --onecom-green: #76B82A; --onecom-light-green: #EAF4DF; --onecom-blue: #0078C8; --onecom-red: #D20019; --onecom-dark: #3C3C3C; --onecom-light-grey: #8A8989; --onecom-disabled-grey: #BBBBBB; --onecom-pink-background: #FBE6E8; --onecom-modal-bg: #E5E5E5; --onecom-card-bg:#FFFFFF; } #ocvm-parent-wrap *{ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } #ocvm-parent-wrap input:focus, #ocvm-parent-wrap a { outline: none !important; box-shadow:none !important; } #ocvm-parent-wrap .one_wrap { font-family: 'Open Sans',sans-serif; } .wrap.ocvm-wrap { margin:0; } #ocvm-parent-wrap .one_wrap a { cursor: pointer; color: var(--onecom-blue); text-decoration: none; border: 0; } #ocvm-parent-wrap .onecom_head, #ocvm-parent-wrap .onecom_head_right { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #ocvm-parent-wrap .onecom_head { margin: 40px 0 0 0; } #ocvm-parent-wrap .onecom_heading { font-size: 32px; font-style: normal; font-weight: 600; line-height: 40px; letter-spacing: -0.6px; color: var(--onecom-dark); margin: 40px 0 16px 0; } #ocvm-parent-wrap .onecom_description, #ocvm-parent-wrap .ocvm-desc, #ocvm-parent-wrap .onecom_subheading, #ocvm-parent-wrap .onecom_card_title, #ocvm-parent-wrap .oc-fix-button, #ocvm-parent-wrap .oc-mark-resolved, #ocvm-parent-wrap .oc-mark-dismiss, #ocvm-parent-wrap .ocvm-scan-title, #ocvm-parent-wrap button.ocvm-open-modal, #ocvm-parent-wrap .onecom_status__heading, #ocvm-parent-wrap .onecom_unignore, #ocvm-parent-wrap .one_wrap p { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-transform: initial; } #ocvm-parent-wrap .onecom_description{ margin-bottom: 0; } #ocvm-parent-wrap .onecom_description, #ocvm-parent-wrap .ocvm-desc { font-style: normal; color: var(--onecom-dark); margin-top: 0; } #ocvm-parent-wrap .onecom_subheading { font-weight: 600; color: var(--onecom-green); margin-left: 8px; } #ocvm-parent-wrap .onecom_subheading_lite { color: var(--onecom-light-grey); } #ocvm-parent-wrap .onecom_head__inner { flex: 0.45; align-items: center; } #ocvm-parent-wrap .onecom_info_icon { vertical-align: middle; margin: 5px 0 5px 8px; cursor: pointer; } #ocvm-parent-wrap .onecom_card_title { display: flex; font-weight: 600; color: var(--onecom-dark); } #ocvm-parent-wrap .onecom_body { margin-top: 20px; } #ocvm-parent-wrap .onecom_hr { border-bottom: 1px solid #CECECE; padding-top: 1px; } #ocvm-parent-wrap .onecom_tabs_panels { margin: 24px 0 0 0; } #ocvm-parent-wrap .onecom_tab { display: inline-block; height: 40px; padding: 0 24px; position: relative; /* top: 2px; */ cursor: pointer; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0px; color: var(--onecom-light-grey); border-bottom: 1px solid #E5E5E5; margin-bottom: -1px; } #ocvm-parent-wrap .onecom_tab.active { color: var(--onecom-dark); } #ocvm-parent-wrap .onecom_tab.active { border-bottom: 1px solid var(--onecom-dark); margin-bottom: -1px; } #ocvm-parent-wrap .onecom_tab .count { margin-left: 8px; display: inline-block; background: #fff; border-radius: 16px; width: 34px; text-align: center; height:24px; } #ocvm-parent-wrap .oc_hidden { display: none; } #ocvm-parent-wrap .ocvm-bullet { background-color: #F7F7F7; padding: 0 28px; margin: 8px 0; border-left: 4px solid #D20019; } #ocvm-parent-wrap .ocvm-bullet.vm_severity_low { border-left: 4px solid #FF8603; } #ocvm-parent-wrap .ocvm-bullet.vm_severity_medium { border-left: 4px solid #E85E0F; } #ocvm-parent-wrap .ocvm-bullet.vm_severity_high { border-left: 4px solid #F0001E; } .h-parent{ width:100%; position: relative; overflow-x: scroll !important; overflow-y: hidden; white-space: nowrap; } /* Hide scrollbar for Chrome, Safari and Opera */ .h-parent::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .h-parent { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .h-child{ width: max-content; white-space: nowrap; overflow-y: hidden; min-width: 100%; } .h-parent .onecom_tabs_container { border-bottom: 1px solid #E5E5E5; } .h-parent-wrap { position: relative; width: 100%; } /* Need separate CSS to menu scroll for touch or mobile devices https://ferie.medium.com/detect-a-touch-device-with-only-css-9f8e30fa1134 */ @media (hover: none) and (pointer: coarse) { .h-child{ width: 100%; overflow-x: scroll; background: transparent; /* Optional: just make scrollbar invisible */ -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .h-child::-webkit-scrollbar { display: none; /* Safari and Chrome */ } } /* Radio button styling*/ #ocvm-parent-wrap .fieldset label { font-style: normal; font-weight: 600; font-size: 16px; line-height: 34px; color: var(--onecom-dark); -webkit-font-smoothing: antialiased; display:block; } #ocvm-parent-wrap .oc_cb_switch { position: relative; display: inline-block; width: 44px; height: 24px; vertical-align: -5px; margin-right: 18px; } #ocvm-parent-wrap .oc_cb_switch input { opacity: 0; width: 0; height: 0; } .allpageNotification { margin-top: 40px; } #ocvm-parent-wrap .one_wrap a.linkset { font-weight: 600; } #ocvm-parent-wrap .checkboxHelp { color: #8A8989; } #ocvm_otherEmailWrap { position: relative; max-width: 500px; width: 100%; } #ocvmForm .field-notes { max-width: 875px; width: 100%; margin-top: 32px; } #ocvmForm input[type="checkbox"], #ocvmForm input[type="radio"] { border: 1px solid #8c8f94; border-radius: 4px; background: #fff; color: #50575e; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 1rem; margin: -.25rem .25rem 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 1rem; min-width: 1rem; -webkit-appearance: none; transition: .05s border-color ease-in-out; } #ocvmForm input, #ocvmForm select { margin: 0 1px; } #ocvmForm input{ font-size: 14px; } #ocvmForm .oc_cb_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #666; border-radius: 100px; border: 1.3px solid #666; } #ocvmForm .oc_cb_slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; top: 3px; background-color: #fff; border-radius: 100px; } #ocvmForm .indentmargin{ margin-left: 0; } #ocvm-parent-wrap .oc_cb_switch.ocvmfloatLeft { float: left; } #ocvm_otherEmailWrap { position: relative; } #ocvm_otherEmailWrap span.oc_cb_spinner.spinner { position: absolute; right: -45px; top: 17px; } #ocvm-parent-wrap p.oc_desc { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #8A8989; margin-top: 10px; } #ocvmForm input[type=checkbox]:checked::before, #ocvmForm input[type=radio]:checked::before { float: left; display: inline-block; vertical-align: middle; width: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #ocvmForm input[type=checkbox]:checked + .oc_cb_slider { background-color: #76B82A; border: 1.3px solid #3C3C3C; } #ocvmForm input[type=checkbox]:checked + .oc_cb_slider:before { transform: translateX(19px); } /* Radio button styling End*/ /* square checkbox */ #ocvmForm label.squareCheckbox input[type="checkbox"] { width: 20px; height: 20px; -webkit-appearance: none; padding: 9px; position: relative; background: #FFF; border: 1.3px solid var(--onecom-dark); vertical-align: top; float: left; margin: 2px 18px 0 0; outline: 0; border-radius: 0; } #ocvmForm label.squareCheckbox input[type=checkbox]:checked { background: #76B82A; border: 1.3px solid var(--onecom-dark); box-sizing: border-box; } #ocvmForm label.squareCheckbox input[type=checkbox]:checked:after { content: url(../images/tick.svg); position: absolute; left: 3px; top: 4px; } #ocvm-parent-wrap #no_ocvm_vulneribilityFound { text-align: center; padding-top: 5px; min-height: 200px; padding-bottom:32px; } #no_ocvm_vulneribilityFound p { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-align: center; color: #8A8989; } #ocvmForm label.squareCheckbox input[type=checkbox]:checked:before { content: '' !important; } #ocvm-parent-wrap .errorEmail { color: var(--onecom-red) !important; } /* square checkbox end */ #ocvmForm .wrap-checkboxtext { font-size: 16px; line-height: 24px; color: var(--onecom-dark); width: 100%; text-align: left; display: table-cell; cursor: pointer; font-weight: 600; } #ocvmForm label.spacetopBottom { margin:26px 0; } #ocvmForm label.squareCheckbox.marginbtm { margin-bottom: 16px; } #ocvmForm label[for="ocvm_notifyme_when"] { margin-bottom: 18px; } #ocvmForm ul.tag-editor li { height: 32px; background: #EDEDED; border-radius: 16px; line-height: 32px; margin-right: 10px; padding: 0 5px; } #ocvmForm .tag-editor .tag-editor-tag{ background: #EDEDED; color:var(--onecom-dark); } #ocvmForm ul.tag-editor li:first-child { margin: 0; padding: 0; width: 0 !important; } #ocvmForm .tag-editor .tag-editor-delete { background: #EDEDED; padding:0 4px 0 4px; } #ocvmForm .tag-editor .tag-editor-delete i:before { color: var(--onecom-dark); } #ocvmForm label.textLabel { margin-bottom: 10px; } #ocvmForm label.textLabel input[type="text"] { width: 500px; height: 48px; left: 280px; top: 753px; background: #FFFFFF; border: 1px solid #CECECE; box-sizing: border-box; border-radius: 8px; } #ocvm_otherEmailWrap .tag-editor .placeholder { padding: 0; color: #8A8989; margin: 0; line-height: 38px; font-size: 16px; background: transparent; } #ocvm_otherEmailWrap .tag-editor{ max-width: 500px; min-height: 48px; height:auto; background: #FFFFFF; border: 1px solid #CECECE; box-sizing: border-box; border-radius: 8px; width: 100%; display: inherit; padding: 4px 16px 4px 12px; } #ocvmForm input[type="text"]::placeholder { height: 24px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #8A8989; } #ocvmForm span.textDesc { height: 22px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #8A8989; margin-top: 8px; display: inline-block; } #ocvmForm .field-notes ul { margin: 0 0 0 14px; list-style: decimal; } #ocvmForm .disabledSection { pointer-events: none; } #ocvmForm .field-notes ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--onecom-dark); } #ocvmForm .field-notes strong { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: var(--onecom-dark); } #ocvm-parent-wrap .ocvm_settings_wrap { padding-left: 20px; } #ocvm-parent-wrap .onecom_hm__notice { border: none; padding: 0; } #ocvm-parent-wrap .cardwrap{ padding: 24px 0; background: var(--onecom-card-bg); } #ocvm-parent-wrap ul.done .ocvm-bullet { border-left: 4px solid var(--onecom-green); } #ocvm-parent-wrap ul.ignored .ocvm-bullet { border-left: 4px solid var(--onecom-disabled-grey); } #ocvm-parent-wrap .onecom_ignored { padding: 24px; background: #fff; display: flex; align-items: center; justify-content: start; } #ocvm-parent-wrap ul .onecom_ignored { background: #E6F2FA; } #ocvm-parent-wrap .onecom_ignored p { margin: 0 0 0 30px; } #ocvm-parent-wrap ul.critical .ocvm-bullet { border-left: 4px solid var(--onecom-red); } #ocvm-parent-wrap .ocvm-scan-title { font-weight: 600; margin: 0; background-color: transparent !important; border: 0; color: var(--onecom-dark); padding: 0; } #ocvm-parent-wrap .onecom__scan-title-bg { max-width: 80%; display: inline-flex; background:none; } #ocvm-parent-wrap .ocvm-bullet:not(.expanded) .ocvm-desc-wrap{ display: none; } #ocvm-parent-wrap h3.onecom_status__heading { font-weight: 600; } #ocvm-parent-wrap .onecom_status__wrap { margin: 40px 0; } #ocvm-parent-wrap .onecom_status__inner { padding: 24px; background-color: #F7E7EF; } #ocvm-parent-wrap .onecom_status__inner .ocvm-desc-li { margin: 40px 0 0 0; list-style: disc inside; } #ocvm-parent-wrap .one_wrap a.oc-mark-resolved, #ocvm-parent-wrap .one_wrap a.onecom_unignore{ color: #8A8989; text-decoration: none; font-weight:600; } #ocvm-parent-wrap .one_wrap a.oc-mark-dismiss{ color: #0078C8; font-size: 14px; line-height: 17px; text-decoration: none; font-weight:600; } #ocvm-parent-wrap .ocvm-actions { padding: 24px 0 24px 0; } #ocvm-parent-wrap .ocvm-fix-wrap { display: inline-block; margin: 0 24px 0 0; } #ocvm-parent-wrap .ocvm-actions span { vertical-align: middle; display: inline-block; } #ocvm-parent-wrap .oc-fix-button, #ocvm-parent-wrap button.ocvm-open-modal { vertical-align: middle; background-color: var(--onecom-blue); color: #fff !important; border: none; padding: 9px 32px; border-radius: 100px; cursor: pointer; } #ocvm-parent-wrap .onecom_empty_list { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 118px 0 0 0; } #ocvm-parent-wrap .onecom_empty_list p { text-align: center; } #ocvm-parent-wrap .onecom_tag { font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 12px; line-height: 18px; letter-spacing: 0px; text-align: center; background-color: #FFFFFF; padding: 3px 8px; border-radius: 4px; margin: 0 8px 0 24px; letter-spacing: 0.4px; box-sizing: border-box; } #ocvm-parent-wrap .vm_severity_low .onecom_tag{ color: #FF8603; border: 1px solid #FF8603; } #ocvm-parent-wrap .vm_severity_medium .onecom_tag { color: #E85E0F; border: 1px solid #E85E0F; } #ocvm-parent-wrap .vm_severity_high .onecom_tag { color: #F0001E; border: 1px solid #F0001E; } #ocvm-parent-wrap .vm_severity_critical .onecom_tag { color: #D20019; border: 1px solid #D20019; } #ocvm-parent-wrap ul.critical .onecom_tag { background: var(--onecom-red); color: #fff; } #ocvm-parent-wrap .onecom__overview { margin: 0 0 24px 0; } #ocvm-parent-wrap .onecom__scan_content__wrap { margin: 24px 0 24px 0; padding: 24px; background-color: #FBE6E8; } #ocvm-parent-wrap .vm_severity_low .onecom__scan_content__wrap { background-color: #FFF3E6; } #ocvm-parent-wrap .vm_severity_medium .onecom__scan_content__wrap { background-color: #FDEFE7; } #ocvm-parent-wrap .onecom__scan_content__wrap ul{ list-style-type: disc; padding-left: 30px; } #ocvm-parent-wrap .onecom__scan_content__wrap ul li:not(:last-child){ margin: 0 0 15px 0; } #ocvm-parent-wrap .onecom__scan_content__wrap ul li:last-child{ margin-bottom: 0; } #ocvm-parent-wrap ul.done .onecom__scan_content__wrap { background-color: var(--onecom-light-green); } #ocvm-parent-wrap .onecom__fix_title { margin: 0 0 24px 0; } #ocvm-parent-wrap .ocvm-desc-li { margin: 40px 0 0 0; list-style: disc; list-style-position: inside; } #ocvm-parent-wrap li a.ocvm-delete-link { margin-left: 40px; color: var(--onecom-blue); } #ocvm-parent-wrap #oc_um_body ul { font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0px; } #ocvm-parent-wrap #oc_um_body ul li { margin: 16px 0; } /** Tooltip **/ #ocvm-parent-wrap .oc-tooltip { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } /* Tooltip text */ #ocvm-parent-wrap .oc-tooltip .tooltiptext { visibility: hidden; background-color: black; color: #fff; top: 100%; left: 50%; margin-left: -109px; position: absolute; z-index: 1; width: 203px; padding: 12px 16px; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0.2px; line-height: 14.63px; margin-top: -1px; /*font-family: "Montserrat";*/ } #ocvm-parent-wrap .onecom_up-arrow { margin-left: 8px; visibility: hidden; } /* Show the tooltip text when you mouse over the tooltip container */ #ocvm-parent-wrap .oc-tooltip:hover .tooltiptext, #ocvm-parent-wrap .oc-tooltip:hover .onecom_up-arrow { visibility: visible; } /** Tooltip End**/ /** Login masking notice style on 'Add User' page */ .user-new-php .onecom-notice p { max-width: 948px; } .user-new-php .onecom-notice a { text-decoration: none; } /** spinner **/ #ocvmForm .spinner { background: url(../images/spinner.gif) no-repeat; background-size: 20px 20px; display: inline-block; visibility: hidden; float: none; vertical-align: middle; opacity: 0.7; filter: alpha(opacity=70); width: 20px; height: 20px; margin: -4px 10px 0; } #ocvmForm .spinner.is-active{ visibility: visible; } #ocvmForm .spinner.oc_cb_spinner.success:not(.is-active){ background-image: url(../images/OK.svg); } #ocvmForm .spinner.oc_cb_spinner.error:not(.is-active){ background-image: url(../images/caution.svg); } #ocvmForm .spinner.oc_cb_spinner.success:not(.is-active), #ocvmForm .spinner.oc_cb_spinner.error:not(.is-active) { display: inline-block; visibility: visible; } /** spinner end **/ /** new plugin redesign changes */ div#no_ocvm_vulneribilityFound { text-align: center; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc { display: flex; align-items: center; justify-content: space-between; line-height: 18px; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc .onecom_description { margin-right: 24px; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc.setting_btn a { text-decoration: none; padding: 6px 24px; background: #0078C8; border-radius: 42px; font-size: 12px; color: #FFFFFF; margin: 7px 0; line-height: 18px; letter-spacing: 0.4px; display: inline-block; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc.setting_btn a.vm-secondary-btn { background: transparent; color: #0078C8; border: 1px solid #0078C8; margin-right: 24px; line-height: 16px; padding: 6px 23px; } .vm_desc.setting_btn .setting_btn_wrap { display: flex; } .upsell_vm_notification { background-color: #E6F2FA; display: inline-block; margin-top: 27px; margin-bottom: 0; width: 100%; } .vulnerabiltiy_lists_wrap .upsell_vm_notification p, #vm_history_log .upsell_vm_notification p { padding: 24px; font-family: 'Open Sans',sans-serif; font-style: normal; color: #3C3C3C; margin: 0; } .vulnerabiltiy_lists_wrap .upsell_vm_notification p::before, #vm_history_log .upsell_vm_notification p::before{ content: url(../images/power-to-mwp.svg); position: relative; top: 4px; margin-right: 18px; left: 4px; } #ocvm-parent-wrap .one_wrap .vm-upsell-mwp-link > p { font-family: 'Open Sans',sans-serif; font-style: normal; font-size: 14px; line-height: 22px; color: #3C3C3C; margin-top: 13px; margin-bottom: 0; } #ocvm-parent-wrap .one_wrap .vm-upsell-mwp-link > p::before { content: url(../images/smallpower-to-mwp.svg); position: relative; top: 2px; margin-right: 8px; left: 0; } .wrap-checkboxtext.lightVmLabel { color: #BBBBBB !important; } #ocvm-parent-wrap .back_to_vm { /* display: inline-block; margin-top: -10px; margin-bottom: 5px; */ } #ocvm-parent-wrap .back_to_vm a { width: 36px; height: 24px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #3C3C3C; } #ocvm-parent-wrap .back_to_vm a span { padding-left: 10px; } .ocvmSettings-divider { border: 1px solid #CECECE; margin-top: 15px; margin-bottom: 15px; } .onecom_card_value.none { color: #bbbbbb; } #ocvm-parent-wrap .vulnerabiltiy_lists { padding-top: 24px; } #ocvm-parent-wrap .oc-patchstack-powered { text-align: right; font-size: 12px; line-height: 20px; } #ocvm-parent-wrap .vulnerabiltiy_lists .one_wrap.wrap { margin-left: 0; margin-right: 0; } #ocvm-parent-wrap .back_to_vm a img, #ocvm-parent-wrap .back_to_vm a span{ vertical-align: middle; } div#no_ocvm_vulneribilityFound img { margin-bottom: 7px; } #settings .cardwrap.notifyMeCard { padding-top: 12px; padding-bottom:0; } #ocvmForm .notifyAdmin .wrap-checkboxtext { font-weight: 400; } #settings .cardwrap.notifyMeCard label:not(:first-child) .wrap-checkboxtext { font-weight: 400; } /* new plugin redesign changes */ /* ********************** VM history log style *********************** */ #vm-log-table { table-layout: fixed; } #vm-log-table .onecom_tag { margin: 0; } .ocvm_settings_wrap .vm-log-btn a { background-color: transparent; color: #000000; } #vm_history_log .vm-log-header { font-size: 18px; line-height: 28px; } #vm_history_log .vm-log-desc { font-size: 16px; line-height: 24px; margin-bottom: 16px; } #vm_history_log .vm-empty-vul-message { padding: 24px 16px; text-align: center; } #vm_history_log .vm-log-upgrade-msg { padding: 24px 16px; } #vm_history_log .upsell_vm_notification { margin-top: 16px; } #vm_history_log .vm-empty-table tbody, #vm_history_log .vm-empty-table .info-paginate-container, #vm_history_log .vm-empty-table .vm-sort-icon, #vm_history_log .dataTables_scrollBody .vm-sort-icon, #vm_history_log .non-mwp-package .info-paginate-container{ display: none; } #vm_history_log .vm-empty-table table.dataTable>thead>tr>th, #vm_history_log .vm-empty-table table.dataTable>thead>tr>td { border-bottom: none; } #vm_history_log .vm-empty-table table.dataTable thead>tr>th.sorting { cursor: default; } #vm-log-table .vm-fix-arrow { display: inline-block; width: 16px; /* Set the width and height according to your design */ height: 16px; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"%3E%3Cpath d="M10.5 4.51562L14 8.01562L10.5 11.5156" stroke="%233C3C3C" /%3E%3Cpath d="M14 8.01562L1 8.01562" stroke="%233C3C3C" /%3E%3C/svg%3E'); background-size: cover; margin: 0 8px 2px 8px; vertical-align: middle; } #vm_history_log .dataTables_length { display: none; } #vm-log-table .oc-vul-url a { text-decoration: underline; } .vm-log-container .paginate_button { font-size: 12px; } .vm-log-container .paginate_button i { width: 9px; height: 14px; background-repeat: no-repeat; background-size: 7px 13px; } .vm-log-container .vm_page_left_arrow { background-image: url(../images/left-arrow.svg); } .vm-log-container .vm_page_right_arrow { background: url(../images/right-arrow.svg); } .vm-log-container .dataTables_wrapper .dataTables_paginate { display: inline-flex; } .vm-log-container .dataTables_wrapper .dataTables_paginate .paginate_button { color: #3C3C3C; border-radius: 100px; width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; } .vm-log-container .dataTables_wrapper .dataTables_paginate span .paginate_button.current, .vm-log-container .dataTables_wrapper .dataTables_paginate span .paginate_button:hover { background: #D9EBF7; color: black !important; } .vm-log-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .vm-log-container .dataTables_wrapper .dataTables_paginate .paginate_button:active { background: transparent; } .vm-log-container .dataTables_wrapper .dataTables_paginate .paginate_button i, .vm-log-container .dataTables_wrapper .dataTables_paginate .paginate_button i:hover, .vm-log-container .dataTables_wrapper .dataTables_paginate .paginate_button i:active { background-color: initial; color: #3C3C3C; } .vm-log-container .info-paginate-container { background: #F7F7F7; display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; } .vm-log-container table.dataTable.no-footer { border-bottom: 1px solid #CECECE; } .vm-log-container table.dataTable.display>tbody>tr>td, .vm-log-container table.dataTable.display>tbody>tr>th { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 80px; } .dataTables_scrollBody::-webkit-scrollbar { display: none; } .vm-log-container table.dataTable>thead>tr>th, .vm-log-container table.dataTable>thead>tr>td { border-bottom: 1px solid #BBBBBB; } .vm-log-container table.dataTable thead th, .vm-log-container table.dataTable tfoot th { font-weight: 500; } .vm-log-container table.dataTable.row-border>tbody>tr>th, .vm-log-container table.dataTable.row-border>tbody>tr>td, .vm-log-container table.dataTable.display>tbody>tr>th, .vm-log-container table.dataTable.display>tbody>tr>td { border: none; } .vm-log-container table.dataTable thead th, .vm-log-container table.dataTable tbody td { padding: 12px 16px; } /* Hide default sorting icon */ .vm-log-container table.dataTable thead>tr>th.sorting:before, .vm-log-container table.dataTable thead>tr>th.sorting:after { display: none; } .vm-log-container table.dataTable thead>tr>th span:before, .vm-log-container table.dataTable thead>tr>th span:after { font-family: 'dashicons'; opacity: 1; color: #9D9D9D; position: absolute; line-height: 0.8; margin-left: 7px; font-size: 12px; } .vm-log-container table.dataTable thead>tr>th span:before { content: '\f343'; bottom: 50%; } .vm-log-container table.dataTable thead>tr>th span:after { content: '\f347'; top: 50%; } .vm-log-container .dataTables_wrapper .dataTables_paginate, .vm-log-container .dataTables_wrapper .dataTables_info { padding: 0; } /* version css */ .wrap-vm-title { padding: 24px 0; cursor: pointer; color: var(--onecom-dark); } p.vul-version-details { margin: 0; } p.vul-version-details span { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 24px; color: #8A8989; margin: 0 4px 0 0; } p.vul-version-details span strong { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 12px; line-height: 24px; color: #3C3C3C; margin: 0 4px; } .vm-title-wrap-tag { display: flex; flex: 2; align-items: flex-start; background-image: url(../images/caret-down.svg); background-repeat: no-repeat; background-position: top right; background-position-y: 7.5px; } #ocvm-parent-wrap .expanded .vm-title-wrap-tag { background-image: url(../images/caret-up.svg); } /* version css end */ #ocvm-parent-wrap .onecom_tag.oc_vm_exploitable{ color: #D20019; border: 1px solid #D20019; margin-left: 0; margin-right: 44px; } #ocvm-parent-wrap .onecom_tag.oc_vm_none{ display: none; } #ocvm-parent-wrap span.tip-content { width: 245px; height: auto; padding: 8px 10px; color: #ffffff; background-color: #3C3C3C; font-size: 12px; position: absolute; z-index: 99999999; box-sizing: border-box; display: none; font-family: 'Montserrat', sans-serif; bottom: 100%; line-height: 16px; margin-bottom: 14px; margin-right: 56px; } span.tip-content:after{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #3C3C3C transparent transparent transparent; } #ocvm-parent-wrap .oc-tooltip:hover span.tip-content{ display: block; } .oc-vm-tags { display: flex; flex-direction: row; } /** Responsive */ @media only screen and (min-width: 1280px) { .vm-log-container table.dataTable>thead>tr>th, .vm-log-container table.dataTable>tbody>tr>td{ box-sizing: border-box; } .vm-log-container table.dataTable>thead>tr>th:nth-child(1), .vm-log-container table.dataTable>tbody>tr>td:nth-child(1){ width: auto; } .vm-log-container table.dataTable>thead>tr>th:nth-child(2), .vm-log-container table.dataTable>tbody>tr>td:nth-child(2){ width: auto; } .vm-log-container table.dataTable>thead>tr>th:nth-child(3), .vm-log-container table.dataTable>tbody>tr>td:nth-child(3){ width: 120px; } .vm-log-container table.dataTable>thead>tr>th:nth-child(4), .vm-log-container table.dataTable>tbody>tr>td:nth-child(4){ width: 85px; } .vm-log-container table.dataTable>thead>tr>th:nth-child(5), .vm-log-container table.dataTable>tbody>tr>td:nth-child(5){ width: auto; } .vm-log-container table.dataTable>thead>tr>th:nth-child(6), .vm-log-container table.dataTable>tbody>tr>td:nth-child(6){ width: 160px; } .vm-log-container table.dataTable>thead>tr>th:nth-child(7), .vm-log-container table.dataTable>tbody>tr>td:nth-child(7){ width: 200px; } } @media only screen and (max-width: 1280px) and (min-width: 774px) { .vm-log-container table.dataTable>thead>tr>th:nth-child(3), .vm-log-container table.dataTable>tbody>tr>td:nth-child(3){ width: 95px; } } @media only screen and (max-width: 1024px) { #ocvm-parent-wrap .onecom_head { display: block; } #ocvm-parent-wrap .onecom_head__inner { margin: 0 0 40px 0; } #ocvm-parent-wrap .onecom_card { width: initial; margin: 8px 0; } #ocvm-parent-wrap .onecom_ignored { flex-direction: column; align-items: start; } #ocvm-parent-wrap .onecom_ignored p { margin: 10px 0; } } @media only screen and (max-width: 774px) { #vm-log-table { table-layout: auto; } .vm-log-container table.dataTable.display>tbody>tr>td, .vm-log-container table.dataTable.display>tbody>tr>th { white-space: nowrap; max-width: initial; box-sizing: border-box; } .dataTables_scrollBody::-webkit-scrollbar, #vm_history_log .dataTables_info { display: none; } #vm_history_log .info-paginate-container { justify-content: center; } } @media only screen and (max-width: 768px) { #ocvm-parent-wrap .onecom_tab { margin-right: 0; font-size: 14px; } #ocvm-parent-wrap .indentmargin{ margin-left: 0 !important; } #ocvm-parent-wrap .ocvm_settings_wrap { padding-left: 0; } #ocvm-parent-wrap .ocvm-resolve-wrap { margin-top: 25px; } #ocvm-parent-wrap .ocvm-bullet{ padding:0 20px; } #ocvm-parent-wrap .vm-title-wrap-tag{ background-position:right 10px; } } @media only screen and (max-width: 576px) { .vm_desc.setting_btn .setting_btn_wrap { width: 100%; display: flex; } .vm_desc.setting_btn p.onecom_description { max-width: 100%; display: flex; margin-bottom: 16px !important; } #ocvm-parent-wrap .onecom_tag { display: inline-block; margin: 8px 8px 8px 0; } .vm-title-wrap-tag, #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc { flex-direction: column; align-items: flex-start; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc .onecom_description { margin-right: 0; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .setting_btn_wrap { flex-wrap: wrap; flex-direction: column-reverse; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc.setting_btn a.vm-secondary-btn, #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc.setting_btn a{ margin: 0; text-align: center; } #ocvm-parent-wrap .vulnerabiltiy_lists_wrap .vm_desc.setting_btn a { margin-bottom: 10px; } .vul-version-details span { display: block; } #ocvm-parent-wrap span.tip-content{ margin-bottom: 5px; } } /** Responsive End*/