/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
/* oj-sp styles */
@import url("https://static.oracle.com/cdn/spectra-ui/oj-sp/2410.0.1/oj-sp-component-bundle.css");
@import url("https://static.oracle.com/cdn/spectra-ui/oj-sp/2410.0.1/debug/fa-css/fa-css-additions.css");
@import url("../components/platform/platform-styles/platform-app-styles.min.css");
@import url("../components/observability/stlyes/obsv-styles.min.css");
@import url("../components/pulse/styles/pulse-reports.min.css");
@import url("../components/configuration-assessment/styles/dbConfig.min.css");
@import url("../components/case-metrics/styles/case-metrics-styles.min.css");
@import url("../components/alarm-management/alarm-mgmt-styles.min.css");

.demo-oracle-icon {
  width: 137px;
  height: 18px;
}
html {
  overflow-y: hidden;
}

.demo-oracle-icon:before {
  content: url("images/oracle_logo.svg");
}

html:not([dir="rtl"]) .demo-oracle-icon {
  padding-right: 4px;
}

html[dir="rtl"] .demo-oracle-icon {
  padding-left: 4px;
}

.demo-oracle-icon:before {
  display: inline;
}

.demo-appheader-avatar {
  width: 24px;
  height: 24px;
}

.icon-nav-bar {
  width: 12px;
  height: 12px;
}

.demo-appheader-avatar:before {
  content: url("images/avatar_24px.png");
}
.anchor-no-link,
.anchor-no-link:hover,
.anchor-no-link:active {
  text-decoration: none;
}

.body_container {
  margin: 20px 50px 20px 50px;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* header navigation styles*/
.gs-web-applayout-header {
  background: #312d2a;
}

.gs-button-text {
  color: #ffffff;
}
.gs-web-applayout-header .gs-button-menu-dropdown-icon:before {
  color: #ffffff;
}
.gi-white {
  color: #ffffff !important;
}

#topDrawer {
  position: absolute;
  top: 47px;
  width: 320px;
  max-width: 320px;
  z-index: 999999;
}

/* .oj-web-applayout-footer {
  background: #f1efed;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 0px;
} */

.body_container {
  margin: 0px 60px 20px 60px;
}

/* #mss_table .oj-table-scroller {
  background: #ffffff !important;
} */
.gs-bg-image {
  background-image: url(images/pine_color_strip.png);
  height: 10px;
  border-radius: 3px 3px 0 0;
}

.gs-page-bg-image {
  background-image: url(images/gs_background.png);
}

.platform-oracle-logo {
  color: #c74634;
}

.gs-title {
  padding: 20px 20px 20px 37px;
  font-family: "Georgia";
  color: #161513;
  background: #fbf9f8;
}

.gs-header-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
}

.gs-content-roundshape {
  padding: 2px 4px;
  border-radius: 3px;
}

.gs-form-container {
  width: 648px;
}

.gs-cust-service-prof div {
  width: 300px;
}

.gs-width-100 {
  width: 100px;
}

.gs-normal-text {
  font-weight: 400 !important;
  font-size: 12px;
}

.gs-header-subTitle {
  font-weight: 600;
  font-size: 20px;
}

.gs-list-search {
  list-style-type: none;
  padding-left: 0;
}

.gs-list-search li {
  float: left;
}

.oj-sp-table-height {
  height: 72vh;
}
.gs-list-search li p {
  margin-left: 4px;
  padding: 2px 8px 2px 8px;
  background: #ffffff;
  width: auto;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}

.gs-li-bg {
  background: #e9e8e0 !important;
}

/* .oj-web-applayout-footer
  a.oj-navigationlist-item-content
  .oj-navigationlist-item-label {
  padding-top: 10px;
} */
.oj-sp-dashboard-page-header-strip-image {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  background-image: url(images/pine_color_strip.png) !important;
}

.oj-sp-dashboard-tenancy-01 {
  display: inline;
  margin-left: 360px;
}
.no-margin-left {
  margin-left: 0;
}

.no-padding-left {
  padding-left: 0;
}

.gs-web-applayout-max-width {
  max-width: initial;
}

#oj-gs-dashboard
  .oj-sp-dashboard-grid-container.oj-sp-dashboard-layout-above-fold {
  height: auto;
}

.quick-links-panel
  .oj-sp-dashboard-grid-layout-container.oj-sp-dashboard-grid-layout-above-fold {
  height: auto;
  padding-left: 15px;
}

.quick-links-panel .oj-sp-dashboard-panel-title-container {
  padding-left: 8px;
}

.customer-distribution-region
  .oj-sp-dashboard-grid-layout-container.oj-sp-dashboard-grid-layout-above-fold {
  min-height: 43.0625rem;
  padding-left: 15px;
}

#tile-list-view ul li ul li {
  margin-inline-end: 0;
}

#tile-list-view ul li ul li div:first-child div:first-child {
  padding-inline-end: 0;
}

#oj-sp-dashboard-page-1 .gs-title {
  padding-inline-start: 0 !important;
}
.gs-align-center {
  display: flex;
  justify-content: center;
  text-align: center;
}

.gs-donut-title {
  color: #161513;
  position: absolute;
  top: 50px;
  font-weight: 700;
}
.gs-text-align-center {
  text-align: center;
}
.gs-expansion-icon {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 10px;
  border: 1px solid #a9a6a6;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.oj-gs-expansion-bottom {
  position: relative;
  top: -5px;
  z-index: 999;
  margin: 3px;
}

.gs-refresh-icon {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 40px;
  border: 1px solid #a9a6a6;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.gs-refresh-disabled {
  opacity: 0.5;
}

.chart-error {
  color: red;
}

.gs-expansion-icon .oj-ux-ico-expand {
  margin: 2px 0 0 1px;
}

/*----- Common Styles ------*/

.gs-drak-grey {
  color: darkgrey;
}

.gs-link-blue {
  color: rgb(0, 104, 140);
}

.gs-bg-white {
  background-color: #ffffff;
  background: #ffffff;
  font-weight: 600;
}

.gs-border-radius-6x {
  border-radius: 6px;
}

.gs-border-radius-4x {
  border-radius: 4px;
}

.gs-border-radius-3x {
  border-radius: 3px;
}

.gs-border-radius-2x {
  border-radius: 2px;
}

.gs-height-1x {
  height: 10px;
}

.gs-height-2x {
  height: 20px;
}

.gs-height-3x {
  height: 30px;
}

.gs-height-4x {
  height: 40px;
}

.gs-height-5x {
  height: 50px;
}

.gs-height-10x {
  height: 100px;
}

.gs-height-15x {
  height: 150px;
}

.gs-height-20x {
  height: 200px;
}

.gs-width-10x {
  width: 100px;
}

.gs-width-25x {
  width: 250px;
}

.gs-width-15x {
  width: 150px !important;
}

.gs-text-bold {
  font-weight: bold;
}

.gs-link-blue-color {
  color: #3366cc;
}

.gs-black-color {
  color: black;
}

