/*##############################################################################
####    Default Values    ########################################################*/
:root {
    /*--height-header: 60px;*/

    --spacing-2: 2px;
    --spacing-3: 3px;
    --spacing-4: 4px;
    --spacing-5: 5px;
    --spacing-7: 7px;
    --spacing-8: 8px;
    --spacing-10: 10px;
    --spacing-15: 15px;
    --spacing-20: 20px;
    --spacing-25: 25px;
    --spacing-30: 30px;
    --spacing-40: 40px;
    --spacing-50: 50px;
    --spacing-60: 60px;

    --spacing-tiny: var(--spacing-2);
    --spacing-small: var(--spacing-5);
    --spacing-smaller: var(--spacing-10);
    --spacing-normal: var(--spacing-20);
    --spacing-larger: var(--spacing-30);
    --spacing-large: var(--spacing-40);

    --level-2000-notify: 2000;
    --level-1000-menu: 1000;
    --level-500-popup: 500;
}

.pad5 {
    padding: var(--spacing-5);
}
.pad10 {
    padding: var(--spacing-10);
}
.pad20 {
    padding: var(--spacing-20);
}
.pad30 {
    padding: var(--spacing-30);
}
.pad40 {
    padding: var(--spacing-40);
}


.mtop-tiny {
    margin-top: var(--spacing-tiny);
}
.mtop-small {
    margin-top: var(--spacing-small);
}
.mtop-smaller {
    margin-top: var(--spacing-smaller);
}
.mtop-normal {
    margin-top: var(--spacing-normal);
}
.mtop-larger {
    margin-top: var(--spacing-larger);
}
.mtop-large {
    margin-top: var(--spacing-large);
}

.mleft-small {
    margin-left: var(--spacing-small);
}
.mleft-smaller {
    margin-left: var(--spacing-smaller);
}
.mleft-normal {
    margin-left: var(--spacing-normal);
}
.mleft-larger {
    margin-left: var(--spacing-larger);
}
.mleft-large {
    margin-left: var(--spacing-large);
}

.mbottom-small {
    margin-bottom: var(--spacing-small);
}
.mbottom-smaller {
    margin-bottom: var(--spacing-smaller);
}
.mbottom-normal {
    margin-bottom: var(--spacing-normal);
}
.mbottom-larger {
    margin-bottom: var(--spacing-larger);
}
.mbottom-large {
    margin-bottom: var(--spacing-large);
}

.mright-small {
    margin-right: var(--spacing-small);
}
.mright-smaller {
    margin-right: var(--spacing-smaller);
}
.mright-normal {
    margin-right: var(--spacing-normal);
}
.mright-larger {
    margin-right: var(--spacing-larger);
}
.mright-large {
    margin-right: var(--spacing-large);
}