/*
 * 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";

 /* 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: #fff;
   --pf-global--Color--light-300: #fff;
   --pf-global--Color--dark-300: #000;
   --pf-global--palette--black-1000: #008C62;
   --pf-global--active-color--100: var(--pf-global--palette--black-1000);
   --pf-global--link--Color--dark: #006F4D;
   --pf-v5-global--primary-color--100: #008C62;
   --pf-v5-global--link--Color: #008C62;
   --pf-v5-global--link--Color--hover: #006F4D;
 }
 
 /* Overrides the top-level component selectors for component variables */
 
.kc-main-content-page-container{
  padding: 1rem !important;
  background-color: #f0f0f0;
}
.pf-c-page__main-section.pf-m-light{
  background-color: #f0f0f0;
}

.pf-v5-c-masthead .pf-v5-c-toolbar{
  background-color: #006F4D;
}

.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link.pf-m-hover{
  color: #fff;
}

.pf-v5-c-nav__link.pf-m-current:after, .pf-v5-c-nav__link.pf-m-current:hover:after, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link:after{
  border-color:#006F4D
}

.pf-v5-c-menu-toggle.pf-m-expanded{
  --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor)
}
.pf-v5-c-nav__link{
  color: #006F4D;
}

.pf-v5-c-tabs__scroll-button{
  color: #006F4D;
}
.pf-v5-c-text-input-group:hover{
  --pf-v5-c-text-input-group__text--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor);
}

.pf-v5-c-tabs__scroll-button:hover, .pf-v5-c-tabs__scroll-button:active, .pf-v5-c-tabs__scroll-button:focus{
  --pf-v5-c-tabs__scroll-button--Color:var(--pf-c-tabs__link--after--BorderColor);
}

.pf-v5-c-nav__item.keycloak__page_nav__nav_item__realm-selector .pf-v5-c-menu-toggle{
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-c-tabs__link--after--BorderColor);
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor);
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor);
}

.pf-v5-c-nav__item.keycloak__page_nav__nav_item__realm-selector button.pf-v5-c-menu-toggle:hover{
  --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-c-tabs__link--after--BorderColor);
  --pf-v5-c-menu-toggle--after--BorderBottomWidth:1px;
  --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor);
  --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color:var(--pf-global--Color--light-100);
  --pf-v5-c-menu-toggle--m-plain--Color:var(--pf-global--Color--light-100);
}

#realm-select {
  background-color: #008C62  !important;
}


#page-sidebar .pf-v5-c-menu-toggle {
  border: #006F4D 1px solid;
  color: #008C62;
}

.pf-v5-c-tab-content .pf-v5-c-menu-toggle{

  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor:#006F4D;
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor:#006F4D;
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor:#006F4D;
  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor:#006F4D;
}


.pf-v5-c-page__sidebar-body{
  background-color: #f7f7f7;
}

.pf-v5-c-masthead {
  background-color: #006F4D;
}

/* .pf-v5-c-menu-toggle.pf-m-full-width{
  background-color: #006F4D;
} */

.pf-v5-c-nav__section-title{
  color: #006F4D;
}

/* .pf-v5-c-menu__content{
  background-color: #006F4D;
} */

.pf-v5-c-menu-toggle{
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor),
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor),
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor)
}

.pf-v5-c-form-control{
  --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor)
}

.pf-v5-c-form-control:hover{
  --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-c-tabs__link--after--BorderColor)
}

.pf-v5-c-switch__input:checked~.pf-v5-c-switch__toggle{
  background-color: #006F4D;
}
.pf-v5-u-ml-md{
  color: #006F4D;
}
.pf-v5-c-button.pf-m-primary{
  background-color: #006F4D;
}

.pf-v5-c-button.pf-m-link{
  color: #006F4D;
}


 /* .pf-c-page__header {
   background-color: #006F4D;
 } */
 .pf-c-page__sidebar{
  background-color: #f7f7f7;
 }

 /* help button */
  #help span{
  color: #fff;
  }
 
/* dropdown keycloak realm */

 .pf-c-switch__input:checked ~ .pf-c-switch__toggle,
 .pf-c-dropdown__toggle.keycloak__realm_selector_dropdown__toggle,
 .pf-c-button.pf-m-primary {
   background-color: #008C62;

 }

/* realm dropdown */
/* Default state */
#realm-select #pf-dropdown-toggle-id-13 .pf-c-dropdown__toggle-text {
  color: #fff;
}