.gs-greyed-out {
  opacity: 0.3;
}

.gs-table-data-length {
  height: 40px;
  align-items: center;
  border-radius: 2px solid #f5f4f2;
}

.gs-grey-bg {
  background: #f5f4f2;
}

.gs-cursor-pointer {
  cursor: pointer;
}

.oj-gs-cursor-default {
  cursor: default;
}

.gs-obsv-tile-bg-active {
  background-image: url(images/Textures/green_small.jpg);
  height: 22px;
}

.gs-obsv-tile-bg-brown {
  background-image: url(images/Textures/brown_small.jpg);
  height: 22px;
}

.gs-obsv-tile-bg-red {
  background-image: url(images/Textures/red_small.jpg);
  height: 22px;
}

.gs-obsv-tile-bg-blue {
  background-image: url(images/Textures/blue_texture_small.jpg);
  height: 22px;
}

.gs-obsv-tile-bg-purple {
  background-image: url(images/Textures/purple_texture.jpg);
}

.gs-obsv-tile-bg-rose {
  background-image: url(images/Textures/rose.jpg);
}

.gs-obsv-tile-bg-grey {
  background-image: url(images/Textures/grey_texture.jpg);
}

.gs-obsv-tile-bg-green {
  background-image: url(images/Textures/green_small.jpg);
}

.gs-max-width-none {
  max-width: none !important;
}

.oj-gs-text-limit-20x {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.gs-blur-50 {
  opacity: 0.5;
}

.oj-gs-events-none {
  pointer-events: none;
}

.gs-table-container {
  height: 700px;
}

/* Ends */
.oj-gs-popup {
  width: 80rem;
  height: 40rem;
  display: none;
}

.oj-gs-popup-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.oj-gs-popup-header {
  align-self: flex-end;
}

.oj-gs-popup-content {
  align-self: stretch;
  overflow: hidden;
}

.oj-gs-popup .gs-ob-alarm-tile #lineChart {
  height: 420px;
}

.oj-gs-popup .gs-dc-charts-tile {
  width: 92%;
}

.oj-gs-img-full-width {
  width: 100%;
}

.oj-gs-code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

.oj-gs-h1 {
  font-size: 26px;
}

.oj-gs-h2 {
  font-size: 24px;
}

.oj-gs-h3 {
  font-size: 22px;
}

.oj-page-center {
  position: absolute;
  left: 48vw;
  z-index: 999999999;
}

.oj-gs-text-align-end {
  text-align: end;
}

.oj-gs-text-red {
  color: red;
}

.gs-table-bottom {
  margin-bottom: 120px;
}

/* Common style Properties Ends */

/* ---- Breadcrumb styles ---- */
.breadcrumb {
  padding: 11px 0 9px 105px;
  background: #2c4a35;
  color: #ffffff;
}

.breadcrumb a {
  color: #ffffff;
}

.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li:not(:last-child)::after {
  display: inline-block;
  margin: 0 0.25rem;
  padding: 0 14px 0 14px;
  content: "<";
}

/**
Custom Checkbox
*/

.oj-gs-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.oj-gs-checkbox span.titleText {
  position: relative;
  display: block;
  /* top: -6px; */
  bottom: 4px;
}

/* Hide the browser's default checkbox */
.oj-gs-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  border: 2px solid #100f0e;
}

