.roll-button, .add-button{
    padding-left: 0;
    padding-right: 0;
    width: 40px;
}
.form-control.roll-number{
    width: calc(100% - 90px);
    display: inline-block;
    vertical-align: bottom;
}
.rolled-number[data-rolled-number='']:after {
    content: '(nincs)';
}
.card-preview{
    margin-top: 15px;
}
.card-preview[data-rolled-number='']{
    opacity: 0.65;
}
.card-preview[data-rolled-number=''] .card-heading{
    border-bottom: none;
}
.card-preview[data-rolled-number=''] .card-body{
    display: none;
}
.card-rolled-number:not(.card-preview)[data-selected-item='yes']{
    font-weight: 600;
}
.card-rolled-number[data-selected-item='yes'] .btn-selected-yes,
.card-rolled-number[data-selected-item='no'] .btn-selected-no{
    display: none;
}
.card-rolled-number > .card-body{
    word-break: break-word;
}
.card-item-type > .card-body .card-body{
    padding: 8px;
    font-style: italic;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}
.card-item-type .card .card-heading{
    padding: 4px 4px;
}
.card.card-list-placeholder{
    display: none;
}
.rolled-items:empty + .card-list-placeholder{
    display: block;
}
.rolled-items + .card-list-placeholder,
.rolled-items > .card:last-child{
    margin-bottom: 0;
}
.card-item-type .card .card-heading .action-btn-container > a {
    margin-top: -2px;
}
@media (min-width: 768px) {
    #mobile-scroll-alert{
        display: none;
    }
}
@media print {
    .col-sm-4{
        width: 33.33333333% !important;
        float: left;
    }
}
#legend-box{
    gap: 30px;
    padding: 15px;
    position: relative;
}

#legend-box #legend-box-close-button{
    right: 5px;
    top: 15px;
    position: absolute;
}
@media (max-width: 767px) {
    #legend-box{
        width: 255px;
        margin: 0 auto;
        gap: 10px;
    }
    #legend-box #legend-box-close-button{
         top: 5px;
     }
}