/*************************** Global *************************/

@import url("cockpit-quest-style.css");
@import url("customer.css");
@import url("jquery-ui.css");
@import url("jquery-ui.structure.css");
@import url("jquery-ui.theme.css");

.side-navigation-demo > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  max-width: 15rem;
}

.side-navigation-demo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  max-width: 19rem;
}

/* Fdi: Interactive Card Headers */
.sapFCardHeader:hover,
.sapFCardHeader:hover * {
  background-color: lightgray !important;
  cursor: pointer;
}

.cardDisabled .sapFCardHeader:hover,
.cardDisabled .sapFCardHeader:hover * {
  background-color: rgb(255, 255, 255) !important;
  cursor: none;
  color: gray;
}

.cardDisabled .sapFCardHeader,
.cardDisabled .sapFCardHeader * {
  color: gray;
}

/* Fdi: General prerequisites template css */

.prerequisites-template td {
  font-size: 14px;
}

/*************** Fdi: Modification of UI5 styles (more compact, ..) ***************/

/* Fdi: TODO: Introduce a own compactness class like sapUiSizeCompact and add this class where sapUiSizeCompact is used. This */
/*  way we can overwrite some size attributes and still use the other attributes of sapUiSizeCompact.  */

/* Fdi: Other fonts relate to this one. (chrome autogenerated for html tag) */
html.sap-desktop.sapUiTheme-sap_belize.sapUiMedia-Std-Desktop.sapUiMedia-StdExt-LargeDesktop {
  font-size: 12px;
}

.sapMLabel {
  font-size: 11px !important;
  color: black !important; /* Was 666 */
}

/* bigger hint font size for file sizes */
span.sapTntInfoLabelText {
  font-size: 1.3em;
}

/* compact labeled checkboxes(especially in tables) */
.sapUiSizeCompact .sapMCb {
  padding-left: 1.7 !important;
}
.sapMCb {
  padding: 0 0 0 1 rem !important;
}
.sapMILILabel {
  max-width: 90% !important;
}
.sapMILIB {
  padding: 0 0 0 0 rem !important;
}
li.sapMLIB.sapMLIB-CTX.sapMLIBShowSeparator.sapMLIBTypeInactive.sapMLIBFocusable.sapMILI {
  padding-left: 0;
  padding-right: 0;
}
.sapMILIDiv.sapMILI-CTX {
  margin-left: 0;
}

/* Highlight unfinished checkboxes which are not readonly */
.preqTasksTable
  *
  div[role="checkbox"][aria-checked="false"]:not([aria-readonly="true"])
  > div {
  border-color: red;
}
.preqTasksTable
  *
  div[role="checkbox"][aria-checked="false"][aria-readonly="true"]
  > div {
  border-color: darkred;
}

/* No underlines in table elements */
li.sapMLIB.sapMListNoData.sapMLIBTypeInactive.sapMLIBFocusable,
li.sapMLIB.sapMLIB-CTX.sapMLIBShowSeparator.sapMLIBTypeInactive.sapMLIBFocusable.sapMILI {
  border-bottom: none;
}

/* Reduce vertical margins between checkboxes */
.sapUiSizeCompact .sapMCb {
  height: 1.3rem !important;
  line-height: 1.3rem !important;
  /* padding-left: 2rem; */
}
.sapUiSizeCompact .sapMCbBg {
  left: 0rem !important;
  top: 0.15rem !important;
}
/* Reduce vertical margins of panels */
.sapMPanelContent {
  padding-top: 0.2rem !important;
  padding-bottom: 0.4rem !important;
}
/* Vertical margin in tables (and for inputs outside) */
.sapUiSizeCompact .sapMInputBaseHeightMargin {
  margin: 0 !important;
}
/* Grid layouts */
.sapUiFormResGrid > div {
  padding: 0.5rem 0.3rem !important;
}