/* Active or focused state */
#realm-select #pf-dropdown-toggle-id-13[aria-expanded="true"] .pf-c-dropdown__toggle-text,
#realm-select #pf-dropdown-toggle-id-13:focus .pf-c-dropdown__toggle-text {
  color: #fff;
}


 /* user dropdown */
/* Default state */
#user-dropdown #pf-dropdown-toggle-id-6 .pf-c-dropdown__toggle-text {
  color: #fff;
}

/* Active or focused state */
#user-dropdown #pf-dropdown-toggle-id-6[aria-expanded="true"] .pf-c-dropdown__toggle-text,
#user-dropdown #pf-dropdown-toggle-id-6:focus .pf-c-dropdown__toggle-text {
  color: #fff;
}
 
 .pf-c-page__sidebar-body {
   padding: 25px 14px 0 14px;
 }
 
 .pf-c-nav__item.keycloak__page_nav__nav_item__realm-selector {
   padding-left: 0;
   padding-right: 0;
 }

 .pf-v5-c-content a:hover{
  color: #006F4D;
 }

 .pf-v5-c-content a{
  color: #006F4D;
 }



 .pf-v5-c-tabs__item.pf-m-action:after, .pf-v5-c-tabs__link:after{
  border-color: #006F4D !important;
  --pf-c-tabs__link--after--BorderColor: #006F4D !important;
 }
 
 .pf-v5-c-tabs__item.pf-v5-m-action:after,
 .pf-v5-c-tabs__link:after,
 .pf-v5-c-tabs.pf-v5-m-box,
 .pf-v5-c-tabs__link {
   border-color: var(--pf-global--palette--black-1000);
   --pf-c-tabs__link--after--BorderColor: var(--pf-global--palette--black-1000);
 }
 
 .pf-c-content a,
 .pf-c-button.pf-m-link {
   color: var(--pf-global--palette--black-1000);
 }
 
 .pf-c-select__toggle:hover {
   --pf-c-select__toggle--before--BorderBottomColor: var(
     --pf-global--palette--black-1000
   );
   --pf-c-select__toggle--after--BorderBottomColor: var(
     --pf-global--palette--black-1000
   );
 }

 /* dropdown */
 .pf-c-dropdown__toggle:before,
 .pf-c-dropdown__toggle.pf-m-action.pf-c-dropdown__toggle-button:before {
   /* border-color: var(--pf-global--palette--black-1000); */
   border-color: #fff;
 }




 .pf-c-nav__link{
  color: var(--pf-global--Color--dark-300);
}
 
 .pf-c-nav__link:hover {
   border: none;
   width: 100%;
   text-decoration: none;
   background: rgba(0, 140, 98, 0.4);
   color: #000;
 }
 
 .pf-c-nav__link.pf-m-current:after,
 .pf-c-nav__link.pf-m-current:before,
 .pf-c-nav__link.pf-m-current {
   background-color: var(--pf-global--palette--black-1000);
   color: white;
   border: none;
 }

 .pf-c-nav__link.pf-m-current:hover{
  color: #000;
 }

 
 .pf-c-divider {
   display: none;
 }
 
 .pf-c-divider:after {
   --pf-c-divider--after--BackgroundColor: var(--pf-global--Color--dark-300);
 }
 
 .pf-c-nav__section-title {
   --pf-c-nav__section-title--BorderBottomColor: var(--pf-global--Color--dark-300);
   --pf-c-nav__section-title--BorderTopColor: var(--pf-global--Color--dark-300);
   color: var(--pf-global--Color--dark-300);
 }

 
 .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); */
   background-color: #f0f0f0;
 }

 .pf-c-page__main-section{
  padding: 1rem !important;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
 
 .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: #006F4D;
 }
 
 .pf-c-button:disabled {
   background-color: #dbdade;
   color: rgb(170, 168, 168);
 }
 
 .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-bottom: #006F4D 1px solid;
   /* width: 296px; */
 }

 .pf-v5-c-form-control>:is(input,select,textarea){
  border-bottom: #006F4D 1px solid;
 }
 
 input[type="text"]:hover,
 input[type="password"]:hover {
   background-color: var(--pf-global--Color--light-100);
 }

 .pf-v5-c-form-control{
  --pf-v5-global--primary-color--100:#008C62;
  --pf-v5-global--link--Color:var(--pf-c-tabs__link--after--BorderColor);
  --pf-v5-global--link--Color--hover:var(--pf-c-tabs__link--after--BorderColor);
 }
 
  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;
  }

  /* ------------------------------
     Dark mode support
     ------------------------------ */

  /* PatternFly explicit dark theme class */
  html.pf-v5-theme-dark,
  html[data-pf-theme="dark"],
  .pf-v5-theme-dark {
    --pf-global--Color--light-100: #1f1f1f;
    --pf-global--Color--light-300: #151515;
    --pf-global--Color--dark-300: #f5f5f5;
  }

  html.pf-v5-theme-dark .kc-main-content-page-container,
  html[data-pf-theme="dark"] .kc-main-content-page-container,
  .pf-v5-theme-dark .kc-main-content-page-container,
  html.pf-v5-theme-dark .pf-c-page__main-section,
  html[data-pf-theme="dark"] .pf-c-page__main-section,
  .pf-v5-theme-dark .pf-c-page__main-section,
  html.pf-v5-theme-dark .pf-c-page__main-section.pf-m-light,
  html[data-pf-theme="dark"] .pf-c-page__main-section.pf-m-light,
  .pf-v5-theme-dark .pf-c-page__main-section.pf-m-light,
  html.pf-v5-theme-dark .pf-c-page__sidebar,
  html[data-pf-theme="dark"] .pf-c-page__sidebar,
  .pf-v5-theme-dark .pf-c-page__sidebar,
  html.pf-v5-theme-dark .pf-v5-c-page__sidebar-body,
  html[data-pf-theme="dark"] .pf-v5-c-page__sidebar-body,
  .pf-v5-theme-dark .pf-v5-c-page__sidebar-body,
  html.pf-v5-theme-dark .pf-c-page__main-breadcrumb,
  html[data-pf-theme="dark"] .pf-c-page__main-breadcrumb,
  .pf-v5-theme-dark .pf-c-page__main-breadcrumb,
  html.pf-v5-theme-dark .pf-c-drawer__panel-main,
  html[data-pf-theme="dark"] .pf-c-drawer__panel-main,
  .pf-v5-theme-dark .pf-c-drawer__panel-main,
  html.pf-v5-theme-dark .pf-c-drawer__content,
  html[data-pf-theme="dark"] .pf-c-drawer__content,
  .pf-v5-theme-dark .pf-c-drawer__content,
  html.pf-v5-theme-dark .pf-c-toolbar.pf-u-p-0,
  html[data-pf-theme="dark"] .pf-c-toolbar.pf-u-p-0,
  .pf-v5-theme-dark .pf-c-toolbar.pf-u-p-0,
  html.pf-v5-theme-dark .pf-c-form__group.pf-m-action.keycloak__form_actions,
  html[data-pf-theme="dark"] .pf-c-form__group.pf-m-action.keycloak__form_actions,
  .pf-v5-theme-dark .pf-c-form__group.pf-m-action.keycloak__form_actions {
    background-color: var(--pf-global--Color--light-100);
  }

  /* Fix hover/readability in dark */
  html.pf-v5-theme-dark .pf-c-nav__link:hover,
  html[data-pf-theme="dark"] .pf-c-nav__link:hover,
  .pf-v5-theme-dark .pf-c-nav__link:hover {
    color: #fff;
  }

  html.pf-v5-theme-dark .pf-c-nav__link.pf-m-current:hover,
  html[data-pf-theme="dark"] .pf-c-nav__link.pf-m-current:hover,
  .pf-v5-theme-dark .pf-c-nav__link.pf-m-current:hover {
    color: #fff;
  }

  /* System preference dark mode fallback */
  @media (prefers-color-scheme: dark) {
    :root {
      --pf-global--Color--light-100: #1f1f1f;
      --pf-global--Color--light-300: #151515;
      --pf-global--Color--dark-300: #f5f5f5;
    }

    .kc-main-content-page-container,
    .pf-c-page__main-section,
    .pf-c-page__main-section.pf-m-light,
    .pf-c-page__sidebar,
    .pf-v5-c-page__sidebar-body,
    .pf-c-page__main-breadcrumb,
    .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-100);
    }

    .pf-c-nav__link:hover,
    .pf-c-nav__link.pf-m-current:hover {
      color: #fff;
    }
  }