/*
 * Copyright 2016 Red Hat, Inc. and/or its affiliates
 * and other contributors as indicated by the @author tags.
 *
 * Licensed 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.
 */

/* Import the Rubik font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

@import "~@patternfly/patternfly/patternfly.css";

/* Overrides to PatternFly variables should be made at the :root level
 * for global variables or at the top-level component selector
 * for component variables (for example, .pf-c-button), as these overrides
 * will cascade down to children elements accordingly.
*/

/* Overrides the global light-200 colour to white and blue-500 colour to black */
:root {
  --pf-global--Color--light-100: var(--pf-global--Color--light-200);
  --pf-global--palette--black-1000: var(--pf-global--palette--black-800);
  --pf-c-page__sidebar: var(--pf-global--palette--black-1000);

  --turium-purple-primary: #6100ff;
  --turium-purple-secondary: #3b2287;

  --pf-v5-global--primary-color--100: var(--turium-purple-primary);
  --pf-v5-global--primary-color--200: var(--turium-purple-secondary);
  --pf-v5-global--primary-color--300: var(--turium-purple-primary);
  --pf-v5-global--link--Color: var(--turium-purple-primary);
  --pf-v5-global--active-color--100: var(--turium-purple-primary);
  --pf-v5-global--primary-color--dark-100: var(--turium-purple-primary);
  --pf-v5-global--BorderRadius--sm: 8px;
}

/* Overrides the top-level component selectors for component variables */
.pf-c-page__header,
.pf-c-page__sidebar,
.pf-c-dropdown__toggle.keycloak__realm_selector_dropdown__toggle {
  background-color: var(--pf-global--palette--black-1000);
}

.pf-c-dropdown__menu,
.pf-c-table,
.pf-c-data-list__item,
.pf-c-card,
.pf-c-wizard__nav,
.pf-c-wizard__main,
.pf-c-wizard__footer,
.pf-c-toolbar,
.pf-c-pagination.pf-m-bottom,
.pf-c-input-group,
.pf-c-modal-box.pf-m-md,
.pf-c-modal-box.pf-m-sm,
.pf-c-modal-box.pf-m-lg,
.pf-c-form {
  background-color: var(--pf-global--Color--light-100);
}

.pf-c-page__main-breadcrumb,
.pf-c-page__main-section,
.pf-c-drawer__panel-main,
.pf-c-drawer__content,
.pf-c-toolbar.pf-u-p-0,
.pf-c-form__group.pf-m-action.keycloak__form_actions {
  background-color: var(--pf-global--Color--light-300);
}

.pf-c-tabs {
  --pf-c-tabs--before--BorderColor: var(--pf-global--Color--light-200);
}

.pf-c-tabs__list {
  background-color: var(--pf-global--Color--light-100);
}

a {
  color: var(--pf-global--link--Color--dark);
}

.pf-c-button:disabled {
  border: 1px solid var(--pf-global--Color--light-300);
}

.pf-c-form {
  padding: var(--pf-global--spacer--md);
}

input[type="text"],
input[type="password"] {
  color: var(--pf-global--Color--200);
  font-size: var(--pf-global--FontSize--md);
  background-color: var(--pf-global--Color--light-100);
  border: 1px solid var(--pf-global--Color--light-300);
  width: 296px;
}

input[type="text"]:hover,
input[type="password"]:hover {
  background-color: var(--pf-global--Color--light-100);
}

input[type="submit"] {
  border: none;
  background-color: var(--pf-global--Color--primary-300);
  color: var(--pf-global--Color--light-100);
  font-size: var(--pf-global--FontSize--md);
  font-weight: var(--pf-global--FontWeight--bold);
  margin-top: var(--pf-global--spacer--lg);
  margin-right: var(--pf-global--spacer--md);
  width: 150px;
  transition: background-color 0.3s ease-in-out;
}

div.masthead-logo {
  background-image: url(../img/turium-logo.png);
  background-repeat: no-repeat;
  height: 140px;
  width: 250px;
  margin: 0 auto;
  font-family: 'Rubik', sans-serif;
}

button#help {
  display: none;
}

.pf-v5-c-menu-toggle:not(.pf-m-plain) {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  --pf-v5-c-menu-toggle--before--BorderTopWidth: 0px;
  --pf-v5-c-menu-toggle--before--BorderLeftWidth: 0px;
  --pf-v5-c-menu-toggle--before--BorderRightWidth: 0px;
  --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0px;
}

.pf-v5-c-menu-toggle:not(.pf-m-plain)::after {
  border-block-end: none;
}

input[type="text"], input[type="password"] {
  width: 100%;
}