/* Horizontal margin in table */
.sapUiTableDataCell > .sapUiTableCellInner,
.sapUiTableCreationRow
  .sapUiTableCreationRowForm
  .sapUiTableCell
  > .sapUiTableCellInner {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.sapUiTableDataCell > .sapUiTableCellInner,
.sapUiTableCreationRow
  .sapUiTableCreationRowForm
  .sapUiTableCell
  > .sapUiTableCellInner {
  padding: 0 !important;
}
/* Vertical margin in table */
.sapUiSizeCompact .sapMInputBaseHeightMargin {
  margin-top: 0;
  margin-bottom: 0;
}

/* Smaller rows in general: Difficulty: some rows may be higher than others for some reason(other elements in row..) + divs in first row should be the 
same hight like the table rows/ cells/ cells divs. */
div.sapUiTableRow.sapUiTableContentRow.sapUiTableRowSelectionRow {
  height: 2.1rem !important;
}
div.sapUiTableCell.sapUiTableContentCell.sapUiTableRowSelectionCell {
  height: 2rem !important;
}
tr.sapUiTableRow.sapUiTableContentRow.sapUiTableTr {
  height: 2rem !important;
}
.sapUiSizeCompact .sapMBtnInner {
  height: 1.6rem !important;
}
.sapUiSizeCompact .sapMBtn {
  height: 1.6rem !important;
  padding: 0 !important;
}
.sapUiSizeCompact .sapMInputBase .sapMInput {
  line-height: 1rem;
  height: 1.6rem !important;
}

.sapMInputBase.sapMInputBaseHeightMargin.sapMInput
  > .sapUiSizeCompact
  .sapMInputBaseContentWrapper {
  height: 1.6rem !important;
}

/* HBox inside of a table cell */

.tableCellHbox {
  width: 100%;
  flex-grow: 1;
}

.tableCellHbox > div:last-child {
  flex-grow: 1 !important;
}

.tableCellHbox * div.sapMInputBase {
  padding-top: 0.2rem !important;
}

/************** Fdi: Render SAP-Icons by sap font **************/

.sapIconRed {
  color: red;
}

.dmiSapIcon {
  font-family: "SAP\2dicons", sans-serif;
  font-style: normal;
}

.LS_FOLDER_SMALL {
  font-size: 30px;
}

.LS_FOLDER_SMALL::before {
  content: "\e061";
  color: blue;
}

.FOLDER {
  font-size: 50px;
}

.FOLDER::before {
  content: "\e061";
  color: blue;
}

.DOCUMENTS {
  font-size: 50px;
}

.DOCUMENTS::before {
  content: "\e061";
  /* alternativeContent: "\e126"; */
  color: blue;
}

.LS-ARCHIVE_SMALL::before {
  content: "\e163";
  color: yellow;
}

.LS-SAP_SMALL::before {
  content: "\e080";
  color: lightblue;
}

.LS_ORACLE_SMALL {
  font-size: 30px;
}

.LS_ORACLE_SMALL::before {
  content: "\e080";
  color: red;
}

.LS_MSSQL_SMALL {
  font-size: 30px;
}

.LS_MSSQL_SMALL::before {
  content: "\e080";
  color: #ff9202;
}

.MSSQL {
  font-size: 50px;
  font-family: "SAP-icons-TNT", sans-serif !important;
}

.MSSQL::before {
  content: "\e080";
  color: #ff9202;
}

.LS_JDBC_SMALL {
  font-size: 30px;
}

.LS_JDBC_SMALL::before {
  content: "\e080";
  color: purple;
}

.SERVER_SMALL {
  font-size: 30px;
}

.SERVER_SMALL::before {
  content: "\e031";
  color: lightgray;
}

.LS-CSV {
}

.LS-Progress {
}

.SHARE {
  font-size: 40px;
}

.SHARE::before {
  content: "\e0cf";
  color: lightgray;
}

.cloud {
  content: "\e21d";
  color: blue;
}

.onsite {
  content: "\e0b9";
  /* alternativeHeadsetContent: "\e221"; */
  color: blue;
}

.firewall {
  font-size: 40px;
}

.firewall::before {
  content: "\e189";
  /* polizeiMarkeContent: "\e19c"; */
  color: blue;
}

/* Addition to fontello css. */
/* Colors */

.dmiIconColorFolder {
  color: blue;
}
.dmiIconColorSAP {
  color: lightblue;
}

.dmiIconColorOracle {
  color: red;
}

.dmiIconColorMssql {
  color: #ff9202;
}

.dmiIconColorJdbc {
  color: purple;
}

.dmiIconColorEtl {
  color: blue;
}

.dmiIconColorCsv {
  color: blue;
}

.dmiIconColorProgress {
  color: blue;
}

.dmiIconColorShare {
  color: lightgray;
}

.dmiIconColorInfrastructure {
  color: lightsteelblue;
}

/* Sizes */

.dmiIconSmall {
  font-size: 30px;
  width: 30px;
}

.dmiIconNormal {
  font-size: 50px;
  width: 50px;
}

.dmiIconBig {
  font-size: 150px;
  width: 150px;
}

.Hover {
  /* svg image does not have a stroke property and css border does not work on svg elements. */
  outline: 6px solid #d0cece;
  cursor: pointer;
}

.iconColor_yellow > .colored {
  fill: #ff9202;
}

.iconColor_blue > .colored {
  fill: blue;
  /* xstroke: black;
    xstroke-width: 8px; */
}

.iconColor_green > .colored {
  fill: lightgreen;
}

.iconColor_red > .colored {
  fill: red;
}

.iconColor_F80000 > .colored {
  fill: #f80000;
}

.iconColor_009FE2 > .colored {
  fill: #009fe2;
}

.iconColor_pink > .colored {
  fill: pink;
}

.iconColor_gray > .colored {
  fill: gray;
}

.iconColor_purple > .colored {
  fill: purple;
}

.jivs_task_color_E7ECF0 * {
  background-color: #e7ecf0 !important;
}
.jivs_task_color_FCA503 * {
  background-color: #fca503 !important;
}
.jivs_task_color_F80000 * {
  background-color: #f80000 !important;
}
.jivs_task_color_AE00D6 * {
  background-color: #ae00d6 !important;
}
.jivs_task_color_jivsRed * .sapMLIB {
  background-color: #b71918;
}
.jivs_task_color_jivsRed > .sapUiTableCell {
  background-color: #b71918;
}
.jivs_task_color_jivsRed > .sapUiTableCell * {
  color: white;
}
/* .jivs_task_color_jivsRed * {
  background-color: #b71918 !important;
  color: white !important;
} */

/* Especially for the prerequisites tasks table */

.checkBoxColumn * {
  background-color: white !important;
  color: black !important;
  height: 100%;
}

.checkBoxColumn * [role="checkbox"] {
  margin-top: 0.4rem;
}

/* Lower the checkbox when embedded between other elements */
.embeddedCheckBox[role="checkbox"] {
  margin-top: 0.4rem;
}

/* If no prerequisites exist show this box */

.noPreqsBox {
  width: 100%;
  text-align: center;
}

.noPreqsBox > div {
  width: 100%;
  flex: 0 1 auto;
}

/* Checkboxes in forms */
.jFormCheckbox div {
  margin-top: 0.15rem;
}

/*********************** Mark active revision green **********/

li[data-revision-active="true"] {
  background-color: #c1ffc9;
}
div[data-selected-active="yes"] > label {
  background-color: #c1ffc9;
}

/******************* Mark ignored archive link gray **********/

div[data-ignored-archive-link="true"] * .sapMInputBaseContentWrapper {
  background-color: gray;
}

/***************************** Ratings ***********************/
.RatingTextBox {
  background: #f7f7f7 !important;
}

.RatingBox {
  border: 1px solid gray;
}

.boldText {
  font-weight: bold;
}

/***************************** Licencing *********************/

.licenceForm > * .sapMFlexItemAlignAuto.sapMFlexItem {
  padding-bottom: 3px;
}

.licHelp {
  padding-left: 3px;
  color: #346187;
}

/* Wizard */

.licWizard {
  max-width: 900px;
}
.licReview {
  max-width: 900px;
}

.sapMSegBBtn > * .sapUiIcon {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* Next button to the right */
.sapMBtnInverted {
  /* For block elements use float instead of align */
  float: right;
}

.sapUiSizeCompact .threeRowsList {
  height: 100px;
  border: 1px solid lightgray;
}

/************************** Navigation ***********************/

div[data-ispl="true"],
div[data-ispl="true"] * {
  background-color: gray;
}

/* Left navigation width */
.dmiCompact .sapTntSideNavigation {
  width: 21rem;
}
.sap-desktop
  .dmiCompact
  .sapUiSizeCompact
  .sapTntToolPageAside
  + .sapTntToolPageMain,
.sap-tablet
  .dmiCompact
  .sapUiSizeCompact
  .sapTntToolPageAside
  + .sapTntToolPageMain {
  padding-left: 21rem;
}

/* Hide virtual connector projects (to connect customers without projects with a prerequisites) */

li[data-hide-project="true"] a span {
  display: none;
}

li[data-hide-project="true"] {
  display: none;
}

li[data-connector-project="true"] a span {
  /* display: none; */
  border-radius: 5px;
  border: 1px solid #690000;
  background-color: #2b0000;
  padding-left: 0px !important;
  color: #ffe66c !important;
  text-align: center !important;
}

li[data-connector-project="true"] {
  background-color: black !important;
}

/* .dmiCompact .sap-desktop .sapUiSizeCompact .sapTntToolPageAside+.dmiCompact .sapTntToolPageMain */

/*************************** Cards ***************************/

div.sapMScrollContV.sapMScrollCont.sapMNavItem {
  background-color: #ececec;
}

/* Bullet List */

.dmiBulletList div {
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}

.sapFCardContent {
  margin-left: 3px;
}

/*************************** Config/Prefs ********************/

.dmiFlexBox0Width .sapMFlexItem {
  width: 0;
}

.dmiFlex100w .sapMFlexItem {
  /*    width: 100%; */
}

/************************** Bubble Map **********************/

.overviewPanel {
  width: 1000px !important;
  /*    height: 605px !important; */
  height: auto !important;
}

.overviewFlexBox {
  width: 980px !important;
  height: 550px !important;
}

div.bubbleTooltip {
  position: absolute;
  text-align: center;
  /* width: 180px;                     */
  height: auto !important;
  padding: 2px;
  font: 12px sans-serif;
  background: lightsteelblue;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;

  /* Allow inner content below each other. */
  float: left;
}

.ttInfoTable * {
  border: 1px solid gray;
}

#bPieClickDiv {
  position: absolute;
  text-align: center;
  width: 180px;
  height: auto !important;
  padding: 2px;
  font: 12px sans-serif;
  background: rgb(220, 232, 248);
  border: 1px solid gray;
  border-radius: 8px;
  pointer-events: none;
}

.bPieSlice {
  /* z-index: 99; */
  pointer-events: all;
}

.pieClickInner {
  margin: auto;
}

.pieInfoTable {
  margin: auto;
}

#mydatviz {
  float: both;
  opacity: 1;
  /* display: none; */
}