/* When the checkbox is checked, add a blue background */
.oj-gs-checkbox input:checked ~ .checkmark {
  background-color: black;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.oj-gs-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.oj-gs-checkbox .checkmark:after {
  left: 3px;
  width: 3px;
  top: 0.5px;
  height: 6px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Ends */

.oj-gs-bottom-btn {
  position: relative;
  bottom: 0;
}

.oj-sp-group-Det .oj-gs-levels-options {
  margin: 20px !important;
}

.oj-sp-group-Det {
  position: relative;
  bottom: 20px;
}

.oj-sp-group-Det div {
  margin: 20px;
}
.oj-gs-allaccess {
  position: relative;
  top: 18px;
  left: 5px;
}

.error-page-container {
  padding: 0px;
  height: 85vh;
  background-size: cover;
  display: flex;
  background-image: url(images/bg_white_full.png);
}

.error-inner-container {
  align-self: flex-end;
  padding: 0px 80px 50px;
}

/* --For Login Screen Start--- */
.login-bg-image {
  background-image: url(images/login_bg.png);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.login-container {
  flex-direction: column;
  padding: 0px;
  width: 640px;
  background: #fbf9f8;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

.login-inner-container {
  margin: 44px 32px 25px 32px;
}

.login-btn-top {
  margin-top: 24px;
}
.login-btn-bottom {
  margin-bottom: 20px;
}
.login-inner-label-bottom {
  margin-bottom: 8px;
}

.oj-gs-loader-custom {
  position: relative;
  top: 300px;
  display: flex;
}
.oj-gs-loader-custom-form {
  position: relative;
  display: flex;
}
.gs-user-profile-loader-custom {
  position: relative;
  top: 8px;
  display: flex;
}
/* --For Login Screen End--- */
/* ----- */
@media (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi),
  (min-resolution: 1.5dppx) {
  .demo-appheader-avatar:before {
    content: url("images/avatar_24px_2x.png");
    -webkit-transform: translate(-25%, -25%) scale(0.5);
    transform: translate(-25%, -25%) scale(0.5);
  }
}

.oj-gs-limit-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 25ch;
}

.oj-gs-allow-wrap {
  white-space: normal !important;
}

/*Notification Drawers*/

.demo-padding {
  padding: 1rem;
}

.demo-full-height {
  height: 100vh;
}

.demo-drawer-end {
  height: 100%;
}

.demo-drawer-header {
  display: flex;
  padding: 0.3rem 1rem 0 1rem;
  justify-content: space-between;
  align-items: center;
}

.oj-gs-asko-comp {
  position: absolute;
  top: 50px;
  background: #1e3224;
  z-index: 99999999;
  height: auto;
  width: -webkit-fill-available;
  padding: 50px 0 70px 0;
}

.global-menu-container {
  max-height: calc(100vh - 95px);
  overflow-y: auto;
}

.oj-gs-menutiles .oj-gs-service-list {
  width: 300px;
  padding-bottom: 10px;
}

.oj-gs-menutiles span {
  color: #ffffff;
  font-style: normal;
}

.oj-gs-btn-right {
  position: absolute;
  right: 8.5%;
}

.oj-gs-menu-text span:first-of-type {
  position: relative;
  top: 4px;
  padding-right: 15px;
}
.oj-gs-menu-text span {
  font-size: 16px;
}

.oj-gs-content-bg {
  background-color: #ffffff;
}

.min-screen-height {
  min-height: 100vh;
}

.oj-gs-menu-text {
  width: 270px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.oj-gs-menutiles ul {
  padding: 0 30px;
}

.oj-gs-menutiles li {
  list-style: none;
  padding-left: 5px;
}

.oj-gs-menutiles li:hover {
  /* background: #97909052; */
  background: #96919152;
  border-radius: 5px;
}

.oj-gs-menutiles li span {
  line-height: 35px;
  font-weight: 400;
  font-size: 14px;
}
.oj-ux-ico-close-menu {
  font-size: 28px;
  position: relative;
  top: -5px;
}
.oj-ux-ico-close-menu:before {
  content: "\00d7"; /* This will render the 'X' */
}

.oj-gs-header-logo {
  display: table;
}

.oj-gs-header-logo span {
  display: table-cell;
  vertical-align: middle;
}

.oj-gs-header {
  width: 75px;
}

.oj-gs-service-list span,
.oj-gs-service-list ul li {
  cursor: pointer;
}

/* ======== User Management Start =========== */
.um-drawer-header {
  display: flex;
  padding: 0px 24px 0 24px;
  justify-content: space-between;
  align-items: center;
}

.um-form-container {
  width: 648px;
}
.um-drawer-divider {
  border-top: 1.13px solid rgba(22, 21, 19, 0.1);
}
.um-create-user-body-container {
  padding: 24px 24px 0px 24px;
}
.um-drawer-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  border-top: 1.13px solid rgba(22, 21, 19, 0.1);
}

.gs-font-weight-bold {
  font-weight: 600;
}

.gs-border-top-bottom {
  border-top: 1px solid #1615131a;
  border-bottom: 1px solid #1615131a;
}

.gs-icon-span {
  font-size: 24px;
  position: relative;
  top: 5px;
}

.um-create-user-body-container .gs-search {
  max-width: 100% !important;
}

.gs-oj-label {
  color: rgba(22, 21, 19, 0.65);
}

.gs-profile-tab-shadow {
  box-shadow: inset 0px -1px 0px rgba(22, 21, 19, 0.1);
}

.gs-cursor {
  cursor: pointer;
}

.gs-f-size-12 {
  font-size: 12px;
}
/* ======== User Management End ============ */
/*
****************
 Groups Style
*/

.oj-gs-card-width {
  min-width: 300px;
}
.oj-gs-card-width p {
  width: 250px;
}
.oj-gs-md-drawer {
  min-width: 500px !important;
}
.oj-gs-md-groups-drawer .gs-form-layout,
.oj-gs-md-groups-drawer #search1 {
  min-width: 100% !important;
}
.oj-gs-status {
  color: green;
  margin: 30px;
}

.gs-bg-body {
  background-color: #ffffff !important;
}
/*
End
****************
*/

/* ======Loader Start======== */

.gs-loader {
  position: absolute;
  height: 100%;
  align-items: center;
  display: flex;
}

/* ======Loader End======== */

/*  ======= Observability styles ========= */

#gs-obs-dashboard-container .gs-title {
  background-color: #ffffff;
}
.gs-tile-content {
  padding: 20px;
  width: 160px;
  color: #161513;
}
.gs-tile-content div {
  text-align: center;
}
.gs-tile-content div:nth-child(3) {
  line-height: 44px;
}
.gs-tile-content div:nth-child(2) {
  font-weight: 400;
  font-size: 13.75px;
  line-height: 16px;
  color: rgba(22, 21, 19, 0.65);
}
.gs-tile-content div:not(:nth-child(2)) {
  font-weight: 700;
}
.gs-obsv-tile-bg {
  background: #375d61;
  height: 20px;
}

.gs-endclass {
  height: 100px;
}

.gs-obsv-summary-report .oj-listview-focused-element {
  width: 49%;
}

.gs-obsv-summary-report .gs-ob-summary-reportcont {
  width: 79vh;
  height: 45vh;
}

.gs-dash-summary-tabs {
  width: 97% !important;
}
#gs-obs-dashboard-container .gs-summary-alerts #bubbleChart {
  height: 200px;
  width: 500px;
}
#gs-obs-dashboard-container .gs-summary-insights #bubbleChart,
#gs-obs-dashboard-container .gs-summary-insights #pieChart,
#gs-obs-dashboard-container .gs-summary-runbook #bubbleChart {
  height: 200px;
  width: 350px;
}
.gs-ob-summary-status .status-label-cont {
  width: 100px;
  border: 1px solid rgba(22, 21, 19, 0.1);
  border-radius: 6px;
}

.gs-cust-onboard .oj-required-inline-container {
  display: none;
}

.gs-ob-firsttile {
  width: 48%;
  min-width: 414px;
}

.gs-ob-secondtile {
  width: 50%;
  padding: 0 0 0 2%;
  min-width: 414px;
}
.gs-ob-firsttile oj-action-card,
.gs-ob-secondtile oj-action-card {
  height: 750px;
  overflow-y: scroll;
}

.gs-ob-alarm-tile oj-chart {
  height: 250px;
  padding: 0px 10px;
}

.gs-alarm-pie-chart oj-chart {
  height: 380px;
}

.oj-gs-expand-donut oj-chart {
  height: 600px !important;
}

.gs-text-subtitle {
  color: #0000007d;
  font-size: 13px;
  padding-top: 2px;
}

.gs-analytics-charts {
  padding: 17% 10% 10% 10%;
  opacity: 0.3;
}

.gs-analytics-charts oj-chart {
  height: 300px;
}

.gs-analytics-charts div:nth-child(2) {
  margin-left: 20px;
}

.gs-dc-charts-tile {
  width: 46%;
  margin-left: 40px;
  margin-top: 30px;
  cursor: auto;
}
.gs-analytics-content {
  justify-content: center;
  align-items: center;
  height: 75vh;
}

.gs-summary-tiles .gs-ob-firsttile oj-action-card,
.gs-summary-tiles .gs-ob-secondtile oj-action-card {
  height: 400px;
}

.gs-right-border-grey {
  border-right: 1px solid #e4e1e1;
}

.oj-obs-tile-width {
  width: 270px;
}

.oj-gs-summary-donut-fixheight #pieChart {
  height: 250px;
  padding: 40px 0px;
}

.oj-gs-margin-left-15 {
  margin-left: -15px;
}

.oj-gs-width-inherit {
  width: inherit;
}

.oj-gs-table-postion {
  position: absolute;
  bottom: 70px;
}

.oj-gs-relative-top {
  position: relative;
  top: 2px;
}

.oj-gs-region {
  background: #227e9e;
  border-radius: 3px;
  color: #ffffff;
}
.oj-gs-status_text {
  font-size: 20px;
  border-radius: 3px;
}

.oj-gs-adjust-donut-title .gs-donut-title {
  top: 36px;
}

.oj-gs-vertical-scroll {
  overflow: auto;
  height: 70vh;
}

.oj-gs-vertical-align-info {
  vertical-align: bottom;
}

.oj-gs-signal-cols {
  max-width: 100%;
  overflow-wrap: break-word;
  margin-left: 10px !important;
}

.oj-gs-signal-desc-align {
  padding: 0 24px;
  margin-top: 12px !important;
  border: 1px solid #dedada;
}

