html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    display: none;
}


label {
    width: 100%;
}

.card-input-element {
    display: none;
    /*border: black solid 1px;*/
}

.card-input {
    margin: 10px;
    padding: 00px;
    /*border: rgba(0,0,0,0.2) solid 1px;*/
}

.card-input:hover {
    cursor: pointer;
}

.card-input-element:checked + .card-input {
    box-shadow: 0 0 1px 1px #6BA9AA;
}

.inactive {
    background: grey !important;
    cursor: default;
}

.inactive:hover {
    background: grey !important;
}

.summary {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 17px;
    margin: 15px 0;
}

.btn-success {
    background: #6BA9AA;
}

.btn-success:hover {
    background: black;
}

.category-cover {
    position: relative;
}

.cover-img {
    position: relative;˚
    display: inline-block;
    width: 100%;
}

.cover-img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.2))
}

.cover-content {
    color: whitesmoke;
    position: absolute;
    top: 50px;
    left: 50px;
}