.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.content {
    background: url(../storage/image/wallpaper.jpg) no-repeat center center
        fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
}
.utask {
    padding-left: 10px !important;
}
.utask li {
    background-color: #f0f0f0;
}
.unsichtbar {
    display: none;
}
.sichtbar {
    display: block;
}

.checkbox-icon {
    position: relative;
    left: -25px;
    bottom: -5px;
}

.prio-pad {
    border-radius: 50%;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.card-black.card-outline {
    border-top: 3px solid #000;
}
.callout-primary {
    border-left-color: #007bff !important;
}
.callout-secondary {
    border-left-color: #6c757d !important;
}
.callout-info {
    border-left-color: #17a2b8 !important;
}
.callout-success {
    border-left-color: #28a745 !important;
}
.callout-warning {
    border-left-color: #ffc107 !important;
}
.callout-danger {
    border-left-color: #dc3545 !important;
}
.callout-black {
    border-left-color: #000000 !important;
}
.callout-gray-dark {
    border-left-color: #adb5bd !important;
}
.callout-light {
    border-left-color: #1f2d3d !important;
}
.callout-indigo {
    border-left-color: #6610f2 !important;
}
.callout-lightblue {
    border-left-color: #3c8dbc !important;
}
.callout-navy {
    border-left-color: #001f3f !important;
}
.callout-purple {
    border-left-color: #605ca8 !important;
}
.callout-fuchsia {
    border-left-color: #f012be !important;
}
.callout-pink {
    border-left-color: #e83e8c !important;
}
.callout-maroon {
    border-left-color: #e83e8c !important;
}
.callout-orange {
    border-left-color: #ff851b !important;
}
.callout-lime {
    border-left-color: #01ff70 !important;
}
.callout-teal {
    border-left-color: #39cccc !important;
}
.callout-olive {
    border-left-color: #3d9970 !important;
}

.icon-primary {
    color: #007bff !important;
}
.icon-secondary {
    color: #6c757d !important;
}
.icon-info {
    color: #17a2b8 !important;
}
.icon-success {
    color: #28a745 !important;
}
.icon-warning {
    color: #ffc107 !important;
}
.icon-danger {
    color: #dc3545 !important;
}
.icon-black {
    color: #000000 !important;
}
.icon-gray-dark {
    color: #adb5bd !important;
}
.icon-light {
    color: #1f2d3d !important;
}
.icon-indigo {
    color: #6610f2 !important;
}
.icon-lightblue {
    color: #3c8dbc !important;
}
.icon-navy {
    color: #001f3f !important;
}
.icon-purple {
    color: #605ca8 !important;
}
.icon-fuchsia {
    color: #f012be !important;
}
.icon-pink {
    color: #e83e8c !important;
}
.icon-maroon {
    color: #e83e8c !important;
}
.icon-orange {
    color: #ff851b !important;
}
.icon-lime {
    color: #01ff70 !important;
}
.icon-teal {
    color: #39cccc !important;
}
.icon-olive {
    color: #3d9970 !important;
}