/* ======= Observability styles End ====== */

@media only screen and (max-width: 414px) {
  .body_container {
    margin: 20px 30px 20px 30px;
  }
  .oj-gs-limit-text {
    max-width: 20ch;
  }
  html {
    overflow-y: auto;
  }

  .oj-gs-menutiles li span {
    line-height: 30px;
  }
  .breadcrumb {
    padding: 11px 0 9px 10px;
  }

  /* ========= Observability Starts ======== */

  .gs-ob-firsttile {
    width: 100%;
    min-width: -webkit-fill-available;
    padding: 0 0 10px 0;
  }

  .gs-ob-secondtile {
    width: 100%;
    min-width: -webkit-fill-available;
    padding: 0 2% 10px 0;
  }
  /* ========= Ends ======== */
}

@media screen and (max-width: 1140px) {
  .gs-dc-charts-tile {
    width: 38vw;
  }
}

@media screen and (max-width: 900px) {
  .gs-ob-firsttile {
    width: 100%;
    padding: 0 2% 0 2%;
    min-width: -webkit-fill-available;
  }

  .gs-ob-secondtile {
    width: 100%;
    padding: 2% 2% 0 2%;
    min-width: -webkit-fill-available;
  }

  .gs-dc-charts-tile {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* @media only screen and (max-width: 1200px) {
  .gs-db-firsttile oj-action-card, .gs-db-secondtile oj-action-card {
    height: 100% !important;
  }
} */

.help-spacing {
  line-height: 37px !important;
}

.create-new-account-anchor {
  text-decoration: none !important;
}

.oj-login-header {
  font-weight: 800 !important;
}

.collapsible-ul {
  color: white;
  cursor: pointer;
  line-height: 35px;
  font-weight: 400;
  font-size: 14px;
}

.collapsible-ul ul:hover {
  background: #96919152 !important;
  border-radius: 5px;
}

/* .accordion .oj-button-text {
  padding: 0 !important;
}

.oj-gs-menutiles .accordion li:hover {
  background: #96919152 !important;
  border-radius: 5px;
} */

/* ============= Common Styles ================== */

.gs-drak-grey {
  color: darkgrey;
}

.gs-border-radius-6x {
  border-radius: 6px;
}

.gs-border-radius-4x {
  border-radius: 4px;
}

.gs-border-radius-3x {
  border-radius: 3px;
}

.gs-border-radius-2x {
  border-radius: 2px;
}

.gs-height-1x {
  height: 10px;
}

.gs-height-2x {
  height: 20px;
}

.gs-height-3x {
  height: 30px;
}

.gs-height-4x {
  height: 40px;
}

.gs-height-5x {
  height: 50px;
}

.gs-height-10x {
  height: 100px;
}

.gs-height-20x {
  height: 200px;
}

.gs-text-bold {
  font-weight: bold;
}

.gs-link-blue-color {
  color: #3366cc;
}

.gs-black-color {
  color: black;
}

.gs-greyed-out {
  opacity: 0.3;
}

.gs-align-center {
  display: flex;
  justify-content: center;
  text-align: center;
}

.gs-list-style-none {
  list-style: none;
}

.gs-list-style-none li {
  display: inline-block;
}

.gs-bg-light-grey {
  background: #f3f0f0;
}

/* .oj-gs-status-meter{
  height:20px !important;
} */
/* ============= Comon Style End ====================== */

/* ============= Common Tiles =================== */

.gs-tile-bg-brown {
  background-image: url(images/Textures/brown_small.jpg);
  height: 22px;
}

.gs-tile-bg-red {
  background-image: url(images/Textures/red_small.jpg);
  height: 22px;
}

.gs-tile-bg-blue {
  background-image: url(images/Textures/blue_texture_small.jpg);
  height: 22px;
}

.gs-tile-bg-purple {
  background-image: url(images/Textures/purple_texture.jpg);
}
.gs-title-height-large {
  height: 22px;
}

.gs-tile-bg-rose {
  background-image: url(images/Textures/rose.jpg);
  height: 22px;
}

.gs-tile-bg-grey {
  background-image: url(images/Textures/grey_texture.jpg);
  height: 22px;
}

.gs-tile-bg-green {
  background-image: url(images/Textures/green_small.jpg);
  height: 22px;
}

.gs-tile-content {
  padding: 0.5vw;
  width: 10vw;
  /* padding:20px;
  width: 160px; */
  color: #161513;
}
.gs-tile-content div {
  text-align: center;
}
.gs-tile-content div:nth-child(3) {
  line-height: 44px;
}
.gs-tile-content div:nth-child(2) {
  font-weight: 400;
  font-size: 13.75px;
  line-height: 16px;
  color: rgba(22, 21, 19, 0.65);
}
.gs-tile-content div:not(:nth-child(2)) {
  font-weight: 700;
}
.gs-tile-bg {
  background: #375d61;
  height: 20px;
}

.gs-db-firsttile {
  width: 48%;
  min-width: 414px;
}

.gs-db-secondtile {
  width: 48%;
  /* padding: 0 2% 0 2%; */
  min-width: 414px;
}
.gs-db-firsttile oj-action-card,
.gs-db-secondtile oj-action-card {
  height: 100%;
  /* overflow-y: scroll; */
}

.gs-db-sunburst-tile oj-chart {
  height: 280px;
  padding: 10px 10px;
}

.gs-alarm-pie-chart oj-chart {
  height: 380px;
}

.gs-donut-legend {
  position: absolute;
  bottom: 30px;
  height: 80px;
}

.gs-multiple-pie-chart oj-chart {
  height: 420px;
  position: relative;
  bottom: 30px;
}
.gs-multiple-pie-chart .oj-gs-pie-legend {
  position: absolute;
  bottom: 10px;
  height: 120px;
}

.gs-text-subtitle {
  color: #0000007d;
  font-size: 13px;
  padding-top: 2px;
}

.gs-db-summary-status .status-label-cont {
  width: 100px;
  border: 1px solid rgba(22, 21, 19, 0.1);
  border-radius: 6px;
}

/* ============= Common Tiles End =================== */
/* ========== Satellite Service=================  */
.sca-form-container {
  width: 500px;
}

#satellit-landing-options a {
  text-decoration: none;
}

.status {
  text-transform: capitalize;
}

.gs-run-job-button {
  position: absolute;
  bottom: 20px;
}

.gs-warp-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.gs-satellite-config-key-btn {
  position: absolute;
  bottom: 0;
  width: 90%;
}

.gs-sm-loader {
  position: relative;
  display: flex;
}

.gs-table-results {
  padding-top: 0.5%;
}

.gs-job-type-textarea textarea {
  max-height: 190px;
  overflow-y: auto;
  height: 190px;
}

.gs-error-msg {
  color: red;
  font-size: 13px;
}

.gs-note-msg {
  font-size: 13px;
  position: fixed;
  bottom: 40px;
}

.gs-error-banner {
  margin: 0px 25px;
}

/* ======== PII Compliance ========= */
.gs-pii-tile-content {
  padding: 20px;
  color: #161513;
}
.gs-pii-big-tile {
  width: 70vh;
  height: 25vh;
}
.gs-pii-small-tile {
  width: 32vh;
  /* height: 210px; */
}
.gs-pii-tile-content div {
  text-align: left;
}
.gs-pii-tile-content div:nth-child(3) {
  line-height: 44px;
}
.gs-pii-tile-content div:nth-child(2) {
  font-weight: 400;
  font-size: 13.75px;
  line-height: 16px;
  color: rgba(22, 21, 19, 0.65);
}
.gs-pii-tile-content div:not(:nth-child(2)) {
  font-weight: 700;
}
.gs-pii-tile-bg {
  /* background-color: #375d61; */
  height: 5.8vh;
}
.gs-green-tile {
  background-color: #467553;
}
.gs-blue-tile {
  background-color: #00688c;
}
.gs-brown-tile {
  background-color: #8d4f2e;
}
.gs-pii-learn-more {
  color: #00688c;
}
.gs-pii-tile-bottom {
  position: absolute;
  bottom: 24px;
}
.oj-gs-tile-middle {
  text-align: center !important;
  font-size: 20px;
}
.oj-gs-pii-info-card-width {
  min-width: 29vh;
}
/* PII Complaince End */

.table-view-fill {
  height: calc(99vh - 15rem);
}

.tab-container-bg-default {
  background: #fbf9f8;
}

.event-link-content-card {
  /* padding: 20px; */
  width: 200px;
}

.gs-tile-large-size {
  height: 32px;
}

.gs-tile-content-left-align div {
  text-align: left;
}

.event-management-bg-image {
  background-image: url(images/bg_green.png);
  background-size: 100%;
  height: 10rem;
  background-repeat: no-repeat;
}
/* PII Complaince End */

/* Tenancy info start */
.oj-dialog#tenancyUpdate {
  position: fixed;
  top: 0 !important;
  right: 0 !important;
  left: unset !important;
  height: 100%;
}

