.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  display: none; }

#imgCapture {
  position: relative;
  min-height: 150px;
  text-align: center; }

div #preview {
  width: 100%; }

.buttons label {
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
  margin: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
  color: black; }
  .buttons label:hover {
    cursor: pointer; }
  .buttons label:active {
    text-decoration: none;
    color: #555;
    background: #f5f5f5; }

#pagecanvas {
  position: relative; }

#Drawer-mouse-painter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  cursor: crosshair;
  z-index: 2; }

form {
  font-size: 0.8em; }

.formInput {
  width: 100%; }

textarea {
  width: 100%; }

body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #17375E;
  margin: 0;
  padding: 0;
  background-image: url("../img/ep_naturalwhite.png");
  background-attachment: fixed;
  font-size: 0.8em; }

#header {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1; }

a {
  text-decoration: none;
  cursor: pointer; }
  a:link, a:visited {
    color: #17375E; }
  a:hover {
    color: red; }

.border {
  border: 1px solid black; }

.fullScreen {
  height: 100vh;
  width: 100vw; }

.full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  position: relative;
  top: 50px;
  margin: 0 1em; }

.stretch {
  position: absolute;
  top: 0;
  bottom: 0; }

.flexVertical {
  display: flex;
  flex-flow: column nowrap; }

.flexVerticalReverse {
  display: flex;
  flex-flow: column-reverse nowrap; }

.flexVerticalWrap {
  display: flex;
  flex-flow: column wrap; }

.flexHorizontal {
  display: flex;
  flex-flow: row nowrap; }

.flexHorizontalReverse {
  display: flex;
  flex-flow: row-reverse nowrap; }

.flexHorizontalReverseWrap {
  display: flex;
  flex-flow: row-reverse wrap; }

.flexHorizontalWrap {
  display: flex;
  flex-flow: row wrap; }

.flexAlignStart {
  align-items: flex-start; }

.flexAlignEnd {
  align-items: flex-end; }

.flexAlignCenter {
  align-items: center; }

.flexAlignBaseline {
  align-items: baseline; }

.flexAlignStretch {
  align-items: stretch; }

.flexJustifyStart {
  justify-content: flex-start; }

.flexJustifyEnd {
  justify-content: flex-end; }

.flexJustifyCenter {
  justify-content: center; }

.flexJustifyBetween {
  justify-content: space-between; }

.flexJustifyAround {
  justify-content: space-around; }

.flexContentStart {
  align-content: flex-start; }

.flexContentEnd {
  align-content: flex-end; }

.flexContentCenter {
  align-content: center; }

.flexContentBetween {
  align-content: space-between; }

.flexContentAround {
  align-content: space-around; }

.flexGrow {
  flex-grow: 1; }

.flexAlignSelfAuto {
  align-self: auto; }

.flexAlignSelfStart {
  align-self: flex-start; }

.flexAlignSelfEnd {
  align-self: flex-end; }

.flexAlignSelfCenter {
  align-self: center; }

.flexAlignSelfBaseline {
  align-self: baseline; }

.flexAlignSelfStretch {
  align-self: stretch; }

.marginAuto {
  margin: auto; }

.nowrap {
  white-space: nowrap; }

.roundBtn {
  border-radius: 50%; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

.text-center {
  text-align: center; }

.alignLeft {
  text-align: left; }

.alignRight {
  text-align: right; }

hr {
  border-style: inset;
  border-width: 1px;
  width: 95%; }

.border-none {
  border: none; }

.border-white {
  border: 1px solid white !important; }

.background-none {
  background: none; }

.background-white {
  background: white !important; }

.red {
  color: red; }

.strong {
  font-weight: bold; }

.margin5 {
  margin: 5px; }

.margin10 {
  margin: 10px; }

.margin15 {
  margin: 15px; }

.marginSides5 {
  margin: 0 5px; }

.marginSides10 {
  margin: 0 10px; }

.marginSides15 {
  margin: 0 15px; }

.marginLeft5 {
  margin-left: 5px; }

.marginLeft10 {
  margin-left: 10px; }

.marginLeft15 {
  margin-left: 15px; }

.marginRight5 {
  margin-right: 5px; }

.marginRight10 {
  margin-right: 10px; }

.marginRight15 {
  margin-right: 15px; }

.marginTop5 {
  margin-top: 5px; }

.marginTop10 {
  margin-top: 10px; }

.marginTop15 {
  margin-top: 15px; }

.marginBottom5 {
  margin-bottom: 5px; }

.marginBottom10 {
  margin-bottom: 10px; }

.marginBottom15 {
  margin-bottom: 15px; }

.padding5 {
  padding: 5px; }

.padding10 {
  padding: 10px; }

.padding15 {
  padding: 15px; }

.no-margin {
  margin: none !important; }

.margin-0 {
  margin: 0 !important; }

body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #17375E;
  margin: 0;
  padding: 0;
  background-image: url("../img/ep_naturalwhite.png");
  background-attachment: fixed;
  font-size: 0.8em; }

