body {
    font-family: 'One', Arial, Verdana !important;
}

@font-face {
    font-family: 'One';
    font-style: normal;
    font-weight: 200;
    src: url('/css/webfonts/Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'One';
    font-style: normal;
    font-weight: 300;
    src: url('/css/webfonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'One';
    font-style: normal;
    font-weight: 400;
    src: url('/css/webfonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'One';
    font-style: normal;
    font-weight: 600;
    src: url('/css/webfonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'One';
    font-style: normal;
    font-weight: 700;
    src: url('/css/webfonts/Poppins-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'One';
    font-style: normal;
    font-weight: 900;
    src: url('/css/webfonts/Poppins-Bold.ttf') format('truetype');
}

body > .stack-vertical,
body > .stack-horizontal,
body > .stack-fill {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.stack-fill {
    display: flex;
    height: 100%;
    width: 100%;
}

.stack-vertical {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stack-vertical.TopMargin {
    height: calc(100% - 5px);
}

.stack-vertical.BottomMargin {
    height: calc(100% - 5px);
}

.stack-vertical.TopMargin.BottomMargin,
.stack-vertical.Margin {
    height: calc(100% - 10px);
}

.stack-horizontal {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.stack-horizontal.LeftMargin {
    width: calc(100% - 5px);
}

.stack-horizontal.RightMargin {
    width: calc(100% - 5px);
}

.stack-horizontal.LeftMargin.RightMArgin,
.stack-horizontal.Margin {
    width: calc(100% - 10px);
}

.stack-vertical > div {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}

.stack-horizontal > div {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}

.stack-vertical > .stack-fixed,
.stack-horizontal > .stack-fixed {
    flex-grow: 0;
}

.stack-vertical > div {
    min-width: 100%;
}

.stack-horizontal > div {
    min-height: 100%;
}

.stack-vertical > div,
.stack-horizontal > div {
    position: relative;
}