#tenancyUpdate .oj-required-inline-container {
  display: none;
}

#tenancy-info .search-refresh {
  display: flex;
  flex-direction: row;
}

#tenancy-info .search {
  width: 800px;
}

#tenancy-info .oj-inputsearch {
  width: 100%;
}

#tenancy-info .oj-form-control-max-width-md {
  max-width: unset !important;
}

#tenancy-info .oj-input-search {
  max-width: unset !important;
  width: 100%;
}

#tenancy-info .startIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  width: 44px;
  height: 44px;
  background: #16151314;
}

#tenancy-info .update-button {
  margin-top: 20px;
  margin-bottom: 40px;
}

#tenancy-info .resultCount {
  width: calc(100% - 48px);
  background: #f5f4f2;
  padding-left: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
}

#tenancy-info .oj-ux-ico-search {
  font-size: 22px;
}

#tenancy-info #table {
  min-height: 100vh;
}

#tenancy-info .tenancy-content {
  box-shadow: 0 6px 12px 0 #00000033;
  background: #fbf9f8;
  padding-left: 60px;
  min-width: 1950px;
}

#tenancy-info .gs-bg-body {
  background-color: unset !important;
}

#tenancyUpdate {
  width: 648px;
}

#tenancyUpdate .oj-drawer-full-height {
  padding: var(--oj-dialog-body-padding);
}

#tenancyUpdate .oj-formlayout-max-cols-1:not(.oj-formlayout-full-width) {
  max-width: unset !important;
}

#tenancy-info .policyBanner {
  position: absolute;
  z-index: 1;
  width: calc(100% + 60px);
  margin-left: -60px;
}

#tenancy-info .policyBanner-secondary {
  position: absolute;
  top: 70px;
  z-index: 1;
  width: calc(100% + 60px);
  margin-left: -60px;
}

#tenancy-info .searchIcon {
  cursor: pointer;
}

#tenancy-info .banners {
  position: relative;
  width: 100%;
}

#tenancyUpdate .actionButtons {
  border-top: 1px solid lightgray;
  position: absolute;
  bottom: 0;
  display: flex;
  width: calc(100% - 100px);
  justify-content: flex-end;
  padding: var(--oj-dialog-footer-padding);
  text-align: end;
  height: 30px;
}

#tenancyUpdate .oj-button {
  margin-left: var(--oj-core-spacing-1x);
}

.newTenancyUpdateHeader {
  width: 100%;
}

#tenancyUpdate .oj-dialog-header {
  padding: unset;
  background-image: unset;
}

#tenancyUpdate .oj-filepicker-no-trigger.oj-filepicker {
  width: 100%;
  max-width: unset !important;
}

.newTenancyUpdateM {
  font-size: 12px;
  margin-top: 10px;
}

.newTenancyUpdate {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid lightgray;
  width: 100%;
  padding: unset;
}

.newTenancyUpdate > span {
  margin: auto 0 auto auto;
  cursor: pointer;
}

#tenancy-info .separator-bar {
  height: 50px;
}

#tenancyUpdate
  .oj-sm-12
  .oj-flex
  .oj-sm-padding-2x-top
  .gs-border-top-bottom
  .oj-sm-margin-8x-end {
  width: 98% !important;
}

.ssp-title {
  padding: 20px 20px 20px 3px;
  font-family: "Georgia";
  color: #161513;
  background: #fbf9f8;
}

/* Tenancy info end */

.oj-topology-back-btn {
  cursor: pointer;
  width: fit-content !important;
}

.oj-topology-back-arrow {
  position: relative;
  bottom: -2px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tools-text:hover {
  overflow: visible;
  white-space: normal;
  width: auto;
}

.alarm_name {
  word-break: break-word;
}

/*vertical menu*/
.vertical_menu_grid {
  display: grid;
  grid-template-columns: 18% 82%;
}

.vertical_menu_grid h6 {
  padding: 0px 10px;
}

.box {
  background-color: #fbf9f8;
  margin-top: 30px;
  border: 1px solid #eaeaea;
}

.box a {
  padding: 10px 15px;
  display: block;
  font-size: 1rem;
  text-decoration: none;
  border-top: 1px solid #000;
  color: #161513;
  font-weight: 600;
}

.box a:last-child {
  border-bottom: 1px solid #000;
}

.box a:hover {
  background-color: #00688c;
  color: #fff;
}

.padding_0 {
  padding: 0 !important;
}

/* Configuration Service */

/* Configuration Listing */
.card-cursor {
  cursor: pointer;
}

.configuration-listing-body {
  margin: 15px;
}

.configuration .onboard-tenancy-button {
  margin-top: 20px;
  margin-bottom: 20px;
}

.configuration .search-refresh {
  display: flex;
  flex-direction: row;
}

.configuration .startIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  width: 44px;
  height: 44px;
  background: #16151314;
  cursor: pointer;
}

.configuration .search {
  width: 475px;
}

.configuration .resultCount {
  width: calc(100% - 48px);
  background: #f5f4f2;
  padding-left: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
}

