/*
 * 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 "~@patternfly/patternfly/patternfly.css";
 @import url("/iam/colors/color.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: white;
   --pf-global--Color--200: black;
   --pf-global--palette--black-1000: var(--pf-global--palette--blue-500);
   --pf-v5-c-nav__link--Color: red;
   --color-primary: var(--primary-main);
   --background-color: #f0f0f0;
   --shadow-neomorph: -5px 5px 10px #bcbcbc, 5px -5px 10px #ffffff;
   /* --pf-v5-c-button--m-primary--BackgroundColor: #151515 !important; */
   /* --pf-global--palette--black-1000: purple; */
 }
 
 /* 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: white;
 }
 
 .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: white;
 }
 
 /* Color de los bordes */
 .pf-c-tabs {
   --pf-c-tabs--before--BorderColor: #2ac940;
 }
 
 /* Cambio en algunas subsecciones de los botones secundarios de algunas páginas */
 .pf-c-tabs__list {
   background-color: white;
 }
 
 /* Links */
 a {
   color: #028919;
 }
 
 /* Borde de los botones de selección */
 .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;
 }
 
 /* Configuración de páginas en blanco, ideal para sobreescribir o replantear más abajo para nuevos cambios */
 
 .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: transparent;
 }
 
 /* Barra de navegación derecha */
 
 .pf-c-nav__link.pf-m-current,
 .pf-c-nav__link.pf-m-current:hover,
 .pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link {
   background-color: #3d5ce8;
   color: black;
   font-style: normal;
   font-weight: bold;
 }
 
 .pf-c-nav__link.pf-m-current:after,
 .pf-c-nav__link.pf-m-current:hover:after,
 .pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link:after {
   border-color: #acd6b4;
   border-left-width: var(--pf-c-nav__link--m-current--after--BorderLeftWidth);
 }
 .pf-v5-l-grid__item.keycloak__dashboard_welcome_tab{
   color: #151515;
 }
 .pf-v5-c-title{
   color: #151515;
 }
 .pf-v5-c-card.keycloak__dashboard_card{
   background-color: var(--background-color);
   /* border: 1px solid currentColor; */
   box-shadow: var(--shadow-neomorph) !important;
   border-radius: 1rem;
 
 }
 .pf-v5-c-description-list__text{
   color: #151515;
 }
 .pf-v5-c-label{
   background-color: #fff;
   border: 1px solid currentColor;
 
 }
 .pf-c-nav__section-title {
   font-weight: bold;
   color: black;
   border-width: 0px;
   font-size: 1.2rem;
   margin-bottom: 10px;
 }
 
 .pf-c-nav__link {
   padding: var(--pf-c-nav__link--PaddingTop) var(--pf-c-nav__link--PaddingRight)
     var(--pf-c-nav__link--PaddingBottom) var(--pf-c-nav__link--PaddingLeft);
   font-size: var(--pf-c-nav__link--FontSize);
   font-weight: var(--pf-c-nav__link--FontWeight);
   color: black;
   background-color: var(--pf-c-nav__link--BackgroundColor);
   outline-offset: var(--pf-c-nav__link--OutlineOffset);
   border-color: black;
   align-items: baseline;
   display: flex;
   position: relative;
 }
 
 .pf-c-nav__link:hover {
   padding: var(--pf-c-nav__link--PaddingTop) var(--pf-c-nav__link--PaddingRight)
     var(--pf-c-nav__link--PaddingBottom) var(--pf-c-nav__link--PaddingLeft);
   font-size: var(--pf-c-nav__link--FontSize);
   font-weight: var(--pf-c-nav__link--FontWeight);
   color: black;
   background-color: #3cb250;
   outline-offset: var(--pf-c-nav__link--OutlineOffset);
   align-items: baseline;
   display: flex;
   position: relative;
 }
 .pf-v5-c-toolbar {
   background-color: var(--background-color) !important;
 }
 /* Barra lateral izquierda */
 
 .pf-c-page__sidebar.pf-m-expanded {
   --pf-c-page__sidebar--TranslateX: var(
     --pf-c-page__sidebar--m-expanded--TranslateX
   );
   /* box-shadow: var(--pf-c-page__sidebar--BoxShadow); */
   border-radius: 16px;
   box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 16px 0px;
   /* overflow: auto; */
   height: 95%;
   margin-top: 20px;
   margin-left: 15px;
 }
 
 /* INICIO BOTONES */
 
 /* botones general */
 
 .pf-c-button.pf-m-primary {
   color: var(--pf-c-button--m-primary--Color);
   background-color: #3d5ce8;
 }
 
 /* Botones especiales */
 
 /* Bordes botones especiales */
 
 .pf-c-tabs__item.pf-m-action,
 .pf-c-tabs__link {
   border-color: #9ad189;
 }
 
 .pf-c-tabs__item.pf-m-action:after,
 .pf-c-tabs__link:after {
   border-color: #9ad189;
 }
 
 /* Barras de menú */
 svg {
   fill: black;
   height: 1em;
   width: 1em;
 }
 
 /* Botón de admin */
 .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
   --pf-c-dropdown__toggle--PaddingRight: var(
     --pf-c-dropdown__toggle--m-plain--PaddingRight
   );
   --pf-c-dropdown__toggle--PaddingLeft: var(
     --pf-c-dropdown__toggle--m-plain--PaddingLeft
   );
   color: black;
   display: inline-block;
 }
 
 /* Toggles */
 .pf-c-switch__input:checked ~ .pf-c-switch__toggle {
   background-color: #3d5ce8;
 }
 
 /* Más botones */
 .pf-c-button.pf-m-secondary:hover {
   --pf-c-button--after--BorderColor: #286f34;
   color: #14811d;
   background-color: var(--pf-c-button--m-secondary--BackgroundColor);
 }
 
 .pf-c-button.pf-m-secondary {
   --pf-c-button--after--BorderColor: #3d5ce8;
   color: #14811d;
   background-color: var(--pf-c-button--m-secondary--BackgroundColor);
 }
 
 /* Header */
 .pf-c-page__header {
   background-color: transparent;
 }
 
 /* Algunos links en particular */
 
 .pf-c-button.pf-m-link {
   --pf-c-button--disabled--BackgroundColor: var(
     --pf-c-button--m-link--disabled--BackgroundColor
   );
   color: #3d5ce8;
   background-color: var(--pf-c-button--m-link--BackgroundColor);
 }
 
 .pf-c-content a {
   color: #3d5ce8;
   text-decoration: var(--pf-c-content--a--TextDecoration);
 }
 
 /* Configuración de las páginas internas seleccionadas */
 
 .pf-c-page__main-section.pf-m-light {
   --pf-c-page__main-section--BackgroundColor: var(
     --pf-c-page__main-section--m-light--BackgroundColor
   );
   margin-left: 20px;
   margin-right: 20px;
   /* background-color: transparent; */
 }
 
 /* Divisores abstraidos (están en diferentes puntos localizados del tema */
 .pf-c-divider {
   --pf-c-divider--BorderWidth--base: 0px;
 }
 
 /* Configuración del logo */
 img.keycloak__pageheader_brand {
   height: 50px;
 }
 
 /* Menú desplegable */
 
 .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
   line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight);
   font-weight: bold;
   font-size: 1.1rem;
 }
 
 .pf-c-dropdown__menu {
   border-radius: 10px;
 }
 
 .pf-c-dropdown__toggle:before,
 .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:before {
   content: "";
   border: solid;
   border-color: var(--pf-c-dropdown__toggle--before--BorderBottomColor);
   border-width: 1px;
   border-radius: 50px;
   position: absolute;
   inset: 0;
 }
 
 .pf-m-expanded
   > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):before {
   --pf-c-dropdown__toggle--before--BorderBottomColor: #3d5ce8;
 }
 
 /* Keycloak loading logo */
 
 .keycloak__loading-container {
   /* height: 100vh !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important; */
   /* background-color: #3d5ce8; */
   background: url("/iam/images/es/home/logo.webp") no-repeat center center fixed;
   animation: fadeOut 1s ease-in-out forwards;
   /* margin: 0 !important; */
 }
 
 @keyframes fadeOut {
   0% {
     opacity: 1;
   }
   50% {
     opacity: 0.3;
   }
   100% {
     opacity: 0;
   }
 }
 
 #loading-text {
   visibility: hidden;
 }
 
 .pf-c-spinner,
 pf-m-xl {
   visibility: hidden;
 }
 .pf-v5-c-card__title-text {
   color: #151515 !important;
 }
 .pf-v5-c-menu-toggle {
   color: #151515;
   background-color: var(--background-color);
 }
 .pf-v5-c-masthead,
 .pf-v5-c-toolbar {
   background-color: var(--background-color);
 }
 
 #nav-toggle {
   transition: all 0.3s ease-in-out;
 }
 
 #nav-toggle:hover {
   background-color: rgb(0 0 0 / 0.1);
 }
 #nav-toggle:active {
   background-color: rgb(255 255 255 / 0.6);
 }
 #nav-toggle svg {
   transition: all 0.3s ease-in-out;
 }
 #nav-toggle:hover svg {
   fill: var(--color-primary);
 }
 .pf-c-dropdown__toggle.keycloak__realm_selector_dropdown__toggle {
   /* background-color: white; */
   justify-content: center;
   color: red;
 }
 .pf-v5-c-page__main {
   background-color: var(--background-color);
 }
 .pf-v5-c-page__main-breadcrumb {
   background-color: transparent;
 }
 .pf-v5-c-page__main-section {
   background-color: transparent;
 }
 .pf-v5-c-page__sidebar-body {
   border-radius: 1rem;
   /* background-color: #fff; */
   background-color: var(--background-color);
   /* box-shadow: rgb(0 0 0/ 0.15) 2px 2px 16px 0px ,rgb(0 0 0/ 0.15) 2px 2px 16px 0px inset; */
   box-shadow: var(--shadow-neomorph);
 }
 .pf-v5-c-divider {
   visibility: hidden !important;
 }
 .pf-v5-c-page__sidebar {
   padding: 1rem;
   border: none;
   background-color: var(--background-color) !important;
 }
 .pf-v5-c-nav__section-title {
   color: #151515;
   font-size: 1.2rem;
   font-weight: bold;
   border: none;
 }
 .pf-v5-c-empty-state__icon svg {
   fill: var(--color-primary);
 }
 .pf-v5-c-content {
   color: #151515;
 }
 .pf-v5-c-drawer__body {
   background-color: var(--background-color) !important;
 }
 .pf-v5-c-nav__link {
   color: #151515;
 }
 .pf-v5-c-nav__link.pf-m-current::after {
   border-left-color: var(--color-primary);
 }
 .pf-v5-c-tabs__link {
   background-color: var(--background-color) !important;
   color: #151515 !important;
 }
 .pf-v5-c-tabs__item.pf-m-current {
   border: none !important;
   outline: none !important;
 }
 .pf-v5-c-tabs__link:after {
   border-color: var(--color-primary) !important;
   outline: none !important;
   border-inline-width: 0 !important;
 }
 .pf-v5-c-tabs__link:before {
   border-inline-color: #d9d9d9 !important;
 }
 
 .pf-v5-c-tabs__scroll-button {
   background-color: var(--background-color) !important;
 }
 .pf-v5-c-button.pf-m-primary {
   background-color: var(--color-primary);
 }
 .pf-v5-c-button.pf-m-link .pf-v5-svg {
   fill: var(--color-primary);
 }
 .pf-v5-c-button.pf-m-link {
   color: var(--color-primary);
 }
 .kc-form-panel__body {
   background-color: red;
 }
 .pf-v5-c-card__body,
 .pf-v5-c-card__header {
   background-color: var(--background-color);
 }
 
 .pf-v5-c-page__main-section {
   background-color: var(--background-color);
 }
 
 .pf-v5-c-table {
   background-color: #f9f9f9 !important;
   /* box-shadow: var(--shadow-neomorph) !important; */
   /* margin: 1rem !important; */
   /* margin-right: 1rem !important; */
   /* border-radius: 1rem !important; */
 }
 .pf-v5-c-table
   tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
   border-block-end: #d9d9d9 1px solid !important;
 }
 .pf-v5-c-table__td {
   accent-color: #fff;
 }
 .pf-v5-c-table__td.pf-v5-c-table__check {
   accent-color: var(--color-primary);
 }
 
 .pf-v5-c-pagination {
   background-color: var(--background-color) !important;
 }
 .pf-v5-c-button.pf-m-control {
   background-color: var(--color-primary) !important;
 }
 .pf-v5-c-button.pf-m-control svg {
   fill: #fff !important;
 }
 
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
   color: #151515 !important;
 }
 
 .pf-v5-c-form-control {
   background-color: #fff !important;
   color: #151515 !important;
 }
 .pf-v5-c-form__label-text {
   color: #151515 !important;
 }
 
 .pf-v5-c-button.pf-m-primary.pf-m-disabled {
   color: var(--background-color) !important;
 }
 .pf-v5-c-alert {
   background-color: #fff;
 }
 .pf-v5-c-switch__toggle {
   background-color: #606060;
 }
 .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__label {
   color: var(--color-primary);
 }
 .pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__label {
   color: #151515;
 }
 .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
   background-color: var(--color-primary);
 }
 .pf-v5-c-switch__toggle::before {
   background: #fff;
 }
 .pf-v5-c-check__label {
   color: #151515;
 }
 .pf-v5-c-check__input:not(:checked) {
   accent-color: #fff;
 }
 .pf-v5-c-check__input:checked {
   accent-color: var(--color-primary);
 }
 .pf-v5-u-pl-sm {
   color: #151515;
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-input-group > * + * {
   border: none;
 }
 .pf-v5-c-drawer__splitter:after {
   border: #a0a0a0 solid 1px;
   background-color: var(--background-color);
 }
 .pf-v5-c-drawer__splitter-handle:after {
   border-color: #151515 solid 1px !important;
 }
 .pf-v5-c-empty-state__title-text{
   color: #151515 !important;
 }
 
 .pf-v5-c-card.pf-m-selectable, .pf-v5-c-card.pf-m-clickable {
   isolation: unset;
   box-shadow: var(--shadow-neomorph) !important;
   border-radius: 1rem;
   background-color: transparent;
 }
 .pf-v5-c-card.pf-m-selectable, .pf-v5-c-card.pf-m-clickable > .pf-v5-c-card__header{
   border-radius: 1rem;
 }
 input[type="checkbox"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   
   border: 1px solid var(--color-primary);
   border-radius: 0.25rem;
   outline: 0;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
 }
 input[type="checkbox"]:checked {
   -webkit-appearance: auto;
   -moz-appearance: auto;
   appearance: auto;
   
   background-color:var(--color-primary);
   border-radius: 0.25rem;
   outline: 0;
   cursor: pointer;
 }
 /* .pf-m-primary{
  } */
 /* https://iam.demo.aiplatform.nuvu.cc/realms/master/protocol/openid-connect/auth?client_id=security-admin-console&redirect_uri=https%3A%2F%2Fiam.demo.aiplatform.nuvu.cc%2Fadmin%2Fmaster%2Fconsole%2F%23%2Fmyrealm%2Fauthentication&state=fd8b4dd1-131c-4c89-8e19-52ddca581e2a&response_mode=fragment&response_type=code&scope=openid&nonce=194ce02e-8ab4-453f-8bf3-b9afce7de96f&code_challenge=vlKIPKE8_-hWG3rqFZJm4m59e93BF2vPmUbGteB445o&code_challenge_method=S256 */