| /* |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| |
| body { |
| background: #ffffff; |
| font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; |
| font-size: 13px; |
| } |
| |
| a { |
| color: #0b7fad; |
| } |
| |
| a:focus, |
| a:hover, |
| a.active, |
| a:active { |
| color: #2996ba; |
| } |
| |
| .cursor-pointer { |
| cursor: pointer; |
| } |
| |
| .pull-right { |
| float: right; |
| } |
| .overflow-x-auto { |
| overflow-y: auto; |
| } |
| .overflow-y-auto { |
| overflow-y: auto; |
| } |
| |
| .fnt-14 { |
| font-size: 14px; |
| } |
| |
| .mg-10 { |
| margin: 10px; |
| } |
| |
| .pd-10 { |
| padding: 10px; |
| } |
| |
| .pd-5 { |
| padding: 5px; |
| } |
| |
| .pd-15 { |
| padding: 15px; |
| } |
| |
| .pd-l-10 { |
| padding-left: 10px; |
| } |
| |
| .pd-r-10 { |
| padding-right: 10px; |
| } |
| |
| .pd-t-10 { |
| padding-top: 10px; |
| } |
| |
| .pd-b-10 { |
| padding-bottom: 10px; |
| } |
| |
| .mg-l-5 { |
| margin-left: 5px; |
| } |
| |
| .mg-l-10 { |
| margin-left: 10px; |
| } |
| |
| .mg-l-15 { |
| margin-left: 15px; |
| } |
| |
| .mg-l-20 { |
| margin-left: 20px; |
| } |
| |
| .mg-l-32 { |
| margin-left: 32px; |
| } |
| |
| .mg-t-5 { |
| margin-top: 5px; |
| } |
| |
| .mg-t-10 { |
| margin-top: 10px; |
| } |
| |
| .mg-t-15 { |
| margin-top: 15px; |
| } |
| |
| .mg-t-20 { |
| margin-top: 20px; |
| } |
| |
| .mg-b-5 { |
| margin-bottom: 5px; |
| } |
| |
| .mg-b-10 { |
| margin-bottom: 10px; |
| } |
| |
| .mg-y-10 { |
| margin: 10px 0; |
| } |
| |
| .mg-b-15 { |
| margin-bottom: 15px; |
| } |
| |
| .mg-b-20 { |
| margin-bottom: 20px; |
| } |
| |
| .mg-r-5 { |
| margin-right: 5px; |
| } |
| |
| .mg-r-10 { |
| margin-right: 10px; |
| } |
| |
| .mg-r-15 { |
| margin-right: 15px; |
| } |
| |
| .mg-r-20 { |
| margin-right: 20px; |
| } |
| |
| .text-center { |
| text-align: center !important; |
| } |
| |
| .mx-w-210 { |
| max-width: 210px; |
| } |
| |
| .form-control { |
| font-size: 0.9rem; |
| } |
| |
| .searchbox-border { |
| border: 1px solid #d6d6d6; |
| padding: 20px; |
| margin-bottom: 5px; |
| display: flex; |
| flex-wrap: nowrap; |
| align-items: center; |
| } |
| |
| /* Badge */ |
| .badge { |
| padding: 4px 6px; |
| font-size: 12px; |
| margin-bottom: 2px; |
| } |
| |
| .badge-warning { |
| color: #fff; |
| background-color: #f3a139; |
| } |
| |
| /* Icons */ |
| .info-icon { |
| margin-left: 10px; |
| font-size: larger; |
| } |
| |
| /* Buttons */ |
| .btn { |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| border: 1px solid #d9d9d9; |
| color: #424242; |
| background-image: none; |
| background-color: white; |
| } |
| |
| .btn:hover { |
| color: #0b7fad; |
| border-color: #0b7fad; |
| background-color: #fff; |
| outline: none; |
| } |
| |
| .btn:focus { |
| color: #0b7fad; |
| background-color: #fff; |
| border-color: #0062cc; |
| box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%); |
| } |
| |
| .btn-mini { |
| padding: 4px 8px; |
| font-size: 11.05px; |
| } |
| |
| .btn-danger { |
| color: #fff !important; |
| background-color: #dc3545 !important; |
| border-color: #dc3545 !important; |
| } |
| |
| .btn-danger:hover { |
| color: #c82333 !important; |
| background-color: #fff !important; |
| border-color: #bd2130 !important; |
| } |
| |
| .btn-fnt { |
| font-size: 13px !important; |
| } |
| |
| .btn-primary { |
| background-color: #0b7fad; |
| background-image: none; |
| color: #fff; |
| border-color: #0b7fad; |
| } |
| |
| .btn-primary:focus, |
| .btn-primary:active, |
| .btn-primary.active, |
| .btn-primary.disabled, |
| .btn-primary[disabled], |
| .btn-primary:hover { |
| background-image: none; |
| color: #0b7fad; |
| } |
| |
| .btn-primary:disabled { |
| color: #fff !important; |
| background-color: #007bff !important; |
| border-color: #007bff !important; |
| } |
| |
| .btn-outline-dark:not(:disabled):not(.disabled):active, |
| .btn-outline-dark:not(:disabled):not(.disabled).active, |
| .show > .btn-outline-dark.dropdown-toggle { |
| color: #007bff; |
| background-color: #f8f9fa; |
| border-color: #007bff; |
| } |
| .user-name { |
| overflow: hidden; |
| display: -webkit-box !important; |
| -webkit-line-clamp: 2; |
| -webkit-box-orient: vertical; |
| overflow-wrap: anywhere; |
| } |
| /* Header */ |
| |
| /* |
| .ranger-navbar { |
| background-color: none; |
| background-image: linear-gradient(167deg, #333e47, #023259); |
| box-shadow: none; |
| -webkit-box-shadow: none; |
| -moz-box-shadow: none; |
| width: 100%; |
| padding-top: 0px; |
| padding-bottom: 0px; |
| } |
| |
| .ranger-navbar .logo img { |
| width: 120px; |
| } |
| |
| .ranger-navbar .navbar-nav > a { |
| color: #fff !important; |
| display: block; |
| line-height: 22px; |
| font-size: 15px; |
| font-weight: 600; |
| text-decoration: none; |
| text-shadow: rgb(0 0 0 / 20%) 0px -1px 0; |
| height: auto; |
| padding: 9px 15px; |
| } |
| |
| .ranger-navbar .dropdown-toggle { |
| color: #fff !important; |
| display: block; |
| line-height: 22px; |
| font-size: 15px; |
| font-weight: 600; |
| text-decoration: none; |
| text-shadow: rgb(0 0 0 / 20%) 0px -1px 0; |
| height: auto; |
| padding: 9px 15px; |
| } |
| |
| .login-id > i { |
| margin-right: 5px; |
| } |
| |
| .ranger-navbar .dropdown-item { |
| font-size: 13px; |
| } |
| |
| .ranger-navbar .dropdown-item:hover, |
| .ranger-navbar .dropdown-item:focus { |
| color: #fff !important; |
| text-decoration: none; |
| background-color: #0b7fad !important; |
| } |
| |
| .zone-icon { |
| font-size: 11px; |
| margin-right: 1px; |
| vertical-align: top; |
| } |
| */ |
| |
| /* Page Container */ |
| section#r_content { |
| min-height: 80vh !important; |
| } |
| |
| /* Page Loader */ |
| .loading-img { |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| transform: translate(-50%, -50%); |
| } |
| |
| div#center div { |
| position: relative; |
| display: inline-block; |
| animation: janimation 2.2s infinite; |
| -webkit-animation: janimation 2.2s infinite; |
| } |
| |
| div#center span { |
| position: relative; |
| font-family: Helvetica; |
| font-size: 20px; |
| font-weight: bolder; |
| color: #0b7fad; |
| } |
| |
| div#center div.letter_container_1 { |
| animation-delay: 0s; |
| -webkit-animation-delay: 0s; |
| } |
| |
| div#center div.letter_container_2 { |
| animation-delay: 0.2s; |
| -webkit-animation-delay: 0.2s; |
| } |
| |
| div#center div.letter_container_3 { |
| animation-delay: 0.4s; |
| -webkit-animation-delay: 0.4s; |
| } |
| |
| div#center div.letter_container_4 { |
| animation-delay: 0.6s; |
| -webkit-animation-delay: 0.6s; |
| } |
| |
| div#center div.letter_container_5 { |
| animation-delay: 0.8s; |
| -webkit-animation-delay: 0.8s; |
| } |
| |
| div#center div.letter_container_6 { |
| animation-delay: 1s; |
| -webkit-animation-delay: 1s; |
| } |
| |
| div#center div.letter_container_7 { |
| animation-delay: 1.2s; |
| -webkit-animation-delay: 1.2s; |
| } |
| |
| @keyframes janimation { |
| 0% { |
| transform: rotate(0deg) scale(1.5); |
| color: #aaa; |
| } |
| |
| 10% { |
| transform: rotate(0deg) scale(1.7); |
| color: #ccc; |
| } |
| |
| 100% { |
| transform: rotate(0deg) scale(1.2); |
| color: #333; |
| text-shadow: #666 0 0 10px; |
| } |
| } |
| |
| @-webkit-keyframes janimation { |
| 0% { |
| -webkit-transform: rotate(0deg) scale(1.5); |
| color: #aaa; |
| } |
| |
| 10% { |
| -webkit-transform: rotate(0deg) scale(1.7); |
| color: #ccc; |
| } |
| |
| 100% { |
| -webkit-transform: rotate(0deg) scale(1.2); |
| color: #333; |
| text-shadow: #666 0 0 10px; |
| } |
| } |
| |
| .compulsory-resource { |
| position: absolute; |
| right: 5px; |
| } |
| |
| /* Footer */ |
| footer { |
| margin-top: auto; |
| } |
| |
| .main-footer p { |
| line-height: 1.3; |
| padding: 1rem 0 0 0; |
| margin: 0; |
| border-top: 1px solid #cccccc; |
| } |
| |
| .main-footer a { |
| color: #999; |
| text-decoration: underline; |
| } |
| |
| .copy-right-text p { |
| margin: 0 0 5px; |
| line-height: 15px; |
| } |
| |
| .form-actions { |
| padding: 19px 20px 20px; |
| margin-top: 20px; |
| margin-bottom: 20px; |
| background-color: #f5f5f5; |
| border-top: 1px solid #e5e5e5; |
| } |
| |
| .form-actions button:nth-child(n) { |
| margin-left: 10px; |
| } |
| |
| .form-actions button:first-child { |
| margin-left: 0; |
| } |
| |
| .wrap { |
| display: block; |
| background-color: #fff; |
| border: 1px solid #d6d6d6; |
| margin: 0 0 20px 0; |
| padding: 20px; |
| -webkit-border-radius: 3px; |
| -moz-border-radius: 3px; |
| border-radius: 3px; |
| zoom: 1; |
| } |
| |
| .wrap:before, |
| .wrap:after { |
| display: table; |
| content: ""; |
| line-height: 0; |
| } |
| |
| .wrap:after { |
| clear: both; |
| } |
| |
| .wrap-header { |
| color: #222222; |
| font-size: 16px; |
| font-weight: 300; |
| line-height: 20px; |
| margin: 3px 0 0 0px; |
| padding-bottom: 10px; |
| text-transform: none; |
| flex: 1; |
| } |
| |
| h3.wrap-header { |
| padding: 1rem; |
| font-size: 0.875rem; |
| } |
| |
| .bold { |
| font-weight: bold; |
| } |
| |
| .user-profile { |
| border: 1px solid #ddd; |
| padding: 20px; |
| margin-top: 15px; |
| -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2); |
| -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2); |
| box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2); |
| background-color: #fff; |
| } |
| |
| /* Editable */ |
| .editable { |
| display: inline-block; |
| min-width: 30px; |
| cursor: pointer; |
| } |
| |
| .editable-popover { |
| min-width: 250px; |
| } |
| .popover-minHeight { |
| min-width: 200px; |
| } |
| |
| .table-editable { |
| text-align: center !important; |
| } |
| |
| .table-editable .editable ~ div { |
| z-index: 1060; |
| } |
| |
| .editable-edit-text { |
| display: inline-block; |
| color: white; |
| font-style: italic; |
| text-decoration: none; |
| white-space: normal; |
| word-break: break-all; |
| border-bottom: dashed 1px #0088cc; |
| } |
| |
| .editable-add-text { |
| display: inline-block; |
| color: red; |
| font-style: italic; |
| text-decoration: none; |
| border-bottom: dashed 1px #0088cc; |
| } |
| |
| .editable-label { |
| background-color: rgb(188, 188, 188); |
| margin-top: 5px; |
| margin-bottom: 5px; |
| border-radius: 5px; |
| font-size: 70%; |
| font-weight: 700; |
| padding: 3px; |
| } |
| |
| /* Service Manager */ |
| .select-zone-name { |
| cursor: not-allowed; |
| } |
| |
| .policy-manager table thead tr th:first-child { |
| background-color: #d8d8d8; |
| } |
| |
| table.no-bg-color thead tr th:first-child { |
| background-color: transparent; |
| } |
| |
| .position-relative .table th { |
| border: 1px solid #dee2e6; |
| border-bottom: transparent; |
| font-size: 13px; |
| } |
| |
| .position-relative .table th, |
| .table td { |
| padding: 8px; |
| font-size: 13px; |
| } |
| |
| .policy-manager .policy-title { |
| font-size: 14px; |
| line-height: 20px; |
| text-transform: uppercase; |
| color: #707070; |
| } |
| |
| .position-relative table thead tr th:first-child a { |
| color: #707070; |
| } |
| |
| .position-relative .table-striped tbody tr:nth-of-type(odd) { |
| background-color: #f9f9f9; |
| } |
| |
| .m-r-5 { |
| margin-right: 5px; |
| } |
| |
| .service-name { |
| max-width: 300px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| vertical-align: sub; |
| display: inline-block; |
| } |
| |
| .service-name, |
| .service-name:hover { |
| text-decoration: none; |
| } |
| |
| .form-header { |
| padding: 2px 4px; |
| font-size: 15px; |
| font-weight: bold; |
| line-height: 26px; |
| color: #333; |
| white-space: nowrap; |
| border-bottom: 1px solid #0b7fad; |
| } |
| |
| .table-read-only thead { |
| background-color: #eeeeee; |
| } |
| |
| .external-badge { |
| background-color: #9bb922; |
| color: white; |
| } |
| |
| .hidden-badge { |
| background-color: #9bb922; |
| color: white; |
| } |
| |
| /* XA Table */ |
| .table-responsive > .table > thead > tr > th, |
| .table-responsive > .table > tbody > tr > th, |
| .table-responsive > .table > tfoot > tr > th, |
| .table-responsive > .table > thead > tr > td, |
| .table-responsive > .table > tbody > tr > td, |
| .table-responsive > .table > tfoot > tr > td { |
| white-space: nowrap; |
| } |
| |
| .table-responsive .table thead th { |
| font-size: 13px; |
| padding: 8px; |
| border-bottom: 1px solid #dee2e6; |
| } |
| |
| .bt-1 { |
| border-top: 1px solid #ddd; |
| } |
| |
| /* Edit Permission */ |
| .show-more-less { |
| font-size: 11px; |
| color: #0b7fad; |
| cursor: pointer; |
| } |
| |
| .show-more-less:hover { |
| text-decoration: underline; |
| } |
| |
| .zoneheader { |
| border-top: 1px solid #0b7fad; |
| margin-top: 4px; |
| } |
| |
| header { |
| font-size: 15px; |
| font-weight: bold; |
| line-height: 26px; |
| color: #333; |
| } |
| |
| .edit-perm-select { |
| width: 200px; |
| margin: 0; |
| padding: 0; |
| display: inline-block; |
| margin-left: 121px; |
| } |
| |
| .selected-widget { |
| padding: 3px 5px 3px 4px; |
| border-radius: 3px; |
| border: 1px solid #aaaaaa; |
| background-color: #e4e4e4; |
| margin: 3px 3px; |
| float: left; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| max-width: 200px; |
| } |
| |
| .formHeader { |
| font-size: 15px; |
| font-weight: bold; |
| line-height: 26px; |
| color: #333; |
| white-space: nowrap; |
| border-bottom: 1px solid #0b7fad; |
| } |
| |
| .invalid-field { |
| color: #dc3545; |
| font-size: 12px; |
| } |
| |
| .info-icon { |
| color: #808080; |
| } |
| |
| /* Security Zone Service Table Resources */ |
| .resource-group { |
| display: block; |
| padding: 5px; |
| background-color: #f4f4f4; |
| border: 1px solid #ccc; |
| border-radius: 5px; |
| text-align: left; |
| width: 100%; |
| margin: 5px 2px; |
| word-wrap: break-word; |
| overflow-wrap: break-word; |
| white-space: initial; |
| } |
| |
| .resource-filter { |
| align-items: flex-start; |
| justify-content: space-between; |
| word-break: break-word; |
| margin-bottom: 8px; |
| } |
| |
| .zone-listing { |
| list-style: none; |
| padding: 0; |
| margin: 20px 0 0; |
| max-height: 355px; |
| overflow-y: auto; |
| overflow-x: hidden; |
| } |
| |
| .zone-listing li { |
| cursor: pointer; |
| padding: 8px; |
| } |
| |
| .zone-listing li a { |
| color: #000000; |
| text-decoration: none; |
| } |
| |
| .zone-listing li + li { |
| border-top: 1px #dadada solid; |
| } |
| |
| .zone-listing li a:hover, |
| .zone-listing li a.selected { |
| color: #0b7fad; |
| font-weight: bold; |
| } |
| |
| .trim-containt { |
| white-space: nowrap; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| max-width: 95%; |
| } |
| |
| /*Audit page Admin tab */ |
| .link-tag { |
| display: inline-block; |
| background-color: transparent; |
| text-decoration: none; |
| padding: 0.1em 0.8em; |
| border: 1px solid #c0d4db; |
| border-radius: 15px; |
| margin-top: 4px; |
| } |
| |
| .resource-grp { |
| display: block; |
| padding: 5px; |
| background-color: #f4f4f4; |
| border: 1px solid #ccc; |
| border-radius: 5px; |
| text-align: left; |
| max-width: 100%; |
| margin: 5px 2px; |
| word-wrap: break-word; |
| overflow-wrap: break-word; |
| white-space: initial; |
| } |
| |
| .zone-resource { |
| border: 1px #e4b75c solid; |
| padding: 4px 12px; |
| border-radius: 5px; |
| color: #966b0c; |
| margin-bottom: 10px; |
| } |
| |
| .btn-add-security2 { |
| color: #000000; |
| font-size: 20px; |
| text-align: center; |
| background: #f5f5f5; |
| color: #0b7fad; |
| padding: 20px 40px; |
| display: block; |
| } |
| |
| /*Admin table logs modal User Update delete text*/ |
| .delete-text { |
| border: 1px solid #f7cccc; |
| background-color: #f7e4e4; |
| color: #b85355; |
| } |
| |
| .add-text { |
| background-color: #e1f2d3; |
| border: 1px solid #cbe7c5; |
| color: #5c8847; |
| } |
| |
| .legend { |
| height: 10px; |
| width: 10px; |
| display: inline-block; |
| margin-right: 3px; |
| } |
| |
| .old-value-bg { |
| background-color: #ffefe4; |
| vertical-align: middle !important; |
| } |
| |
| /*Encryption Key Manager */ |
| .button-disabled { |
| opacity: 0.65; |
| cursor: not-allowed; |
| } |
| |
| .text-muted { |
| opacity: 0.7; |
| } |
| |
| /* Users / Groups / Roles CSS */ |
| .row-inactive { |
| background-color: #f5f5f5; |
| } |
| |
| .row-inactive .badge-warning, |
| .row-inactive .badge-success, |
| .row-inactive .badge-info { |
| color: #fff; |
| background-color: #6c757d; |
| } |
| |
| .row-inactive a { |
| color: #ccc !important; |
| } |
| |
| .disabled-link { |
| pointer-events: none; |
| } |
| |
| .nav-tabs .nav-link { |
| border: 1px solid transparent; |
| background: #ddd; |
| margin: 5px 5px -1px; |
| border-top-right-radius: 6px; |
| border-top-left-radius: 6px; |
| color: #222; |
| } |
| |
| .nav-tabs > a:hover { |
| background: #ffffff; |
| color: #444; |
| } |
| |
| .nav-tabs > a, |
| .nav-tabs > a:focus, |
| .nav-tabs > a:active { |
| background: none; |
| border: 1px solid transparent; |
| color: #999999; |
| font-size: 14px; |
| margin-bottom: -1px; |
| } |
| |
| .nav-tabs > a, |
| .nav-tabs > a:focus, |
| .nav-tabs > a:active { |
| background: none; |
| border: 1px solid transparent; |
| color: #999999; |
| font-size: 14px; |
| margin-bottom: -1px; |
| } |
| |
| .nav-tabs .nav-link:hover, |
| .nav-tabs .nav-link:focus { |
| border-color: #dee2e6 #dee2e6 #fff !important; |
| } |
| |
| /* Audit Filters */ |
| .table-audit-filter thead, |
| .table-audit-filter-ready-only thead { |
| background-color: #eeeeee; |
| } |
| |
| .table-audit-filter th, |
| .table-audit-filter-ready-only th { |
| padding: 7px 5px; |
| text-align: center; |
| } |
| |
| .table-audit-filter td:first-child { |
| width: 85px; |
| } |
| |
| .table-audit-filter td:last-child { |
| width: 40px; |
| } |
| |
| .form-control.audit-filter-select { |
| font-size: 12px; |
| } |
| |
| .connection-error { |
| font-family: monospace; |
| } |
| |
| .text-color-red { |
| color: #b85355; |
| } |
| |
| .new-error-page { |
| height: calc(100vh - 200px); |
| display: flex; |
| width: 100%; |
| justify-content: center; |
| margin-top: 6%; |
| } |
| |
| .new-error-box { |
| display: table; |
| max-width: 40%; |
| min-width: 450px; |
| } |
| |
| .error-white-bg { |
| background-color: white; |
| } |
| |
| .new-icon-box, |
| .new-description-box { |
| display: table-cell; |
| vertical-align: middle; |
| padding: 20px; |
| color: #888; |
| } |
| |
| .new-icon-box { |
| width: 60px; |
| text-align: center; |
| border-right: 1px solid #ddd; |
| } |
| |
| .active-policy-alert { |
| color: #ec7337; |
| margin-right: 5px; |
| } |
| |
| /* Policy Listing Page */ |
| .policy-listing table thead { |
| text-align: center; |
| } |
| |
| .policy-listing table tr td:first-child, |
| .policy-listing table tr td:last-child { |
| text-align: center; |
| } |
| |
| .tag-item:not(:last-of-type)::after { |
| content: ", "; |
| } |
| |
| .column-list { |
| list-style-type: none; |
| padding: 5px 0px 0px 20px; |
| border-bottom: solid 1px lightgray; |
| cursor: pointer; |
| } |
| |
| .popover-span { |
| font-style: italic; |
| max-height: 200px; |
| overflow-y: auto; |
| } |
| |
| .updateInfo { |
| margin-top: 10px; |
| border-top: 1px solid #ccc; |
| } |
| |
| .updateInfo p { |
| margin-bottom: 0px; |
| margin-top: 0px; |
| font-size: 11px; |
| } |
| |
| .policy-version span { |
| padding: 0 10px; |
| color: black; |
| font-size: 14px; |
| } |
| |
| .policy-version i { |
| color: #0b7fad !important; |
| opacity: 0.4; |
| } |
| |
| .policy-version i.active { |
| color: #0b7fad !important; |
| cursor: pointer; |
| opacity: 1; |
| } |
| |
| .table-edit-permission th { |
| color: #495057; |
| background-color: #e9ecef; |
| border-color: #dee2e6; |
| text-align: center; |
| } |
| |
| .selected-list { |
| margin: 5px; |
| max-height: 270px; |
| overflow: auto; |
| } |
| |
| .overflow-text { |
| max-width: 22rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| } |
| |
| .validity-empty-field { |
| min-width: 16.5em; |
| line-height: 97px; |
| } |
| |
| .policyitem-empty-field { |
| min-width: 16.5em; |
| line-height: 167px; |
| } |
| |
| .policycondition-empty { |
| min-width: 16.5em; |
| line-height: 56px; |
| } |
| |
| .policyitem-field, |
| .validity-field { |
| min-width: 16.5em; |
| } |
| |
| /* Report Page */ |
| .report-page .accordion > .card { |
| overflow: visible; |
| } |
| |
| .latestResponse { |
| width: 29%; |
| display: inline-block; |
| text-align: right; |
| position: relative; |
| top: -10px; |
| } |
| |
| .breadcrumb { |
| list-style: none; |
| display: inline-block; |
| margin: 0; |
| padding: 0; |
| font-size: 13px; |
| background-color: #ffff; |
| } |
| |
| .breadcrumb li { |
| float: left; |
| line-height: 26px; |
| height: 26px; |
| } |
| |
| .breadcrumb li:last-child a { |
| padding-right: 15px; |
| } |
| |
| .breadcrumb li:first-child a { |
| padding-left: 15px; |
| -webkit-border-radius: 4px 0 0 4px; |
| -moz-border-radius: 4px 0 0 4px; |
| -ms-border-radius: 4px 0 0 4px; |
| -o-border-radius: 4px 0 0 4px; |
| border-radius: 4px 0 0 4px; |
| } |
| |
| .breadcrumb li a { |
| color: #fff; |
| display: block; |
| background: #0b7fad; |
| text-decoration: none; |
| position: relative; |
| height: 22px; |
| line-height: 22px; |
| padding: 0 10px 0 3px; |
| text-align: center; |
| margin-right: 23px; |
| } |
| |
| .breadcrumb- li:first-child a:before { |
| border: none; |
| } |
| |
| .breadcrumb li a:before { |
| left: -20px; |
| border-left-color: transparent; |
| } |
| |
| .breadcrumb li a:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| border: 0 solid #0b7fad; |
| border-width: 11px 10px; |
| width: 0; |
| height: 0; |
| } |
| |
| .breadcrumb li a:after { |
| left: 100%; |
| border-color: transparent; |
| border-left-color: #0b7fad; |
| } |
| |
| .breadcrumb li a:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| border: 0 solid #0b7fad; |
| width: 0; |
| height: 0; |
| } |
| |
| .trim-containt-breadcrumb { |
| white-space: nowrap; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| max-width: 300px; |
| } |
| |
| .r_breadcrumbs { |
| position: -webkit-sticky; |
| position: sticky; |
| top: 42px; |
| z-index: 10; |
| background: #eeeeee; |
| padding-top: 14px; |
| width: 100%; |
| display: inline-block; |
| border-top: 1px solid #d6d6d6; |
| background: white; |
| padding-left: 16px; |
| padding-top: 4px; |
| padding-bottom: 4px; |
| } |
| |
| .headerBreadcrumbs { |
| position: sticky; |
| top: 42px; |
| z-index: 10; |
| background: #eeeeee; |
| width: 100%; |
| display: inline-block; |
| padding-left: 16px; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav { |
| padding: 0; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav:nth-child(even) a { |
| color: #fff; |
| display: block; |
| background-color: #0a5c7d; |
| text-decoration: none; |
| position: relative; |
| height: 22px; |
| line-height: 22px; |
| padding: 0 10px 0 3px; |
| text-align: center; |
| margin-right: 23px; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav:nth-child(odd) a { |
| color: #fff; |
| display: block; |
| background-color: #0b7fad; |
| text-decoration: none; |
| position: relative; |
| height: 22px; |
| line-height: 22px; |
| padding: 0 10px 0 3px; |
| text-align: center; |
| margin-right: 23px; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav { |
| float: left; |
| line-height: 26px; |
| height: 26px; |
| } |
| |
| .breadcrumb-item:nth-child(2):before { |
| content: ""; |
| padding-right: 0; |
| } |
| |
| .breadcrumb-item:nth-child(3):before { |
| content: ""; |
| padding-right: 0; |
| } |
| |
| /* Active before */ |
| .breadcrumb li.breadcrumb-item.allow_nav:nth-child(even) a:before { |
| border-color: #0a5c7d; |
| border-left-color: transparent; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav:nth-child(odd) a:before { |
| border-color: #0b7fad; |
| border-left-color: transparent; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav a:before { |
| left: -20px; |
| border-left-color: transparent; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav a:before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| border: 0 solid #0b7fad; |
| border-width: 11px 10px; |
| width: 0; |
| height: 0; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav:nth-child(even) a:after { |
| left: 100%; |
| border-color: transparent; |
| border-left-color: #0a5c7d; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav:nth-child(odd) a:after { |
| left: 100%; |
| border-color: transparent; |
| border-left-color: #0b7fad; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav a:after { |
| border-left-color: #0a5c7d; |
| } |
| |
| .breadcrumb li.breadcrumb-item.allow_nav a:after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| border: 0 solid #0b7fad; |
| border-width: 11px 10px; |
| width: 0; |
| height: 0; |
| } |
| |
| .not-allowed { |
| cursor: not-allowed !important; |
| } |
| |
| .top-scroll { |
| bottom: 3px; |
| right: 5px; |
| } |
| |
| .search-header { |
| margin-bottom: 0; |
| margin-left: 1px; |
| padding: 8px 5px; |
| background-color: #eeeeef; |
| border-bottom: 1px solid #0b7fad; |
| text-shadow: 0px 0px 0px #222; |
| } |
| |
| .wrap-collapse, |
| .wrap-expand { |
| color: #888; |
| font-size: 11px; |
| font-weight: 600; |
| margin: 2px 10px 0 0; |
| position: relative; |
| text-transform: none; |
| } |
| |
| /* Search filter css */ |
| .filter-icon-wrap { |
| display: flex; |
| align-items: center; |
| } |
| |
| .filter-tokenizer { |
| width: 90%; |
| border: 1px solid #ccc; |
| border-radius: 20px; |
| padding: 15px; |
| display: flex; |
| align-items: center; |
| } |
| |
| .filter-tokenizer:first-child { |
| padding-left: 0; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .filter-tokenizer .input-group-addon { |
| border: 0px; |
| border-radius: 20px; |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 0; |
| display: inline-block; |
| background: transparent; |
| } |
| |
| .input-group-addon { |
| padding: 6px 12px; |
| font-size: 14px; |
| font-weight: 400; |
| line-height: 1; |
| color: #555; |
| text-align: center; |
| background-color: #eee; |
| border: 1px solid #ccc; |
| border-radius: 4px; |
| } |
| |
| .input-group-addon, |
| .input-group-btn { |
| white-space: nowrap; |
| vertical-align: middle; |
| } |
| |
| .filter-tokenizer .token-collection { |
| display: flex; |
| flex: 1; |
| flex-wrap: wrap; |
| padding: 2px 0px; |
| } |
| |
| .filter-tokenizer .typeahead { |
| overflow: hidden; |
| display: block; |
| width: 100%; |
| height: 20px; |
| margin-top: 2px; |
| } |
| |
| .filter-tokenizer .typeahead-token { |
| position: relative; |
| display: flex; |
| align-items: center; |
| float: left; |
| margin: 4px; |
| padding: 4px 12px 2px 8px; |
| background: #dddddd; |
| border-radius: 15px; |
| height: 30px; |
| } |
| |
| .filter-input-group { |
| border: 0px; |
| border-radius: 2px; |
| display: flex; |
| margin: 2px 4px 0 4px; |
| padding: 5px; |
| flex: 1; |
| } |
| |
| .filter-input-group .filter-category, |
| .filter-input-group .filter-operator, |
| .filter-input-group .filter-value { |
| overflow: auto; |
| display: block; |
| float: left; |
| font-weight: bold; |
| margin-right: 5px; |
| font-size: 10px; |
| margin-top: 5px; |
| margin-left: 5px; |
| height: 20px; |
| } |
| |
| .filter-input-group .filter-category { |
| white-space: nowrap; |
| overflow: initial; |
| } |
| |
| .filter-tokenizer .typeahead input { |
| outline: 0; |
| border: 0px; |
| width: 100%; |
| } |
| |
| .filter-tokenizer .typeahead input:focus { |
| outline: 0; |
| } |
| |
| .filter-tokenizer .typeahead input::placeholder { |
| font-size: 14px; |
| } |
| |
| .filter-tokenizer ul.typeahead-selector { |
| z-index: 100; |
| position: absolute; |
| list-style: none; |
| margin: 0px; |
| padding: 0px; |
| background-color: #f6f6f6; |
| border: 1px solid #ced4da; |
| width: 200px; |
| max-height: 200px; |
| overflow-y: auto; |
| box-shadow: 0 1px 3px #999999; |
| border-radius: 3px; |
| } |
| |
| .filter-tokenizer ul.typeahead-selector li.header { |
| background-image: none; |
| background-color: #b0b0b0; |
| color: #ffffff; |
| font-weight: bold; |
| padding: 5px; |
| } |
| |
| .filter-tokenizer ul.typeahead-selector li a { |
| color: #000; |
| padding: 3px 5px; |
| width: 100%; |
| display: block; |
| } |
| |
| .filter-tokenizer ul.typeahead-selector li a:hover, |
| .filter-tokenizer ul.typeahead-selector .hover a { |
| text-decoration: none; |
| background-color: #2996ba; |
| color: #fff; |
| } |
| |
| .token-clear-all { |
| display: table-cell; |
| position: relative; |
| } |
| |
| .typeahead-token-label { |
| color: #808080; |
| font-size: 10px; |
| line-height: 1.8; |
| float: left; |
| font-weight: bold; |
| white-space: nowrap; |
| } |
| |
| .typeahead-token-value { |
| font-size: 12px; |
| line-height: 1.3; |
| } |
| |
| .typeahead.typehead-edit-view { |
| font-size: 12px; |
| line-height: 1.3; |
| } |
| |
| .typeahead-token-icon-close { |
| width: 11px; |
| height: 11px; |
| background-position: center 0; |
| background-image: url(../images/cancel_search.png); |
| cursor: pointer; |
| vertical-align: middle; |
| position: absolute; |
| top: 10px; |
| left: 9px; |
| } |
| .token-clear-all span.typeahead-token-icon-close { |
| position: relative; |
| top: 0; |
| right: 0; |
| } |
| |
| .typeahead-token-icon-close:hover { |
| background-position: center -11px; |
| } |
| |
| .typeahead-token-maybe-delete, |
| .typeahead-token-maybe-delete > .typeahead-token-label { |
| color: darkred !important; |
| } |
| |
| .typehead-token-datetime { |
| border: 1px solid #aeaeae; |
| border-radius: 2px; |
| box-shadow: 2px 2px 6px #888888; |
| } |
| |
| .filter-tokenizer .typehead-edit-view input { |
| width: inherit; |
| background: #dddddd; |
| display: inline-block; |
| } |
| |
| .typehead-input-value { |
| display: inline-block; |
| opacity: 0; |
| top: -9999px; |
| left: -9999px; |
| position: absolute; |
| white-space: nowrap; |
| } |
| |
| .resizer { |
| display: inline-block; |
| background: #dee2e6; |
| width: 3px; |
| height: 100%; |
| position: absolute; |
| right: 0; |
| top: 0; |
| transform: translateX(50%); |
| z-index: 1; |
| touch-action: none; |
| } |
| |
| .resizeable-icon { |
| position: absolute; |
| bottom: 0; |
| font-size: 10px; |
| cursor: se-resize; |
| right: 0; |
| transform: rotate(90deg); |
| } |
| |
| .show-more { |
| display: inline-flex; |
| flex-wrap: wrap; |
| font-size: 1rem; |
| max-height: 100px; |
| overflow-y: auto; |
| width: 100%; |
| } |
| |
| .show-less { |
| display: inline-flex; |
| flex-wrap: wrap; |
| font-size: 1rem; |
| overflow-y: auto; |
| max-height: 100px; |
| width: 100%; |
| } |
| |
| /*Policy Permission Item */ |
| .policy-permission-table th { |
| text-align: center; |
| } |
| |
| /* Button toggle tag*/ |
| .switch.btn-xs { |
| border-radius: 15px; |
| } |
| |
| .switch-handle { |
| width: 35px !important; |
| border-radius: 15px; |
| } |
| |
| .switch-on { |
| padding-right: 20px !important; |
| } |
| |
| .switch-off { |
| padding-left: 20px !important; |
| } |
| |
| .policy-search-info { |
| font-size: 13px; |
| } |
| |
| .ranger-navbar .dropdown-item.active, |
| .ranger-navbar .dropdown-item:active { |
| background-color: #0b7fad; |
| } |
| |
| .info-user-role-grp-icon { |
| position: absolute; |
| top: 7px; |
| right: 20px; |
| opacity: 0.6; |
| } |
| |
| .user-role-grp-form .form-control { |
| padding-right: 25px !important; |
| } |
| |
| .permission-infinite-scroll { |
| height: 276px; |
| overflow-y: auto; |
| } |
| |
| /* Form control */ |
| .form-control:disabled { |
| cursor: not-allowed; |
| } |
| |
| /* Access Tab Query Popup close button */ |
| .close { |
| float: right; |
| font-size: 1.5rem; |
| font-weight: 700; |
| line-height: 1; |
| color: #000; |
| text-shadow: 0 1px 0 #fff; |
| opacity: 0.5; |
| cursor: pointer; |
| } |
| |
| .resource-text { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| flex: 1; |
| padding-right: 12px; |
| } |
| |
| .query-icon { |
| padding: 5px; |
| margin: 0; |
| } |
| |
| .query-icon i { |
| display: block; |
| width: 14px; |
| } |
| |
| .lht-2 { |
| line-height: 2; |
| } |
| |
| /* Policy expire icon */ |
| .policy-expire-icon { |
| position: absolute; |
| left: 0; |
| top: 2px; |
| color: #bd362f; |
| } |
| |
| .policyview-permission-wrap { |
| max-height: 200px; |
| overflow-y: auto; |
| overflow-x: hidden; |
| border: 0 !important; |
| } |
| |
| .time-clock { |
| vertical-align: text-top; |
| } |
| |
| .select-pagesize { |
| height: 30px; |
| border: 1px solid #dddddd; |
| border-radius: 0.2rem; |
| background: white; |
| margin-right: 40px; |
| } |
| |
| .more-less-width { |
| max-width: 28rem; |
| } |
| |
| .fixed-headertable thead tr { |
| display: table; |
| table-layout: fixed; |
| width: 100%; |
| } |
| |
| .fixed-headertable tbody { |
| max-height: 350px; |
| overflow: overlay; |
| display: block; |
| width: 100%; |
| } |
| |
| .fixed-headertable tbody tr { |
| display: table; |
| table-layout: fixed; |
| width: 100%; |
| } |
| |
| .filter-input-group span.typeahead input[type="text"]::placeholder { |
| font-size: 12px !important; |
| } |
| |
| .typeahead-token-close { |
| display: flex !important; |
| } |
| |
| .zone-name { |
| padding-left: 0.5rem; |
| word-break: break-all; |
| padding-right: 0.5rem; |
| } |
| |
| .usr-grp-role-search-width .filter-tokenizer { |
| width: 100% !important; |
| } |
| |
| .popover-footer-buttons { |
| padding: 0.625rem 0.5rem; |
| border-top: 1px solid #ddd; |
| } |
| |
| .table-service-scroll { |
| display: block; |
| overflow-y: auto; |
| overflow-x: hidden; |
| max-height: 250px; |
| } |
| |
| .pagination-error-field { |
| left: 0; |
| top: 34px; |
| line-height: 1.25; |
| width: 152px; |
| } |
| |
| .table-service-scroll tr td:last-child { |
| border-bottom: 0; |
| } |
| |
| .popover-maxHeight .popover-body { |
| padding: 0.5rem 0.75rem; |
| color: #212529; |
| max-height: 340px; |
| overflow: auto; |
| } |
| |
| .tags-set-height-groups { |
| width: 100%; |
| overflow-y: auto; |
| max-height: 140px; |
| overflow-x: hidden; |
| } |
| .item { |
| white-space: normal; |
| word-break: break-all; |
| } |
| tbody.drag-drop-wrap > tr > td:first-child { |
| position: relative; |
| padding-left: 20px; |
| } |
| |
| tbody.drag-drop-wrap > tr > td:first-child:after { |
| content: ""; |
| position: absolute; |
| box-sizing: border-box; |
| left: 5px; |
| top: 10%; |
| height: 80%; |
| width: 8px; |
| border: 3px dotted rgba(0, 0, 0, 0.25); |
| background: transparent; |
| cursor: move; |
| width: 6px; |
| } |
| |
| tbody.drag-drop-wrap > tr > td:hover:first-child:after { |
| border: 3px dotted rgba(0, 0, 0, 0.5); |
| } |
| |
| .header-dropdown:hover .dropdown-menu { |
| display: block; |
| } |
| |
| .header-dropdown .dropdown-toggle:after { |
| content: none; |
| } |
| |
| .block-ui { |
| position: relative; |
| min-height: 3em; |
| } |
| |
| .block-ui-container { |
| position: fixed; |
| z-index: 1010; |
| right: 0; |
| bottom: 0; |
| height: 100%; |
| width: 100%; |
| } |
| |
| .block-ui-overlay { |
| width: 100%; |
| height: 100%; |
| opacity: 0.6; |
| background-color: black; |
| } |
| |
| .block-ui-message-container { |
| position: fixed; |
| top: 40%; |
| left: 45%; |
| } |
| |
| .block-ui-message { |
| color: #333; |
| background: none; |
| z-index: 1011; |
| } |
| |
| .block-ui-img { |
| background: white; |
| color: #333333; |
| opacity: 0.9; |
| box-shadow: 5px 5px 30px 0 black; |
| border-radius: 8px; |
| padding: 11px; |
| position: absolute; |
| width: 130px; |
| } |
| |
| .error-highlighting { |
| border: 3px solid rgb(255, 0, 0, 0.6); |
| padding: 2px 3px; |
| } |
| |
| .row-reorder-policyitems { |
| border: 2px dotted rgba(0, 0, 0, 0.3); |
| margin-right: 6px; |
| cursor: move; |
| width: 6px; |
| } |
| |
| /* SideBar */ |
| .wrapper { |
| display: flex; |
| } |
| |
| #sidebar { |
| width: 80px; |
| background-color: #133653; |
| height: 100vh; |
| position: fixed; |
| z-index: 13; |
| overflow-x: hidden; |
| text-align: center; |
| } |
| |
| .drawer { |
| height: 100vh; |
| position: fixed; |
| top: 0; |
| left: 80px; |
| z-index: 12; |
| width: 240px; |
| display: block; |
| transition: transform 0.3s; |
| } |
| |
| .account-drawer { |
| height: auto; |
| position: fixed; |
| bottom: 0; |
| left: 80px; |
| z-index: 12; |
| width: 240px; |
| display: block; |
| transition: transform 0.3s; |
| } |
| |
| .nav-drawer { |
| width: 240px; |
| height: 100vh; |
| margin-left: 0; |
| color: white; |
| border-radius: 0; |
| padding: 0; |
| transition: transform 0.3s; |
| background-color: #194468; |
| } |
| |
| .account-nav-drawer { |
| width: 240px; |
| height: auto; |
| margin-left: 0; |
| color: white; |
| border-radius: 0; |
| padding: 0; |
| transition: transform 0.3s; |
| background-color: #194468; |
| } |
| |
| .drawer-open .nav-drawer { |
| width: 240px; |
| -webkit-transform: translate3d(0, 0, 0); |
| transform: translate3d(0, 0, 0); |
| } |
| |
| .account-drawer-open .account-nav-drawer { |
| width: 240px; |
| -webkit-transform: translate3d(0, 0, 0); |
| transform: translate3d(0, 0, 0); |
| } |
| |
| .drawer-close .nav-drawer { |
| -webkit-transform: translate3d(-100%, 0, 0); |
| transform: translate3d(-100%, 0, 0); |
| } |
| |
| .account-drawer-close .account-nav-drawer { |
| -webkit-transform: translate3d(-100%, 0, 0); |
| transform: translate3d(-100%, 0, 0); |
| } |
| |
| .drawer-close { |
| -webkit-transform: translate3d(-100%, 0, 0); |
| transform: translate3d(-100%, 0, 0); |
| } |
| |
| .account-drawer-close { |
| -webkit-transform: translate3d(-100%, 0, 0); |
| transform: translate3d(-100%, 0, 0); |
| } |
| |
| .collapsing.width { |
| position: relative; |
| width: 0; |
| overflow: hidden; |
| transition: width 0.35s ease; |
| } |
| |
| .content-top-nav .nav-item .nav-link { |
| color: #0b7fad; |
| } |
| |
| .dropdown-toggle:focus { |
| background-color: transparent; |
| border-color: transparent; |
| box-shadow: none; |
| } |
| |
| .dropdown-toggle { |
| padding: 4px 12px; |
| } |
| |
| .nav-drawer .list-group-item, |
| .account-nav-drawer .list-group-item { |
| background: transparent; |
| color: white; |
| padding: 0; |
| border: 0; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| } |
| |
| .nav-drawer .list-group-item a, |
| .account-nav-drawer .list-group-item a { |
| color: white; |
| font-size: 0.875rem; |
| display: block; |
| padding: 0.375rem 0.375rem 0.375rem 1rem; |
| opacity: 1; |
| border: 0; |
| } |
| |
| div#resourcesCollapse .list-group-item a, |
| div#tagCollapse .list-group-item a { |
| padding: 0.375rem 0.375rem 0.375rem 2rem; |
| } |
| .nav-drawer .list-group-item a:hover, |
| .account-nav-drawer .list-group-item a:hover { |
| opacity: 1; |
| } |
| |
| .nav-drawer .list-group-item a:hover, |
| .account-nav-drawer .list-group-item a:hover { |
| text-decoration: none; |
| } |
| |
| .height-auto { |
| height: auto; |
| } |
| |
| .fixed-bottom { |
| position: fixed; |
| bottom: 0; |
| } |
| |
| .hide-menu { |
| display: none; |
| } |
| |
| .account-hide-menu { |
| display: none; |
| } |
| |
| .show-menu { |
| display: flex; |
| flex-direction: column; |
| height: 100vh; |
| background: #194468; |
| } |
| |
| .account-show-menu { |
| display: flex; |
| flex-direction: column; |
| height: auto; |
| background: #194468; |
| } |
| |
| .top-nav-title-wrapper { |
| display: flex; |
| gap: 20px; |
| align-items: center; |
| } |
| |
| .top-nav-title { |
| padding: 0px; |
| font-size: 0.875rem; |
| font-weight: bold; |
| } |
| |
| .pipe { |
| display: none; |
| } |
| |
| .navbar .nav-item:not(:last-child) { |
| margin-right: 0; |
| } |
| |
| #content { |
| margin-left: 80px; |
| min-height: 100vh; |
| display: flex; |
| flex-direction: column; |
| } |
| |
| #sidebarCollapse { |
| background-color: #f1f1f1; |
| border: none; |
| width: 40px; |
| height: 40px; |
| border-radius: 50%; |
| color: #333; |
| } |
| |
| .sidebar-header { |
| width: 80px; |
| height: 80px; |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| margin-bottom: 10px; |
| } |
| |
| .logo { |
| display: block; |
| width: 40px; |
| } |
| |
| #sidebarCollapse i { |
| font-size: 20px; |
| padding-left: 2px; |
| } |
| |
| #sidebar .sidebar-header h3 { |
| color: #333; |
| text-align: center; |
| } |
| |
| #sidebar ul.components { |
| padding: 0; |
| margin: 0; |
| list-style: none; |
| } |
| |
| #sidebar ul.components li { |
| margin-bottom: 4px; |
| } |
| |
| #sidebar ul.components li:last-child { |
| position: absolute; |
| bottom: 0; |
| width: 80px; |
| } |
| |
| .content-body { |
| padding: 1rem; |
| } |
| |
| #sidebar ul.components li a { |
| padding: 6px 12px; |
| display: block; |
| color: #333; |
| cursor: pointer; |
| } |
| |
| #sidebar ul.components li button { |
| background-color: #133653; |
| border: 0; |
| box-shadow: none; |
| width: 100%; |
| border-radius: 0; |
| } |
| |
| #sidebar ul.components li button:focus { |
| background-color: #133653; |
| border: 0; |
| box-shadow: none; |
| } |
| |
| #sidebar ul.components li a img { |
| display: block; |
| margin: 0 auto; |
| width: 24px; |
| } |
| |
| #sidebar ul.components li a span, |
| #sidebar ul.components li button span { |
| font-size: 0.625rem; |
| padding: 0.25rem 0.125rem; |
| line-height: 1.4; |
| color: #ffffff; |
| text-decoration: none; |
| display: block; |
| } |
| |
| #sidebar ul.components li button:hover, |
| #sidebar ul.components li a:hover { |
| background-color: #0f2b42; |
| text-decoration: none; |
| } |
| |
| #sidebar ul.components li.selected button { |
| background-color: #194468; |
| } |
| |
| #sidebar ul.components li a i { |
| font-size: 24px; |
| color: #ffffff; |
| } |
| |
| .pipe { |
| content: url("../images/sidebar/pipe.svg"); |
| margin: 0 16px; |
| color: #ccc; |
| display: none; |
| } |
| |
| .pipe.show-on-mobile { |
| display: block; |
| } |
| |
| .navbar-toggler { |
| border: none; |
| } |
| |
| .list-group-flush > .list-group-item:last-child { |
| border-bottom-width: 1px; |
| } |
| |
| li.list-servicedef-title { |
| padding: 0.5rem 1rem 0.25rem 1rem; |
| text-transform: uppercase; |
| font-size: 0.75rem; |
| font-weight: bold; |
| opacity: 0.5; |
| border-top: 1px solid rgba(255, 255, 255, 0.2); |
| } |
| |
| @media only screen and (min-width: 992px) { |
| .pipe { |
| display: block; |
| } |
| |
| .top-nav-title-wrapper { |
| display: flex; |
| gap: 0px; |
| align-items: center; |
| } |
| |
| .navbar .nav-item:not(:last-child) { |
| margin-right: 8px; |
| } |
| } |
| |
| #sidebar ul.components li:last-child { |
| margin-bottom: 0; |
| } |
| |
| .service-def-name { |
| padding: 0 12px; |
| font-size: 0.875rem; |
| font-weight: bold; |
| } |
| |
| @media only screen and (max-height: 679px) { |
| #sidebar ul.components li button img { |
| display: block; |
| margin: 0 auto; |
| width: 24px; |
| padding-top: 4px; |
| } |
| |
| #sidebar ul.components li button span { |
| font-size: 0.625rem; |
| padding: 0.25rem 0.125rem 0 0.125rem; |
| line-height: 1.4; |
| color: #ffffff; |
| text-decoration: none; |
| display: block; |
| } |
| |
| #sidebar ul.components li { |
| margin-bottom: 4px; |
| } |
| } |
| |
| .collapsing { |
| position: relative; |
| overflow: hidden; |
| width: 0; |
| transition: width 0.35s ease !important; |
| } |
| |
| .collapsing.show { |
| width: 0 !important; |
| } |
| |
| .select-nav-drawer { |
| margin: 0.5rem 0.75rem 0.125rem 0.75rem; |
| } |
| |
| #resourcesCollapse .list-group-flush { |
| padding-top: 1rem; |
| } |
| |
| .drawer-menu-title { |
| font-weight: bold; |
| padding: 0.5rem 1rem; |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| } |
| |
| .drawer-menu-close img { |
| width: 25px; |
| display: block; |
| cursor: pointer; |
| } |
| |
| .list-group-item.active { |
| z-index: 0; |
| border-right: 5px solid #51b5fc !important; |
| background: rgba(255, 255, 255, 0.1); |
| } |
| |
| .content-body { |
| padding: 0; |
| } |
| |
| nav.content-top-nav { |
| border-bottom: 1px solid #d6d6d6; |
| } |
| |
| .pipe { |
| max-height: 24px; |
| } |
| |
| .main-footer p { |
| padding: 1rem; |
| } |
| |
| .wrap { |
| padding: 16px; |
| border-radius: 0; |
| border-left: 0; |
| border-right: 0; |
| border-top: 0; |
| border-bottom: 0; |
| } |
| |
| .navbar { |
| padding: 0 1rem; |
| } |
| |
| .bg-light { |
| background: #f3f8f9 !important; |
| } |
| |
| div#ranger-content { |
| background: white; |
| } |
| |
| .header-wraper { |
| display: flex; |
| justify-content: space-between; |
| background: #f3f8f9 !important; |
| border-bottom: 1px solid #d6d6d6; |
| position: sticky; |
| top: 0; |
| z-index: 10; |
| padding: 0; |
| flex-wrap: wrap; |
| } |
| |
| .last-response-time { |
| padding-left: 0; |
| padding-right: 0; |
| color: rgb(33, 37, 41) !important; |
| text-align: right; |
| } |
| .header-wraper .last-response-time { |
| padding-left: 1rem; |
| padding-right: 1rem; |
| } |
| |
| .navbar-active { |
| background-color: #0f2b42 !important; |
| } |
| |
| li.list-group-item:hover { |
| background: rgba(255, 255, 255, 0.2); |
| } |
| |
| .disabledCursor { |
| cursor: not-allowed !important; |
| } |
| |
| .disabledEvents { |
| pointer-events: none !important; |
| } |
| |
| .breadcrumb-new { |
| display: flex; |
| list-style: none; |
| align-items: center; |
| padding: 0; |
| gap: 0; |
| color: inherit; |
| margin-bottom: 0; |
| } |
| |
| .breadcrumb-new i { |
| display: block; |
| } |
| |
| .breadcrumb-item + .breadcrumb-item { |
| padding-left: 0; |
| } |
| |
| .breadcrumb-new li:last-child img { |
| display: none; |
| } |
| |
| .breadcrumb-item { |
| display: flex; |
| gap: 8px; |
| align-items: center; |
| } |
| |
| .breadcrumb-new p { |
| margin-bottom: 0; |
| } |
| |
| .breadcrumb-new li:last-child p, |
| .breadcrumb-new li:last-child a { |
| color: #4e4e4e !important; |
| } |
| |
| .breadcrumb-chevron { |
| width: 16px; |
| height: 16px; |
| display: block; |
| opacity: 0.7; |
| } |
| |
| ::-webkit-scrollbar { |
| height: 5px; |
| width: 5px; |
| background: #ffffff; |
| } |
| |
| .list-group::-webkit-scrollbar { |
| height: 5px; |
| width: 5px; |
| background: #194468; |
| } |
| |
| ::-webkit-scrollbar-thumb { |
| background: #aaaaaa; |
| -webkit-border-radius: 1ex; |
| } |
| |
| ::-webkit-scrollbar-corner { |
| background: #000; |
| } |
| |
| @media only screen and (min-width: 1200px) { |
| tbody.service-details td:first-child { |
| width: 40%; |
| } |
| tbody.service-config td:first-child { |
| width: 40%; |
| } |
| } |
| |
| .custom-clear-btn { |
| border: 0; |
| position: absolute; |
| top: calc(50% - 8px); |
| right: 16px; |
| background: transparent; |
| line-height: 1; |
| box-shadow: none; |
| color: #333333; |
| } |
| .custom-nav-search { |
| margin-top: 5px; |
| margin-bottom: 5px; |
| } |
| .custom-nav-search [class$="-indicatorContainer"] { |
| visibility: hidden; |
| } |
| /* Access Audit Tags */ |
| .tags-oflow { |
| max-height: 120px; |
| } |
| .heading-without-wrap { |
| padding: 1rem 1rem 0rem 1rem; |
| margin: 0; |
| } |
| .pagination-btn-last { |
| width: 30px; |
| line-height: 20px; |
| padding: 0.25rem 0.37rem; |
| } |
| .pagination-btn-previous { |
| width: 30px; |
| line-height: 20px; |
| } |
| .pagination-input { |
| max-width: 80px; |
| height: 30px; |
| border: 1px solid #dddddd; |
| padding: 0 0.5rem; |
| border-radius: 0.2rem; |
| } |
| .service-def { |
| opacity: 0.7; |
| } |
| .list-grid-wrapper:has(a.active) .service-def { |
| opacity: 1; |
| } |
| .manage-service .dropdown-item { |
| padding: 0.25rem 0.75rem; |
| font-size: 0.875rem; |
| } |
| .manage-service .dropdown-item-text { |
| padding: 0; |
| } |
| .manage-service .dropdown-item-text a { |
| color: #212529; |
| display: block; |
| padding: 0.25rem 0.75rem; |
| font-size: 0.875rem; |
| } |
| .manage-service .dropdown-item-text a:hover { |
| color: #16181b; |
| text-decoration: none; |
| background-color: #e9ecef; |
| } |
| .manage-service .dropdown-toggle:focus, |
| .manage-export .dropdown-toggle:focus, |
| .manage-visibility .dropdown-toggle:focus { |
| color: #0b7fad; |
| background-color: #fff; |
| border-color: #0062cc; |
| box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%); |
| } |
| .Toastify__toast { |
| word-break: break-word; |
| } |
| .Toastify__toast-container { |
| width: 384px; |
| } |
| .Toastify__toast-icon { |
| width: 16px; |
| } |
| .td-padding-modal { |
| padding: 0.5rem 0.75rem !important; |
| } |
| .manage-service .dropdown-toggle::after { |
| vertical-align: 0.125em; |
| } |
| .serviceDef-icon { |
| vertical-align: baseline; |
| background-repeat: no-repeat; |
| width: 27px; |
| height: 20px; |
| text-align: center; |
| display: inline-block; |
| padding: 0 2px; |
| position: relative; |
| } |
| .text-word-break { |
| word-break: break-all; |
| } |
| |
| .gds-table { |
| margin-left: auto; |
| margin-right: auto; |
| width: 700px; |
| } |
| |
| .gds-tr { |
| text-align: center !important; |
| padding-top: 100px; |
| padding-bottom: 20px; |
| padding-left: 30px; |
| padding-right: 40px; |
| } |
| |
| .gds-header-wrapper { |
| background-color: #f3f8f9; |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| padding: 0 1rem; |
| border-bottom: 1px solid #d6d6d6; |
| position: sticky; |
| top: 0; |
| z-index: 1; |
| } |
| |
| .gds-form-header-wrapper { |
| background-color: #ffffff; |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| padding: 1rem; |
| border-bottom: 1px solid #d6d6d6; |
| position: sticky; |
| top: 0; |
| z-index: 1; |
| } |
| |
| .gds-header { |
| color: #222222; |
| font-size: 18px; |
| font-weight: 400; |
| line-height: 20px; |
| margin: 0; |
| padding: 0; |
| text-transform: none; |
| flex: 1; |
| } |
| |
| .gds-header-btn-grp { |
| display: flex; |
| gap: 0.5rem; |
| height: 39px; |
| } |
| |
| .gds-form-wrap { |
| max-width: 880px; |
| margin: 0 auto; |
| background-color: #fff; |
| } |
| |
| .gds-form-header { |
| padding-top: 70px; |
| text-align: center; |
| } |
| |
| .gds-form-step-num { |
| margin-bottom: 1.5rem; |
| text-transform: uppercase; |
| font-size: 1rem; |
| } |
| |
| .gds-form-step-name { |
| font-size: 1.5rem; |
| margin-bottom: 3rem; |
| } |
| |
| .gds-form-content { |
| display: flex; |
| flex-direction: column; |
| gap: 2.5rem; |
| } |
| |
| .gds-form-input { |
| width: 100%; |
| } |
| |
| .gds-add-principle { |
| display: inline-flex; |
| justify-content: space-between; |
| gap: 0.875rem; |
| width: 100%; |
| align-items: flex-start; |
| } |
| |
| .flex-1 { |
| flex: 1; |
| } |
| |
| .gds-text-input { |
| min-height: 40px; |
| margin-bottom: 2rem; |
| } |
| |
| .gds-button { |
| height: 40px; |
| } |
| |
| .gds-tab-content { |
| width: 760px; /* 52.77% . Max screen size 1440px*/ |
| margin-left: 120px; |
| margin-top: 40px; |
| } |
| |
| .gds-request-content { |
| width: 920px; |
| margin: 0 auto; |
| } |
| |
| .gds-access-content { |
| max-width: 1140px; |
| margin: 0 auto; |
| } |
| |
| .gds-content-margin { |
| margin-left: 120px; |
| margin-top: 40px; |
| } |
| |
| .gds-inline-field-grp { |
| display: inline-flex; |
| flex-direction: column; |
| align-items: flex-start; |
| gap: 1rem; |
| margin-bottom: 2rem; |
| } |
| |
| .gds-inline-listing { |
| border-bottom: 1px solid #eee; |
| margin-bottom: 1rem; |
| padding-bottom: 1rem; |
| } |
| |
| .gds-right-inline-field-grp { |
| display: inline-flex; |
| flex-direction: column; |
| align-items: flex-end; |
| gap: 1rem; |
| margin-bottom: 2rem; |
| } |
| |
| .gds-left-inline-field { |
| width: 160px; |
| flex-shrink: 0; |
| } |
| |
| .gds-right-inline-field { |
| width: 160px; |
| text-align: right; |
| flex-shrink: 0; |
| } |
| |
| .gds-description { |
| border: none; |
| } |
| |
| .gds-content-border { |
| border: 1px solid #eeeeee; |
| border-radius: 16px; |
| padding: 1.5rem 1.25rem 2.5rem 1.25rem; |
| } |
| |
| .gds-content-header { |
| font-size: 1.125rem; |
| padding-bottom: 1rem; |
| border-bottom: 1px solid #eeeeee; |
| } |
| |
| .gds-card-heading { |
| font-size: 1.125rem; |
| padding-bottom: 1rem; |
| border-bottom: 1px solid #dddddd; |
| } |
| |
| .gds-card-heading-border { |
| border-bottom: 1px solid #dddddd; |
| } |
| |
| .gds-acc-card-header { |
| padding: 0.5rem 0.75rem; |
| } |
| |
| .gds-heading-5 { |
| font-size: 1.125rem; |
| } |
| |
| /* .gds-section-title { |
| padding: 1.5rem 1rem 0rem 1rem; |
| } */ |
| |
| .gds-flex { |
| display: inline-flex; |
| gap: 0.875rem; |
| } |
| |
| .gds-section-card { |
| padding: 1.5rem 1rem; |
| } |
| |
| .gds-action-card { |
| padding: 1rem; |
| border-radius: 16px; |
| } |
| |
| .gds-action-card .gds-section-title { |
| display: flex; |
| align-items: center; |
| justify-content: space-between; |
| border-bottom: 1px solid #dddddd; |
| padding-bottom: 0.75rem; |
| } |
| |
| .gds-no-data .card-body { |
| display: none !important; |
| } |
| |
| .gds-no-data .gds-section-title { |
| border-bottom: 0 !important; |
| padding-bottom: 0 !important; |
| } |
| |
| .gds-action-card .gds-card-heading { |
| border: 0; |
| font-size: 1.125rem; |
| margin: 0; |
| padding: 0; |
| } |
| |
| .gds-principle-listing { |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| padding: 0.5rem 0rem; |
| } |
| |
| .gds-bg-white { |
| background: white; |
| } |
| |
| .gds-bg-light { |
| background: #fafafa; |
| gap: 0.875rem; |
| } |
| |
| .gds-input { |
| height: 38px; |
| } |
| |
| .gap-1 { |
| gap: 1rem; |
| } |
| |
| .gap-half { |
| gap: 0.5rem; |
| } |
| |
| .gap-one-fourth { |
| gap: 0.25rem; |
| } |
| |
| .gds-access-grant-form { |
| max-width: 1208px; |
| padding: 0.5rem; |
| margin: 0 auto; |
| } |
| |
| .gds-grant-det-cond { |
| margin-bottom: 1rem; |
| flex: 1; |
| } |
| |
| .gds-grant-row { |
| display: grid; |
| grid-gap: 0.5rem; |
| grid-template-columns: 24px 1fr 32px; |
| } |
| |
| .gds-flex { |
| display: flex; |
| } |
| |
| .top-0 { |
| top: 0; |
| } |
| |
| input.gds-placeholder::placeholder, |
| textarea.gds-placeholder::placeholder, |
| .gds-form-wrap input::placeholder, |
| .gds-form-wrap textarea::placeholder { |
| font-size: 13px; |
| } |
| |
| .gds-resource-options .card-header { |
| padding: 0.75rem; |
| background-color: #f2f2f2; |
| border-bottom: 1px solid #ced4da; |
| } |
| |
| .gds-resource-options.card { |
| border: 1px solid #ced4da; |
| overflow: unset; |
| } |
| |
| .gds-chips { |
| display: flex; |
| gap: 0.5rem; |
| } |
| |
| .gds-chips .badge { |
| padding: 0.5rem; |
| background-color: #f2f2f2; |
| font-weight: normal; |
| font-size: 14px; |
| } |
| |
| .gds-res-acc-header a { |
| color: rgba(0, 0, 0, 0.87); |
| font-size: 0.875rem; |
| text-decoration: none; |
| line-height: 1.5; |
| } |
| |
| .gds-res-acc-header i { |
| font-size: 1rem; |
| line-height: 1; |
| height: 16px; |
| } |
| |
| .gds-res-card-body { |
| padding: 1.25rem 0 0 0; |
| } |
| |
| .gds-hr { |
| background: #ced4da; |
| } |
| |
| .gds-added-res-listing .form-label { |
| text-transform: capitalize; |
| color: rgba(0, 0, 0, 0.54); |
| } |
| |
| .gds-opacity-lowest { |
| opacity: 0.2; |
| } |
| |
| .badge-sm { |
| padding: 4px 6px !important; |
| font-size: 12px !important; |
| } |
| |
| .gds-principle-width { |
| max-width: 760px; |
| margin: 0 auto; |
| } |
| |
| .hide-arrow .dropdown-toggle::after { |
| display: none; /* Hide the down arrow */ |
| } |
| |
| .gds-requested-status { |
| background: #ffc107; |
| } |
| |
| .gds-granted-status { |
| background: #28a745; |
| color: #ffffff; |
| } |
| |
| .gds-active-status { |
| background: #007bff; |
| color: #ffffff; |
| } |
| |
| .gds-denied-status { |
| background: #dc3545; |
| color: #ffffff; |
| } |
| |
| .w-50 { |
| width: 50% !important; |
| } |
| |
| .gds-label-color { |
| color: #777777; |
| } |
| |
| .autoResizeTextarea { |
| width: 100%; |
| padding: 4px 36px 4px 10px; |
| resize: none; |
| overflow: hidden; |
| border: 1px solid #ccc; |
| } |
| |
| .gds-info-tarea { |
| position: absolute; |
| font-size: 15px; |
| top: 8px; |
| right: 8px; |
| cursor: pointer; |
| } |
| |
| .resource-block { |
| padding: 0.5rem 0; |
| border-bottom: 1px solid #dddddd; |
| margin: 1rem 2rem; |
| } |
| |
| .gds-shared-resource div.row:last-child { |
| margin-bottom: 0 !important; |
| } |
| |
| .gds-grant-principle { |
| width: 50%; |
| } |
| .gds-grant-permission { |
| width: 30%; |
| } |
| .gds-grant-condition { |
| width: 20%; |
| } |
| |
| .gds-grant-condition .editable { |
| word-break: break-all; |
| } |
| |
| .gds-grant-condition .editable-label { |
| margin-top: 0; |
| margin-bottom: 0; |
| max-height: 118px; |
| overflow-y: scroll; |
| background-color: hsl(0, 0%, 90%); |
| } |
| |
| .gds-grant-principle [class$="-indicatorsContainer"], |
| .gds-grant-principle [class$="-control"] { |
| max-height: 126px; |
| overflow-y: scroll; |
| } |
| |
| .gds-grant-permission [class$="-indicatorsContainer"], |
| .gds-grant-permission [class$="-control"] { |
| max-height: 126px; |
| overflow-y: scroll; |
| } |
| |
| .column-dropdown .dropdown-toggle:focus { |
| color: #fff; |
| background-color: #117a8b; |
| border-color: none; |
| } |
| .column-dropdown-maxheight { |
| max-height: 400px; |
| overflow-y: auto; |
| } |