.center {
    text-align: center;
}

h1 {
    margin: 24px;
    margin-bottom: 36px;
}

h4 {
    margin-bottom: 48px;
}

.collection {
    margin: 0 48px;
}

.accordion-header {
    cursor: pointer;
    user-select: none;
    margin-bottom: 12px;
    padding-bottom: 0px !important;
}

.accordion-body {
    margin-left: 24px;
    margin-bottom: 36px !important;
}

.accordion-body>p {
    margin-bottom: 12px;
}

.toast-error {
    width: 400px;
    margin: 24px auto;
}

.right {
    float: right;
}

.clickable {
    cursor: pointer;
}


/*move to scoped dump.vue from here*/

.left {
    text-align: left;
}

@media only screen and (max-width: 480px) {
    .left {
        margin-left: 12px;
    }
    
}

@media only screen and (min-width: 480px) {
    .column > h4{
        text-align: right;
        margin-right: 12px;
    }
}

p.dumpItem {
    margin: 6px;
    margin-right: 60px;
}

.columns.dumpHeader {
    margin-top: 36px;
}

.accordion-header{
    padding: 0 !important;
}
.accordion-body{
    margin: 0;
}
.width800{
    max-width: 800px !important;
}

.accordion-body table{
    width: 100%;
    border-collapse:separate; 
    border-spacing: 0 12px;
}

.accordion-body table td:first-child{
    width:35%; 
    text-align:right;
    vertical-align: top;
    padding-right: 12px;
}

.btn-sm, .heightAuto{
    height: auto !important;
}