:root {
    --asd-hr: rgba(0, 0, 0, .1);
    --asd-info: #0062CC;
    --asd-primary: #0062CC;
    --asd-secondary: #6c757d;
    --asd-warning: #FFC107;
    --asd-danger: #dc3545;
    --asd-corporate-primary: #004289;
    --asd-corporate-secondary: #fb9a41;
    --default-background: #ffffff;
    --default-dark: #000000;
    --default-text: #000000;
    --text-inline-code: #de0000;
}

.asd-contrast-blue-white {
    background-color: #004289;
    color: white;
}

/*
    Alerts
******************************/
.asd-displaystyle-info {
    background-color: var(--default-background);
    border-left: 5px solid var(--asd-info);
    padding: 1rem;
}

.asd-displaystyle-warning {
    color: var(--asd-warning);
    background-color: var(--default-background);
    border-left: 5px solid var(--asd-warning);
    padding: 1rem;
}

.asd-displaystyle-danger {
    color: var(--asd-danger);
    background-color: var(--default-background);
    border-left: 5px solid var(--asd-danger);
    padding: 1rem;
}

/*
    Borders
******************************/
.asd-no-border {
    border-style: none !important;
}
.asd-displaystyle-leftborder {
    border-left: 5px solid;
}

.asd-hr {
    border-bottom: 1px solid var(--asd-corporate-secondary);
}

.asd-border-bottom-secondary {
    border-bottom: 4px solid var(--asd-corporate-secondary);
}
/*
    Navigation
****************************/
#asd-nav-heading {
    color: var(--asd-corporate-primary);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .75);
}

.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

    .nav-masthead .nav-link:hover,
    .nav-masthead .nav-link:focus {
        border-bottom-color: rgba(0, 0, 0, .25);
    }

    .nav-masthead .nav-link + .nav-link {
        margin-left: 1rem;
    }

.nav-masthead .active, .nav-masthead .active:hover {
    color: #000;
    border-bottom-color: #000;
}



/* 
    Dropdown
****************************/

.dropdown {
    position: static !important;
}

.dropdown-menu {
    margin-top: 0px !important;
    width: 100% !important;
    background-color: rgba(255, 255, 255, .97);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 0;
}

    .dropdown-menu ul li {
        list-style-type: circle;
    }

    .dropdown-menu .nav-link {
        padding: .25rem 0;
        font-weight: 400;
        color: rgba(0, 0, 0, .75);
        background-color: transparent;
        border-bottom: 1px solid transparent;
    }

        .dropdown-menu .nav-link:hover,
        .dropdown-menu .nav-link:focus {
            border-bottom-color: transparent;
        }

    .dropdown-menu .nav-item .active, .dropdown-menu .nav-item .active:hover {
        border-bottom-color: transparent;
    }



.dropdown-animation {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideDownIn {
    0% {
        -webkit-transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
    }

    0% {
        -webkit-transform: translateY(-20);
    }
}

@keyframes slideDownIn {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }

    0% {
        transform: translateY(-20px);
    }
}

.slideDownIn {
    -webkit-animation-name: slideDownIn;
    animation-name: slideDownIn;
}

/*
    Texts
****************************/
.asd-default-text {
    color: var(--default-text);
}

.asd-pointer:hover {
    cursor: pointer;
}

.asd-corporate-primary-text {
    color: var(--asd-corporate-primary);
    font-weight: 700;
}

/* Barva řádku kódu v textu. Text by měl být ohraničen tagem <code> */
.asd-text-inline-code {
    color: var(--text-inline-code);
    border: 1px dashed var(--default-dark);
    border-radius: .25rem;
    padding: .25rem .25rem .25rem .25rem;
}

/*
    Headers
****************************/
.asd-header-text {
}

/*
    Cards
***********************************/
.card.asd-card {
    border: none;
    margin-top: .25em;
    margin-bottom: .25em;
}

/*
    Media
***************************/

@media only screen and (max-width: 600px) {
    /*
        .asd-swapable
        Třída zajištuje, že od zadané velikosti obrazovky se vyměnít v pořadí.
        Tyto divy musí být obaleny další direktivou třídy asd-swapable. Vyměnitelné divy
        jsou třídy .asd-swapable-frist a .asd-swapable-second
        <div class="asd-swapable">
            <div class="asd-swapable-first">
            </div>
            <div class="asd-swapable-second">
            </div>
        </div>
    */
    .asd-swapable {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

        .asd-swapable .asd-swapable-first {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
        }

        .asd-swapable .asd-swapable-second {
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
        }
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}


.btn-outline-primary {
    color: #0062cc;
    border-color: #0062cc;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0062cc;
        border-color: #0062cc;
    }


    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }