.skinny {
    margin: 0;
    padding: 0;
}

@for $i from 1 through 3 {
    .mv-#{$i} {
        margin: #{$i}rem auto;
    }

    .m-#{$i} {
        margin: #{$i}rem;
    }

    .mh-#{$i} {
        margin: auto #{$i}rem;
    }

    .p-#{$i} {
        padding: #{$i}rem;
    }

    .pv-#{$i} {
        padding: #{$i}rem auto;
    }

    .ph-#{$i} {
        padding: auto #{$i}rem;
    }
}

.confirmation-modal {
    .modal-header, .modal-body, .modal-footer {
        border: none;
    }

    .cfm-btn-row {
        padding-top: 10px;
    }
}

.btn-secondary {
    background-color: color('secondary');
}


.single-line {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}