/* OnBoarding */
.newTenancyUpdateM {
  font-size: 12px;
  margin-top: 5px 0;
}

#tenancyValidation .oj-required-inline-container {
  display: none;
}

.new-tenancy-update-validate-btn {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 90px;
  display: flex;
}

.new-tenancy-action-buttons {
  margin-top: 20px;
  margin-bottom: 10px;
}

.new-tenancy-form-cancel-btn {
  margin-right: 10px;
  width: 90px;
}

.new-tenancy-form-submit-btn {
  min-width: 90px;
  max-width: 100%;
}

.config-details .container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.config-details .column {
  flex: 1 1 20%;
  padding: 10px;
  box-sizing: border-box;
}

.config-details .value {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* code block */
.pre-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem;
  margin-left: 0;
  overflow: auto;
  border-bottom-color: rgba(22, 21, 19, 0.1);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgba(22, 21, 19, 0.1);
  border-left-style: solid;
  border-left-width: 2px;
  border-right-color: rgba(22, 21, 19, 0.1);
  border-right-style: solid;
  border-right-width: 2px;
  border-top-color: rgba(22, 21, 19, 0.1);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-style: solid;
  border-top-width: 2px;
}

.code-block {
  padding: 1rem;
  font-size: 0.875rem;
  border-radius: 3px;
  white-space: pre-wrap;
  word-break: break-word;
  text-indent: -0.5em;
}

.copy-btn {
  background-color: #eee;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  cursor: pointer;
}

.copy-btn:hover {
  background-color: #ddd;
}

#policyDialog {
  width: 800px;
}

.validated-success-container {
  display: flex;
  height: 3rem;
  align-items: center;
}

.validated-label {
  margin-top: -6px;
}

.config-module-table {
  height: fit-content;
}

.config-assets-accordian {
  /* height: 70vh; */
  text-align: left;
  padding: 0px;
  margin-top: 10px;
}

/* End of Configuration Service */
.action-menu-button {
  background-color: #e9e7e7;
}
#openBlackoutHistory {
  width: 900px;
}
.specialInstructions {
  color: red;
}
.oj-g2-dashboard h1 {
  display: none !important;
}
#openViewEvents {
  width: 900px;
}
#openCustomerBlackoutHistory {
  width: 1000px;
}

.group-break-word-container p {
  width: auto;
}

#showMoreDetails {
  width: 1000px;
}

#openEventHistory {
  width: 1200px;
}

#openSRHistory {
  width: 900px;
}

.delayed-tooltip {
  margin-top: -40px;
  margin-left: 40px;
  width: 200px;
}

.delayed-tooltip div {
  gap: unset !important;
}

/* CloudNative Backup */

.gs-cloudnative-chart oj-chart {
  height: 300px;
}

.gs-flex-justify-content {
  justify-content: space-between;
}

.gs-cloudnative-error-banner ul {
  width: 460px;
  height: 25vh;
  overflow-y: auto;
}

.gs-cloudnative-donut-legend {
  position: relative;
  bottom: 30px;
}

/* .oj-selectmany-choice-item.oj-unselectable {
  pointer-events: auto !important;
} */

#openResourceDetails {
  width: 900px;
}

.obsv-execute-button {
  margin-left: 14px;
}

.obsv-key-file-content {
  min-width: calc(200% + 25px);
}

/* .oj-listbox-result-unselectable {
  pointer-events: auto;
} */

.selected-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.selected-filters .oj-chip {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}

.selected-filters .oj-chip-text {
  margin-right: 4px;
  font-size: 14px;
  color: #333;
}

.selected-filters .oj-chip-remove {
  cursor: pointer;
  margin-left: 4px;
  color: #999;
}

.selected-filters .oj-chip-remove:hover {
  color: #666;
}

.auditLogsTable .oj-table-scroller {
  height: auto !important;
}

.auditLogsTable .gs-table-container {
  height: auto !important;
}

#popup-audit-logs {
  width: 120rem;
  overflow-y: scroll;
}

#popup-external.oj-gs-popup {
  width: 550px;
  height: 300px;
}

.grid-system {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-gap: 10px;
}

.custom-drawer {
  background-color: #f3f3f3;
  box-shadow: -5px -5px 15px #cfcfcf;
  border-left: 1px solid #bfbfbf;
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
  top: 50px;
  right: 0px;
  height: 100%;
  position: fixed;
  width: 40%;
}

.custom-drawer-body {
  max-height: calc(70vh);
  overflow: auto;
  user-select: text;
  -webkit-user-select: text;
}

.slider-menu {
  position: absolute;
  width: 40px;
  padding-top: 10px;
  background-color: #312d2a;
  color: #fff;
}

.scroller-body {
  margin-left: 50px;
  position: relative;
  overflow-x: hidden;
}

.slider-menu ul {
  list-style: none;
  margin: 0;
  padding: 8px;
}

.slider-menu ul li {
  margin-bottom: 20px;
}

.slider-menu ul li span {
  font-size: 25px;
}

.scroll-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #e9e7e7;
}

.scroll-tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: 10px;
  padding: 8px 10px;
  font-size: 12px;
  position: absolute;
  z-index: 1;
}

.scroll-tooltip:hover .tooltiptext {
  visibility: visible;
}

.custom-drawer .event_anchor_link:hover {
  color: #b3311f;
}
.custom-drawer .event_anchor_link:active {
  color: #b3311f;
}

.custom-drawer .value_highlight {
  color: #00688c;
}

.custom-drawer .demo-drawer-header {
  background-color: #312d2a;
}

.custom-drawer .demo-drawer-header .oj-ux-ico-close {
  color: #fff;
}

.custom-drawer .demo-drawer-header h4 span {
  display: block;
  font-size: 14px;
  color: #fff;
  margin-bottom: 5px;
}
.custom-drawer .demo-drawer-header h4 {
  color: #fff;
}

.custom-drawer .demo-drawer-header h4 p {
  display: grid;
  grid-template-columns: 50% 50%;
  text-align: center;
  grid-gap: 7px;
}
.custom-drawer .demo-drawer-header h4 p span {
  color: #fff;
  background-color: var(--oj-core-danger-1);
}

.action-card-spacing {
  margin: 8px;
}

#openViewCurrentSRs {
  width: 900px;
}

#openSREvents {
  width: 900px;
}

.conveyor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  margin: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f8f9fa;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  transition: background-color 0.3s;
}

.conveyor-button:hover {
  background-color: #e2e6ea;
}

.conveyor-button:active {
  background-color: #dae0e5;
}

.conveyor-button.active {
  background-color: grey;
  color: white;
}

.userListLoader {
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 20vh 0;
  box-sizing: border-box;
}

.userListContainer {
  min-height: 70vh;
}

.delayed-audit-trail {
  width: 220px;
  margin-bottom: -20px;
}

.delayed-audit-trail div {
  gap: unset !important;
}

.total_donut {
  margin-top: 15px;
  margin-left: -10px;
}

.oj-res-drawer {
  position: "relative";
  margin-bottom: "100px";
  height: "calc(100vh - 10px)";
  overflow: "auto";
  background-color: "#FFFFFF";
}

.action-button {
  background-color: "#e9e7e7";
}

.CaEditForm {
  display: grid;
  grid-gap: 10px;
}
.InsertCaData {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 50% 50%;
  margin-top: 5%;
}
.validate-ca-id {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 80% 20%;
  margin-top: 2%;
}

.dashboard-link-content-card {
  width: 300px;
}

.dashboard-event-management-bg-image {
  background-image: url(images/bg_green.png);
  background-size: 100%;
  height: 37rem;
  background-repeat: no-repeat;
}

.kpi-grid-system {
  display: grid;
  grid-template-columns: 65% 35%;
  grid-gap: 10px;
}

.kpi--drawer {
  background-color: #f3f3f3;
  box-shadow: -5px -5px 15px #cfcfcf;
  border-left: 1px solid #bfbfbf;
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
  position: relative;
}

#showAssetDetails {
  width: 1000px;
}

#createME {
  width: 1000px;
}

.quickLinkActionCard {
  min-height: 258px;
  background-color: #fff;
}

.quickLinkActionCardContentWrapper {
  display: grid;
  grid-template-rows: auto 84px;
  width: 100%;
}

._quickLinkActionCardContent {
  padding: 20px;
}

.quickLinkActionCardContentBody {
  padding: 16px;
  display: grid;
  grid-template-columns: auto 72px;
  grid-gap: 10px;
}

.quickLinkActionCardContentFooter {
  padding: 20px;
  height: 84px;
  box-sizing: border-box;
  align-items: center;
  display: flex;
}

.dashboardPageQuickActionsCardContainer {
  display: grid;
  grid-gap: 20px 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 20px;
}

.widget-panel {
  margin: 0% 12%;
}

.CD_metric {
  display: grid;
  grid-template-columns: repeat(auto-fill, 15%);
  padding: 2vw 0;
}

.CD_metric_box {
  text-align: left;
  height: 50px;
  display: grid;
  padding: 0.5vw;
}

.customer-dashboard-banner {
  background-image: url(images/welcome_banner.png);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 125px;
}

.customer-dashboard-banner span {
  display: block;
  padding: 20px 0;
}

.customer_quick_link {
  display: grid;
  grid-gap: 20px 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.customer_quick-link-button {
  background-color: #eaeaea;
  padding: 30px 0 30px 20px !important;
  margin-top: 10px;
}

.kpi-drawer h6 {
  font-size: 16px;
  font-weight: 500;
}

.customer_quick_link-div {
  display: grid;
  grid-template-columns: 250px 50px 50px;
}

.grid-align-search {
  display: grid;
  grid-template-columns: 250px 50px 50px;
}

.customer_quick_link-div {
  display: grid;
}

.customer_quick_link-div div {
  padding: 10px;
}

.customer_dashboard_icon {
  display: block;
  background-image: url(images/cd_icon_1.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 72px;
  width: 72px;
}

.customer_quick-link-button {
  background-color: #eaeaea;
  padding: 30px 0 30px 20px !important;
  margin-top: 10px;
}

.customer_quick-link-button a {
  color: black;
  background-color: #d4d4d3;
  padding: 12px;
  border-radius: 5px;
}

.customer_dashboard_section {
  display: grid;
  grid-template-columns: 80% 20%;
}
.customer_dashboard_section div:last-child {
  margin: auto;
}

.kpi-drawer h6 {
  font-size: 16px;
  font-weight: 500;
}

.customer_quick_link-div {
  display: grid;
}

.customer_quick_link-div div {
  padding: 10px;
}

.customer_dashboard_icon {
  display: block;
  background-image: url(images/cd_icon_1.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 72px;
  width: 72px;
}

.customer_quick-link-button {
  background-color: #eaeaea;
  padding: 30px 0 30px 20px !important;
  margin-top: 10px;
}

.customer_quick-link-button a {
  color: black;
  background-color: #d4d4d3;
  padding: 12px;
  border-radius: 5px;
}

.customer_dashboard_section {
  display: grid;
  grid-template-columns: 80% 20%;
}
.customer_dashboard_section div:last-child {
  margin: auto;
}

.kpi-drawer h6 {
  font-size: 16px;
  font-weight: 500;
}
.customer_quick_link {
  display: grid;
  grid-gap: 20px 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 20px;
}

.customer_quick_link-div {
  display: grid;
}

.customer_quick_link-div div {
  padding: 10px;
}

.customer_dashboard_icon {
  display: block;
  background-image: url(images/cd_icon_1.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 72px;
  width: 72px;
}

.customer_quick-link-button {
  background-color: #eaeaea;
  padding: 30px 0 30px 20px !important;
  margin-top: 10px;
}

.kpi-drawer h6 {
  font-size: 16px;
  font-weight: 500;
}

.kpi-drawer h6 {
  font-size: 16px;
  font-weight: 500;
}

.grid-align-search {
  display: grid;
  grid-template-columns: 250px 50px 50px;
}

.exadb-confirmation-popup-modal-width {
  max-width: 400px;
}

.exadb-confirmation-popup-modal-align-header {
  width: 100%;
  text-align: center;
}

.exadb-confirmation-popup-modal-align-body {
  text-align: center;
}

.exadb-disapproval-confirmation-popup-modal-align-header {
  width: 100%;
  text-align: left;
  padding-left: 8px;
}

.exadb-disapproval-confirmation-popup-modal-width {
  max-width: 500px;
}

.exadb-disapproval-confirmation-popup-modal-comments-area {
  width: 100%;
  margin-bottom: 20px;
  padding: 8px;
  resize: none;
  box-sizing: border-box;
}

.exadb-disapproval-confirmation-popup-modal-align-buttons {
  text-align: right;
}

.audit-progress-circle {
  position: absolute;
  z-index: 99999;
}

.exadb-report-side-drawer-width {
  width: 85%;
  overflow: hidden;
}

.exadb-report-side-drawer-header {
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
}

.exadb-report-side-drawer-content-width {
  width: 100% !important;
  overflow: scroll !important;
}

.logs-font {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  color: #333;
  padding: 5px;
  white-space: pre-wrap;
}

.exadb-search-status-width {
  width: 180px !important;
}

.audit-progress-circle #progressCircle {
  left: 45vw;
  top: 1vh;
  width: 30px;
  height: 30px;
}

.audit-progress-circle {
  position: absolute;
  z-index: 99999;
}

.audit-progress-circle #progressCircle {
  left: 45vw;
  top: 1vh;
  width: 30px;
  height: 30px;
}

#uploadFile {
  width: 500px;
}

#previewTable {
  width: 1000px;
}

#addComment {
  min-width: 65%;
  max-width: 65%;
}

#updateAlarm {
  width: 1000px;
}

