.bg-blue {
    background-color: #173078;
}

.bg-yellow {
    background-color: rgb(250, 215, 118, 0.7);
}

.bg-yellow:hover {
    background-color: rgb(250, 215, 118);
}


.bg-archivio {
    /*background-color: rgba(185, 171, 155, 0.3);*/
    background-color: white;
    font-family: "Raleway", sans-serif !important;
    font-weight: 400;
}


/*.btn-brown {
    color: #ffffff;
    background-color: #173078;
    border-color: #173078;
}

.btn-brown:hover {
    color: #ffffff;
    background-color: #1164ff;
    border-color: #045cff;
}

.btn-brown:focus, .btn-brown.focus {
    box-shadow: 0 0 0 0.2rem rgba(85, 145, 255, 0.5);
}

.btn-brown.disabled, .btn-brown:disabled {
    color: #ffffff;
    background-color: #173078;
    border-color: #173078;
}

.btn-brown:not(:disabled):not(.disabled):active, .btn-brown:not(:disabled):not(.disabled).active,
.show > .btn-brown.dropdown-toggle {
    color: #ffffff;
    background-color: #045cff;
    border-color: #0056f6;
}

.btn-brown:not(:disabled):not(.disabled):active:focus, .btn-brown:not(:disabled):not(.disabled).active:focus,
.show > .btn-brown.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(85, 145, 255, 0.5);
}*/

.non-visibile {
    background-color: darkgray;
}


.badge-archivio1 {
    color: #ffffff;
    background-color: #012a4a;
    margin-left: 0px;
}

.badge-archivio2 {
    color: #ffffff;
    background-color: #013a63;
    margin-left: 5px;
}

.badge-fondo {
    color: #ffffff;
    background-color: #014f86;
    margin-left: 10px;
}

.badge-serie {
    color: #ffffff;
    background-color: #2a6f97;
    margin-left: 15px;
}

.badge-sottoserie {
    color: #ffffff;
    background-color: #468faf;
    margin-left: 20px;
}

.badge-fascicolo {
    color: #ffffff;
    background-color: #61a5c2;
    margin-left: 25px;
}

.badge-ud {
    color: black;
    background-color: #89c2d9;
    margin-left: 30px;
}

.nav-default li.active > a span {
    color: #173078 !important;
    font-weight: bold;
}

.nav-default li > a span:hover {
    color: #173078 !important;
}


li a {
    color: #173078;
}

    li a:hover {
        color: #173078;
    }

#padded.layout-admin.layout-padded {
    padding: 30px;
}

    #padded.layout-admin.layout-padded .aside-start,
    #padded.layout-admin.layout-padded .aside-end {
        top: 30px !important;
        bottom: 30px !important;
        height: auto !important;
        border-radius: 0.25rem;
        -webkit-transition: none !important;
        transition: none !important;
    }

    #padded.layout-admin.layout-padded .aside-wrapper {
        border-radius: 0.25rem;
    }

    #padded.layout-admin.layout-padded .aside-start {
        left: 30px;
    }

    #padded.layout-admin.layout-padded .aside-end {
        right: 30px;
    }

    #padded.layout-admin.layout-padded #header {
        margin-left: 290px !important;
    }

    #padded.layout-admin.layout-padded #middle {
        padding-right: 0;
    }

        #padded.layout-admin.layout-padded #middle > .page-title {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

    #padded.layout-admin.layout-padded #footer {
        padding-left: 290px !important;
    }

.text-blue {
    color: #173078;
}

.bitter {
    font-family: 'Bitter', serif;
}

.clickable {
    cursor: pointer;
}

.flickity-viewport {
    height: 90vh !important;
}

.box-trascrizione {
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .box-trascrizione::-webkit-scrollbar {
        width: 5px;
    }

    .box-trascrizione::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .box-trascrizione::-webkit-scrollbar-thumb {
        background: darkgray;
    }

#tree a {
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
}

    #tree a.active {
        background-color: rebeccapurple;
    }

.dropdown-toggle::after {
    color: white;
}

.nav-tree a {
    padding: 0.54rem 1rem;
    color: #000000;
}

.nav-tree span {
    padding: 0.54rem 1rem;
    color: #000000;
}

.nav-tree li {
    padding: 5px;
}

    .nav-tree li.active {
        background-color: #e7f4f9 !important;
        display: block;
    }

.list-group-item-action {
    color: black;
}


.border-blue {
    border: 1px solid #173078;
}


a:hover {
    text-decoration: none !important;
}

.jstree-ocl {
    
}

.jstree-default .jstree-hovered  {
    background: #FFEB3B !important;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #555;
}

.jstree-default .jstree-wholerow-hovered {
    background: none;
}

.jstree-default .jstree-clicked {
    background: #FFEB3B !important;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #555;
}

.jstree-default .jstree-wholerow-clicked {
    background: none;
    
}

.navbar-brand > img {
    max-height: 200px !important;
    max-width: 500px !important;
}

.btn-white {
    color: white;
    border: 2px solid white;
    font-weight: bold;
}

.btn-white:hover {
    color: rgba(123, 63, 0, 1);
    border: 2px solid rgba(123, 63, 0, 1);
    background-color: white;
}


.jstree-node.active {
    background: #FFEB3B !important;
}

.box-poesia:hover {
    background-color: #eaf1ff;
}

.slick-next.slick-arrow, .slick-prev.slick-arrow {
    background-color: grey;
    border-radius: 50%;
    display: block;
}

    .slick-next.slick-arrow:hover, .slick-prev.slick-arrow:hover {
        background-color: grey;
        display: block;
    }

    .slick-next.slick-arrow:active, .slick-prev.slick-arrow:active {
        background-color: grey;
        display: block;
    }

.dd-handle {
font-size: 17px;
}

.dd-handle:hover {
    color: black;
}

.ml-lvl1 {
    margin-left: 0px;
}

.ml-lvl2 {
    margin-left: 30px;
}

.ml-lvl3 {
    margin-left: 60px;
}

.ml-lvl4 {
    margin-left: 90px;
}

.ml-lvl5 {
    margin-left: 120px;
}

.mark, mark {
    background-color: yellow !important;
    color: black;
}

.text-black{
    color: black !important;
}