﻿/*.treeview {
    margin: 20px;
}

    .treeview,
    .treeview ul,
    .treeview li {
        list-style-type: none;
        padding-left: 1rem;
        font-size: 16px;
    }


.treeview-children {
    list-style: none;
    padding-left: 16px;
}

.treeview i {
    cursor: pointer;
    margin-right: 4px;
}

.tree-view {
    list-style-type: none;
    padding-left: 0;
}

.text-green {
    color:green;
}
.text-red{
    color:red;
}*/

﻿.btn {
    border-radius: 4px !important;
    border: 0 !important;
}


.logo-text {
    color: #30a7ac;
}


.border-green {
    border: 1px solid #30a7ac;
}

.mr-100 {
    margin-right: 100px;
}

.mr-3 {
    margin-right: 3px;
}

.mr-5 {
    margin-right: 5px;
}

.m-5 {
    margin: 5px;
}

.p-5 {
    padding: 5px;
}

.p-3 {
    padding: 3px;
}

.container {
    background-color: white;
}

.bg-green {
    background-color: #30a7ac;
}

.border-black {
    border: 1px solid black;
}

.border-red {
    border: 1px solid red;
}

.border-red-3 {
    border: 3px solid red;
}

.custom-scrollable-list {
    overflow-y: auto;
    height: 300px; /* Höhe anpassen */
}

.nice-shadow {
    box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 23px 0px rgba(0,0,0,0.75);
}

.min-width-100-p {
    min-width: 100% !important;
}

/* Grundstil für das Icon und den Text */
.fileupload {
    transition: all 0.3s ease; /* Sorgt für eine sanfte Übergangsanimation */
    cursor: pointer; /* Ändert den Mauszeiger in einen Zeiger, um Klickbarkeit anzudeuten */
}

    /* Hover-Effekte */
    .fileupload:hover > p:hover {
        color: #007bff; /* Ändert die Farbe beim Hovern */
        transform: scale(1.1); /* Vergrößert das Element leicht beim Hovern */
    }

    /* Klick-Effekte */
    .fileupload:active > p:active {
        color: #0056b3; /* Ändert die Farbe beim Klicken */
        transform: scale(0.9); /* Verkleinert das Element leicht beim Klicken */
    }

.table {
    overflow-x: scroll;
}

.bg-green {
    background-color: green;
}