#bubbleTTText {
  float: both;
  width: 100% !important;
}

.jivs-d3-pic-pie2 {
  /* width: 100% !important;
    height: 100% !important; */
}

/************************ Logs Box ************************/

/* As Default this is not shown */
.logsBox {
  display: none !important;
}

/************************* Tables *************************/
.tableCellInputHBox {
  background-color: red;
}
.tableCellInputHBox div:nth-of-type(1) {
  flex-grow: 1 !important;
}

/* Parent Page / Frame */

/************************** Formatting for parent header ******/

.parentHeader
  *
  .sapMBtnInner.sapMBtnHoverable.sapMFocusable.sapMBtnIconFirst.sapMBtnNeutral {
  background-color: black !important;
  border-color: black !important;
}

.parentHeader
  *
  .sapMBtnInner.sapMBtnHoverable.sapMFocusable.sapMBtnText.sapMBtnIconFirst.sapMBtnTransparent {
  background-color: black !important;
  border-color: black !important;
  cursor: pointer !important;
}

.parentHeader
  *
  .sapMBtn:hover
  > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed)
  bdi,
.sapMIBar-CTX
  .sapMBtn:hover
  > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed)
  bdi {
  color: #c2c2c2 !important;
}

.parentHeader {
  box-shadow: none;
  padding-bottom: 0.1rem;
}

