body {
    color: #023059;
    font-size: small;
}

h2 {
    font-size: 1.5rem;
}

/*.col-xl-3 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-xl-4 {
    flex: 0 0 auto;
    width: 25%;
}

.col-xxl-3 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-xxl-4 {
    flex: 0 0 auto;
    width: 25%;
}*/

#menu-vertical {
    background: rgb(35,71,131);
    background: linear-gradient(180deg, rgba(35,71,131,1) 80%, rgba(238,49,42,1) 100%);
    color: #FFFFFF;
}

.menu-vertical-btn {
    background: rgb(2,39,71);
    background: linear-gradient(180deg, rgba(2,60,100,23) 80%, rgba(238,49,42,1) 100%);
    color: #FFFFFF;
    min-height: 100vh !important;
}

button{
    font-size: small !important;

}
.btn-collapse {
    border: none;
    border-radius: 50%;
    background-color: #ec4348;
    color: white;
    font-size: 20px
}

.btn-custom {
    background-color: rgba(2, 48, 89, 1) !important;
    border-color: rgba(2, 48, 89, 1) !important;
    vertical-align: middle !important;
    font-size: small !important;
}

    .btn-custom:hover {
        background-color: rgba(2, 48, 89, .8) !important;
        border-color: rgba(2, 48, 89, .8) !important;
    }

    .btn-custom:disabled {
        background-color: rgba(2, 48, 89, .8) !important;
        border-color: rgba(2, 48, 89, .8) !important;
        color: #ffffff !important;
        cursor: no-drop !important;
    }

    .btn-custom > span {
        font-weight: 500 !important;
        color: #FFFFFF !important;
    }

        .btn-custom > span > img {
            width: 16px !important;
            height: 16px !important;
        }

.btn-custom-zelle {
    background-color: white !important;
    border-color: rgba(2, 48, 89, 1) !important;
    vertical-align: middle !important;
    font-size: small !important;
}

    .btn-custom-zelle:hover {
        background-color: rgba(2, 48, 89, .6) !important;
        border-color: rgba(2, 48, 89, .6) !important;
    }

    .btn-custom-zelle:disabled {
        background-color: rgba(2, 48, 89, .8) !important;
        border-color: rgba(2, 48, 89, .8) !important;
        color: #ffffff !important;
        cursor: no-drop !important;
    }

.btn-custom-red {
    background-color: rgba(25, 135, 84, 1);
    border-color: rgba(25, 135, 84, 1);
    vertical-align: middle !important;
}

    .btn-custom-red:hover {
        background-color: rgba(25, 135, 84, .8);
        border-color: rgba(25, 135, 84, .8);
    }

    .btn-custom-red:disabled {
        background-color: rgba(25, 135, 84, .8);
        border-color: rgba(25, 135, 84, .8);
        color: #ffffff;
    }

    .btn-custom-red > span {
        font-weight: 500;
        color: #FFFFFF;
    }

        .btn-custom-red > span > img {
            width: 16px;
            height: 16px;
        }

#loading_overlay {
    background-color: #333;
    opacity: 0.9;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10000;
}

.loader_overlay {
    border: 15px solid #f3f3f3;
    border-radius: 100%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

legend {
    padding-left: 0.5rem;
    border-radius: 4px;
}

.table {
    --bs-table-bg: none !important;
    --bs-table-color: none !important;
}

thead {
    background-color: #033159; 
    color: #FFFFFF;
}

.nav-link.active {
    color: #FFFFFF !important;
    background-color: rgba(61, 58, 59, 0.65) !important;
    font-weight: 600;
}

tr {
    vertical-align: middle;
}

td {
    vertical-align: middle;
}

tr.fila-without-hover:hover td.state {
    background-color: transparent !important;
    --bs-table-hover-bg: none;
}


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

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

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

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

@font-face {
    font-family: 'aileronheavy';
    src: url('../webfonts/aileron/Aileron-Heavy-webfont.eot');
    src: url('../webfonts/aileron/Aileron-Heavy-webfont.eot?#iefix') format('embedded-opentype'), url('../Content/webfonts/aileron/Aileron-Heavy-webfont.woff') format('woff'), url('../Content/webfonts/aileron/Aileron-Heavy-webfont.ttf') format('truetype'), url('../Content/webfonts/aileron/Aileron-Heavy-webfont.svg#aileronheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}