.customer_quick_link .quickLinkActionCard {
  min-height: 150px;
  background-color: #fff;
}

.customer_quick_link .quickLinkActionCardContentWrapper {
  display: grid;
  grid-template-rows: auto 60px;
  width: 100%;
}

.customer_quick_link ._quickLinkActionCardContent {
  padding: 10px;
}

.customer_quick_link .quickLinkActionCardContentBody {
  padding: 10px;
  display: grid;
  grid-template-columns: auto 72px;
  grid-gap: 10px;
}

.customer_quick_link .quickLinkActionCardContentFooter {
  padding-left: 20px;
  height: 60px;
  box-sizing: border-box;
  align-items: center;
  display: flex;
}

#downloadEvents {
  float: right;
  margin-right: 6px;
}

#sr-fuzzy-search-query {
  width: "100%";
}

.generate-report {
  margin-left: 10px;
}

.analysis_prompt {
  position: relative;
}

.analysis_prompt > div {
  position: absolute;
  right: 0;
  bottom: 0;
}

div.areas {
  display: flex;
  flex-direction: row;
}

div.areas div {
  width: 500px;
}

div.areas div span {
  white-space: nowrap;
}

.area-to-analyze-box .oj-collapsible-header-wrapper {
  border-width: 1px;
}

.template_selector {
  width: 200px;
}

.analysis_container
  .oj-accordion-collapsible.oj-collapsed
  > .oj-collapsible-header-wrapper {
  border: 0;
  margin-top: 5px;
  border-radius: 6px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.oj-button.Generate {
  background-color: black;
  color: white;
}

.oj-button.Generate span {
  color: white;
}

.buttonset {
  display: flex;
  flex-direction: row;
}

.buttonset-ack {
  display: flex;
  flex-direction: row;
}

.nextgen {
  margin-left: 10px;
}

div.iconset {
  align-self: flex-end;
}

.repgen-preview {
  display: flex;
  flex-direction: column;
  width: 97%;
}

.content_editable {
  display: flex;
  justify-content: center;
  border: 1px solid black;
  border-radius: 3px;
  height: 900px;
  max-height: 900px;
  overflow: auto;
}

.buttonset-ack .oj-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.repgen-dimmed {
  opacity: 0.5;
}

.repgen-optional {
  display: flex;
  justify-content: flex-end;
}

.repgen-optional span {
  font-size: 12px;
  color: rgba(var(--oj-palette-neutral-rgb-100), 1);
}

span.select_prompt {
  font-size: 12px;
}

.slider-min-max {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}

.oj-ux-ico-save,
.oj-ux-ico-trash,
.oj-ux-ico-restart {
  font-size: 24px;
}

.preview_prompt {
  display: flex;
  flex-direction: row;
}

.preview_container {
  overflow-y: auto;
  display: flex;
  flex-direction: row;
}

.areas_to_analyse {
  width: 100%;
}

.analysis_container {
  display: flex;
  flex-direction: row;
}

.analysis_prompt_container {
  display: flex;
  flex-direction: column;
  width: 800px !important;
  max-width: unset !important;
}

.iconset:hover {
  cursor: pointer;
}
.oj-text-field-prompt {
  width: 1000px;
}

.repgen-dates-range {
  width: 100% !important;
  max-width: unset !important;
  flex: unset !important;
}

.repgen-customer-name {
  width: 100% !important;
  max-width: unset !important;
  flex: unset !important;
}

.repgen-category {
  width: 100% !important;
  max-width: unset !important;
  flex: unset !important;
}

.temperature_slider {
  width: 50% !important;
  max-width: unset !important;
  flex: unset !important;
}

.repgen-expanded {
  flex: 3 !important;
}

.repgen-collapsed {
  flex: 0 !important;
  height: 0;
}

.left-div,
.right-div {
  flex: 1;
  transition: flex 0.5s ease;
  overflow: hidden;
}

.collapse-button {
  position: relative;
  width: 30px;
  height: 30px;
  border: solid 1px gray;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 10px;
  right: -45px;
}

.collapse-button-collapsed {
  right: 10px;
}

.name_category_container {
  margin-top: 30px;
}

.oj-gs-popup-revision {
  width: 40rem;
  height: 20rem;
}

.revision_acknowledge_checkbox {
  margin-top: 30px;
}

.cempHeader {
  box-sizing: border-box;
  background: #312d2a;
}

.cempHeaderTop {
  display: grid;
  padding: 15px 15px 50px 15px;
  color: #fff;
}

.cempBackNavigationBtn span {
  justify-content: start;
  margin-top: 13px;
}

.cemp-fuzzy-search-container {
  float: right;
  position: relative;
}

.monitoring-health-status-container {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 15px;
  height: 15px;
}

.monitoring-health-back-container {
  display: flex;
  align-items: center;
  gap: 2px;
}

#alarmDeleteConfirmDialog {
  width: 700px;
}

.contact_icon {
  background-image: url(images/contact_icon.svg);
  background-repeat: no-repeat;
  height: 34px;
  width: 34px;
  display: block;
  background-size: contain;
}

.stackchart-row {
  display: flex;
  flex-direction: row;
}

.stack-chart-container .gs-donut-title {
  top: 10px !important;
}

#statusByInstance .bar-chart-content {
  width: 850px;
}

.statusSummary-pie-chart {
  height: 450px;
}

.statusSummary-pie-chart-empty {
  height: 430px;
}

.cemp-fuzzy-search-container .scroll-tooltip {
  position: absolute;
  left: 22px;
  top: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.cemp-floatRightButtonClass {
  float: right;
}

.alarm-search-container {
  float: right;
  position: relative;
}

.alarm-search-container .scroll-tooltip {
  position: absolute;
  left: 12px;
  top: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

#cempEditCustomer {
  width: 800px;
}

#cempEditCustomer .cempEditCustomerHeader{
  width: 1000px;
}

#recurrentBlackout {
  width: 800px;
}

#alarmJobIngestor .ingestorCloseButton{
  margin-left: 300px
}

#alarmJobSync .syncCloseButton{
  margin-left: 330px
}

#createCAAlarm {
  width: 800px;
}

#updateCAAlarm {
  width: 800px;
}

.risk-statement-white-space-wrap{
  white-space:pre-wrap
}

.blackout-search-container {
  float: right;
  position: relative;
}

.blackout-search-container .scroll-tooltip {
  position: absolute;
  left: 9px;
  top: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

#blackout-fuzzy-search {
  width: 500px;
}

.cemp-recurrentBlackoutClass {
  float: right;
  margin-left: 500px;
}

.recurrentInfoHeading {
  display: flex; 
  justify-content: space-between; 
  align-items: center;
}

#recurrentInfo {
  padding: 6px;
  max-width: 500px;
}

.caFileSubmit {
  margin-left: 30px;
}

.caFileName {
  font-style: italic; 
  margin-left: 10px;
}

#deleteCaDetailsMonitoring{
  width: 800px;
}

#deleteCAAlarmMonitoring{
  width: 800px;
}