.parentHeader * .sapMLabel {
  margin-top: 0.5rem;
}

.parentHeader * .sapMBtn {
  margin-top: 0.4rem;
}

.parentHeader * .sapMImg {
  margin-top: 0.4rem;
}

.parentHeader * .sapMComboBox {
  padding-top: 0.5rem !important;
}

.parentHeader * .sapUiIcon,
.parentHeader * .sapMBtnIcon {
  color: rgb(173, 173, 173) !important;
}

.parentHeader * .sapMBtn:hover * .sapUiIcon,
.parentHeader *.sapMBtn:hover * .sapMBtnIcon {
  color: rgb(133, 133, 133) !important;
}

/* Combobox background of dropdown button */
.parentHeader * .sapMComboBox * .sapMInputBaseIconContainer {
  background-color: white;
}

.parentHeader * {
  background-color: black;
  color: white;
}

.parentHeader * .sapMBarRight {
  height: 3rem;
}

.parentHeader.sapMIBar.sapMHeader-CTX {
  background-color: black !important;
}

/* Highlighting for card with unfinished tasks */

[data-jstyle="attention"] {
  xbackground-color: red !important;
}

[data-jstyle="attention"] * {
  color: rgb(255, 47, 47) !important;
}

/* Split card of bullet points, for example customer card */

.dmiSplitCard div {
  margin-right: 0.5rem;
}

.dmiSplitCard div * a {
  padding-right: 0.5rem;
}

/* Pro active trying to fix random flickering in questionnaire page. Contacts table showing/hiding a inactive horizontal scrollbar? */

.qContactsTable {
  overflow-x: hidden !important;
}

.qContactsTable > {
  overflow-x: hidden !important;
}

.qContactsTable * {
  overflow-x: hidden !important;
}

/* For some reason the above cause a scrollbar inside of the 'Add Person' button */
.qContactsTable * .sapMBtnBase * {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

/* .qContactsTable * .sapMFlexItemAlignAuto.sapMFlexBoxBGTransparent.sapMFlexItem {
  / -* Candidate for showing horizontal scrollbar * /
  overflow-y: scroll !important;
}

.qContactsTable * .sapUiTable.sapUiTableSelModeSingle.sapUiTableCHdr.sapUiTableRowSelectors.sapUiTableM.sapUiTableVScr.sapUiTableEdt.sapUiSizeCompact {
  overflow-y: scroll !important;
}

.qContactsTable * .sapUiTableCnt[role="application"] {
  overflow-x: scroll !important;
}

.sapUiTableCCnt {
  overflow-y: scroll !important;
} */

/* [role="grid"] {
  overflow-y: scroll !important;
} */

.sapUiSizeCompact
  .sapFCardContent
  *
  .sapMPI:not(.sapMPIDisplayOnly)[role="progressbar"] {
  margin-top: 0.25rem;
}

.sapMPointer.sapMImg.homeJivsHeaderLogo {
  cursor: pointer;
}