#header {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1; }

a {
  text-decoration: none;
  cursor: pointer; }
  a:link, a:visited {
    color: #17375E; }
  a:hover {
    color: red; }

.border {
  border: 1px solid black; }

.fullScreen {
  height: 100vh;
  width: 100vw; }

.full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  position: relative;
  top: 50px;
  margin: 0 1em; }

.stretch {
  position: absolute;
  top: 0;
  bottom: 0; }

.flexVertical {
  display: flex;
  flex-flow: column nowrap; }

.flexVerticalReverse {
  display: flex;
  flex-flow: column-reverse nowrap; }

.flexVerticalWrap {
  display: flex;
  flex-flow: column wrap; }

.flexHorizontal {
  display: flex;
  flex-flow: row nowrap; }

.flexHorizontalReverse {
  display: flex;
  flex-flow: row-reverse nowrap; }

.flexHorizontalReverseWrap {
  display: flex;
  flex-flow: row-reverse wrap; }

.flexHorizontalWrap {
  display: flex;
  flex-flow: row wrap; }

.flexAlignStart {
  align-items: flex-start; }

.flexAlignEnd {
  align-items: flex-end; }

.flexAlignCenter {
  align-items: center; }

.flexAlignBaseline {
  align-items: baseline; }

.flexAlignStretch {
  align-items: stretch; }

.flexJustifyStart {
  justify-content: flex-start; }

.flexJustifyEnd {
  justify-content: flex-end; }

.flexJustifyCenter {
  justify-content: center; }

.flexJustifyBetween {
  justify-content: space-between; }

.flexJustifyAround {
  justify-content: space-around; }

.flexContentStart {
  align-content: flex-start; }

.flexContentEnd {
  align-content: flex-end; }

.flexContentCenter {
  align-content: center; }

.flexContentBetween {
  align-content: space-between; }

.flexContentAround {
  align-content: space-around; }

.flexGrow {
  flex-grow: 1; }

.flexAlignSelfAuto {
  align-self: auto; }

.flexAlignSelfStart {
  align-self: flex-start; }

.flexAlignSelfEnd {
  align-self: flex-end; }

.flexAlignSelfCenter {
  align-self: center; }

.flexAlignSelfBaseline {
  align-self: baseline; }

.flexAlignSelfStretch {
  align-self: stretch; }

.marginAuto {
  margin: auto; }

.nowrap {
  white-space: nowrap; }

.roundBtn {
  border-radius: 50%; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

.text-center {
  text-align: center; }

.alignLeft {
  text-align: left; }

.alignRight {
  text-align: right; }

hr {
  border-style: inset;
  border-width: 1px;
  width: 95%; }

.border-none {
  border: none; }

.border-white {
  border: 1px solid white !important; }

.background-none {
  background: none; }

.background-white {
  background: white !important; }

.red {
  color: red; }

.strong {
  font-weight: bold; }

.margin5 {
  margin: 5px; }

.margin10 {
  margin: 10px; }

.margin15 {
  margin: 15px; }

.marginSides5 {
  margin: 0 5px; }

.marginSides10 {
  margin: 0 10px; }

.marginSides15 {
  margin: 0 15px; }

.marginLeft5 {
  margin-left: 5px; }

.marginLeft10 {
  margin-left: 10px; }

.marginLeft15 {
  margin-left: 15px; }

.marginRight5 {
  margin-right: 5px; }

.marginRight10 {
  margin-right: 10px; }

.marginRight15 {
  margin-right: 15px; }

.marginTop5 {
  margin-top: 5px; }

.marginTop10 {
  margin-top: 10px; }

.marginTop15 {
  margin-top: 15px; }

.marginBottom5 {
  margin-bottom: 5px; }

.marginBottom10 {
  margin-bottom: 10px; }

.marginBottom15 {
  margin-bottom: 15px; }

.padding5 {
  padding: 5px; }

.padding10 {
  padding: 10px; }

.padding15 {
  padding: 15px; }

.no-margin {
  margin: none !important; }

table {
  border-collapse: collapse;
  min-width: 320px;
  margin: 0 auto;
  border: 1px solid #17375E; }

thead tr th,
tbody tr td {
  vertical-align: middle;
  padding: 5px; }
  thead tr th:not(:first-child),
  tbody tr td:not(:first-child) {
    border-left: solid 1px #ffffff; }

thead tr {
  background-color: #17375E;
  color: #ffffff; }

tbody tr:nth-child(even) {
  background-color: rgba(191, 196, 223, 0.6); }

tbody tr td.empty-cell {
  background-color: rgba(211, 211, 211, 0.7);
    background-color-border: none; }