#main-app { width: 100% ; height: 100% ; display: flex ; }

/* splitter */
#nav { min-width: 410px ; }
#content { flex-grow: 1 ; min-width: 500px ; }
#main-app .gutter.gutter-horizontal { cursor: ew-resize ; background: #ccc ; }

#watermark {
    position: absolute ; right: -25px ; bottom: 2px;
    width: 200px ; height: 200px ;
    background: url(../images/watermark.png) left bottom no-repeat ; background-size: 100% ;
    transform: scaleX(-1) ;
    opacity: 0 ; z-index: -99 ;
    transition: opacity 10s ;
}
