/*
============ LOGIN SCREEN ============
*/
.pf-v5-c-login .pf-v5-c-login__container {
    display: block;
}

.pf-v5-c-login .pf-v5-c-login__container main {
    max-width: 100%;
    width: 550px;
    margin: 0 auto;
}

div.kc-logo-text {
    background-image: url(../img/abra-logo.png);
    background-size: auto 100%;
    background-position-x: center;
}
div.kc-logo-text span {
    display: none;
}

.login-pf body {
    background: url("../img/background.jpg") no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}


/*Border radius 5px, border pink top*/
.pf-v5-c-login__main {
    border-radius: 5px;
}

.pf-v5-c-login__main-header {
    border-top: 3px solid var(--pf-v5-global--primary-color--100);
    border-radius: 5px;
}

.pf-v5-c-login__header {
    height: 80px;
}
#kc-header-wrapper{
    height: inherit;
}
div.kc-logo-text {
    background-image: url(../img/abra-logo.png);
    background-position-x: center;
    max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: inherit;
    background-position-y: center;
}

#kc-header{
    margin-bottom: 60px;
}


@media (min-width: 1200px) {

    .pf-v5-c-login__header {
        margin-top: 0 !important;
        /*height: 300px;*/
    }
    #kc-header-wrapper{
        height: inherit;
    }
    div.kc-logo-text {
        background-image: url(../img/abra-logo.png);
        background-position-x: center;
        max-width: 100%;
        background-size: auto 80px;
        background-repeat: no-repeat;
        height: inherit;
        background-position-y: center;
    }
}

/*
============ ADMIN / ACCOUNT ============
*/

/*Skrýt SVG Logo, nahradíme obrázkem přes CSS (aby se nemusela dělat celá index.ftl template)*/
.pf-v5-c-masthead__brand img {
    display: none;
}

.pf-v5-c-masthead__brand {
    background-image: url(../img/abra-logo.png);
    height: 35px;
    width: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pf-v5-c-masthead {
    background-color: var(--pf-v5-global--Color--light-100) !important;
}


/*Navigace*/
/*SIDEBAR LEFT*/
.pf-v5-c-nav {
    background-color: var(--pf-v5-global--palette--white);
    border-right: 1px solid var(--pf-v5-global--palette--black-200);

}

.pf-v5-c-nav__link {
    color: var(--pf-v5-global--palette--black-800)
}

.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link.pf-m-hover {
    color: var(--pf-v5-global--palette--black-800);
    background: var(--pf-v5-global--palette--black-200)
}

.pf-v5-c-nav__section-title {
    color: var(--pf-v5-global--palette--black-700);
    border-block-end: 1px solid var(--pf-v5-global--palette--black-300);
}

.pf-v5-c-divider {
    background: var(--pf-v5-global--palette--black-200)
}

.pf-v5-c-menu-toggle {
    background: var(--pf-v5-global--palette--black-200);
    color: var(--pf-v5-global--palette--black-600);

}


/*background sekce right*/
.pf-v5-c-page__main-section, .pf-v5-c-page__main-breadcrumb {
    /*background-color: var(--pf-v5-global--palette--black-150);*/
    background-color: var(--pf-v5-global--palette--black-100);
}

/** MASTHEAD __ tolbar TOP,  tlačítka a pod. */
.pf-v5-c-masthead, .pf-v5-c-toolbar {
    background-color: var(--pf-v5-global--palette--white);
}

.pf-v5-c-masthead {
    border-bottom: 1px solid var(--pf-v5-global--palette--black-200);
}

.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
    color: var(--pf-v5-global--palette--black-400);
}

.pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
    color: var(--pf-v5-global--palette--black-400);
}

.pf-v5-c-menu-toggle::before {
    border-color: var(--pf-v5-global--palette--black-200);;
}

.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
    background-color: var(--primary);
}

.pf-v5-c-button.pf-m-primary {
    background-color: var(--primary);
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: var(--primary-hover);
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-hover);
}

.pf-v5-c-nav__link.pf-m-current, .pf-v5-c-nav__link.pf-m-current:hover, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link {
    background-color: var(--pf-v5-global--palette--black-200);
    font-weight: bold;
    color: var(--pf-v5-global--palette--black-700);
}

.pf-v5-c-nav__item.pf-m-expandable::before, .pf-v5-c-nav__link::before {
    border-color: var(--pf-v5-global--palette--black-200);
}

.pf-v5-c-button.pf-m-link {
    color: var(--primary);
}
.pf-v5-c-button.pf-m-link:hover {
    color: var(--primary-hover);
}

#social-microsoft svg{
    max-width: 24px;
    max-height: 24px;
}