.pf-v5-c-form-control {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  --pf-v5-c-form-control--before--BorderTopWidth: 0px;
  --pf-v5-c-form-control--before--BorderLeftWidth: 0px;
  --pf-v5-c-form-control--before--BorderRightWidth: 0px;
  --pf-v5-c-form-control--before--BorderBottomWidth: 0px;
  --pf-v5-c-form-control--after--BorderBottomWidth: 0px;
}

.pf-v5-c-button.pf-m-control {
  margin-left: 8px;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  --pf-v5-c-button--after--BorderColor: transparent;
  height: 38px;
}

.pf-v5-c-text-input-group {
  --pf-v5-c-text-input-group__text--before--BorderWidth: 0px;
  --pf-v5-c-text-input-group__text--after--BorderBottomWidth: 0px;
  --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth: 0px;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  margin-left: 8px;
}

.pf-v5-c-divider:after {
  margin-left: 36px;
}

/*-----------------------------------------------------------------*/

/* Import the Rubik font from Google Fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');*/

/*@import "~@patternfly/patternfly/patternfly.css";*/

/*!* Overrides to PatternFly variables should be made at the :root level*/
/* * for global variables or at the top-level component selector*/
/* * for component variables (for example, .pf-c-button), as these overrides*/
/* * will cascade down to children elements accordingly.*/
/**!*/

/*!* Overrides the global light-200 colour to white and blue-500 colour to black *!*/
/*:root {*/
/*  --pf-global--Color--light-100: var(--pf-global--palette--black-150);*/
/*  --pf-global--palette--black-1000: var(--pf-global--palette--black-800);*/

/*  !* Set the Rubik font *!*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*!* Overrides the top-level component selectors for component variables *!*/
/*.pf-c-page__header,*/
/*.pf-c-page__sidebar,*/
/*.pf-c-dropdown__toggle.keycloak__realm_selector_dropdown__toggle {*/
/*  background-color: var(--pf-global--palette--black-800);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*.pf-c-dropdown__menu,*/
/*.pf-c-table,*/
/*.pf-c-data-list__item,*/
/*.pf-c-card,*/
/*.pf-c-wizard__nav,*/
/*.pf-c-wizard__main,*/
/*.pf-c-wizard__footer,*/
/*.pf-c-toolbar,*/
/*.pf-c-pagination.pf-m-bottom,*/
/*.pf-c-input-group,*/
/*.pf-c-modal-box.pf-m-md,*/
/*.pf-c-modal-box.pf-m-sm,*/
/*.pf-c-modal-box.pf-m-lg,*/
/*.pf-c-form {*/
/*  background-color: var(--pf-global--Color--light-100);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*.pf-c-page__main-breadcrumb,*/
/*.pf-c-page__main-section,*/
/*.pf-c-drawer__panel-main,*/
/*.pf-c-drawer__content,*/
/*.pf-c-toolbar.pf-u-p-0,*/
/*.pf-c-form__group.pf-m-action.keycloak__form_actions {*/
/*  background-color: var(--pf-global--palette--black-800);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*.pf-c-tabs {*/
/*  --pf-c-tabs--before--BorderColor: var(--pf-global--Color--light-200);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*.pf-c-tabs__list {*/
/*  background-color: var(--pf-global--Color--light-100);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*a {*/
/*  color: var(--pf-global--palette--black-800);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*.pf-c-button:disabled {*/
/*  border: 1px solid var(--pf-global--Color--light-300);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*.pf-c-form {*/
/*  padding: var(--pf-global--spacer--md);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*input[type="text"],*/
/*input[type="password"] {*/
/*  color: var(--pf-global--palette--black-800);*/
/*  font-size: var(--pf-global--FontSize--md);*/
/*  background-color: var(--pf-global--Color--light-100);*/
/*  border: 1px solid var(--pf-global--Color--light-300);*/
/*  width: 296px;*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*input[type="text"]:hover,*/
/*input[type="password"]:hover {*/
/*  background-color: var(--pf-global--Color--light-100);*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*input[type="submit"] {*/
/*  border: none;*/
/*  background-color: var(--pf-global--Color--primary-300);*/
/*  color: var(--pf-global--Color--light-100);*/
/*  font-size: var(--pf-global--FontSize--md);*/
/*  font-weight: var(--pf-global--FontWeight--bold);*/
/*  margin-top: var(--pf-global--spacer--lg);*/
/*  margin-right: var(--pf-global--spacer--md);*/
/*  width: 150px;*/
/*  transition: background-color 0.3s ease-in-out;*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/

/*div.masthead-logo {*/
/*  background-image: url(../img/turium-logo.png);*/
/*  background-repeat: no-repeat;*/
/*  height: 63px;*/
/*  width: 300px;*/
/*  margin: 0 auto;*/
/*  font-family: 'Rubik', sans-serif;*/
/*}*/