/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
html {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: 100%;
}

body {
    width: 100%;
    min-height: 100%;
}

a {
    text-decoration: none !important;
}

.footer {
    position: sticky;
    top: 100%;
}

.min-h-0 {
    min-height: 0;
}

.bg-login {
    background: rgb(139,216,238);
    background: linear-gradient(120deg, rgba(126,209,232,1) 0%, rgba(23,161,200,1) 26%, rgba(0,123,255,1) 100%);
    background-attachment: fixed;
}

.info-block {
    display: inline-block;
    border: solid 1px #ddd;
    padding: 5px;
    margin: 5px;
    vertical-align: top;
}

.info-note {
    padding: 5px;
    color: #aaa;
}

.admin {
    background-color: #a94442 !important;
    color: white !important;
}

.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .tree ul {
        margin-left: 1em;
        position: relative
    }

        .tree ul ul {
            margin-left: .5em
        }

        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border-left: 1px solid
        }

    .tree li {
        margin: 0;
        padding: 0 1em;
        line-height: 2em;
        color: #ffc107;
        font-weight: 600;
        position: relative
    }

    .tree ul li:before {
        content: "";
        display: block;
        width: 10px;
        height: 0;
        border-top: 1px solid;
        margin-top: -1px;
        position: absolute;
        top: 1em;
        left: 0
    }

    .tree ul li:last-child:before {
        height: auto;
        top: 1em;
        bottom: 0
    }

.indicator {
    margin-right: 5px;
}

.tree li a {
    color: #212529;
}

.clickable {
    cursor: pointer;
}

:target {
    background-color: #ffa;
}

.wl1 {
    background-color: #fff;
    padding-left: .5em;
}

.wl2 {
    background-color: #e8e8ff;
    padding-left: 1em;
}

.wl3 {
    background-color: #eef;
    padding-left: 1.5em;
}

.wl4 {
    background-color: #d8d8ff;
    padding-left: 2em;
}

.wl5 {
    background-color: #ddf;
    padding-left: 2.5em;
}

.wl6 {
    background-color: #c8c8ff;
    padding-left: 3em;
}

.wl7 {
    background-color: #ccf;
    padding-left: 3.5em;
}

.wl8 {
    background-color: #b8b8ff;
    padding-left: 4em;
}

.wl9 {
    background-color: #bbf;
    padding-left: 4.5em;
}

.modalSidebar {
    right: 10px;
    position: fixed;
    top: 5vh;
    z-index: 100;
}

.modalShadow {
    box-shadow: #777 -10px 10px 20px;
}

.fixwidth {
    width: 4em;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a::after {
        transform: rotate(90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: -140%;
        margin-left: .1rem;
        margin-right: .1rem;
    }

.btn-circle {
    width: 38px;
    height: 38px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.mono {
    font-family: monospace;
    white-space: pre-wrap;
}

.no-bullets-validation-summary ul {
    list-style-type: none;
    padding-left: 0;
}

ul.list-group li.list-group-item-simple {
    list-style-type: none;
    margin-left: 20px;
}

ul.column-list-4 {
    column-count: 4;
    column-gap: 25px;
    list-style-type: none;
}

ul li.hover-bg-light:hover {
    background-color: #f8f9fa;
}

ul li.selected {
    background-color: #007bff !important;
}

    ul li.selected a {
        color: white;
    }

.btn-tn, .btn-group-tn > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.750rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

mark, .mark {
    padding: 0.0em;
    background-color: yellow;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}