/* Globals */
.brand {
  height: 35px;
}

.delete-button {
  width: 150px;
  height: 50px;
}

@media (max-width: 320px) {
  .delete-button {
    width: 120px;
    height: 50px;
  }
}

/* Linked Accounts screen */
.idp-icon-social {
  width: 32px;
  height: 32px;
}

#github-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_github_transparent.svg);
}

#linkedin-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_linkedin_transparent.svg);
}

#facebook-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_facebook_transparent.svg);
}

#google-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_google_transparent.svg);
}

#microsoft-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_microsoft_transparent.svg);
}

#instagram-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_instagram_transparent.svg);
}

#stackoverflow-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_stack_transparent.svg);
}

#twitter-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_twitter_transparent.svg);
}

#openshift-idp-icon-social {
  background-image: url(../img/socialmedia/socialmedia_icons_openshift_transparent.svg);
}

/* Account Page screen */
.personal-info-form .pf-c-form__group-control {
  max-width: 600px;
}

/* Device Activity screen */
.signed-in-device-list .pf-c-data-list__item-row {
  --pf-c-data-list__item-row--PaddingRight: 0;
  --pf-c-data-list__item-row--PaddingLeft: 0;
}

.signed-in-device-list .pf-c-data-list__expandable-content-body {
  --pf-c-data-list__expandable-content-body--PaddingRight: 0;
}

.signed-in-device-grid {
  grid-template-columns: auto repeat(11, [col-start] 1fr);
}

.signed-in-device-list.pf-c-data-list {
  --pf-c-data-list--sm--BorderTopWidth: 0;
}

.pf-c-data-list__item {
  --pf-c-data-list__item--BorderBottomWidth: 1px;
  --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--100);
}

.signed-in-device-list.pf-c-data-list {
  --pf-c-data-list--BorderTopWidth: 0;
}

@media (min-width: 576px) {
  .pf-c-data-list__item {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--pf-c-data-list__item--BackgroundColor);
    border-bottom: var(--pf-c-data-list__item--BorderBottomWidth) solid var(--pf-c-data-list__item--BorderBottomColor);
  }

  .signed-in-device-list.pf-c-data-list {
    --pf-c-data-list--BorderTopWidth: 0;
  }
}

@media (min-width: 768px) {
  .signed-in-device-list .pf-c-description-list {
    --pf-c-description-list--GridTemplateColumns--count: 5;
  }
}

/* Signing in screen */
.title-case:first-letter,
.cred-title:first-letter,
#otp-not-set-up .pf-c-empty-state__body:first-letter {
  text-transform: capitalize
}

/* Applications screen */
#applications-list-header .pf-c-data-list__item-content {
  --pf-c-data-list__item-content--md--PaddingBottom: 1rem;
}

.pf-u-pl-35xl {
  padding-left: 4.5rem;
}


/* */
.pf-c-nav {
    background-color: #2c3e50;
    padding: 10px;
    display: flex;
    justify-content: center;
    background-color: black;
    border: none;
}

.pf-c-nav__list {
    display: flex;
    gap: 20px;
}

.pf-c-nav__item a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 15px;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.pf-c-nav__item a:hover {
    background: #1abc9c;
}

.pf-m-horizontal {
    background-color: black;
    border: none;    
}

.roles-list {
  float:right;
  width: 50%;
}

.personal-data {
  min-width: 400px;
  width: 50%;
}
  
.personal-info-form {
  display: flex;
}

.pf-c-page__header {
  background-color: black;
}

.pf-c-page__main {
  display: flex;
  flex-direction: row;
}