@font-face {
    font-family: ModeSeven;
    src: url('/assets/fonts/ModeSeven.eot');
    src: url('/assets/fonts/ModeSeven.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/ModeSeven.woff') format('woff'),
    url('/assets/fonts/ModeSeven.ttf') format('truetype')
}

::selection {
    background: #69b1e3;
    color: white;
}

::-moz-selection {
    background: #6daad5;
    color: white;
}

.dossier-body {
    background-color: black;
    width: 100%;
    height: 100%;
    margin: 0;

    font-family: ModeSeven;
}

.dossier-body,
.body-wrapper {
    /* Break the flow */
    position: absolute;
    top: 0;

    width: 100%;
    height: 100%;

    margin: 0;
    overflow-y: hidden;
}

.dossier-body {
    z-index: 1;
}

.body-wrapper {
    z-index: 2;
}


.fill-screen {
    width: 100%;
    height: 100%;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

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