/* ===== app-center (main-es2015.js) ===== */
[_nghost-center] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
}

.middle-container[_ngcontent-center] {
  flex: 1;
  width: 100%;
  overflow-y: auto;
}

.middle-container[_ngcontent-center]   .route-container[_ngcontent-center] {
  margin: 0 auto;
  background: #ffffff;
  width: 900px;
  box-sizing: border-box;
  padding: 25px 30px;
  min-height: 100%;
  overflow-x: auto;
}
@media (max-width: 960px) {
  .middle-container[_ngcontent-center]   .route-container[_ngcontent-center] {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .middle-container[_ngcontent-center]   .route-container[_ngcontent-center] {
    width: 100%;
    padding: 0;
  }
}

/* ===== app-default (main-es2015.js) ===== */
[_nghost-default] {
  width: 100%;
  height: 100%;
}

.middle-container[_ngcontent-default] {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}

.middle-container[_ngcontent-default]   .main-container[_ngcontent-default] {
  display: flex;
  width: calc(100% - 70px);
  height: calc(100% - 64px);
  margin-left: 70px;
}

.middle-container[_ngcontent-default]   .main-container[_ngcontent-default]   .folder-list[_ngcontent-default] {
  box-sizing: border-box;
  padding: 5px 0;
  position: relative;
  background: #e5e8f0;
}

.middle-container[_ngcontent-default]   .main-container[_ngcontent-default]   .route-container[_ngcontent-default] {
  flex: 1;
  display: flex;
  position: relative;
  height: 100%;
  overflow-x: auto;
}
@media (max-width: 960px) {
  .middle-container[_ngcontent-default]   .main-container[_ngcontent-default] {
    width: 100%;
    height: calc(100% - 64px);
    margin-left: 0px;
  }
  .middle-container[_ngcontent-default]   .main-container[_ngcontent-default]   .folder-list[_ngcontent-default] {
    width: 100%;
    padding-top: 0;
  }
}

/* ===== app-start (main-es2015.js) ===== */
[_nghost-start] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
[_nghost-start]   .background-image[_ngcontent-start] {
  background: no-repeat center center;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}
[_nghost-start]   .start-container[_ngcontent-start] {
  opacity: 0.95;
  display: block;
  flex-basis: 600px;
  background: #ffffff;
  border-radius: 10px;
  padding: 50px 70px 20px 70px;
  box-sizing: border-box;
}
[_nghost-start]   .start-container[_ngcontent-start]   .logo-container[_ngcontent-start] {
  text-align: center;
  margin-bottom: 30px;
}
[_nghost-start]   .start-container[_ngcontent-start]   .logo-container[_ngcontent-start]   .logos[_ngcontent-start] {
  display: inline-block;
  max-height: 100px;
  min-width: 100px;
}
[_nghost-start]   .start-container[_ngcontent-start]   .logo-container[_ngcontent-start]   .logos[_ngcontent-start]   .logo[_ngcontent-start] {
  width: auto;
  height: 100px;
}
[_nghost-start]   .start-container[_ngcontent-start]   .logo-container[_ngcontent-start]   .typo[_ngcontent-start] {
  width: auto;
  height: 100px;
}
[_nghost-start]   .start-container[_ngcontent-start]   .route-container[_ngcontent-start] {
  overflow-x: auto;
}
[_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start] {
  border-top: 1px solid #bababa;
  margin-top: 25px;
  padding-top: 25px;
  width: 100%;
}
[_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start]   tbody[_ngcontent-start]   tr[_ngcontent-start]   td[_ngcontent-start] {
  width: 50%;
}
[_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start]   tbody[_ngcontent-start]   tr[_ngcontent-start]   td[_ngcontent-start]:first-child {
  text-align: left;
}
[_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start]   tbody[_ngcontent-start]   tr[_ngcontent-start]   td[_ngcontent-start]:first-child   a[_ngcontent-start] {
  color: #333333;
  margin-right: 20px;
  font-size: 0.74rem;
  text-decoration: none;
  cursor: pointer;
  font-style: italic;
}
[_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start]   tbody[_ngcontent-start]   tr[_ngcontent-start]   td[_ngcontent-start]:first-child   a[_ngcontent-start]:hover, [_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start]   tbody[_ngcontent-start]   tr[_ngcontent-start]   td[_ngcontent-start]:first-child   a.active[_ngcontent-start] {
  font-style: normal;
}
[_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start]   tbody[_ngcontent-start]   tr[_ngcontent-start]   td[_ngcontent-start]:last-child {
  text-align: right;
}
[_nghost-start]   .start-container[_ngcontent-start]   .bottom-link-wrapper[_ngcontent-start]   tbody[_ngcontent-start]   tr[_ngcontent-start]   td[_ngcontent-start]:last-child   a[_ngcontent-start] {
  color: #333333;
  margin-left: 20px;
  font-size: 0.74rem;
  text-decoration: none;
}
[_nghost-start]   .auth-link[_ngcontent-start]:hover {
  font-weight: 600;
  letter-spacing: -0.0205em;
}
@media (max-width: 960px) {
  [_nghost-start]   .background-image[_ngcontent-start] {
    top: 0;
  }
  [_nghost-start]   .start-container[_ngcontent-start] {
    padding: 50px 50px 20px 50px;
    flex-basis: 90%;
  }
  [_nghost-start]   .start-container[_ngcontent-start]   .logo-container[_ngcontent-start]   .logos[_ngcontent-start] {
    max-height: 60px;
    min-width: 60px;
  }
  [_nghost-start]   .start-container[_ngcontent-start]   .logo-container[_ngcontent-start]   .logos[_ngcontent-start]   .logo[_ngcontent-start] {
    width: auto;
    height: 60px;
  }
  [_nghost-start]   .start-container[_ngcontent-start]   .logo-container[_ngcontent-start]   .typo[_ngcontent-start] {
    width: auto;
    height: 60px;
  }
}
@media (max-width: 600px) {
  [_nghost-start]   .start-container[_ngcontent-start] {
    height: 100%;
    overflow-y: auto;
    flex-basis: 100%;
    border-radius: 0;
  }
}

/* ===== app-virtual-workbook-layout (main-es2015.js) ===== */
[_nghost-virtual-workbook-layout] {
  height: 100%;
  display: flex;
}

.virtual-workbook-layout[_ngcontent-virtual-workbook-layout] {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.virtual-workbook-layout[_ngcontent-virtual-workbook-layout]   side-navigation[_ngcontent-virtual-workbook-layout] {
  z-index: 0;
}

.virtual-workbook-layout[_ngcontent-virtual-workbook-layout]   .virtual-workbook-layout-content[_ngcontent-virtual-workbook-layout] {
  display: flex;
  flex: 1;
}

.virtual-workbook-layout[_ngcontent-virtual-workbook-layout]   .virtual-workbook-layout-content[_ngcontent-virtual-workbook-layout]   .side-navigation-mock[_ngcontent-virtual-workbook-layout] {
  display: none;
}

.virtual-workbook-layout[_ngcontent-virtual-workbook-layout]   .virtual-workbook-layout-content[_ngcontent-virtual-workbook-layout]   .folder-list-mock[_ngcontent-virtual-workbook-layout] {
  display: none;
}

.virtual-workbook-layout[_ngcontent-virtual-workbook-layout]   .virtual-workbook-layout-content[_ngcontent-virtual-workbook-layout]   .virtual-workbook-overlay[_ngcontent-virtual-workbook-layout] {
  position: fixed;
  top: 65px;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(27, 39, 69, 0.6);
}

/* ===== confirm-dialog (main-es2015.js) ===== */
[_nghost-confirm-dialog] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog] {
  width: 400px;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-header[_ngcontent-confirm-dialog] {
  box-sizing: border-box;
  padding: 8px 30px;
  background-color: #1b2745;
  height: 42px;
  border-bottom: 2px solid #dc0830;
  color: #ffffff;
  position: relative;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-header[_ngcontent-confirm-dialog]   i[_ngcontent-confirm-dialog] {
  margin-right: 15px;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-header[_ngcontent-confirm-dialog]   .close[_ngcontent-confirm-dialog] {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 15px;
  height: 15px;
  background-image: url(/assets/cross-white.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-content[_ngcontent-confirm-dialog] {
  text-align: center;
  padding: 20px 40px 20px 40px;
  background-color: #8d99b3;
  color: #ffffff;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-content[_ngcontent-confirm-dialog]   .dialog-text[_ngcontent-confirm-dialog] {
  margin-bottom: 30px;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-content[_ngcontent-confirm-dialog]   .btn.btn-primary[_ngcontent-confirm-dialog] {
  transition: all 0.2s ease;
  border: 1px solid #1b2745;
  color: #1b2745;
  background-color: #8d99b3;
  height: 40px;
  padding: 8px 40px;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-content[_ngcontent-confirm-dialog]   .btn.btn-primary[_ngcontent-confirm-dialog]:hover {
  color: #e5e8f0 !important;
  background-color: #1b2745;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-content[_ngcontent-confirm-dialog]   .btn.btn-primary[_ngcontent-confirm-dialog]:first-child {
  margin-right: 5px;
}
[_nghost-confirm-dialog]   .confirm-dialog[_ngcontent-confirm-dialog]   .dialog-content[_ngcontent-confirm-dialog]   .btn.btn-primary[_ngcontent-confirm-dialog]:last-child {
  margin-left: 5px;
}

/* ===== error-popup (main-es2015.js) ===== */
[_nghost-error-popup] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
}
[_nghost-error-popup]   .error-popup[_ngcontent-error-popup] {
  width: 400px;
}
[_nghost-error-popup]   .error-popup[_ngcontent-error-popup]   .error-header[_ngcontent-error-popup] {
  box-sizing: border-box;
  padding: 8px 30px;
  background-color: #1b2745;
  height: 42px;
  border-bottom: 2px solid #dc0830;
  color: #ffffff;
}
[_nghost-error-popup]   .error-popup[_ngcontent-error-popup]   .error-header[_ngcontent-error-popup]   i[_ngcontent-error-popup] {
  margin-right: 15px;
}
[_nghost-error-popup]   .error-popup[_ngcontent-error-popup]   .error-content[_ngcontent-error-popup] {
  text-align: center;
  padding: 20px 40px 20px 40px;
  background-color: #8d99b3;
  color: #ffffff;
}
[_nghost-error-popup]   .error-popup[_ngcontent-error-popup]   .error-content[_ngcontent-error-popup]   .error-text[_ngcontent-error-popup] {
  margin-bottom: 30px;
}
[_nghost-error-popup]   .error-popup[_ngcontent-error-popup]   .error-content[_ngcontent-error-popup]   .btn.btn-primary[_ngcontent-error-popup] {
  transition: all 0.2s ease;
  border: 1px solid #1b2745;
  color: #1b2745;
  background-color: #8d99b3;
  height: 40px;
  padding: 8px 40px;
}
[_nghost-error-popup]   .error-popup[_ngcontent-error-popup]   .error-content[_ngcontent-error-popup]   .btn.btn-primary[_ngcontent-error-popup]:hover {
  color: #e5e8f0 !important;
  background-color: #1b2745;
}

/* ===== app-address-book (main-es2015.js) ===== */
[_nghost-address-book] {
  width: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
  overflow: hidden;
}

.address-book-wrapper[_ngcontent-address-book] {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 148px);
}

/* ===== app-change-password (main-es2015.js) ===== */
@font-face {
  font-family: "dotsfont";
  src: url("data:font/truetype;charset=utf-8;base64,AAEAAAAQAQAABAAARFNJRwAAAAEAAClUAAAACEdTVUIAAQAAAAABDAAAAApPUy8yaFGrRAAAARgAAABgY21hcLFiKfEAAAF4AAADdmN2dCAR7i9WAAAbOAAAAGpmcGdtdmR+eAAAG6QAAA0WZ2FzcAAAABAAABswAAAACGdseWb014i0AAAE8AAADahoZWFkDAwWuwAAEpgAAAA2aGhlYQfEBBMAABLQAAAAJGhtdHhhYlo1AAAS9AAAAZxsb2NhbdtqugAAFJAAAAGabWF4cAGSDYcAABYsAAAAIG5hbWV8xC9EAAAWTAAAAvNwb3N0gtqRGgAAGUAAAAHtcHJlcEY9uyIAACi8AAAAmAABAAAAAAAAAAAAAAADBKwBkAAFAAgCigJYAAAASwKKAlgAAAFeADIBLAAAAAAFAAAAAAAAAAAAAAMAAAAAAAAAAAAAAABVS1dOAEAAICISAu7/BgDIA7YA+iAAAAEAAAAAAfQC7gAAACAAAAAAAAMAAAADAAABIgABAAAAAAAcAAMAAQAAASIAAAEGAAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAGTlJWwlpeYiYyZpZqIm5x6e3x9fn+AgYKDnZ6mp6ifoAIJCgwNEhMUFRobHB0eICYnKCkqKzAxMjM1iqGNtYe2OkFCREVKS0xNUlNUVVZYXl9gYWJjaGlqa26LqY6qAAcICw8fJS88Oz0/PkBDR0ZISU9OUFFXWllbXVxlZGZnAMWxssIAxnHEwwC5twA2OACsAAC0AAAAAAAAb3AAcnSkoqsAAAAAj5EAywMGJAAAAAAAAJCSrgBtAAAAAAAAAACjAAAABRAEEQ4XGBkWIiMAIS0uLHZ4v7i7vL26wL55AAQCVAAAAEAAQAAFAAAAIAAvAEUASQBPAFUAZQBpAG8AdQB+AKEArAC0AL8AxwDLANEA2ADfAOcA6wDxAPgA/wExAscC3QO8IBkiEv//AAAAIAAhADAARgBKAFAAVgBmAGoAcAB2AKAAogCuALYAwADIAMwA0gDZAOAA6ADsAPIA+QExAsYC2AO8IBgiEv///+EAAAAA/8wAAP/WAAD/5AAA/+4AAAAAAAAAAAAAAAD/RgAAAAAAAAAA/14AAAAAAAD/Rf2y/eP8uwAA3p0AAQAAAD4AWgAAAIIAAACKAAAApgAAAK4AvgDAANQA4ADyAAAA/gEIARQBIAAAASwBNgFCAAAAAAAAAAABRgAAAAAAkwCUAJUAsACWAJcAmACJAIwAmQClAJoAiACbAJwAegB7AHwAfQB+AH8AgACBAIIAgwCdAJ4ApgCnAKgAnwCgAAIACQAKAAwADQAaABsAHAAdAB4AIAAwADEAMgAzADUAigChAI0AtQCHALYAOgBBAEIARABFAFIAUwBUAFUAVgBYAGgAaQBqAGsAbgCLAKkAjgCqAMsAogCxALIAswC0AMEAwgC3AMMAbwCPAKsAxAC4AMUArADJAMgAuQDGAKMAugDHAHAAkQCEAIUAhgCkAAMABAAFAAYABwAIADYACwAWABcAGAAZADcAHwAhACIAIwAkACUArQA4ACwALQAuAC8ANAA5AHEAOwA8AD0APgA/AEAAcgBDAE4ATwBQAFEAcwBXAFkAWgBbAFwAXQCuAHQAZABlAGYAZwBsAHUAbQCQAJIAAAAKAF3/BgGaAu4AAwAPABUAGQAjACkANQA5AD0ASAAZQBZDPjs6ODY0KigkIBoXFhIQCgQBAAowKwERIREXIxUzFSMVMzUjNTMHIxUzNSMnFSM1FyMVMxUjFTM1MxUjFSMVMxUjFTM1MxUjNSMVMxUjFTMnFSM1FyMVMwcVMzUjNzMBmv7D8KVBQqZCQkJkpkIiIYWmQkJkQiGFpmQiIWQhpqamIWSFpkZGpmZGIALu/BgD6EMhJSEhJWBoIiQkJGEhJSFGG0IiFjgXL1BxPHFQLy9nIS8hIS8AAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOv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") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[_nghost-change-password] {
  width: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-change-password]   .change-password[_ngcontent-change-password] {
  margin-top: 50px;
}
[_nghost-change-password]   .change-password[_ngcontent-change-password]   .form-container[_ngcontent-change-password]   .form-row[_ngcontent-change-password] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
[_nghost-change-password]   .change-password[_ngcontent-change-password]   .form-container[_ngcontent-change-password]   .form-row[_ngcontent-change-password]   label[_ngcontent-change-password] {
  flex-basis: 190px;
}
[_nghost-change-password]   .change-password[_ngcontent-change-password]   .form-container[_ngcontent-change-password]   .form-row[_ngcontent-change-password]   .input-control[_ngcontent-change-password] {
  flex: 1;
  font-size: 1rem;
  margin-bottom: 0;
}
[_nghost-change-password]   .change-password[_ngcontent-change-password]   .form-container[_ngcontent-change-password]   .form-row[_ngcontent-change-password]   .input-control.readonly[_ngcontent-change-password] {
  background-color: #e5e8f0;
  border-color: #1b2745;
}
[_nghost-change-password]   .change-password[_ngcontent-change-password]   .form-container[_ngcontent-change-password]   .form-row[_ngcontent-change-password]   input.obscuring[_ngcontent-change-password] {
  -webkit-text-security: disc;
  font-family: dotsfont, sans-serif;
}
[_nghost-change-password]   .change-password[_ngcontent-change-password]   .form-container[_ngcontent-change-password]   .form-row[_ngcontent-change-password]   input.error[_ngcontent-change-password] {
  border: 1px solid #ff0000;
  box-shadow: inset 0px 0px 0px 1px #ff0000;
}
[_nghost-change-password]   .change-password[_ngcontent-change-password]   .form-container[_ngcontent-change-password]   .form-row[_ngcontent-change-password]   input[_ngcontent-change-password]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-change-password]   .footer-container[_ngcontent-change-password] {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
[_nghost-change-password]   .footer-container[_ngcontent-change-password]   .btn[_ngcontent-change-password] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-change-password]   .footer-container[_ngcontent-change-password]   .btn[_ngcontent-change-password]:last-child {
  margin-right: 0;
}
#password-new[_ngcontent-change-password], #password-confirm[_ngcontent-change-password] {
  font-size: 1.5rem;
  letter-spacing: 3px;
}
#password-new.firefox[_ngcontent-change-password], #password-confirm.firefox[_ngcontent-change-password] {
  font-size: 0.6rem;
  letter-spacing: normal;
}
#password-new.safari[_ngcontent-change-password], #password-confirm.safari[_ngcontent-change-password] {
  font-size: 1.8rem;
  letter-spacing: normal;
}

/* ===== app-change-personal-data (main-es2015.js) ===== */
[_nghost-change-personal-data] {
  width: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data] {
  margin-top: 50px;
  display: flex;
  margin-right: -30px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .profile-image-container[_ngcontent-change-personal-data] {
  flex-basis: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .profile-image-container[_ngcontent-change-personal-data]   .avatar[_ngcontent-change-personal-data] {
  background-size: cover;
  background-color: lightblue;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  border: 1px solid rgba(27, 39, 69, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .profile-image-container[_ngcontent-change-personal-data]   .avatar[_ngcontent-change-personal-data]   .mu[_ngcontent-change-personal-data]:before {
  font-size: 32px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .profile-image-container[_ngcontent-change-personal-data]   .avatar.empty[_ngcontent-change-personal-data]   i[_ngcontent-change-personal-data] {
  display: none;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .profile-image-container[_ngcontent-change-personal-data]   .text[_ngcontent-change-personal-data] {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .profile-image-container[_ngcontent-change-personal-data]   .text[_ngcontent-change-personal-data]   .big[_ngcontent-change-personal-data] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .profile-image-container[_ngcontent-change-personal-data]   .text[_ngcontent-change-personal-data]   .small[_ngcontent-change-personal-data] {
  margin-top: 10px;
  font-size: 12px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data] {
  flex: 1;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row-checkbox[_ngcontent-change-personal-data] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 190px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row-checkbox[_ngcontent-change-personal-data]   input[_ngcontent-change-personal-data] {
  margin-right: 10px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   label[_ngcontent-change-personal-data] {
  flex-basis: 190px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   .input-control[_ngcontent-change-personal-data] {
  flex: 1;
  font-size: 1rem;
  margin-bottom: 0;
  box-sizing: border-box;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   input.error[_ngcontent-change-personal-data] {
  border: 1px solid #ff0000;
  box-shadow: inset 0px 0px 0px 1px #ff0000;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   input[_ngcontent-change-personal-data]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   input[_ngcontent-change-personal-data]:-webkit-autofill, [_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   input[_ngcontent-change-personal-data]:-webkit-autofill:hover, [_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   input[_ngcontent-change-personal-data]:-webkit-autofill:focus, [_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   input[_ngcontent-change-personal-data]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   textarea[_ngcontent-change-personal-data] {
  min-height: 40px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   textarea[_ngcontent-change-personal-data]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   #street.input-control[_ngcontent-change-personal-data] {
  width: calc(100% - 90px);
  margin-right: 10px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   #housenumber.input-control[_ngcontent-change-personal-data] {
  width: 80px;
}
[_nghost-change-personal-data]   .change-personal-data[_ngcontent-change-personal-data]   .form-container[_ngcontent-change-personal-data]   .form-row[_ngcontent-change-personal-data]   .input-group[_ngcontent-change-personal-data] {
  flex: 1;
  display: block;
}
[_nghost-change-personal-data]   #mail-signature.input-control[_ngcontent-change-personal-data] {
  resize: none;
  overflow: hidden;
  font-family: Arial, sans-serif;
}
[_nghost-change-personal-data]   .footer-container[_ngcontent-change-personal-data] {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
[_nghost-change-personal-data]   .footer-container[_ngcontent-change-personal-data]   .btn[_ngcontent-change-personal-data] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-change-personal-data]   .footer-container[_ngcontent-change-personal-data]   .btn[_ngcontent-change-personal-data]:last-child {
  margin-right: 0;
}

/* ===== app-contacts (main-es2015.js) ===== */
[_nghost-contacts] {
  width: 100%;
  height: 100%;
}
[_nghost-contacts]   .search-wrapper[_ngcontent-contacts] {
  display: flex;
  align-items: center;
  position: sticky;
  top: 87px;
  background: #fff;
  padding-bottom: 30px;
  z-index: 1;
}
[_nghost-contacts]   .search-wrapper[_ngcontent-contacts]   .search-container[_ngcontent-contacts] {
  flex: 1;
  border-radius: 2px;
  border: 1px solid #e5e8f0;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 1px;
}
[_nghost-contacts]   .search-wrapper[_ngcontent-contacts]   .search-container[_ngcontent-contacts]   .search[_ngcontent-contacts] {
  font-size: 0.875rem;
  color: #1b2745;
  padding: 15px 10px;
  width: calc(100% - 50px);
  background: #ffffff;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
[_nghost-contacts]   .search-wrapper[_ngcontent-contacts]   .search-container[_ngcontent-contacts]   .search[_ngcontent-contacts]::-moz-placeholder {
  color: #1b2745;
  opacity: 0.5;
}
[_nghost-contacts]   .search-wrapper[_ngcontent-contacts]   .search-container[_ngcontent-contacts]   .search[_ngcontent-contacts]::placeholder {
  color: #1b2745;
  opacity: 0.5;
}
[_nghost-contacts]   .search-wrapper[_ngcontent-contacts]   .search-container[_ngcontent-contacts]   i[_ngcontent-contacts] {
  font-size: 22px;
  margin-right: 10px;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts] {
  list-style-type: none;
  font-size: 0.875rem;
  padding: 0;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts] {
  margin-bottom: 30px;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item.collapsed[_ngcontent-contacts]   .group-list-header[_ngcontent-contacts] {
  border-bottom: none;
  color: #1b2745;
  border-bottom: 2px solid #1b2745;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item.collapsed[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts] {
  display: none;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-header[_ngcontent-contacts] {
  padding-left: 10px;
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  background-color: #efefef;
  height: 40px;
  font-weight: 900;
  cursor: pointer;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts] {
  display: grid;
  color: #666666;
  border-bottom: 1px solid #cbcbcb;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts] {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .name-container[_ngcontent-contacts] {
  display: inline-grid;
  gap: 10px;
  align-items: center;
  width: 100%;
  grid-template-columns: 20px 1fr;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .name-container[_ngcontent-contacts]   .icon-user[_ngcontent-contacts] {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 18px;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .text-container[_ngcontent-contacts] {
  display: inline-grid;
  align-items: center;
  width: 100%;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .col-name[_ngcontent-contacts] {
  width: 25%;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .col-company[_ngcontent-contacts] {
  width: 22%;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .col-address[_ngcontent-contacts] {
  width: 20%;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .col-phone[_ngcontent-contacts] {
  width: 10%;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .col-email[_ngcontent-contacts] {
  width: 20%;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   .col-vcard[_ngcontent-contacts] {
  width: 3%;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts] {
  border-bottom: 2px solid #1b2745;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]:hover {
  background-color: #e5e8f0;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]   span[_ngcontent-contacts] {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts] {
  border-bottom: 1px solid #cbcbcb;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]   i[_ngcontent-contacts] {
  font-size: 1.4rem;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]   span[_ngcontent-contacts] {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]:first-child {
  color: #1b2745;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]:last-child {
  color: #1b2745;
  cursor: pointer;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]:nth-child(even) {
  background-color: #e5e8f0;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]:hover {
  background-color: #8d99b3;
  color: #ffffff;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]:hover   td[_ngcontent-contacts]:first-child {
  color: #ffffff;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]:hover   td[_ngcontent-contacts]:last-child {
  color: #ffffff;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr.active[_ngcontent-contacts] {
  background-color: #8d99b3;
  color: #ffffff;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr.active[_ngcontent-contacts]   td[_ngcontent-contacts]:first-child {
  color: #ffffff;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]   table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr.active[_ngcontent-contacts]   td[_ngcontent-contacts]:last-child {
  color: #ffffff;
}
[_nghost-contacts]   .group-list[_ngcontent-contacts]   .group-list-item[_ngcontent-contacts]   .group-list-row[_ngcontent-contacts]:last-child {
  border-bottom: none;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts] {
  background-color: #e5e8f0;
  height: 40px;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts] {
  height: 40px;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]:hover, table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]:hover {
  background-color: inherit;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts], table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts] {
  padding: 0 5px;
  font-size: 0.875rem;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]:first-child, table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]:first-child, table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]:first-child, table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]:first-child {
  padding-left: 15px;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th.right[_ngcontent-contacts], table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   td.right[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   th.right[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td.right[_ngcontent-contacts] {
  text-align: right;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]   input[_ngcontent-contacts], table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]   input[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]   input[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]   input[_ngcontent-contacts] {
  border: none;
  font-style: italic;
  background-color: transparent;
  outline: none;
  padding: 5px;
  width: 100%;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]   input.invalid[_ngcontent-contacts], table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]   input.invalid[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]   input.invalid[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   td[_ngcontent-contacts]   input.invalid[_ngcontent-contacts] {
  border: 1px solid red;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts] {
  font-weight: normal;
}
table[_ngcontent-contacts]   thead[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]   div.small[_ngcontent-contacts], table[_ngcontent-contacts]   tbody[_ngcontent-contacts]   tr[_ngcontent-contacts]   th[_ngcontent-contacts]   div.small[_ngcontent-contacts] {
  font-size: 10px;
}

/* ===== app-create-printjob-modal (main-es2015.js) ===== */
[_nghost-create-printjob-modal] {
  width: 100%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .select-container[_ngcontent-create-printjob-modal] {
  font: 400 13.3333px Arial !important;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .dropbox-label[_ngcontent-create-printjob-modal] {
  font-size: 1rem;
  font-weight: bold;
  flex: 0;
  flex-shrink: 0;
  word-break: keep-all;
  white-space: nowrap;
  margin: 0 20px 0 0;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .dropbox-container[_ngcontent-create-printjob-modal] {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .dropbox-container[_ngcontent-create-printjob-modal]   .output-control[_ngcontent-create-printjob-modal] {
  font: 400 13.3333px Arial;
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  padding: 10px 20px;
  outline: none;
  color: #666666;
  box-sizing: border-box;
  border: 1px solid #b9babd;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .print-label[_ngcontent-create-printjob-modal] {
  font-size: 1rem;
  font-weight: bold;
  flex: 0;
  flex-shrink: 0;
  word-break: keep-all;
  white-space: nowrap;
  margin-bottom: 20px;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal] {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 2px solid #1a2845;
  background-color: #e5e8f1;
  padding: 15px;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   .input-control[_ngcontent-create-printjob-modal]:-webkit-autofill, [_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   .input-control[_ngcontent-create-printjob-modal]:-webkit-autofill:hover, [_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   .input-control[_ngcontent-create-printjob-modal]:-webkit-autofill:focus, [_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   .input-control[_ngcontent-create-printjob-modal]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   .input-control[_ngcontent-create-printjob-modal] {
  font: 400 13.3333px Arial;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   .input-control.error[_ngcontent-create-printjob-modal] {
  border: 1px solid #ff0000;
  box-shadow: inset 0px 0px 0px 1px #ff0000;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   .input-control-with-focus[_ngcontent-create-printjob-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   #firstName[_ngcontent-create-printjob-modal] {
  width: 49%;
  margin-right: 1%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   #lastName[_ngcontent-create-printjob-modal] {
  width: 49%;
  margin-left: 1%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   #company[_ngcontent-create-printjob-modal] {
  width: 100%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   #street[_ngcontent-create-printjob-modal] {
  width: 79%;
  margin-right: 1%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   #houseNumber[_ngcontent-create-printjob-modal] {
  width: 19%;
  margin-left: 1%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   #postalCode[_ngcontent-create-printjob-modal] {
  width: 19%;
  margin-right: 1%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .form-wrapper[_ngcontent-create-printjob-modal]   #city[_ngcontent-create-printjob-modal] {
  width: 79%;
  margin-left: 1%;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .input-container[_ngcontent-create-printjob-modal]   .input-button[_ngcontent-create-printjob-modal] {
  flex-basis: 42px;
  height: 42px;
  background: #efefef;
  color: #576588;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: 1.2rem;
  outline: none;
  margin-left: 10px;
  transition: all 0.2s ease;
}
[_nghost-create-printjob-modal]   .create-printjob-modal[_ngcontent-create-printjob-modal]   .input-container[_ngcontent-create-printjob-modal]   .input-button[_ngcontent-create-printjob-modal]:hover {
  background: #576588;
  color: #ffffff;
}
[_nghost-create-printjob-modal]   .footer-container[_ngcontent-create-printjob-modal] {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}
[_nghost-create-printjob-modal]   .footer-container[_ngcontent-create-printjob-modal]   .btn[_ngcontent-create-printjob-modal] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
}
[_nghost-create-printjob-modal]   .footer-container[_ngcontent-create-printjob-modal]   .btn[_ngcontent-create-printjob-modal]:last-child {
  margin-right: 0;
}
[_nghost-create-printjob-modal]   .button-container[_ngcontent-create-printjob-modal] {
  padding-top: 20px;
  display: flex;
  justify-content: flex-start;
}
[_nghost-create-printjob-modal]   .button-container[_ngcontent-create-printjob-modal]   .btn[_ngcontent-create-printjob-modal] {
  margin-bottom: 20px;
  height: 32px;
  box-sizing: border-box;
  color: #e5e8f0 !important;
  background: #1b2745;
}
[_nghost-create-printjob-modal]   .button-container[_ngcontent-create-printjob-modal]   .btn[_ngcontent-create-printjob-modal]:hover {
  color: #1b2745 !important;
  background: #e5e8f0;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal] {
  font: 400 13.3333px Arial;
  width: 100%;
  border-collapse: collapse;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .italic[_ngcontent-create-printjob-modal] {
  font-style: italic;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .center[_ngcontent-create-printjob-modal] {
  text-align: center !important;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .left[_ngcontent-create-printjob-modal] {
  text-align: start !important;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal]:nth-child(1), [_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   td[_ngcontent-create-printjob-modal]:nth-child(1) {
  width: 27%;
  padding-left: 15px;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal]:nth-child(2), [_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   td[_ngcontent-create-printjob-modal]:nth-child(2) {
  width: 12%;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal]:nth-child(3), [_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   td[_ngcontent-create-printjob-modal]:nth-child(3) {
  width: 8%;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal]:nth-child(4), [_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   td[_ngcontent-create-printjob-modal]:nth-child(4) {
  width: 8%;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal]:nth-child(5), [_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   td[_ngcontent-create-printjob-modal]:nth-child(5) {
  width: 15%;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal]:nth-child(6), [_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   td[_ngcontent-create-printjob-modal]:nth-child(6) {
  width: 15%;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal]:nth-child(7), [_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   td[_ngcontent-create-printjob-modal]:nth-child(7) {
  width: 15%;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   thead[_ngcontent-create-printjob-modal] {
  background-color: #e5e8f1;
  color: #1a2845;
  height: 70px;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   thead[_ngcontent-create-printjob-modal]   tr[_ngcontent-create-printjob-modal]   th[_ngcontent-create-printjob-modal] {
  text-align: start;
  border-bottom: 2px solid #1a2845;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   tbody[_ngcontent-create-printjob-modal] {
  background-color: #ffffff;
  color: #666666;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   tbody[_ngcontent-create-printjob-modal]   tr[_ngcontent-create-printjob-modal] {
  height: 60px;
  border-bottom: 1px solid #bababc;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   tbody[_ngcontent-create-printjob-modal]   tr[_ngcontent-create-printjob-modal]:not(:first-of-type):hover {
  background-color: #e5e8f1;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   tbody[_ngcontent-create-printjob-modal]   tr[_ngcontent-create-printjob-modal]:not(:first-of-type).active {
  background-color: #8d99b3;
  color: white;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   button.icon[_ngcontent-create-printjob-modal] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #dbdbdb;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   button.icon[_ngcontent-create-printjob-modal]:hover {
  color: #1a2845;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .file-container[_ngcontent-create-printjob-modal] {
  display: flex;
  align-items: center;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .file-container[_ngcontent-create-printjob-modal]   .file-icon[_ngcontent-create-printjob-modal] {
  margin-right: 10px;
  padding-top: 3px;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .file-container[_ngcontent-create-printjob-modal]   .lock-icon[_ngcontent-create-printjob-modal] {
  display: none;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .input-control[_ngcontent-create-printjob-modal] {
  font: 400 13.3333px Arial !important;
  height: 42px;
  font-size: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  outline: none !important;
  border: none !important;
  margin-bottom: 0;
  background: transparent;
}
[_nghost-create-printjob-modal]   .item-list-table[_ngcontent-create-printjob-modal]   .input-control.active[_ngcontent-create-printjob-modal] {
  color: white;
}
[_nghost-create-printjob-modal]   .checkbox-container[_ngcontent-create-printjob-modal]   .checkbox-control[_ngcontent-create-printjob-modal] {
  border: 1px solid #b9babd;
  flex-basis: 21px;
  border-radius: 0;
  height: 20px;
  margin: 10px 0 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
}
[_nghost-create-printjob-modal]   .checkbox-container[_ngcontent-create-printjob-modal] {
  height: 30px;
  margin-bottom: 10px;
}
[_nghost-create-printjob-modal]   .checkbox-label[_ngcontent-create-printjob-modal] {
  font: 400 13.3333px Arial !important;
  padding-left: 20px;
  padding-top: 10px;
}
[_nghost-create-printjob-modal]   .textarea-control[_ngcontent-create-printjob-modal] {
  margin-top: 50px;
  margin-bottom: 20px;
  font: 400 13.3333px Arial !important;
  box-sizing: border-box;
  resize: none;
  min-height: 100px;
  height: auto;
  overflow: hidden;
  outline: none;
  padding-left: 8px;
  padding-right: 8px;
}
[_nghost-create-printjob-modal]   .textarea-control[_ngcontent-create-printjob-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-create-printjob-modal]   .hide-placeholder-focus[_ngcontent-create-printjob-modal]:focus::-webkit-input-placeholder {
  color: transparent;
}
[_nghost-create-printjob-modal]   .hide-placeholder-focus[_ngcontent-create-printjob-modal]:focus:-moz-placeholder {
  color: transparent;
}
[_nghost-create-printjob-modal]   .hide-placeholder-focus[_ngcontent-create-printjob-modal]:focus::-moz-placeholder {
  color: transparent;
}
[_nghost-create-printjob-modal]   .hide-placeholder-focus[_ngcontent-create-printjob-modal]:focus:-ms-input-placeholder {
  color: transparent;
}

/* ===== app-distribution-list (main-es2015.js) ===== */
[_nghost-distribution-list] {
  width: 100%;
}
[_nghost-distribution-list]   .form-container[_ngcontent-distribution-list] {
  border-top: 1px solid #cbcbcb;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 11px;
  padding-bottom: 2px;
}
[_nghost-distribution-list]   .form-container[_ngcontent-distribution-list]   .checkbox-container[_ngcontent-distribution-list] {
  margin-bottom: 0;
  height: auto;
}
[_nghost-distribution-list]   .form-container[_ngcontent-distribution-list]   input[type=text][_ngcontent-distribution-list]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-distribution-list]   .list-name-container[_ngcontent-distribution-list] {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
[_nghost-distribution-list]   .list-name-container[_ngcontent-distribution-list]   .input-control[_ngcontent-distribution-list] {
  margin-bottom: 0;
  height: 40px;
  font-size: 1rem;
}
[_nghost-distribution-list]   .checkbox-control.sm[_ngcontent-distribution-list] {
  flex-basis: 20px;
  height: 20px;
  width: 20px;
}
[_nghost-distribution-list]   #save_as_list[_ngcontent-distribution-list] {
  margin-right: 50px;
}
[_nghost-distribution-list]   table[_ngcontent-distribution-list] {
  margin-top: 10px;
  font-size: 0.875rem;
}
[_nghost-distribution-list]   table[_ngcontent-distribution-list]   th[_ngcontent-distribution-list] {
  font-weight: normal;
}
[_nghost-distribution-list]   table.fluid[_ngcontent-distribution-list]   thead[_ngcontent-distribution-list]   tr[_ngcontent-distribution-list] {
  background-color: #e5e8f0;
}
[_nghost-distribution-list]   table.fluid[_ngcontent-distribution-list]   tr[_ngcontent-distribution-list] {
  height: 40px;
}
[_nghost-distribution-list]   table.fluid[_ngcontent-distribution-list]   tr.active[_ngcontent-distribution-list] {
  color: #ffffff;
}
[_nghost-distribution-list]   table.fluid[_ngcontent-distribution-list]   tr[_ngcontent-distribution-list]   td[_ngcontent-distribution-list] {
  padding: 5px 15px 5px 15px;
}
[_nghost-distribution-list]   table.fluid[_ngcontent-distribution-list]   .close[_ngcontent-distribution-list] {
  vertical-align: middle;
}
[_nghost-distribution-list]   table[_ngcontent-distribution-list]   .ellipsis[_ngcontent-distribution-list] {
  display: table-cell;
  max-width: 0;
  width: 60%;
}
[_nghost-distribution-list]   .footer-container[_ngcontent-distribution-list] {
  display: flex;
  justify-content: flex-end;
  margin-top: 65px;
}
[_nghost-distribution-list]   .footer-container[_ngcontent-distribution-list]   .btn[_ngcontent-distribution-list] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-distribution-list]   .footer-container[_ngcontent-distribution-list]   .btn[_ngcontent-distribution-list]:last-child {
  margin-right: 0;
}

/* ===== email-header (main-es2015.js) ===== */
.sidebar-header[_ngcontent-email-header] {
  padding-left: 30px;
  height: 70px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.sidebar-header[_ngcontent-email-header]   .tabs[_ngcontent-email-header] {
  list-style: none;
  margin: 0;
  padding: 20px 0 0 0;
  display: flex;
}
.sidebar-header[_ngcontent-email-header]   .tabs[_ngcontent-email-header]   .tab-item[_ngcontent-email-header] {
  cursor: pointer;
  border-bottom: 6px solid transparent;
  padding-bottom: 17px;
  margin-right: 40px;
  font-size: 1.25rem;
  color: #666666;
}
.sidebar-header[_ngcontent-email-header]   .tabs[_ngcontent-email-header]   .tab-item[_ngcontent-email-header]:hover, .sidebar-header[_ngcontent-email-header]   .tabs[_ngcontent-email-header]   .tab-item.active[_ngcontent-email-header] {
  border-bottom: 6px solid #8d99b3;
  color: #1b2745;
}
.sidebar-header[_ngcontent-email-header]   .tabs[_ngcontent-email-header]   .tab-item[_ngcontent-email-header]:last-child {
  margin-right: 0;
}
.sidebar-header[_ngcontent-email-header]   app-mail-sort[_ngcontent-email-header] {
  z-index: 2;
  position: absolute;
  width: 260px;
  top: 46px;
}

/* ===== app-external-recipient (main-es2015.js) ===== */
*[_ngcontent-external-recipient] {
  box-sizing: border-box;
}

table[_ngcontent-external-recipient] {
  table-layout: fixed;
}

table[_ngcontent-external-recipient]   .col-1[_ngcontent-external-recipient] {
  width: 20%;
}

table[_ngcontent-external-recipient]   .col-2[_ngcontent-external-recipient] {
  width: 20%;
}

table[_ngcontent-external-recipient]   .col-3[_ngcontent-external-recipient] {
  width: 18%;
}

table[_ngcontent-external-recipient]   .col-4[_ngcontent-external-recipient] {
  width: 26%;
}

table[_ngcontent-external-recipient]   .col-5[_ngcontent-external-recipient] {
  width: 10%;
}

table[_ngcontent-external-recipient]   .col-6[_ngcontent-external-recipient] {
  width: 6%;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient] {
  height: 40px;
  background-color: #e5e8f0;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient] {
  height: 40px;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient] {
  padding: 10px 5px;
  font-size: 0.875rem;
  padding-top: 0px;
  padding-bottom: 0px;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]:first-child, table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]:first-child, table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]:first-child, table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]:first-child {
  padding-left: 15px;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th.right[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td.right[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th.right[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td.right[_ngcontent-external-recipient] {
  text-align: right;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input[_ngcontent-external-recipient] {
  border: none;
  font-style: italic;
  background-color: transparent;
  outline: none;
  padding: 5px;
  width: 100%;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input.invalid[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input.invalid[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input.invalid[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input.invalid[_ngcontent-external-recipient] {
  box-shadow: inset 0px 0px 0px 2px red;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input[_ngcontent-external-recipient]:focus, table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input[_ngcontent-external-recipient]:focus, table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input[_ngcontent-external-recipient]:focus, table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input[_ngcontent-external-recipient]:focus {
  outline: none !important;
  box-shadow: inset 0px 0px 0px 2px #1b2745;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input[type=number][_ngcontent-external-recipient], table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input[type=number][_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   input[type=number][_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]   input[type=number][_ngcontent-external-recipient] {
  height: 34px;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient] {
  font-weight: normal;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   div.small[_ngcontent-external-recipient], table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   th[_ngcontent-external-recipient]   div.small[_ngcontent-external-recipient] {
  font-size: 10px;
}

table[_ngcontent-external-recipient]   thead[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]:nth-child(5), table[_ngcontent-external-recipient]   tbody[_ngcontent-external-recipient]   tr[_ngcontent-external-recipient]   td[_ngcontent-external-recipient]:nth-child(5) {
  padding-left: 25px;
}

.footer-container[_ngcontent-external-recipient] {
  display: flex;
  justify-content: space-between;
}

.footer-container[_ngcontent-external-recipient]   .button-container[_ngcontent-external-recipient] {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.footer-container[_ngcontent-external-recipient]   .button-container[_ngcontent-external-recipient]   [_ngcontent-external-recipient]:not(:first-child) {
  margin-top: 0.5rem;
}

.footer-container[_ngcontent-external-recipient]   .button-container[_ngcontent-external-recipient]    > *[_ngcontent-external-recipient] {
  width: 100%;
  max-width: 200px;
}

.footer-container[_ngcontent-external-recipient]   .autocomplete-container[_ngcontent-external-recipient] {
  margin-top: 30px;
  width: 450px;
}

.footer-container[_ngcontent-external-recipient]   .autocomplete-container[_ngcontent-external-recipient]   .autocomplete-list[_ngcontent-external-recipient] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #e5e8f0;
  border: 1px solid #8d99b3;
}

.footer-container[_ngcontent-external-recipient]   .autocomplete-container[_ngcontent-external-recipient]   .autocomplete-list[_ngcontent-external-recipient]   .autocomplete-item[_ngcontent-external-recipient] {
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  padding: 0 10px;
}

.footer-container[_ngcontent-external-recipient]   .autocomplete-container[_ngcontent-external-recipient]   .autocomplete-list[_ngcontent-external-recipient]   .autocomplete-item[_ngcontent-external-recipient]:hover {
  background-color: #8d99b3;
}

/* ===== app-file-overwrite (main-es2015.js) ===== */
[_nghost-file-overwrite] {
  width: 100%;
  max-height: calc(100vh - 65px);
}
[_nghost-file-overwrite]   .path[_ngcontent-file-overwrite] {
  margin-bottom: 40px;
  font-size: 0.875rem;
}
[_nghost-file-overwrite]   .upload-container[_ngcontent-file-overwrite] {
  text-align: center;
  background-color: #e5e8f0;
  color: #1b2745;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 60px 0 30px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 20px;
}
[_nghost-file-overwrite]   .upload-container[_ngcontent-file-overwrite]   .upload-image[_ngcontent-file-overwrite] {
  display: inline-block;
  margin-bottom: 30px;
  height: 90px;
}
[_nghost-file-overwrite]   .upload-container[_ngcontent-file-overwrite]   .upload-information[_ngcontent-file-overwrite] {
  margin-bottom: 20px;
  color: #1b2745;
}
[_nghost-file-overwrite]   .upload-container[_ngcontent-file-overwrite]   .upload-button[_ngcontent-file-overwrite] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: #576588;
  padding: 15px 35px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite] {
  margin: 0 0 40px 0;
  padding: 0;
  list-style: none;
  gap: 12px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite] {
  border: 2px solid #dc0830;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .info[_ngcontent-file-overwrite] {
  color: #dc0830;
  font-size: 0.875rem;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .question[_ngcontent-file-overwrite] {
  color: #dc0830;
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 15px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite] {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 30px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite] {
  background-color: #f6f6f6;
  padding: 20px;
  display: table-cell;
  max-width: 50%;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   h2[_ngcontent-file-overwrite] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 20px 0;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite] {
  display: table;
  table-layout: fixed;
  width: 100%;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .icon-container[_ngcontent-file-overwrite] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
  margin-right: 15px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .icon-container[_ngcontent-file-overwrite]   .fa[_ngcontent-file-overwrite] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .info-container[_ngcontent-file-overwrite] {
  display: table-cell;
  width: calc(100% - 60px);
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .info-container[_ngcontent-file-overwrite]   h3[_ngcontent-file-overwrite] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 10px 0;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .info-container[_ngcontent-file-overwrite]   .file-properties[_ngcontent-file-overwrite] {
  font-size: 0.75rem;
  color: #666666;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .info-container[_ngcontent-file-overwrite]   .file-properties[_ngcontent-file-overwrite]   td[_ngcontent-file-overwrite]:first-child {
  font-weight: bold;
  padding-right: 10px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container.old[_ngcontent-file-overwrite] {
  border-right: 5px solid white;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container.new[_ngcontent-file-overwrite] {
  border: 1px solid #576588;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container.new[_ngcontent-file-overwrite]   h2[_ngcontent-file-overwrite] {
  color: #dc0830;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite] {
  display: flex;
  align-items: center;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite]   .btn[_ngcontent-file-overwrite] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  min-width: 200px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite]   .checkbox-wrapper[_ngcontent-file-overwrite] {
  margin-left: 10px;
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite]   .checkbox-wrapper[_ngcontent-file-overwrite]   .checkbox-control[_ngcontent-file-overwrite] {
  border: 1px solid #b9babd;
  border-radius: 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin: 0 10px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
  cursor: pointer;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite]   .checkbox-wrapper[_ngcontent-file-overwrite]   .checkbox-control[_ngcontent-file-overwrite]:checked {
  background-image: url(/assets/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite]   .checkbox-wrapper[_ngcontent-file-overwrite]   .checkbox-label[_ngcontent-file-overwrite] {
  font: 400 13.3333px Arial;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite]   .checkbox-wrapper[_ngcontent-file-overwrite]   i[_ngcontent-file-overwrite] {
  margin-left: 10px;
  color: #576588;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .index-input[_ngcontent-file-overwrite] {
  border: none;
  width: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 1px;
  color: #1b2745;
  font-size: 12px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .index-input[_ngcontent-file-overwrite]:focus {
  border: 1px solid #8d99b3;
  border-radius: 0;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .index-input[_ngcontent-file-overwrite]:disabled {
  background-color: transparent;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .icon-container[_ngcontent-file-overwrite] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .icon-container[_ngcontent-file-overwrite]   i[_ngcontent-file-overwrite] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite] {
  display: table-cell;
  max-width: 47%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   h2[_ngcontent-file-overwrite] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file-properties[_ngcontent-file-overwrite] {
  font-size: 0.75rem;
  border-collapse: collapse;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file-properties[_ngcontent-file-overwrite]   tr[_ngcontent-file-overwrite] {
  padding: 0 0 5px 0;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file-properties[_ngcontent-file-overwrite]   tr[_ngcontent-file-overwrite]   td[_ngcontent-file-overwrite] {
  padding: 0;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file-properties[_ngcontent-file-overwrite]   tr[_ngcontent-file-overwrite]   td[_ngcontent-file-overwrite]:first-child {
  width: 100px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file-properties[_ngcontent-file-overwrite]   tr[_ngcontent-file-overwrite]   td[_ngcontent-file-overwrite]:last-child {
  text-align: center;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite] {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite]   .upper-container[_ngcontent-file-overwrite] {
  display: flex;
  margin-bottom: 5px;
  justify-content: flex-end;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite]   .upper-container[_ngcontent-file-overwrite]   .file-description[_ngcontent-file-overwrite] {
  flex: 1;
  box-sizing: border-box;
  border: 1px solid #e5e8f0;
  padding: 8px 15px;
  font-size: 0.875rem;
  outline: none;
  width: 80%;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite]   .upper-container[_ngcontent-file-overwrite]   .file-description[_ngcontent-file-overwrite]::-moz-placeholder {
  color: #b9babd;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite]   .upper-container[_ngcontent-file-overwrite]   .file-description[_ngcontent-file-overwrite]::placeholder {
  color: #b9babd;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite]   .upper-container[_ngcontent-file-overwrite]   .file-description[_ngcontent-file-overwrite]:focus {
  outline: none !important;
  border: 1px solid #1b2745 !important;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite]   .upper-container[_ngcontent-file-overwrite]   .file-description.error[_ngcontent-file-overwrite] {
  border-color: #ff0000;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .extra-container[_ngcontent-file-overwrite]   .upper-container[_ngcontent-file-overwrite]   .remove-button[_ngcontent-file-overwrite] {
  flex-basis: 34px;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  margin-left: 10px;
  background-color: #e5e8f0;
  background-image: url("/assets/cross.svg");
  background-size: 22px 22px;
  background-position: center center;
  background-repeat: no-repeat;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .lower-container[_ngcontent-file-overwrite] {
  text-align: right;
}
[_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .upload-file[_ngcontent-file-overwrite]   .lower-container[_ngcontent-file-overwrite]   .link[_ngcontent-file-overwrite] {
  text-decoration: none;
  color: #1b2745;
  font-size: 0.75rem;
  border-bottom: 2px solid #d6d7da;
  cursor: pointer;
}
[_nghost-file-overwrite]   .footer-container[_ngcontent-file-overwrite] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-overwrite]   .footer-container[_ngcontent-file-overwrite]   .btn[_ngcontent-file-overwrite] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-file-overwrite]   .footer-container[_ngcontent-file-overwrite]   .btn[_ngcontent-file-overwrite]:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  [_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .icon-container[_ngcontent-file-overwrite] {
    width: 25px;
  }
  [_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .icon-container[_ngcontent-file-overwrite]   .fa[_ngcontent-file-overwrite] {
    font-size: 30px;
  }
  [_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .compare-container[_ngcontent-file-overwrite]   .file-container[_ngcontent-file-overwrite]   .file[_ngcontent-file-overwrite]   .info-container[_ngcontent-file-overwrite] {
    width: calc(100% - 40px);
    padding-left: 3px;
  }
  [_nghost-file-overwrite]   .upload-file-list[_ngcontent-file-overwrite]   .replace-file[_ngcontent-file-overwrite]   .button-container[_ngcontent-file-overwrite]   .btn[_ngcontent-file-overwrite] {
    min-width: 0;
    padding: 5px 5px;
    height: auto;
  }
}

/* ===== file-preview-modal (main-es2015.js) ===== */
[_nghost-file-preview-modal] {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}
[_nghost-file-preview-modal]   .file-preview-modal[_ngcontent-file-preview-modal] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 200px);
}

/* ===== file-preview-xbim-modal (main-es2015.js) ===== */
[_nghost-file-preview-xbim-modal] {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}
[_nghost-file-preview-xbim-modal]   .file-preview-modal[_ngcontent-file-preview-xbim-modal] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 200px);
}

/* ===== app-file-release-reject-modal (main-es2015.js) ===== */
[_nghost-file-release-reject-modal] {
  width: 100%;
  max-height: calc(100vh - 100px);
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal] {
  display: flex;
  flex-direction: column;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal] {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  gap: 12px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .icon-container[_ngcontent-file-release-reject-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .icon-container[_ngcontent-file-release-reject-modal]   i[_ngcontent-file-release-reject-modal] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal] {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   h2[_ngcontent-file-release-reject-modal] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal] {
  font-size: 0.75rem;
  border-collapse: collapse;
  width: 100%;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal] {
  padding: 0 0 5px 0;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal]   td[_ngcontent-file-release-reject-modal] {
  padding: 0;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal]   td[_ngcontent-file-release-reject-modal]:first-child {
  width: 100px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal]   td[_ngcontent-file-release-reject-modal]:last-child {
  text-align: left;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal] {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal] {
  display: flex;
  margin-bottom: 5px;
  justify-content: flex-end;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .file-list[_ngcontent-file-release-reject-modal]   .file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal]   .remove-button[_ngcontent-file-release-reject-modal] {
  flex-basis: 34px;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  margin-left: 10px;
  background-color: #e5e8f0;
  background-image: url("/assets/cross.svg");
  background-size: 22px 22px;
  background-position: center center;
  background-repeat: no-repeat;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal] {
  background-color: #e5e8f0;
  padding: 20px 20px;
  margin: 0 0 40px 0;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal]   h2[_ngcontent-file-release-reject-modal] {
  font-size: 14px;
  color: #1b2745;
  margin: 0 0 10px 0;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal]   .input-control[_ngcontent-file-release-reject-modal] {
  font-size: 14px;
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal]   input[_ngcontent-file-release-reject-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal]   input[_ngcontent-file-release-reject-modal]:-webkit-autofill, [_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal]   input[_ngcontent-file-release-reject-modal]:-webkit-autofill:hover, [_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal]   input[_ngcontent-file-release-reject-modal]:-webkit-autofill:focus, [_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .comment-wrapper[_ngcontent-file-release-reject-modal]   input[_ngcontent-file-release-reject-modal]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal] {
  margin: 20px 0 30px 0;
  padding: 0;
  list-style: none;
  gap: 12px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .icon-container[_ngcontent-file-release-reject-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .icon-container[_ngcontent-file-release-reject-modal]   i[_ngcontent-file-release-reject-modal] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal] {
  display: table-cell;
  max-width: 47%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   h2[_ngcontent-file-release-reject-modal] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal] {
  font-size: 0.75rem;
  border-collapse: collapse;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal] {
  padding: 0 0 5px 0;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal]   td[_ngcontent-file-release-reject-modal] {
  padding: 0;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal]   td[_ngcontent-file-release-reject-modal]:first-child {
  width: 100px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .file-container[_ngcontent-file-release-reject-modal]   .file-properties[_ngcontent-file-release-reject-modal]   tr[_ngcontent-file-release-reject-modal]   td[_ngcontent-file-release-reject-modal]:last-child {
  text-align: left;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal] {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal] {
  display: flex;
  margin-bottom: 5px;
  justify-content: flex-end;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal]   .file-description[_ngcontent-file-release-reject-modal] {
  flex: 1;
  box-sizing: border-box;
  border: 1px solid #e5e8f0;
  padding: 8px 15px;
  font-size: 0.875rem;
  outline: none;
  width: 80%;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal]   .file-description[_ngcontent-file-release-reject-modal]::-moz-placeholder {
  color: #b9babd;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal]   .file-description[_ngcontent-file-release-reject-modal]::placeholder {
  color: #b9babd;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal]   .file-description[_ngcontent-file-release-reject-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745 !important;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal]   .file-description.error[_ngcontent-file-release-reject-modal] {
  border-color: #ff0000;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .extra-container[_ngcontent-file-release-reject-modal]   .upper-container[_ngcontent-file-release-reject-modal]   .remove-button[_ngcontent-file-release-reject-modal] {
  flex-basis: 34px;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  margin-left: 10px;
  background-color: #e5e8f0;
  background-image: url("/assets/cross.svg");
  background-size: 22px 22px;
  background-position: center center;
  background-repeat: no-repeat;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .lower-container[_ngcontent-file-release-reject-modal] {
  text-align: right;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .upload-file-list[_ngcontent-file-release-reject-modal]   .upload-file[_ngcontent-file-release-reject-modal]   .lower-container[_ngcontent-file-release-reject-modal]   .link[_ngcontent-file-release-reject-modal] {
  text-decoration: none;
  color: #1b2745;
  font-size: 0.75rem;
  border-bottom: 2px solid #d6d7da;
  cursor: pointer;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .button-container[_ngcontent-file-release-reject-modal] {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .footer-container[_ngcontent-file-release-reject-modal] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .footer-container[_ngcontent-file-release-reject-modal]   .btn[_ngcontent-file-release-reject-modal] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-file-release-reject-modal]   .file-release-reject-modal[_ngcontent-file-release-reject-modal]   .footer-container[_ngcontent-file-release-reject-modal]   .btn[_ngcontent-file-release-reject-modal]:last-child {
  margin-right: 0;
}

/* ===== app-file-submit-approval-modal (main-es2015.js) ===== */
[_nghost-file-submit-approval-modal] {
  width: 100%;
  max-height: calc(100vh - 100px);
}
[_nghost-file-submit-approval-modal]   .path[_ngcontent-file-submit-approval-modal] {
  margin-bottom: 40px;
  font-size: 0.875rem;
}
[_nghost-file-submit-approval-modal]   .upload-container[_ngcontent-file-submit-approval-modal] {
  text-align: center;
  background-color: #e5e8f0;
  color: #1b2745;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 60px 0 30px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 20px;
  transition: opacity 0.2s ease;
}
[_nghost-file-submit-approval-modal]   .upload-container[_ngcontent-file-submit-approval-modal]   .upload-image[_ngcontent-file-submit-approval-modal] {
  display: inline-block;
  margin-bottom: 30px;
  height: 90px;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
[_nghost-file-submit-approval-modal]   .upload-container[_ngcontent-file-submit-approval-modal]   .upload-information[_ngcontent-file-submit-approval-modal] {
  margin-bottom: 20px;
  color: #1b2745;
}
[_nghost-file-submit-approval-modal]   .upload-container[_ngcontent-file-submit-approval-modal]   .upload-button[_ngcontent-file-submit-approval-modal] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: #576588;
  padding: 15px 35px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
[_nghost-file-submit-approval-modal]   .upload-container.disabled[_ngcontent-file-submit-approval-modal] {
  opacity: 0.5;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal] {
  margin: 0 0 40px 0;
  padding: 0;
  list-style: none;
  gap: 12px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal] {
  border: 2px solid #dc0830;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .info[_ngcontent-file-submit-approval-modal] {
  color: #dc0830;
  font-size: 0.875rem;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .question[_ngcontent-file-submit-approval-modal] {
  color: #dc0830;
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 15px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal] {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 30px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal] {
  background-color: #f6f6f6;
  padding: 20px;
  display: table-cell;
  max-width: 50%;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   h2[_ngcontent-file-submit-approval-modal] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 20px 0;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal] {
  display: table;
  table-layout: fixed;
  width: 100%;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .icon-container[_ngcontent-file-submit-approval-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
  margin-right: 15px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .icon-container[_ngcontent-file-submit-approval-modal]   .fa[_ngcontent-file-submit-approval-modal] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .info-container[_ngcontent-file-submit-approval-modal] {
  display: table-cell;
  width: calc(100% - 60px);
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .info-container[_ngcontent-file-submit-approval-modal]   h3[_ngcontent-file-submit-approval-modal] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 10px 0;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .info-container[_ngcontent-file-submit-approval-modal]   .file-properties[_ngcontent-file-submit-approval-modal] {
  font-size: 0.75rem;
  color: #666666;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .info-container[_ngcontent-file-submit-approval-modal]   .file-properties[_ngcontent-file-submit-approval-modal]   td[_ngcontent-file-submit-approval-modal]:first-child {
  font-weight: bold;
  padding-right: 10px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container.old[_ngcontent-file-submit-approval-modal] {
  border-right: 5px solid white;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container.new[_ngcontent-file-submit-approval-modal] {
  border: 1px solid #576588;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container.new[_ngcontent-file-submit-approval-modal]   h2[_ngcontent-file-submit-approval-modal] {
  color: #dc0830;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal] {
  display: flex;
  align-items: center;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal]   .btn[_ngcontent-file-submit-approval-modal] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  min-width: 200px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-approval-modal] {
  margin-left: 10px;
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-approval-modal]   .checkbox-control[_ngcontent-file-submit-approval-modal] {
  border: 1px solid #b9babd;
  border-radius: 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin: 0 10px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
  cursor: pointer;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-approval-modal]   .checkbox-control[_ngcontent-file-submit-approval-modal]:checked {
  background-image: url(/assets/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-approval-modal]   .checkbox-label[_ngcontent-file-submit-approval-modal] {
  font: 400 13.3333px Arial;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-approval-modal]   i[_ngcontent-file-submit-approval-modal] {
  margin-left: 10px;
  color: #576588;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .index-input[_ngcontent-file-submit-approval-modal] {
  border: none;
  width: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 1px;
  color: #1b2745;
  font-size: 12px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .index-input[_ngcontent-file-submit-approval-modal]:focus {
  border: 1px solid #8d99b3;
  border-radius: 0;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .index-input[_ngcontent-file-submit-approval-modal]:disabled {
  background-color: transparent;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .icon-container[_ngcontent-file-submit-approval-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .icon-container[_ngcontent-file-submit-approval-modal]   i[_ngcontent-file-submit-approval-modal] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal] {
  display: table-cell;
  max-width: 47%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   h2[_ngcontent-file-submit-approval-modal] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file-properties[_ngcontent-file-submit-approval-modal] {
  font-size: 0.75rem;
  border-collapse: collapse;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file-properties[_ngcontent-file-submit-approval-modal]   tr[_ngcontent-file-submit-approval-modal] {
  padding: 0 0 5px 0;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file-properties[_ngcontent-file-submit-approval-modal]   tr[_ngcontent-file-submit-approval-modal]   td[_ngcontent-file-submit-approval-modal] {
  padding: 0;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file-properties[_ngcontent-file-submit-approval-modal]   tr[_ngcontent-file-submit-approval-modal]   td[_ngcontent-file-submit-approval-modal]:first-child {
  width: 100px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file-properties[_ngcontent-file-submit-approval-modal]   tr[_ngcontent-file-submit-approval-modal]   td[_ngcontent-file-submit-approval-modal]:last-child {
  text-align: center;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal] {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal]   .upper-container[_ngcontent-file-submit-approval-modal] {
  display: flex;
  margin-bottom: 5px;
  justify-content: flex-end;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal]   .upper-container[_ngcontent-file-submit-approval-modal]   .file-description[_ngcontent-file-submit-approval-modal] {
  flex: 1;
  box-sizing: border-box;
  border: 1px solid #e5e8f0;
  padding: 8px 15px;
  font-size: 0.875rem;
  outline: none;
  width: 80%;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal]   .upper-container[_ngcontent-file-submit-approval-modal]   .file-description[_ngcontent-file-submit-approval-modal]::-moz-placeholder {
  color: #b9babd;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal]   .upper-container[_ngcontent-file-submit-approval-modal]   .file-description[_ngcontent-file-submit-approval-modal]::placeholder {
  color: #b9babd;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal]   .upper-container[_ngcontent-file-submit-approval-modal]   .file-description[_ngcontent-file-submit-approval-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745 !important;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal]   .upper-container[_ngcontent-file-submit-approval-modal]   .file-description.error[_ngcontent-file-submit-approval-modal] {
  border-color: #ff0000;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .extra-container[_ngcontent-file-submit-approval-modal]   .upper-container[_ngcontent-file-submit-approval-modal]   .remove-button[_ngcontent-file-submit-approval-modal] {
  flex-basis: 34px;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  margin-left: 10px;
  background-color: #e5e8f0;
  background-image: url("/assets/cross.svg");
  background-size: 22px 22px;
  background-position: center center;
  background-repeat: no-repeat;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .lower-container[_ngcontent-file-submit-approval-modal] {
  text-align: right;
}
[_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .upload-file[_ngcontent-file-submit-approval-modal]   .lower-container[_ngcontent-file-submit-approval-modal]   .link[_ngcontent-file-submit-approval-modal] {
  text-decoration: none;
  color: #1b2745;
  font-size: 0.75rem;
  border-bottom: 2px solid #d6d7da;
  cursor: pointer;
}
[_nghost-file-submit-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-approval-modal] {
  width: 100%;
  margin-top: 20px;
}
[_nghost-file-submit-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-approval-modal]   .headline[_ngcontent-file-submit-approval-modal] {
  font-weight: bold;
  margin-bottom: 30px;
}
[_nghost-file-submit-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-approval-modal]   .recipient-container[_ngcontent-file-submit-approval-modal] {
  width: 100%;
}
[_nghost-file-submit-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-approval-modal]   .recipient-container[_ngcontent-file-submit-approval-modal]   .recipient[_ngcontent-file-submit-approval-modal] {
  background-color: #efefef;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 5px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
[_nghost-file-submit-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-approval-modal]   .recipient-container[_ngcontent-file-submit-approval-modal]   .recipient[_ngcontent-file-submit-approval-modal]:hover {
  background-color: #e5e8f1;
}
[_nghost-file-submit-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-approval-modal]   .recipient-container[_ngcontent-file-submit-approval-modal]::after {
  content: "";
  display: table;
  clear: both;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal] {
  margin-top: 20px;
  background-color: #e5e8f0;
  border-top: 2px solid #1b2745;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .headline[_ngcontent-file-submit-approval-modal] {
  font-weight: bold;
  margin-bottom: 30px;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .textarea-control[_ngcontent-file-submit-approval-modal] {
  margin-bottom: 20px;
  font-size: 1rem;
  box-sizing: border-box;
  resize: none;
  min-height: 200px;
  overflow: hidden;
  outline: none;
  padding-left: 8px;
  padding-right: 8px;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .textarea-control[_ngcontent-file-submit-approval-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-approval-modal]:focus::-webkit-input-placeholder {
  color: transparent;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-approval-modal]:focus:-moz-placeholder {
  color: transparent;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-approval-modal]:focus::-moz-placeholder {
  color: transparent;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-approval-modal]:focus:-ms-input-placeholder {
  color: transparent;
}
@supports (-moz-appearance: none) {
  [_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .input-container[_ngcontent-file-submit-approval-modal]   .input-button[_ngcontent-file-submit-approval-modal] {
    padding-top: 0px;
  }
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .input-control[_ngcontent-file-submit-approval-modal] {
  height: 42px;
  width: 100%;
  font-size: 1rem;
  padding-left: 8px;
  padding-right: 8px;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .input-control[_ngcontent-file-submit-approval-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .checkbox-label[_ngcontent-file-submit-approval-modal] {
  font-size: 1rem;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .checkbox-container[_ngcontent-file-submit-approval-modal]   .checkbox-control[_ngcontent-file-submit-approval-modal] {
  border: 1px solid #b9babd;
  flex-basis: 21px;
  border-radius: 0;
  height: 20px;
  margin: 0 20px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .checkbox-container[_ngcontent-file-submit-approval-modal]   i[_ngcontent-file-submit-approval-modal] {
  flex: 58%;
  color: #666666;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-file-submit-approval-modal]   .message-wrapper[_ngcontent-file-submit-approval-modal]   .checkbox-container[_ngcontent-file-submit-approval-modal] {
  height: 30px;
  margin-bottom: 10px;
}
[_nghost-file-submit-approval-modal]   .footer-container[_ngcontent-file-submit-approval-modal] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-submit-approval-modal]   .footer-container[_ngcontent-file-submit-approval-modal]   .btn[_ngcontent-file-submit-approval-modal] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-file-submit-approval-modal]   .footer-container[_ngcontent-file-submit-approval-modal]   .btn[_ngcontent-file-submit-approval-modal]:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  [_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .icon-container[_ngcontent-file-submit-approval-modal] {
    width: 25px;
  }
  [_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .icon-container[_ngcontent-file-submit-approval-modal]   .fa[_ngcontent-file-submit-approval-modal] {
    font-size: 30px;
  }
  [_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .compare-container[_ngcontent-file-submit-approval-modal]   .file-container[_ngcontent-file-submit-approval-modal]   .file[_ngcontent-file-submit-approval-modal]   .info-container[_ngcontent-file-submit-approval-modal] {
    width: calc(100% - 40px);
    padding-left: 3px;
  }
  [_nghost-file-submit-approval-modal]   .upload-file-list[_ngcontent-file-submit-approval-modal]   .replace-file[_ngcontent-file-submit-approval-modal]   .button-container[_ngcontent-file-submit-approval-modal]   .btn[_ngcontent-file-submit-approval-modal] {
    min-width: 0;
    padding: 5px 5px;
    height: auto;
  }
}

/* ===== app-file-submit-plancode-approval-modal (main-es2015.js) ===== */
[_nghost-file-submit-plancode-approval-modal] {
  width: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-file-submit-plancode-approval-modal]   .path[_ngcontent-file-submit-plancode-approval-modal] {
  margin-bottom: 40px;
  font-size: 0.875rem;
}
[_nghost-file-submit-plancode-approval-modal]   .path.hidden-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  margin-bottom: 16px;
}
[_nghost-file-submit-plancode-approval-modal]   .toggle-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
[_nghost-file-submit-plancode-approval-modal]   .toggle-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .button-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  cursor: pointer;
}
[_nghost-file-submit-plancode-approval-modal]   .toggle-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .button-wrapper[_ngcontent-file-submit-plancode-approval-modal]   i[_ngcontent-file-submit-plancode-approval-modal] {
  display: block;
  color: #b9babd;
}
[_nghost-file-submit-plancode-approval-modal]   .toggle-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .button-wrapper[_ngcontent-file-submit-plancode-approval-modal]   i[_ngcontent-file-submit-plancode-approval-modal]:before {
  font-size: 30px;
}
[_nghost-file-submit-plancode-approval-modal]   .toggle-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .button-wrapper[_ngcontent-file-submit-plancode-approval-modal]   i[_ngcontent-file-submit-plancode-approval-modal]:hover {
  color: #1b2745;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-content-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  display: block;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-content-wrapper.invisble[_ngcontent-file-submit-plancode-approval-modal] {
  display: none;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-container[_ngcontent-file-submit-plancode-approval-modal] {
  text-align: center;
  background-color: #e5e8f0;
  color: #1b2745;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 60px 0 30px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 20px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-container[_ngcontent-file-submit-plancode-approval-modal]   .upload-image[_ngcontent-file-submit-plancode-approval-modal] {
  display: inline-block;
  margin-bottom: 30px;
  height: 90px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-container[_ngcontent-file-submit-plancode-approval-modal]   .upload-information[_ngcontent-file-submit-plancode-approval-modal] {
  margin-bottom: 20px;
  color: #1b2745;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-container[_ngcontent-file-submit-plancode-approval-modal]   .upload-button[_ngcontent-file-submit-plancode-approval-modal] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: #576588;
  padding: 15px 35px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal] {
  margin: 0 0 40px 0;
  padding: 0;
  list-style: none;
  gap: 12px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal] {
  border: 2px solid #dc0830;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .info[_ngcontent-file-submit-plancode-approval-modal] {
  color: #dc0830;
  font-size: 0.875rem;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .question[_ngcontent-file-submit-plancode-approval-modal] {
  color: #dc0830;
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 15px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal] {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 30px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal] {
  background-color: #f6f6f6;
  padding: 20px;
  display: table-cell;
  max-width: 50%;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   h2[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 20px 0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal] {
  display: table;
  table-layout: fixed;
  width: 100%;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
  margin-right: 15px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal]   .fa[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .info-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  width: calc(100% - 60px);
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .info-container[_ngcontent-file-submit-plancode-approval-modal]   h3[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 10px 0;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .info-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 0.75rem;
  color: #666666;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .info-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   td[_ngcontent-file-submit-plancode-approval-modal]:first-child {
  font-weight: bold;
  padding-right: 10px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container.old[_ngcontent-file-submit-plancode-approval-modal] {
  border-right: 5px solid white;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container.new[_ngcontent-file-submit-plancode-approval-modal] {
  border: 1px solid #576588;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container.new[_ngcontent-file-submit-plancode-approval-modal]   h2[_ngcontent-file-submit-plancode-approval-modal] {
  color: #dc0830;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: flex;
  align-items: center;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal]   .btn[_ngcontent-file-submit-plancode-approval-modal] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  min-width: 200px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  margin-left: 10px;
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-control[_ngcontent-file-submit-plancode-approval-modal] {
  border: 1px solid #b9babd;
  border-radius: 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin: 0 10px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
  cursor: pointer;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-control[_ngcontent-file-submit-plancode-approval-modal]:checked {
  background-image: url(/assets/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-label[_ngcontent-file-submit-plancode-approval-modal] {
  font: 400 13.3333px Arial;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-wrapper[_ngcontent-file-submit-plancode-approval-modal]   i[_ngcontent-file-submit-plancode-approval-modal] {
  margin-left: 10px;
  color: #576588;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .index-input[_ngcontent-file-submit-plancode-approval-modal] {
  border: none;
  width: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 1px;
  color: #1b2745;
  font-size: 12px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .index-input[_ngcontent-file-submit-plancode-approval-modal]:focus {
  border: 1px solid #8d99b3;
  border-radius: 0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .index-input[_ngcontent-file-submit-plancode-approval-modal]:disabled {
  background-color: transparent;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .top[_ngcontent-file-submit-plancode-approval-modal] {
  width: 100%;
  height: 5px;
  margin-bottom: 10px;
  background-color: #e5e8f0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .top[_ngcontent-file-submit-plancode-approval-modal]   .progress-bar[_ngcontent-file-submit-plancode-approval-modal] {
  height: 5px;
  background-color: #1b2745;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal] {
  width: 100%;
  display: table;
  table-layout: fixed;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal]   i[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  max-width: 47%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   h2[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 0.75rem;
  border-collapse: collapse;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   tr[_ngcontent-file-submit-plancode-approval-modal] {
  padding: 0 0 5px 0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   tr[_ngcontent-file-submit-plancode-approval-modal]   td[_ngcontent-file-submit-plancode-approval-modal] {
  padding: 0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .uploading-file[_ngcontent-file-submit-plancode-approval-modal]   .bottom[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   tr[_ngcontent-file-submit-plancode-approval-modal]   td[_ngcontent-file-submit-plancode-approval-modal]:first-child {
  width: 100px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  table-layout: fixed;
  height: 1px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal]   i[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  max-width: 47%;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   h2[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 0.75rem;
  border-collapse: collapse;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   tr[_ngcontent-file-submit-plancode-approval-modal] {
  padding: 0 0 5px 0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   tr[_ngcontent-file-submit-plancode-approval-modal]   td[_ngcontent-file-submit-plancode-approval-modal] {
  padding: 0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   tr[_ngcontent-file-submit-plancode-approval-modal]   td[_ngcontent-file-submit-plancode-approval-modal]:first-child {
  width: 100px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file-properties[_ngcontent-file-submit-plancode-approval-modal]   tr[_ngcontent-file-submit-plancode-approval-modal]   td[_ngcontent-file-submit-plancode-approval-modal]:last-child {
  text-align: center;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .vertical-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .all-files-button[_ngcontent-file-submit-plancode-approval-modal] {
  width: 30px;
  height: 30px;
  background-color: transparent;
  color: #576588;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: 1rem;
  outline: none;
  display: flex;
  justify-content: center;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .flag-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
  padding-left: 15px;
  border-left: 1px solid #e5e8f0;
  border-right: 1px solid #e5e8f0;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal]   .file-description[_ngcontent-file-submit-plancode-approval-modal] {
  flex: 1;
  box-sizing: border-box;
  border: 1px solid #e5e8f0;
  padding: 8px 15px;
  font-size: 0.875rem;
  outline: none;
  width: 80%;
  height: 30px;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal]   .file-description[_ngcontent-file-submit-plancode-approval-modal]::-moz-placeholder {
  color: #b9babd;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal]   .file-description[_ngcontent-file-submit-plancode-approval-modal]::placeholder {
  color: #b9babd;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal]   .file-description[_ngcontent-file-submit-plancode-approval-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745 !important;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal]   .file-description.error[_ngcontent-file-submit-plancode-approval-modal] {
  border-color: #ff0000;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal]   .remove-button[_ngcontent-file-submit-plancode-approval-modal] {
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  background-color: #efefef;
  background-image: url("/assets/cross.svg");
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .lower-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .new-upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .lower-container[_ngcontent-file-submit-plancode-approval-modal]   .link[_ngcontent-file-submit-plancode-approval-modal] {
  text-decoration: none;
  color: #1b2745;
  font-size: 0.75rem;
  border-bottom: 2px solid #d6d7da;
  cursor: pointer;
}
[_nghost-file-submit-plancode-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  width: 100%;
  margin-top: 20px;
}
[_nghost-file-submit-plancode-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .headline[_ngcontent-file-submit-plancode-approval-modal] {
  font-weight: bold;
  margin-bottom: 30px;
}
[_nghost-file-submit-plancode-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .recipient-container[_ngcontent-file-submit-plancode-approval-modal] {
  width: 100%;
}
[_nghost-file-submit-plancode-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .recipient-container[_ngcontent-file-submit-plancode-approval-modal]   .recipient[_ngcontent-file-submit-plancode-approval-modal] {
  background-color: #efefef;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 5px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
[_nghost-file-submit-plancode-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .recipient-container[_ngcontent-file-submit-plancode-approval-modal]   .recipient[_ngcontent-file-submit-plancode-approval-modal]:hover {
  background-color: #e5e8f1;
}
[_nghost-file-submit-plancode-approval-modal]   .recipient-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .recipient-container[_ngcontent-file-submit-plancode-approval-modal]::after {
  content: "";
  display: table;
  clear: both;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal] {
  margin-top: 20px;
  background-color: #e5e8f0;
  border-top: 2px solid #1b2745;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .headline[_ngcontent-file-submit-plancode-approval-modal] {
  font-weight: bold;
  margin-bottom: 30px;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .textarea-control[_ngcontent-file-submit-plancode-approval-modal] {
  margin-bottom: 20px;
  font-size: 1rem;
  box-sizing: border-box;
  resize: none;
  min-height: 200px;
  overflow: hidden;
  outline: none;
  padding-left: 8px;
  padding-right: 8px;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .textarea-control[_ngcontent-file-submit-plancode-approval-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-plancode-approval-modal]:focus::-webkit-input-placeholder {
  color: transparent;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-plancode-approval-modal]:focus:-moz-placeholder {
  color: transparent;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-plancode-approval-modal]:focus::-moz-placeholder {
  color: transparent;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .hide-placeholder-focus[_ngcontent-file-submit-plancode-approval-modal]:focus:-ms-input-placeholder {
  color: transparent;
}
@supports (-moz-appearance: none) {
  [_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .input-container[_ngcontent-file-submit-plancode-approval-modal]   .input-button[_ngcontent-file-submit-plancode-approval-modal] {
    padding-top: 0px;
  }
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .input-control[_ngcontent-file-submit-plancode-approval-modal] {
  height: 42px;
  width: 100%;
  font-size: 1rem;
  padding-left: 8px;
  padding-right: 8px;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .input-control[_ngcontent-file-submit-plancode-approval-modal]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-label[_ngcontent-file-submit-plancode-approval-modal] {
  font-size: 1rem;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-container[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-control[_ngcontent-file-submit-plancode-approval-modal] {
  border: 1px solid #b9babd;
  flex-basis: 21px;
  border-radius: 0;
  height: 20px;
  margin: 0 20px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-container[_ngcontent-file-submit-plancode-approval-modal]   i[_ngcontent-file-submit-plancode-approval-modal] {
  flex: 58%;
  color: #666666;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-file-submit-plancode-approval-modal]   .message-wrapper[_ngcontent-file-submit-plancode-approval-modal]   .checkbox-container[_ngcontent-file-submit-plancode-approval-modal] {
  height: 30px;
  margin-bottom: 10px;
}
[_nghost-file-submit-plancode-approval-modal]   .footer-container[_ngcontent-file-submit-plancode-approval-modal] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-submit-plancode-approval-modal]   .footer-container[_ngcontent-file-submit-plancode-approval-modal]   .btn[_ngcontent-file-submit-plancode-approval-modal] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-file-submit-plancode-approval-modal]   .footer-container[_ngcontent-file-submit-plancode-approval-modal]   .btn[_ngcontent-file-submit-plancode-approval-modal]:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  [_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal] {
    width: 25px;
  }
  [_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .icon-container[_ngcontent-file-submit-plancode-approval-modal]   .fa[_ngcontent-file-submit-plancode-approval-modal] {
    font-size: 30px;
  }
  [_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .compare-container[_ngcontent-file-submit-plancode-approval-modal]   .file-container[_ngcontent-file-submit-plancode-approval-modal]   .file[_ngcontent-file-submit-plancode-approval-modal]   .info-container[_ngcontent-file-submit-plancode-approval-modal] {
    width: calc(100% - 40px);
    padding-left: 3px;
  }
  [_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .replace-file[_ngcontent-file-submit-plancode-approval-modal]   .button-container[_ngcontent-file-submit-plancode-approval-modal]   .btn[_ngcontent-file-submit-plancode-approval-modal] {
    min-width: 0;
    padding: 5px 5px;
    height: auto;
  }
}
@media (max-width: 960px) {
  [_nghost-file-submit-plancode-approval-modal]   .upload-file-list[_ngcontent-file-submit-plancode-approval-modal]   .upload-file[_ngcontent-file-submit-plancode-approval-modal]   .extra-container[_ngcontent-file-submit-plancode-approval-modal]   .upper-container[_ngcontent-file-submit-plancode-approval-modal]   .file-description[_ngcontent-file-submit-plancode-approval-modal] {
    font-size: 1rem;
  }
}

/* ===== app-file-upload (main-es2015.js) ===== */
[_nghost-file-upload] {
  width: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-file-upload]   .path[_ngcontent-file-upload] {
  margin-bottom: 40px;
  font-size: 0.875rem;
}
[_nghost-file-upload]   .path.hidden-wrapper[_ngcontent-file-upload] {
  margin-bottom: 16px;
}
[_nghost-file-upload]   .toggle-wrapper[_ngcontent-file-upload] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
[_nghost-file-upload]   .toggle-wrapper[_ngcontent-file-upload]   .button-wrapper[_ngcontent-file-upload] {
  cursor: pointer;
}
[_nghost-file-upload]   .toggle-wrapper[_ngcontent-file-upload]   .button-wrapper[_ngcontent-file-upload]   i[_ngcontent-file-upload] {
  display: block;
  color: #b9babd;
}
[_nghost-file-upload]   .toggle-wrapper[_ngcontent-file-upload]   .button-wrapper[_ngcontent-file-upload]   i[_ngcontent-file-upload]:before {
  font-size: 30px;
}
[_nghost-file-upload]   .toggle-wrapper[_ngcontent-file-upload]   .button-wrapper[_ngcontent-file-upload]   i[_ngcontent-file-upload]:hover {
  color: #1b2745;
}
[_nghost-file-upload]   .upload-content-wrapper[_ngcontent-file-upload] {
  display: block;
}
[_nghost-file-upload]   .upload-content-wrapper.invisble[_ngcontent-file-upload] {
  display: none;
}
[_nghost-file-upload]   .upload-container[_ngcontent-file-upload] {
  text-align: center;
  background-color: #e5e8f0;
  color: #1b2745;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 60px 0 30px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 20px;
}
[_nghost-file-upload]   .upload-container[_ngcontent-file-upload]   .upload-image[_ngcontent-file-upload] {
  display: inline-block;
  margin-bottom: 30px;
  height: 90px;
}
[_nghost-file-upload]   .upload-container[_ngcontent-file-upload]   .upload-information[_ngcontent-file-upload] {
  margin-bottom: 20px;
  color: #1b2745;
}
[_nghost-file-upload]   .upload-container[_ngcontent-file-upload]   .upload-button[_ngcontent-file-upload] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: #576588;
  padding: 15px 35px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload] {
  margin: 0 0 40px 0;
  padding: 0;
  list-style: none;
  gap: 12px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload] {
  border: 2px solid #dc0830;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .info[_ngcontent-file-upload] {
  color: #dc0830;
  font-size: 0.875rem;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .question[_ngcontent-file-upload] {
  color: #dc0830;
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 15px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload] {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 30px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload] {
  background-color: #f6f6f6;
  padding: 20px;
  display: table-cell;
  max-width: 50%;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   h2[_ngcontent-file-upload] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 20px 0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload] {
  display: table;
  table-layout: fixed;
  width: 100%;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
  margin-right: 15px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload]   .fa[_ngcontent-file-upload] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .info-container[_ngcontent-file-upload] {
  display: table-cell;
  width: calc(100% - 60px);
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .info-container[_ngcontent-file-upload]   h3[_ngcontent-file-upload] {
  font-size: 0.875rem;
  color: #666666;
  margin: 0 0 10px 0;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .info-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload] {
  font-size: 0.75rem;
  color: #666666;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .info-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   td[_ngcontent-file-upload]:first-child {
  font-weight: bold;
  padding-right: 10px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container.old[_ngcontent-file-upload] {
  border-right: 5px solid white;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container.new[_ngcontent-file-upload] {
  border: 1px solid #576588;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container.new[_ngcontent-file-upload]   h2[_ngcontent-file-upload] {
  color: #dc0830;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload] {
  display: flex;
  align-items: center;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload]   .btn[_ngcontent-file-upload] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  min-width: 200px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload]   .checkbox-wrapper[_ngcontent-file-upload] {
  margin-left: 10px;
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload]   .checkbox-wrapper[_ngcontent-file-upload]   .checkbox-control[_ngcontent-file-upload] {
  border: 1px solid #b9babd;
  border-radius: 0;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin: 0 10px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
  cursor: pointer;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload]   .checkbox-wrapper[_ngcontent-file-upload]   .checkbox-control[_ngcontent-file-upload]:checked {
  background-image: url(/assets/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload]   .checkbox-wrapper[_ngcontent-file-upload]   .checkbox-label[_ngcontent-file-upload] {
  font: 400 13.3333px Arial;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload]   .checkbox-wrapper[_ngcontent-file-upload]   i[_ngcontent-file-upload] {
  margin-left: 10px;
  color: #576588;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .index-input[_ngcontent-file-upload] {
  border: none;
  width: 40px;
  outline: none;
  box-sizing: border-box;
  padding: 1px;
  color: #1b2745;
  font-size: 12px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .index-input[_ngcontent-file-upload]:focus {
  border: 1px solid #8d99b3;
  border-radius: 0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .index-input[_ngcontent-file-upload]:disabled {
  background-color: transparent;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .top[_ngcontent-file-upload] {
  width: 100%;
  height: 5px;
  margin-bottom: 10px;
  background-color: #e5e8f0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .top[_ngcontent-file-upload]   .progress-bar[_ngcontent-file-upload] {
  height: 5px;
  background-color: #1b2745;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload] {
  width: 100%;
  display: table;
  table-layout: fixed;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload]   i[_ngcontent-file-upload] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload] {
  display: table-cell;
  max-width: 47%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   h2[_ngcontent-file-upload] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload] {
  font-size: 0.75rem;
  border-collapse: collapse;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   tr[_ngcontent-file-upload] {
  padding: 0 0 5px 0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   tr[_ngcontent-file-upload]   td[_ngcontent-file-upload] {
  padding: 0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .uploading-file[_ngcontent-file-upload]   .bottom[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   tr[_ngcontent-file-upload]   td[_ngcontent-file-upload]:first-child {
  width: 100px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload] {
  border: 1px solid #e5e8f0;
  box-sizing: border-box;
  padding: 20px 15px;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  table-layout: fixed;
  height: 1px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload]   i[_ngcontent-file-upload] {
  font-size: 60px;
  color: #b9babd;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload] {
  display: table-cell;
  max-width: 47%;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   h2[_ngcontent-file-upload] {
  font-size: 0.875rem;
  margin: 0 0 8px 0;
  color: #666666;
  white-space: pre-wrap;
  
  white-space: -moz-pre-wrap;
  
  white-space: -pre-wrap;
  
  white-space: -o-pre-wrap;
  
  word-wrap: break-word;
  
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload] {
  font-size: 0.75rem;
  border-collapse: collapse;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   tr[_ngcontent-file-upload] {
  padding: 0 0 5px 0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   tr[_ngcontent-file-upload]   td[_ngcontent-file-upload] {
  padding: 0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   tr[_ngcontent-file-upload]   td[_ngcontent-file-upload]:first-child {
  width: 100px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file-properties[_ngcontent-file-upload]   tr[_ngcontent-file-upload]   td[_ngcontent-file-upload]:last-child {
  text-align: center;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .vertical-wrapper[_ngcontent-file-upload] {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .all-files-button[_ngcontent-file-upload] {
  width: 30px;
  height: 30px;
  background-color: transparent;
  color: #576588;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: 1rem;
  outline: none;
  display: flex;
  justify-content: center;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .flag-container[_ngcontent-file-upload] {
  display: table-cell;
  width: 45px;
  vertical-align: top;
  padding-left: 15px;
  border-left: 1px solid #e5e8f0;
  border-right: 1px solid #e5e8f0;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload] {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-left: 15px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload]   .file-description[_ngcontent-file-upload] {
  flex: 1;
  box-sizing: border-box;
  border: 1px solid #e5e8f0;
  padding: 8px 15px;
  font-size: 0.875rem;
  outline: none;
  width: 80%;
  height: 30px;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload]   .file-description[_ngcontent-file-upload]::-moz-placeholder {
  color: #b9babd;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload]   .file-description[_ngcontent-file-upload]::placeholder {
  color: #b9babd;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload]   .file-description[_ngcontent-file-upload]:focus {
  outline: none !important;
  border: 1px solid #1b2745 !important;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload]   .file-description.error[_ngcontent-file-upload] {
  border-color: #ff0000;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload]   .remove-button[_ngcontent-file-upload] {
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  background-color: #efefef;
  background-image: url("/assets/cross.svg");
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .lower-container[_ngcontent-file-upload] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .new-upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .lower-container[_ngcontent-file-upload]   .link[_ngcontent-file-upload] {
  text-decoration: none;
  color: #1b2745;
  font-size: 0.75rem;
  border-bottom: 2px solid #d6d7da;
  cursor: pointer;
}
[_nghost-file-upload]   .footer-container[_ngcontent-file-upload] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-file-upload]   .footer-container[_ngcontent-file-upload]   .btn[_ngcontent-file-upload] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-file-upload]   .footer-container[_ngcontent-file-upload]   .btn[_ngcontent-file-upload]:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  [_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload] {
    width: 25px;
  }
  [_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .icon-container[_ngcontent-file-upload]   .fa[_ngcontent-file-upload] {
    font-size: 30px;
  }
  [_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .compare-container[_ngcontent-file-upload]   .file-container[_ngcontent-file-upload]   .file[_ngcontent-file-upload]   .info-container[_ngcontent-file-upload] {
    width: calc(100% - 40px);
    padding-left: 3px;
  }
  [_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .replace-file[_ngcontent-file-upload]   .button-container[_ngcontent-file-upload]   .btn[_ngcontent-file-upload] {
    min-width: 0;
    padding: 5px 5px;
    height: auto;
  }
}
@media (max-width: 960px) {
  [_nghost-file-upload]   .upload-file-list[_ngcontent-file-upload]   .upload-file[_ngcontent-file-upload]   .extra-container[_ngcontent-file-upload]   .upper-container[_ngcontent-file-upload]   .file-description[_ngcontent-file-upload] {
    font-size: 1rem;
  }
}

/* ===== app-image-viewer-modal (main-es2015.js) ===== */
[_nghost-image-viewer-modal] {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}
[_nghost-image-viewer-modal]   .image-viewer-modal[_ngcontent-image-viewer-modal] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
}
[_nghost-image-viewer-modal]   .image-viewer-modal[_ngcontent-image-viewer-modal]   .file-name[_ngcontent-image-viewer-modal] {
  height: 100%;
  display: flex;
  align-items: center;
}
[_nghost-image-viewer-modal]   .image-viewer-modal[_ngcontent-image-viewer-modal]   .file-name[_ngcontent-image-viewer-modal]   div[_ngcontent-image-viewer-modal] {
  font-size: 16px;
  font-weight: 600;
}
[_nghost-image-viewer-modal]   .image-viewer-modal[_ngcontent-image-viewer-modal]   .image-viewer-container[_ngcontent-image-viewer-modal] {
  width: 100%;
  overflow-y: auto;
}
[_nghost-image-viewer-modal]   .image-viewer-modal[_ngcontent-image-viewer-modal]   .image-viewer-container[_ngcontent-image-viewer-modal]   img[_ngcontent-image-viewer-modal] {
  width: 100%;
  height: auto;
}
[_nghost-image-viewer-modal]   .image-viewer-modal[_ngcontent-image-viewer-modal]   .image-viewer-forbidden[_ngcontent-image-viewer-modal] {
  width: 100%;
  height: 100%;
  background-color: #e5e8f0;
  padding: 25px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
[_nghost-image-viewer-modal]   .image-viewer-modal[_ngcontent-image-viewer-modal]   .image-viewer-forbidden[_ngcontent-image-viewer-modal]   i[_ngcontent-image-viewer-modal] {
  font-size: 180px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ===== app-inbox-modal (main-es2015.js) ===== */
[_nghost-inbox-modal] {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
  height: calc(var(--vh) - 100px);
  padding-bottom: 10px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal] {
  margin-left: -30px;
  display: grid;
  grid-template-columns: 500px 1fr;
  gap: 40px;
  overflow: auto;
}
@media (max-width: 1280px) {
  [_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal] {
    grid-template-columns: 380px 1fr;
  }
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal] {
  flex-basis: 500px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 190px);
  height: calc(var(--vh) - 190px);
}
@media (max-width: 1280px) {
  [_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal] {
    flex-basis: 380px;
  }
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal]   .email-list-container[_ngcontent-inbox-modal] {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal]   .email-list-container[_ngcontent-inbox-modal]   .email-list[_ngcontent-inbox-modal] {
  margin: 0;
  padding: 0;
  list-style: none;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal]   .email-list-container[_ngcontent-inbox-modal]   .email-list[_ngcontent-inbox-modal]   .email-list-item[_ngcontent-inbox-modal] {
  display: grid;
  grid-template-columns: 65px 2fr 1fr;
  padding: 8px 20px 8px 30px;
  cursor: pointer;
  gap: 20px;
  border-top: 1px solid #cbcbcb;
  align-items: center;
  font-size: 0.875rem;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal]   .email-list-container[_ngcontent-inbox-modal]   .email-list[_ngcontent-inbox-modal]   .email-list-item.active[_ngcontent-inbox-modal] {
  background-color: #8d99b3;
  color: #ffffff;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal]   .email-list-container[_ngcontent-inbox-modal]   .email-list[_ngcontent-inbox-modal]   .email-list-item[_ngcontent-inbox-modal]:hover:not(.active) {
  background-color: #e5e8f0;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal]   .email-list-container[_ngcontent-inbox-modal]   .email-list[_ngcontent-inbox-modal]   .email-list-item[_ngcontent-inbox-modal]:last-child {
  border-bottom: 1px solid #cbcbcb;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .sidebar-container[_ngcontent-inbox-modal]   .pagination[_ngcontent-inbox-modal] {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  padding-left: 25px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal] {
  flex: 1;
  display: flex;
  max-height: 770px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal] {
  width: 100%;
  flex: 1;
  max-height: 100%;
  margin-bottom: 20px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .preview-header[_ngcontent-inbox-modal] {
  height: 65px;
  display: flex;
  margin-bottom: 5px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .preview-header[_ngcontent-inbox-modal]   .subject[_ngcontent-inbox-modal] {
  flex: 1;
  font-size: 1.66rem;
  color: #666666;
  align-self: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .preview-header[_ngcontent-inbox-modal]   .action-group[_ngcontent-inbox-modal]   .action-item-container[_ngcontent-inbox-modal] {
  margin-right: 0;
  margin-left: 10px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .email-header[_ngcontent-inbox-modal] {
  border: 1px solid #cbcbcb;
  display: flex;
  padding: 10px;
  cursor: pointer;
  align-items: center;
  font-size: 0.875rem;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .email-header[_ngcontent-inbox-modal]   .avatar[_ngcontent-inbox-modal] {
  margin-top: 2px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal] {
  height: calc(100vh - 400px);
  height: calc(var(--vh) - 400px);
  overflow-y: auto;
  overflow-x: hidden;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-content[_ngcontent-inbox-modal] {
  border: 1px solid #cbcbcb;
  border-top: none;
  padding: 30px 70px 30px 10px;
  color: #666666;
  background-color: #f6f6f6;
  word-break: break-word;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal] {
  margin-top: 39px;
  font-size: 0.875rem;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   .name-container[_ngcontent-inbox-modal] {
  display: inline-grid;
  gap: 20px;
  align-items: center;
  width: 100%;
  grid-template-columns: 45px 1fr;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   table[_ngcontent-inbox-modal] {
  table-layout: fixed;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   table[_ngcontent-inbox-modal]   th[_ngcontent-inbox-modal] {
  color: #666666;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   table[_ngcontent-inbox-modal]   .recipient-read[_ngcontent-inbox-modal] {
  width: 10%;
  text-align: center;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   table[_ngcontent-inbox-modal]   .recipient-read-at[_ngcontent-inbox-modal] {
  width: 17%;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   .read[_ngcontent-inbox-modal] {
  font-size: 12px;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   .read[_ngcontent-inbox-modal]   i[_ngcontent-inbox-modal] {
  vertical-align: middle;
  font-size: 0.875rem;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   .read.green[_ngcontent-inbox-modal]   i[_ngcontent-inbox-modal] {
  color: #45da17;
}
[_nghost-inbox-modal]   .mail-box-modal[_ngcontent-inbox-modal]   .mail-box-container[_ngcontent-inbox-modal]   .email-view-container[_ngcontent-inbox-modal]   .preview[_ngcontent-inbox-modal]   .email[_ngcontent-inbox-modal]   .scroll-container[_ngcontent-inbox-modal]   .email-information[_ngcontent-inbox-modal]   .read.red[_ngcontent-inbox-modal]   i[_ngcontent-inbox-modal] {
  color: #dc0830;
}
.email-header[_ngcontent-inbox-modal] {
  min-height: 55px;
  color: #3a3737;
  display: table !important;
  width: 100%;
}
.email-header[_ngcontent-inbox-modal]   tbody[_ngcontent-inbox-modal]   tr[_ngcontent-inbox-modal]   td[_ngcontent-inbox-modal]:nth-child(1) {
  width: 75%;
}
.email-header[_ngcontent-inbox-modal]   tbody[_ngcontent-inbox-modal]   tr[_ngcontent-inbox-modal]   td[_ngcontent-inbox-modal]:nth-child(2) {
  width: 25%;
}
.email-header[_ngcontent-inbox-modal]   .name-container[_ngcontent-inbox-modal] {
  display: inline-grid;
  gap: 20px;
  align-items: center;
  width: 100%;
  grid-template-columns: 45px 1fr;
}
.email-header[_ngcontent-inbox-modal]   .avatar[_ngcontent-inbox-modal] {
  margin-right: 0;
  margin-top: 8px;
}
.email-header[_ngcontent-inbox-modal]   .info[_ngcontent-inbox-modal] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.email-header[_ngcontent-inbox-modal]   .info[_ngcontent-inbox-modal]   .subject[_ngcontent-inbox-modal] {
  margin-top: 20px;
}
.email-header[_ngcontent-inbox-modal]   .info[_ngcontent-inbox-modal]   .chips[_ngcontent-inbox-modal] {
  margin-top: 10px;
}
.email-header[_ngcontent-inbox-modal]   .date[_ngcontent-inbox-modal] {
  align-self: start;
  text-align: right;
  font-size: 12px;
  font-style: italic;
}
.email-list-item[_ngcontent-inbox-modal] {
  min-height: 55px;
  color: #3a3737;
}
.email-list-item[_ngcontent-inbox-modal]   .avatar[_ngcontent-inbox-modal] {
  margin-right: 20px;
  margin-top: 8px;
}
.email-list-item[_ngcontent-inbox-modal]   .info[_ngcontent-inbox-modal] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.email-list-item[_ngcontent-inbox-modal]   .info[_ngcontent-inbox-modal]   .subject[_ngcontent-inbox-modal] {
  margin-top: 20px;
}
.email-list-item[_ngcontent-inbox-modal]   .info[_ngcontent-inbox-modal]   .chips[_ngcontent-inbox-modal] {
  margin-top: 10px;
}
.email-list-item[_ngcontent-inbox-modal]   .date[_ngcontent-inbox-modal] {
  align-self: start;
  text-align: right;
  font-size: 12px;
  font-style: italic;
}
.avatar[_ngcontent-inbox-modal] {
  align-self: start;
  flex-basis: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}
.category-select[_ngcontent-inbox-modal] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 15px;
  width: 240px;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
}
.category-select[_ngcontent-inbox-modal]   .category-label[_ngcontent-inbox-modal] {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

/* ===== app-infomail (main-es2015.js) ===== */
[_nghost-infomail] {
  width: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-infomail]   .footer-container[_ngcontent-infomail] {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}
[_nghost-infomail]   .footer-container[_ngcontent-infomail]   .btn[_ngcontent-infomail] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
}
[_nghost-infomail]   .footer-container[_ngcontent-infomail]   .btn[_ngcontent-infomail]:last-child {
  margin-right: 0;
}
[_nghost-infomail]   .email-input[_ngcontent-infomail] {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #b9babd;
  font-size: 1rem;
  padding: 10px;
  height: 42px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
[_nghost-infomail]   .email-input[_ngcontent-infomail]   .input-button[_ngcontent-infomail] {
  border-radius: 0;
}
[_nghost-infomail]   .textarea-control[_ngcontent-infomail] {
  margin-bottom: 20px;
  font-size: 1rem;
  box-sizing: border-box;
  resize: none;
  min-height: 200px;
  overflow: hidden;
  outline: none;
  padding-left: 8px;
  padding-right: 8px;
}
[_nghost-infomail]   .textarea-control[_ngcontent-infomail]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-infomail]   .hide-placeholder-focus[_ngcontent-infomail]:focus::-webkit-input-placeholder {
  color: transparent;
}
[_nghost-infomail]   .hide-placeholder-focus[_ngcontent-infomail]:focus:-moz-placeholder {
  color: transparent;
}
[_nghost-infomail]   .hide-placeholder-focus[_ngcontent-infomail]:focus::-moz-placeholder {
  color: transparent;
}
[_nghost-infomail]   .hide-placeholder-focus[_ngcontent-infomail]:focus:-ms-input-placeholder {
  color: transparent;
}
[_nghost-infomail]   .input-container[_ngcontent-infomail]   .input-button[_ngcontent-infomail] {
  flex-basis: 42px;
  height: 42px;
  background: #efefef;
  color: #576588;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: 1.2rem;
  outline: none;
  margin-left: 10px;
  transition: all 0.2s ease;
  padding-top: 3px;
}
[_nghost-infomail]   .input-container[_ngcontent-infomail]   .input-button[_ngcontent-infomail]:hover {
  background: #576588;
  color: #ffffff;
}
@supports (-moz-appearance: none) {
  [_nghost-infomail]   .input-container[_ngcontent-infomail]   .input-button[_ngcontent-infomail] {
    padding-top: 0px;
  }
}
[_nghost-infomail]   .input-control[_ngcontent-infomail] {
  height: 42px;
  font-size: 1rem;
  padding-left: 8px;
  padding-right: 8px;
}
[_nghost-infomail]   .input-control[_ngcontent-infomail]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-infomail]   .checkbox-label[_ngcontent-infomail] {
  font-size: 1rem;
}
[_nghost-infomail]   .checkbox-container[_ngcontent-infomail]   .checkbox-control[_ngcontent-infomail] {
  border: 1px solid #b9babd;
  flex-basis: 21px;
  border-radius: 0;
  height: 20px;
  margin: 0 20px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
}
[_nghost-infomail]   .checkbox-container[_ngcontent-infomail]   i[_ngcontent-infomail] {
  flex: 62%;
  color: #666666;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-infomail]   .checkbox-container[_ngcontent-infomail] {
  height: 30px;
  margin-bottom: 10px;
}
[_nghost-infomail]   #mail-list-name[_ngcontent-infomail] {
  width: 460px;
}
[_nghost-infomail]   #subject[_ngcontent-infomail] {
  width: 100%;
}

/* ===== app-mail-modal (main-es2015.js) ===== */
[_nghost-mail-modal] {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 200px);
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal] {
  flex: 1;
  display: flex;
  max-height: 770px;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal] {
  width: 100%;
  flex: 1;
  max-height: 100%;
  margin-bottom: 20px;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .preview-header[_ngcontent-mail-modal] {
  height: 70px;
  display: flex;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .preview-header[_ngcontent-mail-modal]   .subject[_ngcontent-mail-modal] {
  flex: 1;
  font-size: 1.66rem;
  color: #666666;
  align-self: center;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .preview-header[_ngcontent-mail-modal]   .action-group[_ngcontent-mail-modal]   .action-item-container[_ngcontent-mail-modal] {
  margin-right: 0;
  margin-left: 10px;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .email-header[_ngcontent-mail-modal] {
  border: 1px solid #cbcbcb;
  display: flex;
  padding: 10px;
  cursor: pointer;
  align-items: center;
  font-size: 0.875rem;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .email-header[_ngcontent-mail-modal]   .avatar[_ngcontent-mail-modal] {
  margin-top: 2px;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal] {
  height: calc(100vh - 400px);
  overflow-y: auto;
  overflow-x: hidden;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-content[_ngcontent-mail-modal] {
  border: 1px solid #cbcbcb;
  border-top: none;
  padding: 30px 70px 30px 10px;
  color: #666666;
  background-color: #f6f6f6;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal] {
  margin-top: 39px;
  font-size: 0.875rem;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   .name-container[_ngcontent-mail-modal] {
  display: inline-grid;
  gap: 20px;
  align-items: center;
  width: 100%;
  grid-template-columns: 45px 1fr;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   table[_ngcontent-mail-modal] {
  table-layout: fixed;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   table[_ngcontent-mail-modal]   th[_ngcontent-mail-modal] {
  color: #666666;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   table[_ngcontent-mail-modal]   .recipient-read[_ngcontent-mail-modal] {
  width: 10%;
  text-align: center;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   table[_ngcontent-mail-modal]   .recipient-read-at[_ngcontent-mail-modal] {
  width: 16%;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   .read[_ngcontent-mail-modal] {
  font-size: 12px;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   .read[_ngcontent-mail-modal]   i[_ngcontent-mail-modal] {
  vertical-align: middle;
  font-size: 0.875rem;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   .read.green[_ngcontent-mail-modal]   i[_ngcontent-mail-modal] {
  color: #45da17;
}
[_nghost-mail-modal]   .mail-box-modal[_ngcontent-mail-modal]   .mail-box-container[_ngcontent-mail-modal]   .email-view-container[_ngcontent-mail-modal]   .preview[_ngcontent-mail-modal]   .email[_ngcontent-mail-modal]   .scroll-container[_ngcontent-mail-modal]   .email-information[_ngcontent-mail-modal]   .read.red[_ngcontent-mail-modal]   i[_ngcontent-mail-modal] {
  color: #dc0830;
}
.email-header[_ngcontent-mail-modal] {
  min-height: 55px;
  color: #3a3737;
  display: table !important;
  width: 100%;
}
.email-header[_ngcontent-mail-modal]   tbody[_ngcontent-mail-modal]   tr[_ngcontent-mail-modal]   td[_ngcontent-mail-modal]:nth-child(1) {
  width: 75%;
}
.email-header[_ngcontent-mail-modal]   tbody[_ngcontent-mail-modal]   tr[_ngcontent-mail-modal]   td[_ngcontent-mail-modal]:nth-child(2) {
  width: 25%;
}
.email-header[_ngcontent-mail-modal]   .name-container[_ngcontent-mail-modal] {
  display: inline-grid;
  gap: 20px;
  align-items: center;
  width: 100%;
  grid-template-columns: 45px 1fr;
}
.email-header[_ngcontent-mail-modal]   .avatar[_ngcontent-mail-modal] {
  margin-right: 0;
  margin-top: 8px;
}
.email-header[_ngcontent-mail-modal]   .info[_ngcontent-mail-modal] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.email-header[_ngcontent-mail-modal]   .info[_ngcontent-mail-modal]   .subject[_ngcontent-mail-modal] {
  margin-top: 20px;
}
.email-header[_ngcontent-mail-modal]   .info[_ngcontent-mail-modal]   .chips[_ngcontent-mail-modal] {
  margin-top: 10px;
}
.email-header[_ngcontent-mail-modal]   .date[_ngcontent-mail-modal] {
  align-self: start;
  text-align: right;
  font-size: 12px;
  font-style: italic;
}
.avatar[_ngcontent-mail-modal] {
  align-self: start;
  flex-basis: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}

/* ===== app-modal-header (main-es2015.js) ===== */
[_nghost-modal-header] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 30px;
}
[_nghost-modal-header]   .back[_ngcontent-modal-header] {
  flex-basis: 90px;
  cursor: pointer;
  margin-right: 10px;
}
[_nghost-modal-header]   .title[_ngcontent-modal-header] {
  flex: 1;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.5rem;
}

/* ===== app-modal-tab-header (main-es2015.js) ===== */
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 35px;
}
[_nghost-modal-tab-header]   .header-wrapper.header-title[_ngcontent-modal-tab-header] {
  margin-top: -5px;
}
[_nghost-modal-tab-header]   .header-wrapper.sticky[_ngcontent-modal-tab-header] {
  background: #fff;
  position: sticky;
  top: -5px;
  z-index: 1;
}
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header]   .back[_ngcontent-modal-tab-header] {
  margin-top: 25px;
  flex-basis: 90px;
  cursor: pointer;
  margin-right: 10px;
}
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header]   .title[_ngcontent-modal-tab-header] {
  flex: 1;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.5rem;
  margin-top: 25px;
}
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header]   .tabs[_ngcontent-modal-tab-header] {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header]   .tabs[_ngcontent-modal-tab-header]   .tab-item[_ngcontent-modal-tab-header] {
  cursor: pointer;
  border-top: 6px solid transparent;
  padding: 20px 0 0 0;
  margin-right: 40px;
}
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header]   .tabs[_ngcontent-modal-tab-header]   .tab-item[_ngcontent-modal-tab-header]:last-child {
  margin-right: 0;
}
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header]   .tabs[_ngcontent-modal-tab-header]   .tab-item.selected[_ngcontent-modal-tab-header] {
  border-top: 6px solid #8d99b3;
}
[_nghost-modal-tab-header]   .header-wrapper[_ngcontent-modal-tab-header]   .close[_ngcontent-modal-tab-header] {
  margin-top: 25px;
  margin-left: 25px;
}

/* ===== app-modal (main-es2015.js) ===== */
[_nghost-modal] {
  max-height: calc(100vh - 65px);
}
[_nghost-modal]   .overlay[_ngcontent-modal] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(27, 39, 69, 0.75);
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transition: opacity 0.2s ease;
}

/* ===== app-outbox-modal (main-es2015.js) ===== */
[_nghost-outbox-modal] {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
  height: calc(var(--vh) - 100px);
  padding-bottom: 10px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal] {
  margin-left: -30px;
  display: grid;
  grid-template-columns: 500px 1fr;
  gap: 40px;
}
@media (max-width: 1280px) {
  [_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal] {
    grid-template-columns: 380px 1fr;
  }
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal] {
  flex-basis: 500px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 190px);
  height: calc(var(--vh) - 190px);
}
@media (max-width: 1280px) {
  [_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal] {
    flex-basis: 380px;
  }
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal]   .email-list-container[_ngcontent-outbox-modal] {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal]   .email-list-container[_ngcontent-outbox-modal]   .email-list[_ngcontent-outbox-modal] {
  margin: 0;
  padding: 0;
  list-style: none;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal]   .email-list-container[_ngcontent-outbox-modal]   .email-list[_ngcontent-outbox-modal]   .email-list-item[_ngcontent-outbox-modal] {
  display: grid;
  grid-template-columns: 65px 2fr 1fr;
  padding: 8px 20px 8px 30px;
  cursor: pointer;
  gap: 20px;
  border-top: 1px solid #cbcbcb;
  align-items: center;
  font-size: 0.875rem;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal]   .email-list-container[_ngcontent-outbox-modal]   .email-list[_ngcontent-outbox-modal]   .email-list-item.active[_ngcontent-outbox-modal] {
  background-color: #8d99b3;
  color: #ffffff;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal]   .email-list-container[_ngcontent-outbox-modal]   .email-list[_ngcontent-outbox-modal]   .email-list-item[_ngcontent-outbox-modal]:hover:not(.active) {
  background-color: #e5e8f0;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal]   .email-list-container[_ngcontent-outbox-modal]   .email-list[_ngcontent-outbox-modal]   .email-list-item[_ngcontent-outbox-modal]:last-child {
  border-bottom: 1px solid #cbcbcb;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .sidebar-container[_ngcontent-outbox-modal]   .pagination[_ngcontent-outbox-modal] {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  padding-left: 25px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal] {
  flex: 1;
  display: flex;
  max-height: 770px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal] {
  width: 100%;
  flex: 1;
  max-height: 100%;
  margin-bottom: 20px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .preview-header[_ngcontent-outbox-modal] {
  height: 65px;
  display: flex;
  margin-bottom: 5px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .preview-header[_ngcontent-outbox-modal]   .subject[_ngcontent-outbox-modal] {
  flex: 1;
  font-size: 1.66rem;
  color: #666666;
  align-self: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .preview-header[_ngcontent-outbox-modal]   .action-group[_ngcontent-outbox-modal]   .action-item-container[_ngcontent-outbox-modal] {
  margin-right: 0;
  margin-left: 10px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .email-header[_ngcontent-outbox-modal] {
  border: 1px solid #cbcbcb;
  display: flex;
  padding: 10px;
  cursor: pointer;
  align-items: center;
  font-size: 0.875rem;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .email-header[_ngcontent-outbox-modal]   .avatar[_ngcontent-outbox-modal] {
  margin-top: 2px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal] {
  height: calc(100vh - 400px);
  height: calc(var(--vh) - 400px);
  overflow-y: auto;
  overflow-x: hidden;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-content[_ngcontent-outbox-modal] {
  border: 1px solid #cbcbcb;
  border-top: none;
  padding: 30px 70px 30px 10px;
  color: #666666;
  background-color: #f6f6f6;
  word-break: break-word;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal] {
  margin-top: 39px;
  font-size: 0.875rem;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   .name-container[_ngcontent-outbox-modal] {
  display: inline-grid;
  gap: 20px;
  align-items: center;
  width: 100%;
  grid-template-columns: 45px 1fr;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   table[_ngcontent-outbox-modal] {
  table-layout: fixed;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   table[_ngcontent-outbox-modal]   th[_ngcontent-outbox-modal] {
  color: #666666;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   table[_ngcontent-outbox-modal]   .recipient-read[_ngcontent-outbox-modal] {
  width: 10%;
  text-align: center;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   table[_ngcontent-outbox-modal]   .recipient-read-at[_ngcontent-outbox-modal] {
  width: 17%;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   .read[_ngcontent-outbox-modal] {
  font-size: 12px;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   .read[_ngcontent-outbox-modal]   i[_ngcontent-outbox-modal] {
  vertical-align: middle;
  font-size: 0.875rem;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   .read.green[_ngcontent-outbox-modal]   i[_ngcontent-outbox-modal] {
  color: #45da17;
}
[_nghost-outbox-modal]   .mail-box-modal[_ngcontent-outbox-modal]   .mail-box-container[_ngcontent-outbox-modal]   .email-view-container[_ngcontent-outbox-modal]   .preview[_ngcontent-outbox-modal]   .email[_ngcontent-outbox-modal]   .scroll-container[_ngcontent-outbox-modal]   .email-information[_ngcontent-outbox-modal]   .read.red[_ngcontent-outbox-modal]   i[_ngcontent-outbox-modal] {
  color: #dc0830;
}
.email-header[_ngcontent-outbox-modal] {
  min-height: 55px;
  color: #3a3737;
  display: table !important;
  width: 100%;
}
.email-header[_ngcontent-outbox-modal]   tbody[_ngcontent-outbox-modal]   tr[_ngcontent-outbox-modal]   td[_ngcontent-outbox-modal]:nth-child(1) {
  width: 75%;
}
.email-header[_ngcontent-outbox-modal]   tbody[_ngcontent-outbox-modal]   tr[_ngcontent-outbox-modal]   td[_ngcontent-outbox-modal]:nth-child(2) {
  width: 25%;
}
.email-header[_ngcontent-outbox-modal]   .name-container[_ngcontent-outbox-modal] {
  display: inline-grid;
  gap: 20px;
  align-items: center;
  width: 100%;
  grid-template-columns: 45px 1fr;
}
.email-header[_ngcontent-outbox-modal]   .avatar[_ngcontent-outbox-modal] {
  margin-right: 0;
  margin-top: 8px;
}
.email-header[_ngcontent-outbox-modal]   .info[_ngcontent-outbox-modal] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.email-header[_ngcontent-outbox-modal]   .info[_ngcontent-outbox-modal]   .subject[_ngcontent-outbox-modal] {
  margin-top: 20px;
}
.email-header[_ngcontent-outbox-modal]   .info[_ngcontent-outbox-modal]   .chips[_ngcontent-outbox-modal] {
  margin-top: 10px;
}
.email-header[_ngcontent-outbox-modal]   .date[_ngcontent-outbox-modal] {
  align-self: start;
  text-align: right;
  font-size: 12px;
  font-style: italic;
}
.email-list-item[_ngcontent-outbox-modal] {
  min-height: 55px;
  color: #3a3737;
}
.email-list-item[_ngcontent-outbox-modal]   .avatar[_ngcontent-outbox-modal] {
  margin-right: 20px;
  margin-top: 8px;
}
.email-list-item[_ngcontent-outbox-modal]   .info[_ngcontent-outbox-modal] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.email-list-item[_ngcontent-outbox-modal]   .info[_ngcontent-outbox-modal]   .subject[_ngcontent-outbox-modal] {
  margin-top: 20px;
}
.email-list-item[_ngcontent-outbox-modal]   .info[_ngcontent-outbox-modal]   .chips[_ngcontent-outbox-modal] {
  margin-top: 10px;
}
.email-list-item[_ngcontent-outbox-modal]   .date[_ngcontent-outbox-modal] {
  align-self: start;
  text-align: right;
  font-size: 12px;
  font-style: italic;
}
.avatar[_ngcontent-outbox-modal] {
  align-self: start;
  flex-basis: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}
.category-select[_ngcontent-outbox-modal] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 15px;
  width: 240px;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
}
.category-select[_ngcontent-outbox-modal]   .category-label[_ngcontent-outbox-modal] {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

/* ===== app-plancode-name (main-es2015.js) ===== */
[_nghost-plancode-name] {
  width: 100%;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-notice[_ngcontent-plancode-name] {
  font-weight: bold;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name] {
  padding: 0;
  border-top: 1px solid #1b2745;
  list-style-type: none;
  margin: 0 -30px;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name] {
  background-color: #e5e8f0;
  padding: 20px 30px 30px;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name]   .file-name[_ngcontent-plancode-name] {
  margin-bottom: 25px;
  font-weight: 500;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name]   .plancode-conventions[_ngcontent-plancode-name] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
  grid-gap: 10px;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name]   .plancode-conventions[_ngcontent-plancode-name]   .plancode-convention[_ngcontent-plancode-name] {
  width: 100%;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name]   .plancode-conventions[_ngcontent-plancode-name]   .plancode-convention[_ngcontent-plancode-name]   .convention-name[_ngcontent-plancode-name] {
  margin-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name]   .plancode-conventions[_ngcontent-plancode-name]   .plancode-convention[_ngcontent-plancode-name]   .convention-input[_ngcontent-plancode-name]    > *[_ngcontent-plancode-name] {
  width: 100%;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name]   .plancode-conventions[_ngcontent-plancode-name]   .plancode-convention[_ngcontent-plancode-name]   .convention-input[_ngcontent-plancode-name]   input[_ngcontent-plancode-name] {
  height: 42px;
}
[_nghost-plancode-name]   .plancode-name-container[_ngcontent-plancode-name]   .plancode-files[_ngcontent-plancode-name]   .plancode-file[_ngcontent-plancode-name]   .plancode-conventions[_ngcontent-plancode-name]   .plancode-convention[_ngcontent-plancode-name]   .convention-input[_ngcontent-plancode-name]   .error[_ngcontent-plancode-name] {
  border: 1px solid #ff0000;
}
.footer-wrapper[_ngcontent-plancode-name] {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  align-items: center;
}
.footer-wrapper[_ngcontent-plancode-name]   .footer-container[_ngcontent-plancode-name] {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
  align-items: center;
}
.footer-wrapper[_ngcontent-plancode-name]   .footer-container__start[_ngcontent-plancode-name] {
  justify-content: flex-start;
}
.pagination-container[_ngcontent-plancode-name] {
  padding-right: 25px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name] {
  display: flex;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .arrow[_ngcontent-plancode-name] {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  font-size: 25px;
  color: #dadada;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .arrow[_ngcontent-plancode-name]:first-of-type {
  margin-left: 0;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .arrow.active[_ngcontent-plancode-name] {
  color: #666666;
  cursor: pointer;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .page[_ngcontent-plancode-name] {
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  background-color: #f6f6f6;
  margin: 0;
  color: #1b2745;
  justify-content: center;
  align-items: center;
  font-style: normal;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .page[_ngcontent-plancode-name]:not(:first-child) {
  margin-left: 1px;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .page.disabled[_ngcontent-plancode-name] {
  cursor: default;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .page.active[_ngcontent-plancode-name] {
  background-color: #1b2745;
  color: #ffffff;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .page.error[_ngcontent-plancode-name] {
  box-sizing: border-box;
  color: #ff0000;
  border: 1px solid #ff0000;
}
.pagination-container[_ngcontent-plancode-name]   .pagination[_ngcontent-plancode-name]   .page.error.active[_ngcontent-plancode-name] {
  background-color: rgba(255, 0, 0, 0.15);
}

/* ===== app-print-shop-history-overview (main-es2015.js) ===== */
[_nghost-print-shop-history-overview] {
  width: 100%;
  height: 100%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview] {
  height: calc(100vh - 300px);
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview] {
  display: flex;
  height: 450px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .printjobs-wrapper[_ngcontent-print-shop-history-overview] {
  flex: 0 0 50%;
  height: 100%;
  background-color: #e5e8f1;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview] {
  flex: 1;
  height: 100%;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 35px;
  padding-right: 15px;
  box-sizing: border-box;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .headline[_ngcontent-print-shop-history-overview] {
  font-weight: bold;
  margin-bottom: 20px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .form-row[_ngcontent-print-shop-history-overview] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .form-row[_ngcontent-print-shop-history-overview]   .form-label[_ngcontent-print-shop-history-overview] {
  flex: 0 0 30%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .form-row[_ngcontent-print-shop-history-overview]   .form-field[_ngcontent-print-shop-history-overview] {
  flex: 1;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .form-row[_ngcontent-print-shop-history-overview]   .form-group[_ngcontent-print-shop-history-overview] {
  display: flex;
  align-items: center;
  width: 100%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .form-row[_ngcontent-print-shop-history-overview]   .form-group[_ngcontent-print-shop-history-overview]   .form-field-left[_ngcontent-print-shop-history-overview] {
  flex: 0 0 77%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .form-row[_ngcontent-print-shop-history-overview]   .form-group[_ngcontent-print-shop-history-overview]   .form-field-right[_ngcontent-print-shop-history-overview] {
  flex: 1;
  padding-left: 10px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .input-control[_ngcontent-print-shop-history-overview] {
  height: 42px;
  font-size: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  outline: none !important;
  margin-bottom: 0;
  background-color: #e5e8f1;
  color: #1c2141;
  border: 1px solid #182943;
  width: 100%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .textarea-control[_ngcontent-print-shop-history-overview] {
  height: 84px;
  font-size: 1rem;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
  outline: none;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 0;
  background-color: #e5e8f1;
  color: #1c2141;
  border: 1px solid #182943;
  width: 100%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .hide-placeholder-focus[_ngcontent-print-shop-history-overview]:focus::-webkit-input-placeholder {
  color: transparent;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .hide-placeholder-focus[_ngcontent-print-shop-history-overview]:focus:-moz-placeholder {
  color: transparent;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .hide-placeholder-focus[_ngcontent-print-shop-history-overview]:focus::-moz-placeholder {
  color: transparent;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview]   .form[_ngcontent-print-shop-history-overview]   .hide-placeholder-focus[_ngcontent-print-shop-history-overview]:focus:-ms-input-placeholder {
  color: transparent;
}
@media (max-width: 1024px) {
  [_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview] {
    display: block;
    height: auto;
    background-color: red;
  }
  [_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .printjobs-wrapper[_ngcontent-print-shop-history-overview] {
    width: 100%;
  }
  [_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .top-wrapper[_ngcontent-print-shop-history-overview]   .invoice-wrapper[_ngcontent-print-shop-history-overview] {
    width: 100%;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .recipient-wrapper[_ngcontent-print-shop-history-overview] {
  width: 100%;
  margin-top: 30px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .recipient-wrapper[_ngcontent-print-shop-history-overview]   .headline[_ngcontent-print-shop-history-overview] {
  font-weight: bold;
  margin-bottom: 30px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .recipient-wrapper[_ngcontent-print-shop-history-overview]   .recipient-container[_ngcontent-print-shop-history-overview] {
  width: 100%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .recipient-wrapper[_ngcontent-print-shop-history-overview]   .recipient-container[_ngcontent-print-shop-history-overview]   .recipient[_ngcontent-print-shop-history-overview] {
  background-color: #efefef;
  padding: 10px;
  font-weight: bold;
  border-radius: 5px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .recipient-wrapper[_ngcontent-print-shop-history-overview]   .recipient-container[_ngcontent-print-shop-history-overview]   .recipient[_ngcontent-print-shop-history-overview]:hover {
  background-color: #e5e8f1;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .recipient-wrapper[_ngcontent-print-shop-history-overview]   .recipient-container[_ngcontent-print-shop-history-overview]::after {
  content: "";
  display: table;
  clear: both;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .files-wrapper[_ngcontent-print-shop-history-overview] {
  width: 100%;
  clear: left;
  margin-top: 20px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .files-wrapper[_ngcontent-print-shop-history-overview]   .headline[_ngcontent-print-shop-history-overview] {
  font-weight: bold;
  margin-bottom: 30px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .table-container[_ngcontent-print-shop-history-overview] {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview] {
  border-collapse: collapse;
  margin-bottom: 20px;
  position: relative;
  table-layout: fixed;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   thead[_ngcontent-print-shop-history-overview] {
  display: block;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   thead[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   th[_ngcontent-print-shop-history-overview] {
  background: #e5e8f0;
  height: 40px;
  border-top: none;
  border-bottom: 2px solid #1b2745;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: left;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   thead[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   th[_ngcontent-print-shop-history-overview]:not(:last-child) {
  border-right: 1px solid #d7d7d7;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview] {
  display: block;
  overflow-x: hidden;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   .checkbox-container[_ngcontent-print-shop-history-overview] {
  margin-bottom: 0;
  height: 40px;
  display: flex;
  align-items: center;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   .loading-service[_ngcontent-print-shop-history-overview] {
  height: 40px;
  display: flex;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   .loading-service[_ngcontent-print-shop-history-overview]    > td[_ngcontent-print-shop-history-overview] {
  width: 100%;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview] {
  height: 40px;
  cursor: pointer;
  background-color: #ffffff;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]:hover {
  color: #ffffff;
  background-color: #8d99b3;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr.inactive[_ngcontent-print-shop-history-overview] {
  cursor: auto;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr.inactive[_ngcontent-print-shop-history-overview]:hover {
  color: #1b2745;
  background-color: #ffffff;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr.checked[_ngcontent-print-shop-history-overview] {
  color: #ffffff;
  background-color: #1b2745;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview] {
  height: 40px;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  box-sizing: border-box;
  padding: 0 10px;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview]:last-child {
  border-right: 1px solid #d7d7d7;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview]   .avatar-line[_ngcontent-print-shop-history-overview] {
  display: flex;
  align-items: center;
  gap: 10px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview]   table-filter-input[_ngcontent-print-shop-history-overview] {
  display: flex;
  align-items: center;
  gap: 10px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview]   .file-container[_ngcontent-print-shop-history-overview] {
  display: flex;
  align-items: center;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview]   .file-container[_ngcontent-print-shop-history-overview]   .file-icon[_ngcontent-print-shop-history-overview] {
  margin-right: 10px;
  padding-top: 3px;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview]   .file-container[_ngcontent-print-shop-history-overview]   .download-link[_ngcontent-print-shop-history-overview]:hover {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   table[_ngcontent-print-shop-history-overview]   tbody[_ngcontent-print-shop-history-overview]   tr[_ngcontent-print-shop-history-overview]   td[_ngcontent-print-shop-history-overview]   .file-container[_ngcontent-print-shop-history-overview]   .lock-icon[_ngcontent-print-shop-history-overview] {
  display: none;
}
[_nghost-print-shop-history-overview]   .select-timeperiod-modal[_ngcontent-print-shop-history-overview]   .text-nowrap[_ngcontent-print-shop-history-overview] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===== app-printjob-address-book (main-es2015.js) ===== */
[_nghost-printjob-address-book] {
  width: 100%;
  max-height: calc(100vh - 65px);
}

/* ===== app-printjob-recipient (main-es2015.js) ===== */
[_nghost-printjob-recipient] {
  width: 100%;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient] {
  height: calc(100vh - 400px);
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient] {
  list-style-type: none;
  font-size: 0.875rem;
  padding: 0;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item.collapsed[_ngcontent-printjob-recipient]   .group-list-header[_ngcontent-printjob-recipient] {
  border-bottom: none;
  background-color: transparent;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item.collapsed[_ngcontent-printjob-recipient]   .group-list-row[_ngcontent-printjob-recipient] {
  display: none;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]    > div[_ngcontent-printjob-recipient] {
  height: 38px;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]   .group-list-header[_ngcontent-printjob-recipient] {
  padding: 10px;
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  background-color: #e5e8f0;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]   .group-list-row[_ngcontent-printjob-recipient] {
  padding: 11px 10px 10px;
  display: grid;
  grid-template-columns: 45px 1fr;
  align-items: center;
  justify-content: flex-start;
  color: #666666;
  gap: 10px;
  border-bottom: 1px solid #cbcbcb;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]   .group-list-row.active[_ngcontent-printjob-recipient] {
  background-color: #8d99b3;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]   .group-list-row[_ngcontent-printjob-recipient]:hover:not(.active) {
  background-color: #e5e8f0;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]   .group-list-row[_ngcontent-printjob-recipient]   .checkbox-container[_ngcontent-printjob-recipient] {
  margin-bottom: 0;
  height: auto;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]   .group-list-row[_ngcontent-printjob-recipient]   .checkbox-container[_ngcontent-printjob-recipient]   .checkbox-control[_ngcontent-printjob-recipient] {
  margin-right: 9px;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .group-list[_ngcontent-printjob-recipient]   .group-list-item[_ngcontent-printjob-recipient]   .group-list-row[_ngcontent-printjob-recipient]   .checkbox-container[_ngcontent-printjob-recipient]   .checkbox-label[_ngcontent-printjob-recipient] {
  font-size: 0.875rem;
}
[_nghost-printjob-recipient]   .printjob-recipient[_ngcontent-printjob-recipient]   .footer-container[_ngcontent-printjob-recipient] {
  margin-top: 65px;
  text-align: end;
}

/* ===== app-recipient (main-es2015.js) ===== */
[_nghost-recipient]   .group-list[_ngcontent-recipient] {
  list-style-type: none;
  font-size: 0.875rem;
  padding: 0;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item.collapsed[_ngcontent-recipient]   .group-list-header[_ngcontent-recipient] {
  border-bottom: none;
  background-color: transparent;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item.collapsed[_ngcontent-recipient]   .group-list-row[_ngcontent-recipient] {
  display: none;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]    > div[_ngcontent-recipient] {
  height: 40px;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-header[_ngcontent-recipient] {
  padding-left: 10px;
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  background-color: #e5e8f0;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-header[_ngcontent-recipient]    + .group-list-row[_ngcontent-recipient] {
  background-color: #e5e8f0;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-row[_ngcontent-recipient] {
  padding-left: 10px;
  display: grid;
  grid-template-columns: 55px 55px 1fr;
  align-items: center;
  justify-content: flex-start;
  color: #666666;
  gap: 31px;
  border-bottom: 1px solid #cbcbcb;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-row.active[_ngcontent-recipient] {
  background-color: #8d99b3;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-row[_ngcontent-recipient]:hover:not(.active) {
  background-color: #e5e8f0;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-row[_ngcontent-recipient]   .checkbox-container[_ngcontent-recipient] {
  margin-bottom: 0;
  height: auto;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-row[_ngcontent-recipient]   .checkbox-container[_ngcontent-recipient]   .checkbox-control[_ngcontent-recipient] {
  margin-right: 9px;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-row[_ngcontent-recipient]   .checkbox-container[_ngcontent-recipient]   .checkbox-label[_ngcontent-recipient] {
  font-size: 0.875rem;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]   .group-list-row[_ngcontent-recipient]:last-child {
  border-bottom: none;
}
[_nghost-recipient]   .group-list[_ngcontent-recipient]   .group-list-item[_ngcontent-recipient]:last-child {
  border-bottom: 1px solid #cbcbcb;
}
.footer-container[_ngcontent-recipient] {
  margin-top: 65px;
  text-align: end;
}

/* ===== app-select-directory (main-es2015.js) ===== */
[_nghost-select-directory] {
  width: 100%;
  max-height: calc(100vh - 65px);
}
[_nghost-select-directory]   .search-wrapper[_ngcontent-select-directory] {
  display: flex;
  align-items: center;
}
[_nghost-select-directory]   .search-wrapper[_ngcontent-select-directory]   .search-container[_ngcontent-select-directory] {
  flex: 1;
  border-radius: 2px;
  border: 1px solid #e5e8f0;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 1px;
}
[_nghost-select-directory]   .search-wrapper[_ngcontent-select-directory]   .search-container[_ngcontent-select-directory]   .search[_ngcontent-select-directory] {
  font-size: 0.875rem;
  color: #1b2745;
  padding: 15px 10px;
  width: calc(100% - 50px);
  background: #ffffff;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
[_nghost-select-directory]   .search-wrapper[_ngcontent-select-directory]   .search-container[_ngcontent-select-directory]   .search[_ngcontent-select-directory]::-moz-placeholder {
  color: #1b2745;
  opacity: 0.5;
}
[_nghost-select-directory]   .search-wrapper[_ngcontent-select-directory]   .search-container[_ngcontent-select-directory]   .search[_ngcontent-select-directory]::placeholder {
  color: #1b2745;
  opacity: 0.5;
}
[_nghost-select-directory]   .search-wrapper[_ngcontent-select-directory]   .search-container[_ngcontent-select-directory]   i[_ngcontent-select-directory] {
  font-size: 22px;
  margin-right: 10px;
}
[_nghost-select-directory]   .directory-tree-wrapper[_ngcontent-select-directory] {
  font-size: 0.875rem;
  border-radius: 2px;
  border: 1px solid #b9b9b9;
  padding: 15px 0px;
  min-height: 200px;
  max-height: calc(100vh - 400px);
  overflow-x: hidden;
  overflow-y: auto;
}
[_nghost-select-directory]   .directory-tree-wrapper[_ngcontent-select-directory]   i[_ngcontent-select-directory] {
  padding-left: 10px;
}
[_nghost-select-directory]   .footer-container[_ngcontent-select-directory] {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}
[_nghost-select-directory]   .footer-container[_ngcontent-select-directory]   .btn[_ngcontent-select-directory] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
}
[_nghost-select-directory]   .footer-container[_ngcontent-select-directory]   .btn[_ngcontent-select-directory]   i[_ngcontent-select-directory] {
  font-size: 14px;
}
[_nghost-select-directory]   .footer-container[_ngcontent-select-directory]   .btn[_ngcontent-select-directory]:last-child {
  margin-right: 0;
}
@media (max-width: 960px) {
  [_nghost-select-directory]   .search-wrapper[_ngcontent-select-directory]   .search-container[_ngcontent-select-directory]   .search[_ngcontent-select-directory] {
    font-size: 1rem;
  }
}

/* ===== app-select-timeperiod-user (main-es2015.js) ===== */
[_nghost-select-timeperiod-user] {
  width: 100%;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 400px);
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .checkbox-label[_ngcontent-select-timeperiod-user] {
  font-size: 1rem;
  flex: 0;
  flex-shrink: 0;
  word-break: keep-all;
  white-space: nowrap;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .checkbox-container[_ngcontent-select-timeperiod-user]   .checkbox-control[_ngcontent-select-timeperiod-user] {
  border: 1px solid #b9babd;
  flex-basis: 21px;
  border-radius: 0;
  height: 20px;
  margin: 0 0 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .checkbox-container[_ngcontent-select-timeperiod-user]   i[_ngcontent-select-timeperiod-user] {
  flex: 62%;
  color: #666666;
  font-size: 1.15rem;
  cursor: pointer;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .checkbox-container[_ngcontent-select-timeperiod-user] {
  height: 30px;
  margin-bottom: 20px;
  justify-content: flex-start;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .dropbox-label[_ngcontent-select-timeperiod-user] {
  font-size: 1rem;
  flex: 0;
  flex-shrink: 0;
  word-break: keep-all;
  white-space: nowrap;
  margin: 0 20px 0 0;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .dropbox-container[_ngcontent-select-timeperiod-user] {
  height: 30px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .table-container[_ngcontent-select-timeperiod-user] {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user] {
  border-collapse: collapse;
  margin-bottom: 20px;
  position: relative;
  table-layout: fixed;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   thead[_ngcontent-select-timeperiod-user] {
  display: block;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   thead[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   th[_ngcontent-select-timeperiod-user] {
  border: 1px solid #d7d7d7;
  background: #e5e8f0;
  height: 40px;
  border-top: none;
  border-bottom: 2px solid #1b2745;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: left;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user] {
  display: block;
  overflow-x: hidden;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   .checkbox-container[_ngcontent-select-timeperiod-user] {
  margin-bottom: 0;
  height: 40px;
  display: flex;
  align-items: center;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   .loading-service[_ngcontent-select-timeperiod-user] {
  height: 40px;
  display: flex;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   .loading-service[_ngcontent-select-timeperiod-user]    > td[_ngcontent-select-timeperiod-user] {
  width: 100%;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user] {
  height: 40px;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]:nth-child(even) {
  background-color: #e5e8f0;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]:hover {
  color: #ffffff;
  background-color: #8d99b3;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr.unread[_ngcontent-select-timeperiod-user] {
  font-weight: bold;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr.lock[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user] {
  position: relative;
  color: #b9babd;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr.lock[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]:not(:first-child):before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #b9babd;
  width: 100%;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr.lock[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]:nth-child(2):before {
  left: 40px;
  width: calc(100% - 40px);
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr.checked[_ngcontent-select-timeperiod-user] {
  color: #ffffff;
  background-color: #1b2745;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user] {
  height: 40px;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  box-sizing: border-box;
  padding: 0 10px;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]:last-child {
  border-right: 1px solid #d7d7d7;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]   .avatar-line[_ngcontent-select-timeperiod-user] {
  display: flex;
  align-items: center;
  gap: 10px;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]   table-filter-input[_ngcontent-select-timeperiod-user] {
  display: flex;
  align-items: center;
  gap: 10px;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]   .file-container[_ngcontent-select-timeperiod-user] {
  display: flex;
  align-items: center;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]   .file-container[_ngcontent-select-timeperiod-user]   .file-icon[_ngcontent-select-timeperiod-user] {
  margin-right: 10px;
  padding-top: 3px;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]   .file-container[_ngcontent-select-timeperiod-user]   .download-link[_ngcontent-select-timeperiod-user]:hover {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   table[_ngcontent-select-timeperiod-user]   tbody[_ngcontent-select-timeperiod-user]   tr[_ngcontent-select-timeperiod-user]   td[_ngcontent-select-timeperiod-user]   .file-container[_ngcontent-select-timeperiod-user]   .lock-icon[_ngcontent-select-timeperiod-user] {
  display: none;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   .text-nowrap[_ngcontent-select-timeperiod-user] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   input[type=checkbox][_ngcontent-select-timeperiod-user] {
  border: 1px solid #b5b5b5;
  background: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
[_nghost-select-timeperiod-user]   .select-timeperiod-modal[_ngcontent-select-timeperiod-user]   input[type=checkbox][_ngcontent-select-timeperiod-user]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
[_nghost-select-timeperiod-user]   .footer-container[_ngcontent-select-timeperiod-user] {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
[_nghost-select-timeperiod-user]   .footer-container[_ngcontent-select-timeperiod-user]   .btn[_ngcontent-select-timeperiod-user] {
  margin-right: 10px;
  box-sizing: border-box;
}
[_nghost-select-timeperiod-user]   .footer-container[_ngcontent-select-timeperiod-user]   .btn[_ngcontent-select-timeperiod-user]:last-child {
  margin-right: 0;
}

/* ===== app-support-mail (main-es2015.js) ===== */
[_nghost-support-mail] {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail] {
  border-top: 3px solid #1b2745;
  max-height: calc(100vh - 180px);
  
  
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .footer-container[_ngcontent-support-mail] {
  display: flex;
  justify-content: flex-end;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .footer-container[_ngcontent-support-mail]   .btn[_ngcontent-support-mail] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .footer-container[_ngcontent-support-mail]   .btn[_ngcontent-support-mail]:last-child {
  margin-right: 0;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .email-input[_ngcontent-support-mail] {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #c9d1e6;
  font-size: 14px;
  padding: 20px;
  height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Arial, sans-serif;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .textarea-control[_ngcontent-support-mail] {
  font-size: 14px;
  color: #666666;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 20px;
  resize: none;
  overflow: hidden;
  min-height: 200px;
  font-family: Arial, sans-serif;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .subject[_ngcontent-support-mail] {
  width: 100%;
  font-size: 14px;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  color: #666666;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   select[_ngcontent-support-mail], [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   input[_ngcontent-support-mail] {
  font-size: 14px;
  color: #666666;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   input[_ngcontent-support-mail]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   textarea[_ngcontent-support-mail]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   input[_ngcontent-support-mail]:-webkit-autofill, [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   input[_ngcontent-support-mail]:-webkit-autofill:hover, [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   input[_ngcontent-support-mail]:-webkit-autofill:focus, [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   input[_ngcontent-support-mail]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   textarea[_ngcontent-support-mail]:-webkit-autofill, [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   textarea[_ngcontent-support-mail]:-webkit-autofill:hover, [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   textarea[_ngcontent-support-mail]:-webkit-autofill:focus, [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   textarea[_ngcontent-support-mail]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .checkbox-label[_ngcontent-support-mail] {
  font-size: 14px;
  font-family: Arial, sans-serif;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .checkbox-container[_ngcontent-support-mail]   .checkbox-control[_ngcontent-support-mail] {
  border: 1px solid #b9babd;
  flex-basis: 21px;
  border-radius: 0;
  height: 20px;
  margin: 0 20px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: white;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .checkbox-container[_ngcontent-support-mail] {
  height: 30px;
  margin-bottom: 10px;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .section-header[_ngcontent-support-mail] {
  font-weight: normal;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-wrapper[_ngcontent-support-mail] {
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 65px;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail] {
  display: flex;
}
@media (max-width: 960px) {
  [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail] {
    flex-direction: column;
  }
  [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail]   .downloads[_ngcontent-support-mail] {
    margin-bottom: 20px;
  }
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail]   .downloads[_ngcontent-support-mail], [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail]   .videos[_ngcontent-support-mail] {
  display: flex;
  align-items: center;
  flex: 0 0 50%;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail]   .downloads[_ngcontent-support-mail]   a[_ngcontent-support-mail], [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail]   .videos[_ngcontent-support-mail]   a[_ngcontent-support-mail] {
  color: inherit;
  text-decoration: none;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail]   .downloads[_ngcontent-support-mail]   .video-link[_ngcontent-support-mail], [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-container[_ngcontent-support-mail]   .videos[_ngcontent-support-mail]   .video-link[_ngcontent-support-mail] {
  cursor: pointer;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .support-wrapper[_ngcontent-support-mail]   .phone[_ngcontent-support-mail] {
  display: flex;
  align-items: center;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail] {
  display: flex;
}
@media (max-width: 960px) {
  [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail] {
    flex-direction: column;
  }
  [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail]   .contact-wrapper-header[_ngcontent-support-mail] {
    margin-bottom: 20px;
  }
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail]   .contact-wrapper-header[_ngcontent-support-mail] {
  flex: 0 0 25%;
}
@media (min-width: 1280px) {
  [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail]   .contact-wrapper-header[_ngcontent-support-mail] {
    flex: 0 0 20%;
  }
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail]   .contact-wrapper-header[_ngcontent-support-mail]   h3[_ngcontent-support-mail] {
  margin: 0;
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail]   form[_ngcontent-support-mail] {
  flex: 0 0 75%;
}
@media (min-width: 1280px) {
  [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .contact-wrapper[_ngcontent-support-mail]   form[_ngcontent-support-mail] {
    flex: 0 0 55%;
  }
}
[_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .download-video-wrapper[_ngcontent-support-mail]   .icon[_ngcontent-support-mail], [_nghost-support-mail]   .form-wrapper[_ngcontent-support-mail]   .support-wrapper[_ngcontent-support-mail]   .icon[_ngcontent-support-mail] {
  color: #8d99b3;
  margin-right: 10px;
  font-size: 26px;
}

/* ===== app-video (main-es2015.js) ===== */
[_nghost-video] {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-video]   .footer-container[_ngcontent-video] {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}
[_nghost-video]   .footer-container[_ngcontent-video]   .btn[_ngcontent-video] {
  margin-right: 10px;
  height: 32px;
  box-sizing: border-box;
}
[_nghost-video]   .footer-container[_ngcontent-video]   .btn[_ngcontent-video]:last-child {
  margin-right: 0;
}
[_nghost-video]   .video-container[_ngcontent-video] {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
[_nghost-video]   .video-container[_ngcontent-video]   iframe[_ngcontent-video], [_nghost-video]   .video-container[_ngcontent-video]   object[_ngcontent-video], [_nghost-video]   .video-container[_ngcontent-video]   embed[_ngcontent-video] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ===== app-workbook-modal (main-es2015.js) ===== */
[_nghost-workbook-modal] {
  width: 100%;
  max-height: calc(100vh - 65px);
  max-height: calc(var(--vh) - 65px);
}
[_nghost-workbook-modal]   .notification[_ngcontent-workbook-modal] {
  display: flex;
  align-items: center;
  margin-left: 20px;
  color: #1b2745;
}
[_nghost-workbook-modal]   .notification[_ngcontent-workbook-modal]   i[_ngcontent-workbook-modal] {
  margin-right: 10px;
  font-size: 40px;
}
[_nghost-workbook-modal]   .notification[_ngcontent-workbook-modal]   div[_ngcontent-workbook-modal] {
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[_nghost-workbook-modal]   table[_ngcontent-workbook-modal] {
  table-layout: fixed;
  width: 100%;
}
[_nghost-workbook-modal]   table[_ngcontent-workbook-modal]   th[_ngcontent-workbook-modal] {
  font-weight: 600;
  padding: 0;
}
[_nghost-workbook-modal]   table[_ngcontent-workbook-modal]   th[_ngcontent-workbook-modal]:not(:first-child) {
  border-left: #dadada;
}
[_nghost-workbook-modal]   table[_ngcontent-workbook-modal]   .file-name-column[_ngcontent-workbook-modal] {
  width: 41%;
}
[_nghost-workbook-modal]   table[_ngcontent-workbook-modal]   .description-column[_ngcontent-workbook-modal] {
  width: 25%;
}
[_nghost-workbook-modal]   table[_ngcontent-workbook-modal]   .index-column[_ngcontent-workbook-modal] {
  width: 8%;
}
[_nghost-workbook-modal]   table[_ngcontent-workbook-modal]   .owner-column[_ngcontent-workbook-modal] {
  width: 26%;
}

/* ===== app-change-description (main-es2015.js) ===== */
.change-description-container[_ngcontent-change-description] {
  display: flex;
  width: 340px;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
  font-size: 0.875rem;
  flex-direction: column;
  padding: 10px;
}
.change-description-container[_ngcontent-change-description]   .title[_ngcontent-change-description] {
  font-size: 1rem;
  margin-bottom: 15px;
  font-weight: bold;
}
.change-description-container[_ngcontent-change-description]   form[_ngcontent-change-description] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.change-description-container[_ngcontent-change-description]   form[_ngcontent-change-description]   .form-group[_ngcontent-change-description] {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.change-description-container[_ngcontent-change-description]   form[_ngcontent-change-description]   .form-group[_ngcontent-change-description]   label[_ngcontent-change-description] {
  margin-bottom: 5px;
}
.change-description-container[_ngcontent-change-description]   form[_ngcontent-change-description]   .form-group[_ngcontent-change-description]   .input-control[_ngcontent-change-description] {
  font-size: 0.875rem;
  padding: 10px 10px;
  border-right: 1px solid;
}
.change-description-container[_ngcontent-change-description]   form[_ngcontent-change-description]   .form-group[_ngcontent-change-description]   input[_ngcontent-change-description]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.change-description-container[_ngcontent-change-description]   form[_ngcontent-change-description]   .button-group[_ngcontent-change-description] {
  display: flex;
  justify-content: flex-end;
}

/* ===== project-image-gallery (main-es2015.js) ===== */
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery] {
  border: 1px solid #dadada;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
  --elements-per-row: 4;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery] {
  position: relative;
  flex-basis: calc(100% / var(--elements-per-row));
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .image[_ngcontent-project-image-gallery] {
  position: relative;
  box-sizing: border-box;
  margin: 10px 10px 5px 10px;
  background-color: #e5e8f0;
  cursor: pointer;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .image[_ngcontent-project-image-gallery]:hover   .overlay[_ngcontent-project-image-gallery] {
  display: flex;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .image[_ngcontent-project-image-gallery]   .overlay[_ngcontent-project-image-gallery] {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  display: none;
  background-color: rgba(255, 255, 255, 0.6);
  align-items: center;
  justify-content: center;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .image[_ngcontent-project-image-gallery]   .overlay[_ngcontent-project-image-gallery]   i[_ngcontent-project-image-gallery] {
  font-size: 31px;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .image[_ngcontent-project-image-gallery]   .select-container[_ngcontent-project-image-gallery] {
  position: absolute;
  top: 10px;
  left: 10px;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .image[_ngcontent-project-image-gallery]   .select-container[_ngcontent-project-image-gallery]   input[type=checkbox][_ngcontent-project-image-gallery] {
  margin: 0;
  border: 1px solid #b5b5b5;
  background: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .image[_ngcontent-project-image-gallery]   .select-container[_ngcontent-project-image-gallery]   input[type=checkbox][_ngcontent-project-image-gallery]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container.lock[_ngcontent-project-image-gallery]   .name[_ngcontent-project-image-gallery]   .text[_ngcontent-project-image-gallery] {
  text-decoration: line-through;
  color: #b9babd;
  pointer-events: none;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .name[_ngcontent-project-image-gallery] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .name[_ngcontent-project-image-gallery]   .text[_ngcontent-project-image-gallery] {
  flex-grow: 1;
  padding: 6px 10px 16px 10px;
  font-size: 14px;
  font-weight: 600;
  color: #1b2745;
  cursor: pointer;
  white-space: break-word;
  word-break: break-all;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .name[_ngcontent-project-image-gallery]   .text[_ngcontent-project-image-gallery]:hover {
  text-decoration: underline;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .name[_ngcontent-project-image-gallery]   .comment[_ngcontent-project-image-gallery] {
  padding: 6px 10px 16px 0px;
  flex-shrink: 0;
}
.gallery-container-wrapper[_ngcontent-project-image-gallery]   .gallery-container[_ngcontent-project-image-gallery]   .image-container[_ngcontent-project-image-gallery]   .name[_ngcontent-project-image-gallery]   .comment[_ngcontent-project-image-gallery]   i[_ngcontent-project-image-gallery] {
  padding: 0;
  cursor: pointer;
}
.drag-and-drop-preview[_ngcontent-project-image-gallery] {
  background: #ffffff;
  bottom: 0;
  color: #ffffff;
  max-width: 450px;
  left: -500px;
  padding: 5px 10px 5px 5px;
  position: absolute;
  pointer-events: none;
}
.drag-and-drop-preview[_ngcontent-project-image-gallery]   i[_ngcontent-project-image-gallery] {
  background-color: green;
  border-radius: 50%;
  margin-right: 5px;
  padding: 2px 4px;
}
.drag-and-drop-preview[_ngcontent-project-image-gallery]   i[_ngcontent-project-image-gallery]:before {
  font-size: 16px;
  color: #ffffff;
  line-height: 25px;
}

/* ===== project-overview (main-es2015.js) ===== */
[_nghost-project-overview] {
  display: flex;
  width: 100%;
  height: 100%;
}
[_nghost-project-overview]   .global-search-tag[_ngcontent-project-overview] {
  display: block;
  font-size: 14px;
  margin-bottom: 25px;
}
[_nghost-project-overview]   .action-item[_ngcontent-project-overview]   .text[_ngcontent-project-overview] {
  font-size: 0.875rem;
}
[_nghost-project-overview]   .content-container[_ngcontent-project-overview]   .content[_ngcontent-project-overview] {
  position: relative;
  padding: 14px 0 20px 40px;
}
[_nghost-project-overview]   .content-container[_ngcontent-project-overview]   .content[_ngcontent-project-overview]   .overlay[_ngcontent-project-overview] {
  box-sizing: border-box;
  border: 10px dashed #dc0830;
  background-color: rgba(0, 0, 0, 0.9);
  background-image: url("/assets/drop-here.svg");
  background-repeat: no-repeat;
  background-size: 200px;
  background-position: center center;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 960px) {
  [_nghost-project-overview]   .content-container__desktop[_ngcontent-project-overview] {
    display: none;
  }
}
[_nghost-project-overview]   .filelist-filter-container[_ngcontent-project-overview] {
  background: #e5e8f0;
  border-bottom: 1px solid #d0d1d2;
  top: 80px;
  width: 100%;
  position: absolute;
  z-index: 1;
}
[_nghost-project-overview]   .filelist-filter[_ngcontent-project-overview] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  font-size: 0.875rem;
  padding: 0px 13px;
}
[_nghost-project-overview]   .filelist-filter[_ngcontent-project-overview]   .sort-toggle[_ngcontent-project-overview] {
  width: 20px;
  text-align: center;
}
[_nghost-project-overview]   .filelist-filter[_ngcontent-project-overview]   .item[_ngcontent-project-overview] {
  line-height: 42px;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[_nghost-project-overview]   .filelist-filter[_ngcontent-project-overview]   .item[_ngcontent-project-overview]   i[_ngcontent-project-overview] {
  width: 10px;
  margin-right: 5px;
  color: #8d99b3;
}
[_nghost-project-overview]   .filelist-filter[_ngcontent-project-overview]   .item[_ngcontent-project-overview]   .icon-folder[_ngcontent-project-overview], [_nghost-project-overview]   .filelist-filter[_ngcontent-project-overview]   .item[_ngcontent-project-overview]   .icon-folder-open[_ngcontent-project-overview] {
  width: 20px;
}
@media (max-width: 960px) {
  [_nghost-project-overview]   .folder-list-pagination[_ngcontent-project-overview] {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
  }
}

/* ===== plancode-table-sorter (main-es2015.js) ===== */
[_nghost-plancode-table-sorter] {
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  color: #1b2745;
}

.sort-label[_ngcontent-plancode-table-sorter] {
  box-sizing: border-box;
  padding-left: 10px;
  display: flex;
  font-weight: 600;
  align-items: center;
  flex: 1;
  height: 100%;
  min-width: 0;
  cursor: pointer;
}

.sort-label[_ngcontent-plancode-table-sorter]   span[_ngcontent-plancode-table-sorter] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sort-label.active[_ngcontent-plancode-table-sorter], .sort-label[_ngcontent-plancode-table-sorter]:hover {
  color: #ffffff;
  background: #8d99b3;
}

.sort-toggle[_ngcontent-plancode-table-sorter] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 20px;
  height: 100%;
  cursor: pointer;
}

.sort-toggle.active[_ngcontent-plancode-table-sorter], .sort-toggle[_ngcontent-plancode-table-sorter]:hover {
  color: #ffffff;
  background-color: #576588;
}

/* ===== project-plancode-table (main-es2015.js) ===== */
.table-container[_ngcontent-project-plancode-table] {
  width: auto;
  overflow-x: auto;
  margin-bottom: 20px;
}
.table-container.oversize[_ngcontent-project-plancode-table] {
  width: calc(100% - 30px);
}
table[_ngcontent-project-plancode-table] {
  border-collapse: collapse;
  position: relative;
  width: 100%;
  font-size: 0.875rem;
}
table[_ngcontent-project-plancode-table]   thead.pending[_ngcontent-project-plancode-table] {
  border-bottom: 2px solid #1b2745;
  background: #e5e8f0;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   .checkbox-container[_ngcontent-project-plancode-table] {
  margin-bottom: 0;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th[_ngcontent-project-plancode-table] {
  border: 1px solid #d7d7d7;
  background: #e5e8f0;
  min-width: 50px;
  height: 60px;
  border-top: none;
  border-bottom: 2px solid #1b2745;
  box-sizing: border-box;
  padding: 0;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th[_ngcontent-project-plancode-table]   table-filter-input[_ngcontent-project-plancode-table], table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th[_ngcontent-project-plancode-table]   .filter-container[_ngcontent-project-plancode-table] {
  display: none;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th[_ngcontent-project-plancode-table]:last-of-type   .column-container[_ngcontent-project-plancode-table] {
  padding-right: 5px;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th.pending[_ngcontent-project-plancode-table] {
  border-bottom: 0px solid transparent;
  border-right-color: transparent;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th.pending[_ngcontent-project-plancode-table]     .sort-label, table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th.pending[_ngcontent-project-plancode-table]     .sort-toggle {
  color: transparent;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   th.pending[_ngcontent-project-plancode-table]:last-of-type {
  padding-right: 35px;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr.filter[_ngcontent-project-plancode-table] {
  height: 120px;
}
table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr.filter[_ngcontent-project-plancode-table]   th[_ngcontent-project-plancode-table]   .filter-container[_ngcontent-project-plancode-table], table[_ngcontent-project-plancode-table]   thead[_ngcontent-project-plancode-table]   tr.filter[_ngcontent-project-plancode-table]   th[_ngcontent-project-plancode-table]   table-filter-input[_ngcontent-project-plancode-table] {
  height: 60px;
  display: flex;
  align-items: center;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table] {
  overflow-x: hidden;
  padding-bottom: 1px;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   .checkbox-container[_ngcontent-project-plancode-table] {
  margin-bottom: 0;
  height: 40px;
  display: flex;
  align-items: center;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   .loading-service[_ngcontent-project-plancode-table] {
  height: 40px;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   .loading-service[_ngcontent-project-plancode-table]    > td[_ngcontent-project-plancode-table] {
  width: 100%;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table] {
  height: 40px;
  white-space: nowrap;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]:nth-child(even) {
  background-color: #e5e8f0;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]:last-child {
  background-color: #ffffff;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.release-not-complete[_ngcontent-project-plancode-table] {
  background-color: #f8f4bc;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.release-not-accepted[_ngcontent-project-plancode-table] {
  background-color: #ed8397;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.release-accepted[_ngcontent-project-plancode-table] {
  background-color: #8FCE48;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]:hover {
  color: #ffffff;
  background-color: #8d99b3;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]:last-child:hover {
  background-color: #ffffff;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.unread[_ngcontent-project-plancode-table] {
  font-weight: 600;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.placeholder[_ngcontent-project-plancode-table] {
  font-weight: 600;
  color: transparent;
  visibility: collapse;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.lock[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table] {
  position: relative;
  color: #b9babd;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.lock[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]:not(:first-child):before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #b9babd;
  width: 100%;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.lock[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]:nth-child(2):before {
  left: 5px;
  width: calc(100% - 5px);
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr.checked[_ngcontent-project-plancode-table] {
  color: #ffffff;
  background-color: #1b2745;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table] {
  height: 40px;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  box-sizing: border-box;
  line-height: 40px;
  white-space: nowrap;
  padding: 0;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   i[_ngcontent-project-plancode-table] {
  padding: 0 10px;
  font-size: 0.875rem;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]:first-of-type {
  border-left: 1px solid #d7d7d7;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]    > div[_ngcontent-project-plancode-table] {
  box-sizing: border-box;
  height: 36px;
  padding: 0 10px;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]    > div.spacing[_ngcontent-project-plancode-table]:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .avatar-line[_ngcontent-project-plancode-table] {
  display: flex;
  align-items: center;
  gap: 10px;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   table-filter-input[_ngcontent-project-plancode-table] {
  display: flex;
  align-items: center;
  gap: 10px;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .comment[_ngcontent-project-plancode-table] {
  flex-shrink: 0;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .comment[_ngcontent-project-plancode-table]   i[_ngcontent-project-plancode-table] {
  padding: 0;
  cursor: pointer;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .item-flag[_ngcontent-project-plancode-table] {
  flex-shrink: 0;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .file-container[_ngcontent-project-plancode-table] {
  flex-grow: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .file-container[_ngcontent-project-plancode-table]   .file[_ngcontent-project-plancode-table] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .file-container[_ngcontent-project-plancode-table]   .file[_ngcontent-project-plancode-table]   .file-icon[_ngcontent-project-plancode-table] {
  margin-right: 10px;
  padding-top: 3px;
  line-height: 0 !important;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .file-container[_ngcontent-project-plancode-table]   .file[_ngcontent-project-plancode-table]   .download-link[_ngcontent-project-plancode-table]:hover {
  text-decoration: underline;
  cursor: pointer;
}
table[_ngcontent-project-plancode-table]   tbody[_ngcontent-project-plancode-table]   tr[_ngcontent-project-plancode-table]   td[_ngcontent-project-plancode-table]   .file-wrapper[_ngcontent-project-plancode-table]   .file-container[_ngcontent-project-plancode-table]   .file[_ngcontent-project-plancode-table]   .lock-icon[_ngcontent-project-plancode-table] {
  display: none;
}
.text-nowrap[_ngcontent-project-plancode-table] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input[type=checkbox][_ngcontent-project-plancode-table] {
  border: 1px solid #b5b5b5;
  background: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
input[type=checkbox][_ngcontent-project-plancode-table]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.drag-and-drop-preview[_ngcontent-project-plancode-table] {
  background: #ffffff;
  bottom: 0;
  color: #ffffff;
  max-width: 450px;
  left: -500px;
  padding: 5px 10px 5px 5px;
  position: absolute;
  pointer-events: none;
}
.drag-and-drop-preview[_ngcontent-project-plancode-table]   i[_ngcontent-project-plancode-table] {
  background-color: green;
  border-radius: 50%;
  margin-right: 5px;
  padding: 2px 4px;
}
.drag-and-drop-preview[_ngcontent-project-plancode-table]   i[_ngcontent-project-plancode-table]:before {
  font-size: 16px;
  color: #ffffff;
  line-height: 25px;
}

/* ===== app-project-select (main-es2015.js) ===== */
[_nghost-project-select] {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
  padding-bottom: 75px;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  display: inline-block;
}
[_nghost-project-select]::after {
  content: "";
  background-image: url("/assets/ppm-project-icon.png");
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: -30px;
  left: 0;
}
.header-and-search[_ngcontent-project-select] {
  display: flex;
  align-items: center;
}
.header-and-search[_ngcontent-project-select]   .search-container[_ngcontent-project-select] {
  flex: 1;
  margin-left: 51px;
}
h1[_ngcontent-project-select] {
  font-size: 1.5rem;
  color: #1b2745;
  font-weight: normal;
}
.project-list[_ngcontent-project-select] {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.project-list[_ngcontent-project-select]   .project-list-item[_ngcontent-project-select] {
  color: #1b2745;
  cursor: pointer;
  border-bottom: 1px solid #cbcbcb;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.project-list[_ngcontent-project-select]   .project-list-item[_ngcontent-project-select]:first-child {
  border-top: 1px solid #cbcbcb;
}
.project-list[_ngcontent-project-select]   .project-list-item[_ngcontent-project-select]:hover {
  background: #e5e8f0;
}
.project-list[_ngcontent-project-select]   .project-list-item.active[_ngcontent-project-select] {
  color: #ffffff;
  background: #8d99b3;
}
.project-list[_ngcontent-project-select]   .project-list-item[_ngcontent-project-select]   .project-icon-container[_ngcontent-project-select] {
  flex-basis: 40px;
  margin-right: 15px;
  border-radius: 20px;
  overflow: hidden;
}
.project-list[_ngcontent-project-select]   .project-list-item[_ngcontent-project-select]   span[_ngcontent-project-select] {
  flex: 1;
}
.project-list[_ngcontent-project-select]   .project-list-item[_ngcontent-project-select]   i[_ngcontent-project-select] {
  text-align: right;
  flex-basis: 40px;
  font-size: 1.5rem;
}
.search-container[_ngcontent-project-select] {
  border-radius: 2px;
  border: 1px solid #e5e8f0;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 1px;
}
.search-container[_ngcontent-project-select]   .search[_ngcontent-project-select] {
  font-size: 0.875rem;
  color: #1b2745;
  padding: 15px 10px;
  width: calc(100% - 50px);
  background: #ffffff;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
.search-container[_ngcontent-project-select]   .search[_ngcontent-project-select]::-moz-placeholder {
  color: #1b2745;
  opacity: 0.5;
}
.search-container[_ngcontent-project-select]   .search[_ngcontent-project-select]::placeholder {
  color: #1b2745;
  opacity: 0.5;
}
.search-container[_ngcontent-project-select]   i[_ngcontent-project-select] {
  font-size: 22px;
}
@media (max-width: 960px) {
  [_nghost-project-select] {
    margin-bottom: 100px;
  }

  .project-list[_ngcontent-project-select]   .project-list-item[_ngcontent-project-select] {
    padding: 10px 20px;
  }

  .header-and-search[_ngcontent-project-select]   .search-container[_ngcontent-project-select]   .search[_ngcontent-project-select] {
    font-size: 1rem;
  }
}
@media (max-width: 600px) {
  .header-and-search[_ngcontent-project-select] {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 20px;
  }
  .header-and-search[_ngcontent-project-select]   .search-container[_ngcontent-project-select] {
    margin-left: 0px;
  }
}

/* ===== app-project-table (main-es2015.js) ===== */
.table-container[_ngcontent-project-table] {
  width: 100%;
  overflow-x: auto;
}

table[_ngcontent-project-table] {
  border-collapse: collapse;
  margin-bottom: 20px;
  position: relative;
  table-layout: fixed;
  font-size: 0.875rem;
}

table[_ngcontent-project-table]   thead[_ngcontent-project-table] {
  display: block;
}

table[_ngcontent-project-table]   thead[_ngcontent-project-table]   .checkbox-container[_ngcontent-project-table] {
  margin-bottom: 0;
}

table[_ngcontent-project-table]   thead[_ngcontent-project-table]   tr[_ngcontent-project-table]   th[_ngcontent-project-table] {
  border: 1px solid #d7d7d7;
  background: #e5e8f0;
  min-width: 50px;
  height: 60px;
  border-top: none;
  border-bottom: 2px solid #1b2745;
}

table[_ngcontent-project-table]   thead[_ngcontent-project-table]   tr[_ngcontent-project-table]   th[_ngcontent-project-table]   table-filter-input[_ngcontent-project-table], table[_ngcontent-project-table]   thead[_ngcontent-project-table]   tr[_ngcontent-project-table]   th[_ngcontent-project-table]   .filter-container[_ngcontent-project-table] {
  display: none;
}

table[_ngcontent-project-table]   thead[_ngcontent-project-table]   tr.filter[_ngcontent-project-table] {
  height: 120px;
}

table[_ngcontent-project-table]   thead[_ngcontent-project-table]   tr.filter[_ngcontent-project-table]   th[_ngcontent-project-table]   .filter-container[_ngcontent-project-table], table[_ngcontent-project-table]   thead[_ngcontent-project-table]   tr.filter[_ngcontent-project-table]   th[_ngcontent-project-table]   table-filter-input[_ngcontent-project-table] {
  height: 60px;
  display: flex;
  align-items: center;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table] {
  display: block;
  overflow-x: hidden;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   .checkbox-container[_ngcontent-project-table] {
  margin-bottom: 0;
  height: 40px;
  display: flex;
  align-items: center;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   .loading-service[_ngcontent-project-table] {
  height: 40px;
  display: flex;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   .loading-service[_ngcontent-project-table]    > td[_ngcontent-project-table] {
  width: 100%;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table] {
  height: 40px;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]:nth-child(even) {
  background-color: #e5e8f0;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]:last-child {
  background-color: #ffffff;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.release-not-complete[_ngcontent-project-table] {
  background-color: #f8f4bc;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.release-not-accepted[_ngcontent-project-table] {
  background-color: #ed8397;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.release-accepted[_ngcontent-project-table] {
  background-color: #8FCE48;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]:hover {
  color: #ffffff;
  background-color: #8d99b3;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]:last-child:hover {
  background-color: #ffffff;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.unread[_ngcontent-project-table] {
  font-weight: 600;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.lock[_ngcontent-project-table]   td[_ngcontent-project-table] {
  position: relative;
  color: #b9babd;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.lock[_ngcontent-project-table]   td[_ngcontent-project-table]:not(:first-child):before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #b9babd;
  width: 100%;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.lock[_ngcontent-project-table]   td[_ngcontent-project-table]:nth-child(2):before {
  left: 40px;
  width: calc(100% - 40px);
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr.checked[_ngcontent-project-table] {
  color: #ffffff;
  background-color: #1b2745;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table] {
  height: 40px;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  box-sizing: border-box;
  padding: 0 10px;
  display: inline-block;
  line-height: 40px;
  white-space: nowrap;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]:last-child {
  border-right: 1px solid #d7d7d7;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .avatar-line[_ngcontent-project-table] {
  display: flex;
  align-items: center;
  gap: 10px;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   table-filter-input[_ngcontent-project-table] {
  display: flex;
  align-items: center;
  gap: 10px;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .comment[_ngcontent-project-table] {
  flex-shrink: 0;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .comment[_ngcontent-project-table]   i[_ngcontent-project-table] {
  padding: 0;
  cursor: pointer;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .item-flag[_ngcontent-project-table] {
  flex-shrink: 0;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .file-container[_ngcontent-project-table] {
  flex-grow: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .file-container[_ngcontent-project-table]   .file[_ngcontent-project-table] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .file-container[_ngcontent-project-table]   .file[_ngcontent-project-table]   .file-icon[_ngcontent-project-table] {
  margin-right: 10px;
  padding-top: 3px;
  line-height: 0 !important;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .file-container[_ngcontent-project-table]   .file[_ngcontent-project-table]   .download-link[_ngcontent-project-table]:hover {
  text-decoration: underline;
  cursor: pointer;
}

table[_ngcontent-project-table]   tbody[_ngcontent-project-table]   tr[_ngcontent-project-table]   td[_ngcontent-project-table]   .file-wrapper[_ngcontent-project-table]   .file-container[_ngcontent-project-table]   .file[_ngcontent-project-table]   .lock-icon[_ngcontent-project-table] {
  display: none;
}

.text-nowrap[_ngcontent-project-table] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input[type=checkbox][_ngcontent-project-table] {
  border: 1px solid #b5b5b5;
  background: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}

input[type=checkbox][_ngcontent-project-table]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.drag-and-drop-preview[_ngcontent-project-table] {
  background: #ffffff;
  bottom: 0;
  color: #ffffff;
  max-width: 450px;
  left: -500px;
  padding: 5px 10px 5px 5px;
  position: absolute;
  pointer-events: none;
}

.drag-and-drop-preview[_ngcontent-project-table]   i[_ngcontent-project-table] {
  background-color: green;
  border-radius: 50%;
  margin-right: 5px;
  padding: 2px 4px;
}

.drag-and-drop-preview[_ngcontent-project-table]   i[_ngcontent-project-table]:before {
  font-size: 16px;
  color: #ffffff;
  line-height: 25px;
}

/* ===== app-avatar (main-es2015.js) ===== */
.avatar-container[_ngcontent-avatar] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.avatar-container.blue[_ngcontent-avatar] {
  background-color: #576588;
}
.avatar-container.grey[_ngcontent-avatar] {
  background-color: #b9babd;
}
.avatar-container[_ngcontent-avatar]   .avatar-background[_ngcontent-avatar] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.avatar-container[_ngcontent-avatar]   .avatar-initials[_ngcontent-avatar] {
  font-weight: 400;
  color: white;
  font-size: 1rem;
  z-index: 1;
}
.avatar-container[_ngcontent-avatar]   .icon[_ngcontent-avatar] {
  color: white;
}
.avatar-container.sm[_ngcontent-avatar] {
  width: 30px;
  height: 30px;
}
.avatar-container.sm[_ngcontent-avatar]   .avatar-initials[_ngcontent-avatar] {
  font-size: 14px;
}
.avatar-container.sm[_ngcontent-avatar]   .avatar-initials.sm[_ngcontent-avatar] {
  font-size: 10px;
}
.avatar-container.lg[_ngcontent-avatar]   .avatar-initials[_ngcontent-avatar] {
  font-size: 20px;
}
.avatar-container.lg[_ngcontent-avatar]   .avatar-initials.sm[_ngcontent-avatar] {
  font-size: 16px;
}
.avatar-container.xl[_ngcontent-avatar] {
  width: 100px;
  height: 100px;
}
.avatar-container.xl[_ngcontent-avatar]   .avatar-initials[_ngcontent-avatar] {
  font-size: 50px;
  padding-top: 5px;
}
.avatar-container.xl[_ngcontent-avatar]   .avatar-initials.sm[_ngcontent-avatar] {
  font-size: 36px;
}

.avatar-popover[_ngcontent-avatar] {
  background: linear-gradient(to right, #576588, #576588 75px, #e5e8f0 75px, #e5e8f0);
  border: 3px solid #576588;
  border-radius: 0;
  display: flex;
  width: 400px;
  padding: 25px;
}
.avatar-popover-avatar[_ngcontent-avatar] {
  margin-right: 25px;
}
.avatar-popover-content[_ngcontent-avatar] {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.avatar-popover-content[_ngcontent-avatar]   .avatar-popover-title[_ngcontent-avatar] {
  color: #1b2745;
  font-size: 20px;
  font-weight: 500;
}
.avatar-popover-content[_ngcontent-avatar]   .avatar-popover-subtitle[_ngcontent-avatar] {
  color: #1b2745;
  font-size: 14px;
  font-weight: 500;
}
.avatar-popover-content[_ngcontent-avatar]   .avatar-popover-group[_ngcontent-avatar] {
  color: #1b2745;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.avatar-popover-content[_ngcontent-avatar]   .avatar-popover-group[_ngcontent-avatar]   i[_ngcontent-avatar] {
  color: #576588;
  margin-right: 10px;
}
.avatar-popover-content[_ngcontent-avatar]   .avatar-popover-content[_ngcontent-avatar] {
  color: #1b2745;
}
.avatar-popover-content[_ngcontent-avatar]   .avatar-popover-content[_ngcontent-avatar]   p[_ngcontent-avatar] {
  margin-bottom: 0px;
  margin-top: 5px;
}

/* ===== app-breadcrumb (main-es2015.js) ===== */
[_nghost-breadcrumb]   .breadcrumb-container[_ngcontent-breadcrumb] {
  display: flex;
  align-items: center;
}
[_nghost-breadcrumb]   .breadcrumb-container[_ngcontent-breadcrumb]   .breadcrumb[_ngcontent-breadcrumb] {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 25px;
  margin-right: 8px;
}
[_nghost-breadcrumb]   .breadcrumb-container[_ngcontent-breadcrumb]   .breadcrumb[_ngcontent-breadcrumb]   .segment[_ngcontent-breadcrumb] {
  display: block;
  white-space: nowrap;
}
[_nghost-breadcrumb]   .breadcrumb-container[_ngcontent-breadcrumb]   .breadcrumb[_ngcontent-breadcrumb]   .segment[_ngcontent-breadcrumb]:hover {
  text-decoration: underline;
  cursor: pointer;
}
[_nghost-breadcrumb]   .breadcrumb-container[_ngcontent-breadcrumb]   .breadcrumb[_ngcontent-breadcrumb]   .fa[_ngcontent-breadcrumb] {
  margin-right: 8px;
}
@media (max-width: 960px) {
  [_nghost-breadcrumb] {
    box-sizing: border-box;
    background-color: #ffffff;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 10px 13px;
    margin-bottom: 10px;
    height: 80px;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  [_nghost-breadcrumb]   .breadcrumb-container[_ngcontent-breadcrumb] {
    display: flex;
    overflow-x: auto;
  }
  [_nghost-breadcrumb]   .breadcrumb[_ngcontent-breadcrumb] {
    flex-wrap: nowrap;
    flex: 0 0 auto;
    margin-bottom: 0px;
    line-height: 30px;
    font-size: 14px;
  }
  [_nghost-breadcrumb]   .breadcrumb[_ngcontent-breadcrumb]   .project-segment[_ngcontent-breadcrumb] {
    margin-right: 8px;
  }
}

/* ===== burger-toggle (main-es2015.js) ===== */
[_nghost-burger-toggle] {
  display: block;
  cursor: pointer;
}

.bar[_ngcontent-burger-toggle] {
  height: 2px;
  width: 100%;
  background: #efefef;
  margin-bottom: 9px;
}

.bar[_ngcontent-burger-toggle]:last-child {
  margin-bottom: 0;
}
@media (max-width: 960px) {
  [_nghost-burger-toggle] {
    width: 34px;
  }
}

/* ===== app-calendar (main-es2015.js) ===== */
[_nghost-calendar] {
  position: absolute;
  background-color: #ffffff;
  width: 300px;
  padding: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 20;
}
[_nghost-calendar]   .header-container[_ngcontent-calendar] {
  display: flex;
  margin-bottom: 10px;
}
[_nghost-calendar]   .header-container[_ngcontent-calendar]   .next[_ngcontent-calendar], [_nghost-calendar]   .header-container[_ngcontent-calendar]   .previous[_ngcontent-calendar] {
  text-align: center;
  flex-basis: 40px;
  cursor: pointer;
}
[_nghost-calendar]   .header-container[_ngcontent-calendar]   .date[_ngcontent-calendar] {
  text-align: center;
  flex: 1;
}
[_nghost-calendar]   .day-container[_ngcontent-calendar] {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
[_nghost-calendar]   .day-container[_ngcontent-calendar]   .weekday[_ngcontent-calendar], [_nghost-calendar]   .day-container[_ngcontent-calendar]   .day[_ngcontent-calendar] {
  flex-basis: 14.2857%;
  text-align: center;
}
[_nghost-calendar]   .day-container[_ngcontent-calendar]   .day[_ngcontent-calendar] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  height: 30px;
}
[_nghost-calendar]   .day-container[_ngcontent-calendar]   .day.current[_ngcontent-calendar] {
  background-color: darkgray;
  color: #ffffff;
}
[_nghost-calendar]   .day-container[_ngcontent-calendar]   .day.selected[_ngcontent-calendar] {
  background-color: gray;
  color: #ffffff;
}
[_nghost-calendar]   .day-container[_ngcontent-calendar]   .day.other[_ngcontent-calendar] {
  color: #c0c0c0;
}
[_nghost-calendar]   .day-container[_ngcontent-calendar]   .weekday[_ngcontent-calendar] {
  font-weight: bold;
  margin-bottom: 10px;
}

/* ===== app-chips (main-es2015.js) ===== */
/* E-024: die ::ng-deep-Regeln (ohne Kapselung) liegen in spaet-chips.css - Angular fuegt Komponentenstile erst
   beim ersten Erzeugen der Komponente ein; vorher wirken sie nicht (z. B. Breite des cdk-overlay-pane). */
[_nghost-chips] {
  width: 100%;
  display: flex;
  position: relative;
}
[_nghost-chips]   .mat-toggle-button[_ngcontent-chips] {
  position: absolute;
  bottom: -15px;
  right: 0;
  background-color: white;
  width: auto;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
[_nghost-chips]   .mat-toggle-button[_ngcontent-chips]   .label[_ngcontent-chips] {
  display: inline-block;
  font-size: 0.74rem;
  padding-left: 8px;
  padding-right: 2px;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[_nghost-chips]   .mat-toggle-button[_ngcontent-chips]   .icon[_ngcontent-chips] {
  display: inline-block;
  padding-left: 2px;
  padding-right: 8px;
  margin-top: -8px;
  pointer-events: none;
}
[_nghost-chips]   .mat-toggle-button[_ngcontent-chips]   .icon.mu[_ngcontent-chips]:before {
  font-size: 0.8rem;
  font-weight: bold;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips] {
  width: 100%;
  border: 1px solid #b9babd;
  padding: 3px 8px 3px 8px;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   input[_ngcontent-chips] {
  min-height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  margin-left: 8px;
  line-height: normal;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   .mat-chip.mat-standard-chip[_ngcontent-chips]::after {
  opacity: 0;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   .mat-chip.mat-standard-chip[_ngcontent-chips]:not(.mat-chip-disabled):active {
  box-shadow: none !important;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   .mat-dialog[_ngcontent-chips] {
  transition: none !important;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   .mat-chip.mat-standard-chip[_ngcontent-chips] {
  transition: none !important;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   .mat-chip[_ngcontent-chips] {
  background: #efefef;
  color: #1b2745;
  border: none;
  border-radius: 6px;
  font-family: "Open Sans", sans-serif;
  margin-right: 0;
  margin-left: 8px;
  padding: 0 10px;
  text-align: center;
  letter-spacing: -0.02rem;
  outline: none;
  height: 15px;
  font-size: 0.825rem;
  font-weight: 600;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   .mat-chip[_ngcontent-chips]   .mat-icon[_ngcontent-chips] {
  background-image: url(/assets/cross.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  opacity: 1;
  color: #1b2745;
}
[_nghost-chips]   .mat-form-field[_ngcontent-chips]   .mat-chip.place-holder[_ngcontent-chips] {
  background: none;
  min-height: 32px;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: normal;
  margin-left: 2px;
  padding-left: 2px;
  padding-right: 2px;
  color: #666666;
}
/* ===== date-chooser-input (main-es2015.js) ===== */
.date-chooser-container[_ngcontent-date-chooser-input] {
  width: 100%;
  position: relative;
}
.date-chooser-container[_ngcontent-date-chooser-input]   input[_ngcontent-date-chooser-input] {
  width: 100%;
}
.date-chooser-container[_ngcontent-date-chooser-input]   input[_ngcontent-date-chooser-input]::-webkit-calendar-picker-indicator {
  background: transparent;
}
.date-chooser-container[_ngcontent-date-chooser-input]   .filter-container[_ngcontent-date-chooser-input] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 350px;
}
.date-chooser-container[_ngcontent-date-chooser-input]   i[_ngcontent-date-chooser-input] {
  position: absolute;
  font-size: 20px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2px;
  width: 38px;
  height: 38px;
  background: #efefef;
  cursor: pointer;
  color: #1b2745;
}
.date-chooser-container[_ngcontent-date-chooser-input]   i[_ngcontent-date-chooser-input]:hover {
  color: #efefef;
  background-color: #1b2745;
}

/* ===== app-date-chooser-popup (main-es2015.js) ===== */
[_nghost-date-chooser-popup] {
  flex-direction: column;
  gap: 10px;
  bottom: -310px;
  left: 0;
  position: absolute;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
  color: #1b2745;
  padding: 10px;
  z-index: 10;
}
[_nghost-date-chooser-popup]   .checkboxes[_ngcontent-date-chooser-popup] {
  display: flex;
  gap: 24px;
}
[_nghost-date-chooser-popup]   .checkboxes[_ngcontent-date-chooser-popup]   .checkbox-container[_ngcontent-date-chooser-popup] {
  display: flex;
  height: auto;
  margin: 0;
  gap: 10px;
}
[_nghost-date-chooser-popup]   .checkboxes[_ngcontent-date-chooser-popup]   .checkbox-container[_ngcontent-date-chooser-popup]   label[_ngcontent-date-chooser-popup] {
  flex: 1;
}
[_nghost-date-chooser-popup]   .checkboxes[_ngcontent-date-chooser-popup]   .checkbox-container[_ngcontent-date-chooser-popup]   .checkbox-control[_ngcontent-date-chooser-popup] {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}
[_nghost-date-chooser-popup]   .checkboxes[_ngcontent-date-chooser-popup]   .checkbox-container[_ngcontent-date-chooser-popup]   .checkbox-label[_ngcontent-date-chooser-popup] {
  font-size: 14px;
}
[_nghost-date-chooser-popup]   .date-picker[_ngcontent-date-chooser-popup] {
  height: 258px;
  width: 320px;
  position: relative;
  background-color: #ffffff;
}
[_nghost-date-chooser-popup]   .date-picker[_ngcontent-date-chooser-popup]   app-calendar[_ngcontent-date-chooser-popup] {
  left: 0;
}

/* ===== app-date (main-es2015.js) ===== */
.input-group[_ngcontent-date] {
  position: relative;
  display: flex;
}
.input-group[_ngcontent-date]   input[_ngcontent-date] {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #666666;
  border: 1px solid #b9babd;
  background-color: white;
  flex: 1;
  font-family: "Open Sans", sans-serif;
  width: 100%;
}
.input-group[_ngcontent-date]   input[_ngcontent-date]::-webkit-calendar-picker-indicator {
  background: transparent;
}
.input-group[_ngcontent-date]   i[_ngcontent-date] {
  position: absolute;
  font-size: 20px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2px;
  width: 38px;
  height: 38px;
  background: #efefef;
  cursor: pointer;
}
.input-group[_ngcontent-date]   i[_ngcontent-date]:hover {
  color: #efefef;
  background-color: #1b2745;
}

/* ===== drop-down (main-es2015.js) ===== */
[_nghost-drop-down] {
  position: absolute;
  width: 300px;
  z-index: 10;
  box-sizing: border-box;
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.visible[_nghost-drop-down] {
  display: block;
}
.dropdown-backdrop[_ngcontent-drop-down] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
ul.drop-down-list[_ngcontent-drop-down] {
  display: block;
  background: #e5e8f0;
  margin: 0;
  padding: 0;
  right: 0;
  list-style: none;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down] {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 60px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 35px;
  font-weight: 400;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]:last-child {
  border-bottom: 0;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item.disabled[_ngcontent-drop-down] {
  color: #c0c0c0;
  cursor: not-allowed;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]:hover {
  color: #ffffff;
  background-color: #8d99b3;
  border-bottom: 0;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]:hover   .drop-down-child-list[_ngcontent-drop-down] {
  display: block;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-icon[_ngcontent-drop-down] {
  width: 20px;
  margin-right: 20px;
  text-align: left;
  font-size: 20px;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-file-icon[_ngcontent-drop-down] {
  width: 20px;
  margin-right: 20px;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down] {
  padding: 21px 0;
  color: black;
  display: none;
  position: absolute;
  right: -210px;
  width: 210px;
  top: -100px;
  background: #e5e8f0;
  border: 1px solid #b9babd;
  border-collapse: collapse;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down]   .drop-down-child-item[_ngcontent-drop-down]:first-child   td[_ngcontent-drop-down] {
  padding-top: 0;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down]   .drop-down-child-item[_ngcontent-drop-down]:last-child   td[_ngcontent-drop-down] {
  padding-bottom: 0;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down]   .drop-down-child-item[_ngcontent-drop-down]   td[_ngcontent-drop-down] {
  padding: 15px;
  font-size: 0.875rem;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down]   .drop-down-child-item[_ngcontent-drop-down]   td[_ngcontent-drop-down]:last-child {
  border-left: 1px solid white;
  text-align: left;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down]   .drop-down-child-item[_ngcontent-drop-down]   .checkbox-container[_ngcontent-drop-down] {
  height: 20px;
  width: 20px;
  display: block;
  margin-bottom: 0;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down]   .drop-down-child-item[_ngcontent-drop-down]   .checkbox-container[_ngcontent-drop-down]   input[_ngcontent-drop-down] {
  width: 20px;
  flex-basis: unset;
  height: 20px;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-item[_ngcontent-drop-down]   .drop-down-child-list[_ngcontent-drop-down]   .drop-down-child-item.active[_ngcontent-drop-down] {
  font-weight: bold;
}
ul.drop-down-list[_ngcontent-drop-down]   li.drop-down-separator[_ngcontent-drop-down] {
  height: 1px;
  background-color: #ffffff;
  margin: 0 35px;
}

/* ===== file-filter-mobile (main-es2015.js) ===== */
.filter-container[_ngcontent-file-filter-mobile] {
  background-color: #e5e8f0;
  font-size: 14px;
  position: fixed;
  z-index: 1;
  width: 100%;
  
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-header[_ngcontent-file-filter-mobile] {
  background-color: #1b2745;
  color: #fff;
  display: flex;
  padding: 20px 13px;
  justify-content: space-between;
}
.filter-container[_ngcontent-file-filter-mobile]   .tab-close[_ngcontent-file-filter-mobile] {
  cursor: pointer;
  padding: 10px 0px;
}
.filter-container[_ngcontent-file-filter-mobile]   .tab-close[_ngcontent-file-filter-mobile]   .bar[_ngcontent-file-filter-mobile] {
  display: block;
  background: #fff;
  width: 26px;
  height: 2px;
  margin-bottom: -2px;
}
.filter-container[_ngcontent-file-filter-mobile]   .tab-close[_ngcontent-file-filter-mobile]   .bar[_ngcontent-file-filter-mobile]:first-child {
  transform: rotate(45deg);
}
.filter-container[_ngcontent-file-filter-mobile]   .tab-close[_ngcontent-file-filter-mobile]   .bar[_ngcontent-file-filter-mobile]:last-child {
  transform: rotate(-45deg);
}
.filter-container[_ngcontent-file-filter-mobile]   .headline[_ngcontent-file-filter-mobile] {
  font-size: 1rem;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile] {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 10px;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]    > *[_ngcontent-file-filter-mobile]:not(:last-child) {
  margin-bottom: 20px;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile] {
  display: flex;
  flex-direction: column;
  color: #1b2745;
  font-size: 14px;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   label[_ngcontent-file-filter-mobile] {
  margin-bottom: 5px;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   select[_ngcontent-file-filter-mobile] {
  outline: none !important;
  border: 1px solid #b9babd !important;
  box-shadow: none;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   select[_ngcontent-file-filter-mobile]:focus {
  outline: none !important;
  border: 1px solid #1b2745 !important;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   input[_ngcontent-file-filter-mobile]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   input[_ngcontent-file-filter-mobile]:-webkit-autofill, .filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   input[_ngcontent-file-filter-mobile]:-webkit-autofill:hover, .filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   input[_ngcontent-file-filter-mobile]:-webkit-autofill:focus, .filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   input[_ngcontent-file-filter-mobile]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]     select, .filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]     input {
  height: 40px;
  padding: 0 20px;
  font-size: 1rem;
  color: #666666;
  border: 1px solid #b9babd;
  background-color: white;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]     select, .filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]     input:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   select[_ngcontent-file-filter-mobile], .filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   input[_ngcontent-file-filter-mobile] {
  height: 40px;
  padding: 0 20px;
  font-size: 1rem;
  color: #666666;
  border: 1px solid #b9babd;
  background-color: white;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   select[_ngcontent-file-filter-mobile] {
  padding: 0 20px;
  margin-right: 0;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   .input-group[_ngcontent-file-filter-mobile] {
  display: flex;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   .input-group[_ngcontent-file-filter-mobile]   input[_ngcontent-file-filter-mobile] {
  flex: 1;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .sort-control[_ngcontent-file-filter-mobile]   .input-group[_ngcontent-file-filter-mobile]   button[_ngcontent-file-filter-mobile] {
  width: 42px;
  height: 42px;
  pointer-events: none;
  border: 1px solid #b9babd;
  border-left: none;
  background: #efefef;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .limit-date[_ngcontent-file-filter-mobile] {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .limit-date[_ngcontent-file-filter-mobile]   .checkbox-control[_ngcontent-file-filter-mobile] {
  border: 1px solid #b9babd;
  flex-basis: 20px;
  border-radius: 0;
  height: 20px;
  margin: 0 5px 0 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background-color: white;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .limit-date[_ngcontent-file-filter-mobile]   .checkbox-control[_ngcontent-file-filter-mobile]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .limit-date[_ngcontent-file-filter-mobile]   hr[_ngcontent-file-filter-mobile] {
  flex: 1;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]    > hr[_ngcontent-file-filter-mobile] {
  width: 100%;
}
.filter-container[_ngcontent-file-filter-mobile]   .filter-content[_ngcontent-file-filter-mobile]   .outlined[_ngcontent-file-filter-mobile] {
  border: 1px solid #1b2745;
  height: 40px;
  font-size: 14px;
  color: #1b2745;
  background-color: transparent;
  width: 160px;
}

/* ===== file-thumbnail (main-es2015.js) ===== */
.thumbnail[_ngcontent-file-thumbnail] {
  width: 100%;
  height: 255px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  mix-blend-mode: multiply;
}

/* ===== file-type (main-es2015.js) ===== */
.file-type-container[_ngcontent-file-type]   i[_ngcontent-file-type] {
  color: #b9babd;
  position: relative;
  font-size: 26px;
}
.file-type-container[_ngcontent-file-type]   i.xxl[_ngcontent-file-type] {
  font-size: 60px;
}
.file-type-container[_ngcontent-file-type]   i[_ngcontent-file-type]   i[_ngcontent-file-type] {
  position: absolute;
  top: 5px;
  left: 3px;
  color: #666;
  font-size: 1rem;
}
.file-type-container[_ngcontent-file-type]   .svg-wrapper[_ngcontent-file-type] {
  position: relative;
  display: flex;
  align-items: center;
}
.file-type-container[_ngcontent-file-type]   .svg-wrapper[_ngcontent-file-type]   i[_ngcontent-file-type] {
  position: absolute;
  top: 5px;
  left: 3px;
  color: #666;
  font-size: 1rem;
}
.icon-dark[_ngcontent-file-type] {
  color: black !important;
}
.icon-bright[_ngcontent-file-type] {
  color: white !important;
}

/* ===== app-filter-date-popup (main-es2015.js) ===== */
[_nghost-filter-date-popup] {
  flex-direction: column;
  gap: 10px;
  top: 100px;
  left: 400px;
  position: fixed;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
  color: #1b2745;
  padding: 10px;
  z-index: 10;
}
[_nghost-filter-date-popup]   .checkboxes[_ngcontent-filter-date-popup] {
  display: grid;
  gap: 24px;
  grid-template-columns: auto auto auto 1fr;
}
[_nghost-filter-date-popup]   .checkboxes[_ngcontent-filter-date-popup]   .checkbox-container[_ngcontent-filter-date-popup] {
  display: grid;
  height: auto;
  margin: 0;
  gap: 10px;
  grid-template-columns: 22px 1fr;
}
[_nghost-filter-date-popup]   .checkboxes[_ngcontent-filter-date-popup]   .checkbox-container[_ngcontent-filter-date-popup]   .checkbox-control[_ngcontent-filter-date-popup] {
  width: 20px;
  height: 20px;
  margin: 0;
}
[_nghost-filter-date-popup]   .checkboxes[_ngcontent-filter-date-popup]   .checkbox-container[_ngcontent-filter-date-popup]   .checkbox-label[_ngcontent-filter-date-popup] {
  font-size: 14px;
}
[_nghost-filter-date-popup]   .date-picker[_ngcontent-filter-date-popup] {
  height: 264px;
  width: 320px;
  position: relative;
  background-color: #ffffff;
}
[_nghost-filter-date-popup]   .date-picker[_ngcontent-filter-date-popup]   app-calendar[_ngcontent-filter-date-popup] {
  left: 0;
}

/* ===== app-filter-number-popup (main-es2015.js) ===== */
[_nghost-filter-number-popup] {
  position: fixed;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
  color: #1b2745;
  top: 100px;
  left: 400px;
  z-index: 100;
}
[_nghost-filter-number-popup]   ul[_ngcontent-filter-number-popup] {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
[_nghost-filter-number-popup]   ul[_ngcontent-filter-number-popup]   li[_ngcontent-filter-number-popup] {
  padding: 14px;
}
[_nghost-filter-number-popup]   ul[_ngcontent-filter-number-popup]   li[_ngcontent-filter-number-popup]:hover {
  background-color: #8d99b3;
  color: white;
}

/* ===== flag-select (main-es2015.js) ===== */
[_nghost-flag-select] {
  position: absolute;
  width: 240px;
  z-index: 1000;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

*[_ngcontent-flag-select], *[_ngcontent-flag-select]:before, *[_ngcontent-flag-select]:after {
  box-sizing: border-box;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out {
  100% {
    opacity: 0;
  }
  0% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  100% {
    opacity: 0;
  }
  0% {
    opacity: 1;
  }
}

.dropdown-backdrop[_ngcontent-flag-select] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vw;
  display: none;
}

.dropdown-backdrop.visible[_ngcontent-flag-select] {
  display: block;
}

.flag-select[_ngcontent-flag-select] {
  position: relative;
  border: 1px solid #8d99b3;
  background-color: #ffffff;
  height: 102px;
  display: none;
  box-shadow: 1.7px 1.1px 5px 0px rgba(0, 0, 0, 0.2);
  line-height: normal;
}

.flag-select.visible[_ngcontent-flag-select] {
  display: block;
  -webkit-animation: fade-in 0.2s ease forwards;
  animation: fade-in 0.2s ease forwards;
}

.flag-select[flag-select-closing][_ngcontent-flag-select] {
  -webkit-animation: fade-out 0.2s ease forwards;
  animation: fade-out 0.2s ease forwards;
}

.flag-select.display-mode[_ngcontent-flag-select] {
  pointer-events: none;
}

.flag-select.top[_ngcontent-flag-select]:before {
  content: " ";
  position: absolute;
  left: 18px;
  top: 100%;
  width: 14px;
  height: 8px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='none' x='0px' y='0px' width='16px' height='10px' viewBox='0 0 16 10'%3E%3Cdefs%3E%3Cg id='Layer0_0_FILL'%3E%3Cpath fill='%23FFFFFF' stroke='none' d='%0AM 15 1%0AL 15 0 1 0 1 1 7.95 9 8 8.95 15 1 Z'/%3E%3C/g%3E%3Cpath id='Layer0_0_1_STROKES' stroke='%23909BB5' stroke-width='1' stroke-linejoin='round' stroke-linecap='square' fill='none' d='%0AM 1 1%0AL 7.95 9 8 8.95 15 1'/%3E%3C/defs%3E%3Cg transform='matrix( 1, 0, 0, 1, 0,0) '%3E%3Cuse xlink:href='%23Layer0_0_FILL'/%3E%3Cuse xlink:href='%23Layer0_0_1_STROKES'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 14px 8px;
}

.flag-select.bottom[_ngcontent-flag-select]:before {
  content: " ";
  position: absolute;
  left: 18px;
  top: -8px;
  width: 14px;
  height: 8px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='none' x='0px' y='0px' width='16px' height='10px' viewBox='0 0 16 10'%3E%3Cdefs%3E%3Cg id='Layer0_0_FILL'%3E%3Cpath fill='%23FFFFFF' stroke='none' d='%0AM 15 10%0AL 15 9 7.95 1 7.95 1 1 9 1 10 15 10 Z'/%3E%3C/g%3E%3Cpath id='Layer0_0_1_STROKES' stroke='%23909BB5' stroke-width='1' stroke-linejoin='round' stroke-linecap='square' fill='none' d='%0AM 1 9%0AL 7.95 1 7.975 1.025 15 9'/%3E%3C/defs%3E%3Cg transform='matrix( 1, 0, 0, 1, 0,0) '%3E%3Cuse xlink:href='%23Layer0_0_FILL'/%3E%3Cuse xlink:href='%23Layer0_0_1_STROKES'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 14px 8px;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select] {
  display: block;
  margin: 0;
  padding: 0;
  right: 0;
  list-style: none;
  font-size: 0.875rem;
  color: #666666;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li[_ngcontent-flag-select] {
  background: #ffffff;
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 1px;
  width: 100%;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li[_ngcontent-flag-select]   .flag-item[_ngcontent-flag-select] {
  width: 100%;
  padding-top: 2px;
  padding-bottom: 3px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li[_ngcontent-flag-select]   .flag-item[_ngcontent-flag-select]   .flag-color[_ngcontent-flag-select] {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid #bbbcbf;
  display: inline-block;
  flex-shrink: 0;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li[_ngcontent-flag-select]   .flag-item[_ngcontent-flag-select]   .flag-name[_ngcontent-flag-select] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li.hover[_ngcontent-flag-select]:hover {
  color: #ffffff;
  background-color: #8d99b3;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li.hover[_ngcontent-flag-select]:hover   .flag-item[_ngcontent-flag-select]   .flag-name[_ngcontent-flag-select] {
  color: #ffffff;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li.pointer[_ngcontent-flag-select] {
  cursor: pointer;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li.selected[_ngcontent-flag-select] {
  color: #ffffff;
  background-color: #1b2745;
}

.flag-select[_ngcontent-flag-select]   .flag-wrapper[_ngcontent-flag-select]   ul[_ngcontent-flag-select]   li.selected[_ngcontent-flag-select]   .flag-item[_ngcontent-flag-select]   .flag-name[_ngcontent-flag-select] {
  color: #ffffff;
}

/* ===== flag-symbol (main-es2015.js) ===== */
[_nghost-flag-symbol] {
  box-sizing: border-box;
}

.flag-symbol[_ngcontent-flag-symbol] {
  position: relative;
}

.flag-symbol[_ngcontent-flag-symbol]   .flag-symbol-wrapper[_ngcontent-flag-symbol] {
  box-sizing: border-box;
  position: relative;
  opacity: 0.25;
  pointer-events: none;
}

.flag-symbol[_ngcontent-flag-symbol]   .flag-symbol-wrapper.interactive[_ngcontent-flag-symbol] {
  cursor: pointer;
  opacity: 1;
  pointer-events: initial;
}

.flag-symbol[_ngcontent-flag-symbol]   .flag-symbol-wrapper[_ngcontent-flag-symbol]   .canvas-wrapper[_ngcontent-flag-symbol] {
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flag-symbol[_ngcontent-flag-symbol]   .flag-symbol-wrapper[_ngcontent-flag-symbol]   .canvas-wrapper[_ngcontent-flag-symbol]   .canvas[_ngcontent-flag-symbol] {
  box-sizing: border-box;
}

.flag-symbol[_ngcontent-flag-symbol]   .flag-symbol-wrapper[_ngcontent-flag-symbol]   .border[_ngcontent-flag-symbol] {
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid #909bb5;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: border 0.2s ease;
  background-color: #ffffffcc;
}

.flag-symbol[_ngcontent-flag-symbol]   .flag-symbol-wrapper.active[_ngcontent-flag-symbol]   .border[_ngcontent-flag-symbol] {
  border: 1px solid #1e2a48;
}

/* ===== folder-list-mobile (main-es2015.js) ===== */
.folder-list[_ngcontent-folder-list-mobile] {
  margin: 0;
  list-style: none;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  font-size: 0.875rem;
  background: #e5e8f0;
}
.folder-list.root[_ngcontent-folder-list-mobile] {
  height: calc(100% - 90px);
  padding-top: 120px;
}
.folder-list.root.without-filter[_ngcontent-folder-list-mobile] {
  padding-top: 82px;
}
.folder-list.root.with-pagination[_ngcontent-folder-list-mobile] {
  margin-bottom: 63px;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile] {
  background-color: #ffffff;
  list-style: none;
  padding: 0;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile] {
  border-bottom: 1px solid #d7d7d7;
  padding: 5px 13px;
  display: flex;
  align-items: center;
  height: 40px;
  justify-content: space-between;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .files-meta[_ngcontent-folder-list-mobile] {
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container.unread[_ngcontent-folder-list-mobile]   .file-name[_ngcontent-folder-list-mobile] {
  font-weight: 600;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container.release-not-complete[_ngcontent-folder-list-mobile] {
  background-color: #f8f4bc;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container.release-not-accepted[_ngcontent-folder-list-mobile] {
  background-color: #ed8397;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container.release-accepted[_ngcontent-folder-list-mobile] {
  background-color: #8FCE48;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .file-icon[_ngcontent-folder-list-mobile] {
  margin-right: 10px;
  padding-top: 3px;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container.lock[_ngcontent-folder-list-mobile] {
  position: relative;
  color: #b9babd;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container.lock[_ngcontent-folder-list-mobile]:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #b9babd;
  width: 100%;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .file-content[_ngcontent-folder-list-mobile] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 10px;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .file-content[_ngcontent-folder-list-mobile]   .file-attr[_ngcontent-folder-list-mobile] {
  display: flex;
  justify-content: space-between;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .file-content[_ngcontent-folder-list-mobile]   .file-attr[_ngcontent-folder-list-mobile]   .file-size[_ngcontent-folder-list-mobile], .folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .file-content[_ngcontent-folder-list-mobile]   .file-attr[_ngcontent-folder-list-mobile]   .file-date[_ngcontent-folder-list-mobile], .folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .file-content[_ngcontent-folder-list-mobile]   .file-attr[_ngcontent-folder-list-mobile]   .file-username[_ngcontent-folder-list-mobile] {
  font-size: 10px;
}
.folder-list[_ngcontent-folder-list-mobile]   .file-list[_ngcontent-folder-list-mobile]   .file-container[_ngcontent-folder-list-mobile]   .file-content[_ngcontent-folder-list-mobile]   .file-attr[_ngcontent-folder-list-mobile]   .file-username[_ngcontent-folder-list-mobile] {
  max-width: 140px;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile] {
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  color: #1b2745;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item.root[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile] {
  padding: 0 13px;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile] {
  line-height: 37px;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #d0d1d2;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]   .custom-icon[_ngcontent-folder-list-mobile] {
  background-color: #576588;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]:hover {
  background-color: #8d99b3;
  color: white;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]:hover   i[_ngcontent-folder-list-mobile] {
  color: currentColor;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]:hover   .custom-icon[_ngcontent-folder-list-mobile] {
  background-color: currentColor;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item.open[_ngcontent-folder-list-mobile] {
  border-bottom: 0;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]   i[_ngcontent-folder-list-mobile] {
  width: 10px;
  margin-right: 5px;
  color: #8d99b3;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]   .icon-folder[_ngcontent-folder-list-mobile], .folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]   .icon-folder-open[_ngcontent-folder-list-mobile] {
  width: 20px;
}
.folder-list[_ngcontent-folder-list-mobile]   .folder-item[_ngcontent-folder-list-mobile]   .item[_ngcontent-folder-list-mobile]   i.custom-icon[_ngcontent-folder-list-mobile] {
  background-position: bottom;
}
.text-nowrap[_ngcontent-folder-list-mobile] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sort-toggle[_ngcontent-folder-list-mobile] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 20px;
  height: 100%;
  cursor: pointer;
}
.sort-toggle.active[_ngcontent-folder-list-mobile], .sort-toggle[_ngcontent-folder-list-mobile]:hover {
  color: #ffffff;
  background-color: #576588;
}

/* ===== folder-list (main-es2015.js) ===== */
.folder-list[_ngcontent-folder-list] {
  margin: 0;
  list-style: none;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  font-size: 0.875rem;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list] {
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  color: #1b2745;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]:not(.root) {
  padding: 0 0 0 20px;
}
.folder-list[_ngcontent-folder-list]   .folder-item.root[_ngcontent-folder-list]   .item[_ngcontent-folder-list] {
  padding: 0 13px;
}
.folder-list[_ngcontent-folder-list]   .folder-item.selected[_ngcontent-folder-list] {
  font-weight: 600;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list] {
  line-height: 37px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #d0d1d2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-flag[_ngcontent-folder-list] {
  flex-shrink: 0;
  padding-right: 8px;
  box-sizing: border-box;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list] {
  flex-grow: 1;
  cursor: pointer;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   span[_ngcontent-folder-list] {
  pointer-events: none;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .custom-icon[_ngcontent-folder-list] {
  background-color: #576588;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .check-icon[_ngcontent-folder-list] {
  position: absolute;
  top: 15px;
  left: 21px;
  font-size: 0.55rem;
  color: white;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .check-icon-red[_ngcontent-folder-list] {
  position: absolute;
  top: 15px;
  left: 21px;
  font-size: 0.55rem;
  color: #dc0830;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   i[_ngcontent-folder-list] {
  width: 10px;
  margin-right: 5px;
  color: #8d99b3;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .icon-folder[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .icon-folder-open[_ngcontent-folder-list] {
  width: 20px;
  position: relative;
  top: 2px;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .icon-folder-empty[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .icon-folder-empty-open[_ngcontent-folder-list] {
  width: 20px;
  position: relative;
  top: 2px;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   i.custom-icon[_ngcontent-folder-list] {
  background-position: bottom;
  position: relative;
  top: 2px;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   i.icon-red[_ngcontent-folder-list] {
  color: #dc0830;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   i.custom-icon-red[_ngcontent-folder-list] {
  background-color: #dc0830;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]:hover, .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item.drag-over[_ngcontent-folder-list] {
  background-color: #8d99b3;
  color: white;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]:hover   .item-folder-label[_ngcontent-folder-list]   i[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item.drag-over[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   i[_ngcontent-folder-list] {
  color: currentColor;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]:hover   .item-folder-label[_ngcontent-folder-list]   i.icon-red[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item.drag-over[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   i.icon-red[_ngcontent-folder-list] {
  color: currentColor;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]:hover   .item-folder-label[_ngcontent-folder-list]   .custom-icon[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item.drag-over[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .custom-icon[_ngcontent-folder-list] {
  background-color: currentColor;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]:hover   .item-folder-label[_ngcontent-folder-list]   .custom-icon-red[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item.drag-over[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .custom-icon-red[_ngcontent-folder-list] {
  background-color: white;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]:hover   .item-folder-label[_ngcontent-folder-list]   .check-icon[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item.drag-over[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .check-icon[_ngcontent-folder-list] {
  color: #dc0830;
}
.folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item[_ngcontent-folder-list]:hover   .item-folder-label[_ngcontent-folder-list]   .check-icon-red[_ngcontent-folder-list], .folder-list[_ngcontent-folder-list]   .folder-item[_ngcontent-folder-list]   .item.drag-over[_ngcontent-folder-list]   .item-folder-label[_ngcontent-folder-list]   .check-icon-red[_ngcontent-folder-list] {
  color: #dc0830;
}

/* ===== app-history-sort (main-es2015.js) ===== */
.sort-container[_ngcontent-history-sort] {
  padding: 20px;
  width: 100%;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
  font-size: 14px;
  
}
.sort-container[_ngcontent-history-sort]   .headline[_ngcontent-history-sort] {
  font-size: 1rem;
  color: #1b2745;
  margin-bottom: 20px;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]    > *[_ngcontent-history-sort]:not(:last-child) {
  margin-bottom: 20px;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort] {
  display: flex;
  flex-direction: column;
  color: #1b2745;
  font-size: 14px;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   label[_ngcontent-history-sort] {
  margin-bottom: 5px;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   select[_ngcontent-history-sort] {
  outline: none !important;
  border: 1px solid #b9babd !important;
  box-shadow: none;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   select[_ngcontent-history-sort]:focus {
  outline: none !important;
  border: 1px solid #1b2745 !important;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   input[_ngcontent-history-sort]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   input[_ngcontent-history-sort]:-webkit-autofill, .sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   input[_ngcontent-history-sort]:-webkit-autofill:hover, .sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   input[_ngcontent-history-sort]:-webkit-autofill:focus, .sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   input[_ngcontent-history-sort]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]     select, .sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]     input {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #666666;
  border: 1px solid #b9babd;
  background-color: white;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]     select, .sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]     input:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   select[_ngcontent-history-sort], .sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   input[_ngcontent-history-sort] {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #666666;
  border: 1px solid #b9babd;
  background-color: white;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   select[_ngcontent-history-sort] {
  padding: 0 20px;
  margin-right: 0;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   .input-group[_ngcontent-history-sort] {
  display: flex;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   .input-group[_ngcontent-history-sort]   input[_ngcontent-history-sort] {
  flex: 1;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .sort-control[_ngcontent-history-sort]   .input-group[_ngcontent-history-sort]   button[_ngcontent-history-sort] {
  width: 42px;
  height: 42px;
  pointer-events: none;
  border: 1px solid #b9babd;
  border-left: none;
  background: #efefef;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .limit-date[_ngcontent-history-sort] {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .limit-date[_ngcontent-history-sort]   .checkbox-control[_ngcontent-history-sort] {
  border: 1px solid #b9babd;
  flex-basis: 20px;
  border-radius: 0;
  height: 20px;
  margin: 0 5px 0 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background-color: white;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .limit-date[_ngcontent-history-sort]   .checkbox-control[_ngcontent-history-sort]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .limit-date[_ngcontent-history-sort]   hr[_ngcontent-history-sort] {
  flex: 1;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]    > hr[_ngcontent-history-sort] {
  width: 100%;
}
.sort-container[_ngcontent-history-sort]   .sort-form[_ngcontent-history-sort]   .outlined[_ngcontent-history-sort] {
  border: 1px solid #1b2745;
  height: 40px;
  font-size: 14px;
  color: #1b2745;
  background-color: transparent;
  width: 160px;
}

/* ===== app-mail-sort (main-es2015.js) ===== */
.sort-container[_ngcontent-mail-sort] {
  padding: 20px;
  width: 100%;
  background-color: #e5e8f0;
  border: 1px solid #b9babd;
  font-size: 14px;
}
.sort-container[_ngcontent-mail-sort]   .headline[_ngcontent-mail-sort] {
  font-size: 1rem;
  color: #1b2745;
  margin-bottom: 20px;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]    > *[_ngcontent-mail-sort]:not(:last-child) {
  margin-bottom: 20px;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort] {
  display: flex;
  flex-direction: column;
  color: #1b2745;
  font-size: 14px;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   label[_ngcontent-mail-sort] {
  margin-bottom: 5px;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]     select, .sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]     input {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #666666;
  border: 1px solid #b9babd;
  background-color: white;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]     select, .sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]     input:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]     select {
  padding: 0 20px;
  margin-right: 0;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   input[_ngcontent-mail-sort]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   input[_ngcontent-mail-sort]:-webkit-autofill, .sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   input[_ngcontent-mail-sort]:-webkit-autofill:hover, .sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   input[_ngcontent-mail-sort]:-webkit-autofill:focus, .sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   input[_ngcontent-mail-sort]:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   .input-group[_ngcontent-mail-sort] {
  display: flex;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   .input-group[_ngcontent-mail-sort]   input[_ngcontent-mail-sort] {
  flex: 1;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .sort-control[_ngcontent-mail-sort]   .input-group[_ngcontent-mail-sort]   button[_ngcontent-mail-sort] {
  width: 42px;
  height: 42px;
  pointer-events: none;
  border: 1px solid #b9babd;
  border-left: none;
  background: #efefef;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .limit-date[_ngcontent-mail-sort] {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .limit-date[_ngcontent-mail-sort]   .checkbox-control[_ngcontent-mail-sort] {
  border: 1px solid #b9babd;
  flex-basis: 20px;
  border-radius: 0;
  height: 20px;
  margin: 0 5px 0 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background-color: white;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .limit-date[_ngcontent-mail-sort]   .checkbox-control[_ngcontent-mail-sort]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .limit-date[_ngcontent-mail-sort]   hr[_ngcontent-mail-sort] {
  flex: 1;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]    > hr[_ngcontent-mail-sort] {
  width: 100%;
}
.sort-container[_ngcontent-mail-sort]   .sort-form[_ngcontent-mail-sort]   .filter-action[_ngcontent-mail-sort]    > *[_ngcontent-mail-sort] {
  float: right;
}

/* ===== app-new-pagination (main-es2015.js) ===== */
.pagination-container[_ngcontent-new-pagination] {
  padding-right: 25px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination] {
  display: flex;
  justify-content: space-between;
  border: 1px solid #d7d7d7;
  padding-left: 20px;
  min-width: 260px;
  position: relative;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .select-page-wrapper[_ngcontent-new-pagination] {
  position: absolute;
  left: -1px;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #d7d7d7;
  z-index: 2;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .select-page-wrapper[_ngcontent-new-pagination]   ul[_ngcontent-new-pagination] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .select-page-wrapper[_ngcontent-new-pagination]   ul[_ngcontent-new-pagination]   li[_ngcontent-new-pagination] {
  box-sizing: border-box;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  padding-left: 20px;
  width: 280px;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .select-page-wrapper[_ngcontent-new-pagination]   ul[_ngcontent-new-pagination]   li[_ngcontent-new-pagination]:hover {
  background-color: #8d99b3;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .select-page-wrapper[_ngcontent-new-pagination]   ul[_ngcontent-new-pagination]   li.active[_ngcontent-new-pagination] {
  background-color: #8d99b3;
  color: #fff;
  cursor: default;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .info[_ngcontent-new-pagination] {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .input[_ngcontent-new-pagination] {
  display: flex;
  height: 40px;
  align-items: center;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .input[_ngcontent-new-pagination]   .select-arrow[_ngcontent-new-pagination] {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #dadada;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .input[_ngcontent-new-pagination]   .select-arrow.active[_ngcontent-new-pagination] {
  color: #666666;
  cursor: pointer;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .input[_ngcontent-new-pagination]   .page-arrow[_ngcontent-new-pagination] {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #dadada;
  border-left: 1px solid #d7d7d7;
}
.pagination-container[_ngcontent-new-pagination]   .pagination[_ngcontent-new-pagination]   .input[_ngcontent-new-pagination]   .page-arrow.active[_ngcontent-new-pagination] {
  color: #666666;
  cursor: pointer;
}
.pagination-container[_ngcontent-new-pagination]   .pagination-extra[_ngcontent-new-pagination] {
  display: flex;
  align-items: center;
  color: #1b2745;
}
.pagination-container[_ngcontent-new-pagination]   .pagination-extra[_ngcontent-new-pagination]   select[_ngcontent-new-pagination] {
  -moz-appearance: none;
  
  -webkit-appearance: none;
  
  appearance: none;
  width: 100px;
  background-image: url('chevron-up-solid.svg');
  background-repeat: no-repeat;
  background-size: 13px;
  background-position-x: 90%;
  background-position-y: 50%;
}
.pagination-container[_ngcontent-new-pagination]   .pagination-extra[_ngcontent-new-pagination]   .select-without-margin[_ngcontent-new-pagination] {
  margin-right: 0;
}
@media (max-width: 960px) {
  .pagination-container[_ngcontent-new-pagination] {
    padding: 10px;
  }
}
@media (max-width: 600px) {
  .pagination-container[_ngcontent-new-pagination]   .pagination-extra[_ngcontent-new-pagination]   select[_ngcontent-new-pagination] {
    width: 72px;
  }
}

/* ===== app-pagination (main-es2015.js) ===== */
.pagination-container[_ngcontent-pagination] {
  padding-right: 25px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pagination-container[_ngcontent-pagination]   .pagination[_ngcontent-pagination] {
  display: flex;
}
.pagination-container[_ngcontent-pagination]   .pagination[_ngcontent-pagination]   .arrow[_ngcontent-pagination] {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  font-size: 25px;
  color: #dadada;
}
.pagination-container[_ngcontent-pagination]   .pagination[_ngcontent-pagination]   .arrow.active[_ngcontent-pagination] {
  color: #666666;
  cursor: pointer;
}
.pagination-container[_ngcontent-pagination]   .pagination[_ngcontent-pagination]   .page[_ngcontent-pagination] {
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 40px;
  background-color: #f6f6f6;
  margin: 0;
  color: #1b2745;
  justify-content: center;
  align-items: center;
  font-style: normal;
}
.pagination-container[_ngcontent-pagination]   .pagination[_ngcontent-pagination]   .page[_ngcontent-pagination]:not(:first-child) {
  margin-left: 1px;
}
.pagination-container[_ngcontent-pagination]   .pagination[_ngcontent-pagination]   .page.disabled[_ngcontent-pagination] {
  cursor: default;
}
.pagination-container[_ngcontent-pagination]   .pagination[_ngcontent-pagination]   .page.active[_ngcontent-pagination] {
  background-color: #1b2745;
  color: #ffffff;
}
.pagination-container[_ngcontent-pagination]   .pagination-extra[_ngcontent-pagination] {
  display: flex;
  align-items: center;
  color: #1b2745;
}
.pagination-container[_ngcontent-pagination]   .pagination-extra[_ngcontent-pagination]   select[_ngcontent-pagination] {
  -moz-appearance: none;
  
  -webkit-appearance: none;
  
  appearance: none;
  width: 100px;
  background-image: url('chevron-down-solid.svg');
  background-repeat: no-repeat;
  background-size: 13px;
  background-position-x: 90%;
  background-position-y: 50%;
}
.pagination-container[_ngcontent-pagination]   .pagination-extra[_ngcontent-pagination]   .select-without-margin[_ngcontent-pagination] {
  margin-right: 0;
}
@media (max-width: 960px) {
  .pagination-container[_ngcontent-pagination] {
    padding-right: 0px;
  }
}

/* ===== app-project-history (main-es2015.js) ===== */
[_nghost-project-history] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.history-header[_ngcontent-project-history] {
  position: relative;
  padding: 25px 35px 0 25px;
}

.history-header[_ngcontent-project-history]   .action-container[_ngcontent-project-history] {
  padding-right: 0;
}

.history-header[_ngcontent-project-history]   .action-container[_ngcontent-project-history]   .action-item-container[_ngcontent-project-history] {
  padding-right: 0;
}

.history-header[_ngcontent-project-history]   .action-container[_ngcontent-project-history]   .action-item-container[_ngcontent-project-history]   .action-item[_ngcontent-project-history] {
  display: flex;
  align-items: center;
}

.history-header[_ngcontent-project-history]   .action-container[_ngcontent-project-history]   .action-item-container[_ngcontent-project-history]   .action-item[_ngcontent-project-history]   .text[_ngcontent-project-history] {
  font-size: 1rem;
}

.history-header[_ngcontent-project-history]   .action-container[_ngcontent-project-history]   .action-item-container[_ngcontent-project-history]   .action-item[_ngcontent-project-history]   i[_ngcontent-project-history] {
  font-size: 1.5rem;
}

.history-header[_ngcontent-project-history]   .action-container[_ngcontent-project-history]   .action-item-container[_ngcontent-project-history]   .action-item.active[_ngcontent-project-history] {
  cursor: pointer;
  background-color: #1b2745;
}

.history-header[_ngcontent-project-history]   .sort-container[_ngcontent-project-history] {
  display: grid;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
  grid-template-columns: auto 1fr;
}

.history-header[_ngcontent-project-history]   app-history-sort[_ngcontent-project-history] {
  z-index: 2;
  position: absolute;
  width: 260px;
  height: 350px;
  top: 43px;
}

.history-body[_ngcontent-project-history] {
  flex: 1;
  overflow-y: auto;
  overflow-x: visible;
}

.history-body[_ngcontent-project-history]   .history-list[_ngcontent-project-history] {
  padding: 0;
  list-style-type: none;
}

.history-body[_ngcontent-project-history]   .history-list[_ngcontent-project-history]   .history-list-item[_ngcontent-project-history] {
  padding: 25px 20px;
}

.history-body[_ngcontent-project-history]   .history-list[_ngcontent-project-history]   .history-list-item[_ngcontent-project-history]:nth-child(odd) {
  background-color: #e5e8f0;
}

.history-body[_ngcontent-project-history]   .history-list[_ngcontent-project-history]   .history-list-item[_ngcontent-project-history]   table[_ngcontent-project-history]   tr[_ngcontent-project-history]   td[_ngcontent-project-history] {
  font-size: 0.875rem;
  line-height: 28px;
}

.history-body[_ngcontent-project-history]   .history-list[_ngcontent-project-history]   .history-list-item[_ngcontent-project-history]   table[_ngcontent-project-history]   tr[_ngcontent-project-history]   td[_ngcontent-project-history]:first-child {
  font-weight: bold;
  padding-right: 50px;
}

.history-body[_ngcontent-project-history]   .history-list[_ngcontent-project-history]   .history-list-item[_ngcontent-project-history]   table[_ngcontent-project-history]   tr[_ngcontent-project-history]   td[_ngcontent-project-history]   u[_ngcontent-project-history] {
  cursor: pointer;
  color: #8d99b3;
}

.history-body[_ngcontent-project-history]   .history-no-items[_ngcontent-project-history] {
  padding: 25px 20px;
}

/* ===== project-icon (main-es2015.js) ===== */
[_nghost-project-icon] {
  display: block;
  background-color: #ffffff;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

/* ===== app-project-release (main-es2015.js) ===== */
[_nghost-project-release] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.release-header[_ngcontent-project-release] {
  position: relative;
  padding: 25px 35px 0 25px;
}

.release-header[_ngcontent-project-release]   .action-container[_ngcontent-project-release] {
  padding-right: 0;
}

.release-header[_ngcontent-project-release]   .action-container[_ngcontent-project-release]   .action-item-container[_ngcontent-project-release] {
  padding-right: 0;
}

.release-header[_ngcontent-project-release]   .action-container[_ngcontent-project-release]   .action-item-container[_ngcontent-project-release]   .action-item[_ngcontent-project-release] {
  display: flex;
  align-items: center;
}

.release-header[_ngcontent-project-release]   .action-container[_ngcontent-project-release]   .action-item-container[_ngcontent-project-release]   .action-item[_ngcontent-project-release]   .text[_ngcontent-project-release] {
  font-size: 1rem;
}

.release-header[_ngcontent-project-release]   .action-container[_ngcontent-project-release]   .action-item-container[_ngcontent-project-release]   .action-item[_ngcontent-project-release]   i[_ngcontent-project-release] {
  font-size: 1.5rem;
}

.release-header[_ngcontent-project-release]   .action-container[_ngcontent-project-release]   .action-item-container[_ngcontent-project-release]   .action-item.active[_ngcontent-project-release] {
  cursor: pointer;
  background-color: #1b2745;
}

.release-header[_ngcontent-project-release]   .sort-container[_ngcontent-project-release] {
  display: grid;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
  grid-template-columns: auto 1fr;
}

.release-header[_ngcontent-project-release]   app-release-sort[_ngcontent-project-release] {
  z-index: 2;
  position: absolute;
  width: 260px;
  height: 350px;
  top: 43px;
}

.release-body[_ngcontent-project-release] {
  flex: 1;
  overflow-y: auto;
  overflow-x: visible;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release] {
  padding: 0;
  list-style-type: none;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release] {
  padding: 25px 20px;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release]:nth-child(even) {
  background-color: #e5e8f0;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release]   table[_ngcontent-project-release]   .col-left[_ngcontent-project-release] {
  width: 150px;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release]   table[_ngcontent-project-release]   .col-right[_ngcontent-project-release] {
  width: 404px;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release]   table[_ngcontent-project-release]   tr[_ngcontent-project-release]   td[_ngcontent-project-release] {
  font-size: 0.875rem;
  line-height: 28px;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release]   table[_ngcontent-project-release]   tr[_ngcontent-project-release]   td[_ngcontent-project-release]:first-child {
  font-weight: bold;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release]   table[_ngcontent-project-release]   tr[_ngcontent-project-release]   td[_ngcontent-project-release]   u[_ngcontent-project-release] {
  cursor: pointer;
  color: #8d99b3;
}

.release-body[_ngcontent-project-release]   .release-list[_ngcontent-project-release]   .release-list-item[_ngcontent-project-release]   .download-link[_ngcontent-project-release] {
  text-decoration: underline;
  cursor: pointer;
}

.release-body[_ngcontent-project-release]   .release-no-items[_ngcontent-project-release] {
  padding: 25px 20px;
}

/* ===== app-project-versions (main-es2015.js) ===== */
[_nghost-project-versions] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}
[_nghost-project-versions]   .version-header[_ngcontent-project-versions] {
  position: relative;
  padding: 25px 35px 0 25px;
}
[_nghost-project-versions]   .version-header[_ngcontent-project-versions]   .action-container[_ngcontent-project-versions] {
  padding-right: 0;
}
[_nghost-project-versions]   .version-header[_ngcontent-project-versions]   .action-container[_ngcontent-project-versions]   .action-item-container[_ngcontent-project-versions] {
  padding-right: 0;
}
[_nghost-project-versions]   .version-header[_ngcontent-project-versions]   .action-container[_ngcontent-project-versions]   .action-item-container[_ngcontent-project-versions]   .action-item[_ngcontent-project-versions] {
  display: flex;
  align-items: center;
}
[_nghost-project-versions]   .version-header[_ngcontent-project-versions]   .action-container[_ngcontent-project-versions]   .action-item-container[_ngcontent-project-versions]   .action-item[_ngcontent-project-versions]   .text[_ngcontent-project-versions] {
  font-size: 1rem;
}
[_nghost-project-versions]   .version-header[_ngcontent-project-versions]   .action-container[_ngcontent-project-versions]   .action-item-container[_ngcontent-project-versions]   .action-item[_ngcontent-project-versions]   i[_ngcontent-project-versions] {
  font-size: 1.5rem;
}
[_nghost-project-versions]   .version-header[_ngcontent-project-versions]   .sort-container[_ngcontent-project-versions] {
  display: grid;
  align-items: center;
  gap: 10px;
  grid-template-columns: auto 1fr;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions] {
  flex: 1;
  overflow-y: auto;
  overflow-x: visible;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions]   .version-list[_ngcontent-project-versions] {
  padding: 0;
  list-style-type: none;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions]   .version-list[_ngcontent-project-versions]   .version-list-item[_ngcontent-project-versions] {
  padding: 25px 20px;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions]   .version-list[_ngcontent-project-versions]   .version-list-item[_ngcontent-project-versions]:nth-child(odd) {
  background-color: #e5e8f0;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions]   .version-list[_ngcontent-project-versions]   .version-list-item[_ngcontent-project-versions]   table[_ngcontent-project-versions]   tr[_ngcontent-project-versions]   td[_ngcontent-project-versions] {
  font-size: 0.875rem;
  line-height: 28px;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions]   .version-list[_ngcontent-project-versions]   .version-list-item[_ngcontent-project-versions]   table[_ngcontent-project-versions]   tr[_ngcontent-project-versions]   td[_ngcontent-project-versions]:first-child {
  font-weight: bold;
  padding-right: 50px;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions]   .version-table[_ngcontent-project-versions]   tr[_ngcontent-project-versions]:first-child {
  font-weight: bold;
}
[_nghost-project-versions]   .version-body[_ngcontent-project-versions]   .version-table[_ngcontent-project-versions]   tr[_ngcontent-project-versions]   .download-link[_ngcontent-project-versions]:hover {
  text-decoration: underline;
  cursor: pointer;
}
[_nghost-project-versions]   .version-no-items[_ngcontent-project-versions] {
  padding: 25px 20px;
}

/* ===== app-resizer (main-es2015.js) ===== */
[_nghost-resizer] {
  display: block;
  position: absolute;
  box-sizing: border-box;
  cursor: ew-resize;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-column[_nghost-resizer] {
  width: 5px;
  height: 100%;
  right: -5px;
}
.resize-column[_nghost-resizer]   .sizer[_ngcontent-resizer] {
  display: none;
}
.resize-folder[_nghost-resizer] {
  background: #ffffff;
  width: 20px;
  height: 240px;
  right: -10px;
  top: calc(50% - 120px);
  padding: 2px;
}
.resize-folder[_nghost-resizer]   .sizer[_ngcontent-resizer] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #efefef;
  color: #8d99b3;
  font-size: 16px;
  border-radius: 2px;
  height: 100%;
  font-weight: bolder;
}

/* ===== app-search (main-es2015.js) ===== */
[_nghost-search] {
  z-index: 100;
}

.search-container[_ngcontent-search] {
  padding: 20px;
  width: 100%;
  background-color: #e5e8f0;
  border-radius: 10px;
  box-shadow: 0 5px 34px 0 rgba(0, 0, 0, 0.5);
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]    > *[_ngcontent-search]:not(:last-child) {
  margin-bottom: 20px;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search] {
  display: flex;
  flex-direction: column;
  color: #1b2745;
  font-size: 14px;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search]   label[_ngcontent-search] {
  margin-bottom: 5px;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search]   .input-group[_ngcontent-search] {
  position: relative;
  display: flex;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search]   .input-group[_ngcontent-search]   .search-input[_ngcontent-search] {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #666666;
  border: 1px solid #b9babd;
  background-color: white;
  flex: 1;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search]   .input-group[_ngcontent-search]   .search-input[_ngcontent-search]::-webkit-calendar-picker-indicator {
  background: transparent;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search]   .input-group[_ngcontent-search]   i[_ngcontent-search] {
  position: absolute;
  pointer-events: none;
  font-size: 20px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 2px;
  width: 38px;
  height: 38px;
  background: #efefef;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search]   #to[_ngcontent-search], .search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .search-control[_ngcontent-search]   #from[_ngcontent-search] {
  font-family: "Open Sans", sans-serif;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .limit-date[_ngcontent-search] {
  display: grid;
  align-items: center;
  gap: 8px;
  justify-content: center;
  grid-template-columns: 25px auto 1fr;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .limit-date[_ngcontent-search]   label[_ngcontent-search] {
  font-size: 14px;
  color: #1b2745;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .limit-date[_ngcontent-search]   .checkbox-control[_ngcontent-search] {
  border: 1px solid #b9babd;
  flex-basis: 20px;
  border-radius: 0;
  height: 20px;
  margin: 0 5px 0 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background-color: white;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .limit-date[_ngcontent-search]   .checkbox-control[_ngcontent-search]:checked {
  background-image: url("/assets/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .limit-date-container[_ngcontent-search] {
  display: grid;
  justify-content: space-between;
  gap: 21px;
  grid-template-columns: 1fr;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   hr[_ngcontent-search] {
  width: 100%;
  flex: 1;
  border: none;
  border-top: 1px solid #b9babd;
}

.search-container[_ngcontent-search]   .search-form[_ngcontent-search]   .btn.btn-primary[_ngcontent-search] {
  height: 40px;
}
@media (max-width: 600px) {
  .search-container[_ngcontent-search] {
    border-radius: 0 0 10px 10px;
  }
}

/* ===== app-select-directory-list (main-es2015.js) ===== */
.folder-list[_ngcontent-select-directory-list] {
  margin: 0;
  list-style: none;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.875rem;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list] {
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  color: #1b2745;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper.root[_ngcontent-select-directory-list] {
  padding: 0px 10px;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper.selected[_ngcontent-select-directory-list] {
  background-color: #1c2747;
  color: white;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper.selected[_ngcontent-select-directory-list]   .item[_ngcontent-select-directory-list]   span[_ngcontent-select-directory-list] {
  font-weight: 600;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper.selected[_ngcontent-select-directory-list]   .item[_ngcontent-select-directory-list]   i[_ngcontent-select-directory-list] {
  color: white;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper[_ngcontent-select-directory-list]   .item[_ngcontent-select-directory-list] {
  line-height: 30px;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 5px;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper[_ngcontent-select-directory-list]   .item[_ngcontent-select-directory-list]   .caret-wrapper[_ngcontent-select-directory-list] {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper[_ngcontent-select-directory-list]   .item[_ngcontent-select-directory-list]   .caret-wrapper[_ngcontent-select-directory-list]   i[_ngcontent-select-directory-list] {
  width: 10px;
  color: #8d99b3;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper[_ngcontent-select-directory-list]   .item[_ngcontent-select-directory-list]   span[_ngcontent-select-directory-list] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper[_ngcontent-select-directory-list]   .item.found[_ngcontent-select-directory-list]   span[_ngcontent-select-directory-list] {
  font-weight: 600;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper[_ngcontent-select-directory-list]:hover {
  background-color: #8d99b3;
  color: white;
}
.folder-list[_ngcontent-select-directory-list]   .folder-item[_ngcontent-select-directory-list]   .item-wrapper[_ngcontent-select-directory-list]:hover   .item[_ngcontent-select-directory-list]   .caret-wrapper[_ngcontent-select-directory-list]   i[_ngcontent-select-directory-list] {
  color: white;
}

/* ===== app-select-input-autocomplete-menu (main-es2015.js) ===== */
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu] {
  --select-height: 40px;
  position: relative;
  height: var(--select-height);
  width: calc(100% - 2px);
  display: flex;
  min-width: 200px;
  align-items: center;
  border: 1px solid #b9babd;
  background-color: #ffffff;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .input-control[_ngcontent-select-input-autocomplete-menu] {
  font: 400 13.3333px Arial !important;
  height: 42px;
  font-size: 1rem;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  outline: none !important;
  border: none !important;
  margin-bottom: 0;
  background: transparent;
  width: 100%;
  color: #666666;
}
[_nghost-select-input-autocomplete-menu]   .select-container.white[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu] {
  background-color: white;
}
[_nghost-select-input-autocomplete-menu]   .select-container.white.open[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu] {
  background-color: white;
}
[_nghost-select-input-autocomplete-menu]   .select-container.transparent[_ngcontent-select-input-autocomplete-menu] {
  border: none;
  background-color: transparent;
  width: 110px;
  min-width: unset;
  --select-height: 45px;
}
[_nghost-select-input-autocomplete-menu]   .select-container.transparent[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu] {
  background-color: transparent;
  color: #dbdbdb;
}
[_nghost-select-input-autocomplete-menu]   .select-container.transparent[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu]:hover {
  background-color: transparent;
  color: #1a2845;
}
[_nghost-select-input-autocomplete-menu]   .select-container.transparent.open[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu] {
  background-color: transparent;
}
[_nghost-select-input-autocomplete-menu]   .select-container.transparent[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu]   .menu-list[_ngcontent-select-input-autocomplete-menu]   .menu-item[_ngcontent-select-input-autocomplete-menu] {
  color: #666666;
}
[_nghost-select-input-autocomplete-menu]   .select-container.transparent[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu]   .menu-list[_ngcontent-select-input-autocomplete-menu]   .menu-item[_ngcontent-select-input-autocomplete-menu]:hover {
  background-color: #8d99b3;
  color: white;
}
[_nghost-select-input-autocomplete-menu]   .select-container.transparent[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu]   .menu-list[_ngcontent-select-input-autocomplete-menu]   .menu-item.active[_ngcontent-select-input-autocomplete-menu] {
  background-color: #8d99b3;
  color: white;
}
[_nghost-select-input-autocomplete-menu]   .select-container.bg-transparent[_ngcontent-select-input-autocomplete-menu] {
  background-color: transparent;
}
[_nghost-select-input-autocomplete-menu]   .select-container.open[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu] {
  background-color: #576588;
}
[_nghost-select-input-autocomplete-menu]   .select-container.open[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu] {
  display: block;
}
[_nghost-select-input-autocomplete-menu]   .select-container.sm[_ngcontent-select-input-autocomplete-menu] {
  --select-height: 30px;
}
[_nghost-select-input-autocomplete-menu]   .select-container.md[_ngcontent-select-input-autocomplete-menu] {
  --select-height: 40px;
  font: 400 13.3333px Arial;
}
[_nghost-select-input-autocomplete-menu]   .select-container.lg[_ngcontent-select-input-autocomplete-menu] {
  --select-height: 60px;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .value[_ngcontent-select-input-autocomplete-menu] {
  flex-basis: 100px;
  flex-grow: 1;
  flex-shrink: 0;
  padding-left: 20px;
  padding-right: 20px;
}
[_nghost-select-input-autocomplete-menu]   .select-container.history[_ngcontent-select-input-autocomplete-menu] {
  width: 157px;
  min-width: unset;
  --select-height: 45px;
  border-color: #dadada;
}
[_nghost-select-input-autocomplete-menu]   .select-container.history[_ngcontent-select-input-autocomplete-menu]   .value[_ngcontent-select-input-autocomplete-menu] {
  padding-right: 1px;
  color: #b9babd;
}
[_nghost-select-input-autocomplete-menu]   .select-container.version[_ngcontent-select-input-autocomplete-menu] {
  --select-height: 45px;
  border-color: #dadada;
}
[_nghost-select-input-autocomplete-menu]   .select-container.version[_ngcontent-select-input-autocomplete-menu]   .value[_ngcontent-select-input-autocomplete-menu] {
  padding-right: 1px;
  color: #b9babd;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu] {
  width: calc(var(--select-height) - 1px);
  height: calc(var(--select-height) - 1px);
  border: none;
  font-size: 22px;
  background-color: #efefef;
  border-radius: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .btn-select[_ngcontent-select-input-autocomplete-menu]:hover {
  color: #efefef;
  background-color: #1b2745;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu] {
  z-index: 2;
  display: none;
  position: absolute;
  top: calc(var(--select-height) + 1px);
  background-color: #ffffff;
  left: -1px;
  right: -1px;
  border: 1px solid #8d99b3;
  max-height: 256px;
  overflow: auto;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu]   .menu-list[_ngcontent-select-input-autocomplete-menu] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu]   .menu-list[_ngcontent-select-input-autocomplete-menu]   .menu-item[_ngcontent-select-input-autocomplete-menu] {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: var(--select-height);
  padding-left: 20px;
  padding-right: 20px;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu]   .menu-list[_ngcontent-select-input-autocomplete-menu]   .menu-item[_ngcontent-select-input-autocomplete-menu]:hover {
  background-color: #8d99b3;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .menu-container[_ngcontent-select-input-autocomplete-menu]   .menu-list[_ngcontent-select-input-autocomplete-menu]   .menu-item.active[_ngcontent-select-input-autocomplete-menu] {
  background-color: #8d99b3;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-container[_ngcontent-select-input-autocomplete-menu] {
  z-index: 1;
  position: absolute;
  top: calc(var(--select-height) + 1px);
  background-color: #ffffff;
  left: -1px;
  right: -1px;
  border: 1px solid #8d99b3;
  max-height: 256px;
  overflow: auto;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-list[_ngcontent-select-input-autocomplete-menu] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-list[_ngcontent-select-input-autocomplete-menu]   .autocomplete-item[_ngcontent-select-input-autocomplete-menu] {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: var(--select-height);
  padding-left: 20px;
  padding-right: 20px;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-list[_ngcontent-select-input-autocomplete-menu]   .autocomplete-item[_ngcontent-select-input-autocomplete-menu]:hover {
  background-color: #8d99b3;
}
[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-container[_ngcontent-select-input-autocomplete-menu]   .autocomplete-list[_ngcontent-select-input-autocomplete-menu]   .autocomplete-item.active[_ngcontent-select-input-autocomplete-menu] {
  background-color: #8d99b3;
}
.active[_nghost-select-input-autocomplete-menu]   .select-container[_ngcontent-select-input-autocomplete-menu]   span[_ngcontent-select-input-autocomplete-menu] {
  color: #ffffff !important;
  font: 400 13.3333px Arial !important;
}

/* ===== app-select-menu (main-es2015.js) ===== */
[_nghost-select-menu]   .select-container[_ngcontent-select-menu] {
  --select-height: 40px;
  position: relative;
  height: var(--select-height);
  width: calc(100% - 2px);
  display: flex;
  min-width: 200px;
  align-items: center;
  border: 1px solid #b9babd;
  background-color: #ffffff;
}
[_nghost-select-menu]   .select-container.white[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu] {
  background-color: white;
}
[_nghost-select-menu]   .select-container.white.open[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu] {
  background-color: white;
}
[_nghost-select-menu]   .select-container.transparent[_ngcontent-select-menu] {
  border: none;
  background-color: transparent;
  width: 110px;
  min-width: unset;
  --select-height: 45px;
}
[_nghost-select-menu]   .select-container.transparent[_ngcontent-select-menu]   span[_ngcontent-select-menu] {
  color: #666666 !important;
  font: 400 13.3333px Arial !important;
  padding-left: 5px;
  padding-right: 0px;
  flex-basis: 90px;
  flex-grow: 1;
}
[_nghost-select-menu]   .select-container.transparent[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu] {
  background-color: transparent;
  color: #dbdbdb;
}
[_nghost-select-menu]   .select-container.transparent[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu]:hover {
  background-color: transparent;
  color: #1a2845;
}
[_nghost-select-menu]   .select-container.transparent.open[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu] {
  background-color: transparent;
}
[_nghost-select-menu]   .select-container.transparent[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu]   .menu-list[_ngcontent-select-menu]   .menu-item[_ngcontent-select-menu] {
  color: #666666;
}
[_nghost-select-menu]   .select-container.transparent[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu]   .menu-list[_ngcontent-select-menu]   .menu-item[_ngcontent-select-menu]:hover {
  background-color: #8d99b3;
  color: white;
}
[_nghost-select-menu]   .select-container.transparent[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu]   .menu-list[_ngcontent-select-menu]   .menu-item.active[_ngcontent-select-menu] {
  background-color: #8d99b3;
  color: white;
}
[_nghost-select-menu]   .select-container.bg-transparent[_ngcontent-select-menu] {
  background-color: transparent;
}
[_nghost-select-menu]   .select-container.open[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu] {
  background-color: #576588;
}
[_nghost-select-menu]   .select-container.open[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu] {
  display: block;
}
[_nghost-select-menu]   .select-container.sm[_ngcontent-select-menu] {
  --select-height: 30px;
}
[_nghost-select-menu]   .select-container.md[_ngcontent-select-menu] {
  --select-height: 40px;
  font: 400 13.3333px Arial;
}
[_nghost-select-menu]   .select-container.mdx[_ngcontent-select-menu] {
  --select-height: 40px;
  font: 400 14px Arial;
}
[_nghost-select-menu]   .select-container.lg[_ngcontent-select-menu] {
  --select-height: 60px;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .value[_ngcontent-select-menu] {
  flex-basis: 100px;
  flex-grow: 1;
  flex-shrink: 0;
  padding-left: 20px;
  padding-right: 20px;
}
[_nghost-select-menu]   .select-container.mdx[_ngcontent-select-menu]   .value[_ngcontent-select-menu] {
  padding-left: 8px;
  padding-right: 8px;
  color: #666666;
}
[_nghost-select-menu]   .select-container.history[_ngcontent-select-menu] {
  width: 157px;
  min-width: unset;
  --select-height: 45px;
  border-color: #dadada;
}
[_nghost-select-menu]   .select-container.history[_ngcontent-select-menu]   .value[_ngcontent-select-menu] {
  padding-right: 1px;
  color: #b9babd;
}
[_nghost-select-menu]   .select-container.version[_ngcontent-select-menu] {
  --select-height: 45px;
  border-color: #dadada;
}
[_nghost-select-menu]   .select-container.version[_ngcontent-select-menu]   .value[_ngcontent-select-menu] {
  padding-right: 1px;
  color: #b9babd;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu] {
  width: calc(var(--select-height) - 1px);
  height: 100%;
  border: none;
  font-size: 22px;
  background-color: #efefef;
  border-radius: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .btn-select[_ngcontent-select-menu]:hover {
  color: #efefef;
  background-color: #1b2745;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu] {
  z-index: 1;
  display: none;
  position: absolute;
  top: calc(var(--select-height) + 1px);
  background-color: #ffffff;
  left: -1px;
  right: -1px;
  border: 1px solid #8d99b3;
  max-height: 256px;
  overflow: auto;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu]   .menu-list[_ngcontent-select-menu] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu]   .menu-list[_ngcontent-select-menu]   .menu-item[_ngcontent-select-menu] {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: var(--select-height);
  padding-left: 20px;
  padding-right: 20px;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu]   .menu-list[_ngcontent-select-menu]   .menu-item[_ngcontent-select-menu]:hover {
  background-color: #8d99b3;
}
[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   .menu-container[_ngcontent-select-menu]   .menu-list[_ngcontent-select-menu]   .menu-item.active[_ngcontent-select-menu] {
  background-color: #8d99b3;
}
.active[_nghost-select-menu]   .select-container[_ngcontent-select-menu]   span[_ngcontent-select-menu] {
  color: #ffffff !important;
  font: 400 13.3333px Arial !important;
}

/* ===== app-select (main-es2015.js) ===== */
[_nghost-select] {
  position: relative;
  display: flex;
  border: 1px solid #b9babd;
  align-items: center;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  flex-grow: 0;
}
[_nghost-select]   .value[_ngcontent-select] {
  display: block;
  flex: 1;
  overflow: hidden;
  padding: 0 10px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[_nghost-select]   .toggle[_ngcontent-select] {
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0;
  flex-basis: 40px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: #efefef;
  height: 40px;
  width: 40px;
  outline: none;
  font-size: 1.375em;
}
[_nghost-select]   .toggle.active[_ngcontent-select] {
  background: #576588;
}
[_nghost-select]   .selection[_ngcontent-select] {
  display: none;
  z-index: 1400;
  position: absolute;
  background: #ffffff;
  border: 1px solid #b9babd;
  left: -1px;
  right: -1px;
  top: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 50vh;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
[_nghost-select]   .selection.open[_ngcontent-select] {
  display: block;
}
[_nghost-select]   .selection[_ngcontent-select]   .option[_ngcontent-select] {
  box-sizing: border-box;
  height: 40px;
  padding: 8px 20px;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[_nghost-select]   .selection[_ngcontent-select]   .option[_ngcontent-select]:hover {
  background-color: #8d99b3;
}

/* ===== app-settings (main-es2015.js) ===== */
[_nghost-settings] {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 65px;
  width: 630px;
  background-color: #e5e8f0;
  border-left: 1px solid #1b2745;
  padding: 15px 0 0 30px;
  z-index: 10;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 65px);
  overflow: hidden;
}

.tab-header[_ngcontent-settings] {
  flex-basis: 50px;
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings]   .tab-item[_ngcontent-settings] {
  cursor: pointer;
  padding: 15px 20px;
  color: #1b2745;
  border-bottom: 6px solid transparent;
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings]   .tab-item.active[_ngcontent-settings] {
  font-weight: bold;
  border-bottom: 6px solid #8d99b3;
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings]   .tab-space[_ngcontent-settings] {
  flex: 1;
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings]   .tab-close[_ngcontent-settings] {
  cursor: pointer;
  padding: 10px 30px 20px 30px;
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings]   .tab-close[_ngcontent-settings]   .bar[_ngcontent-settings] {
  display: block;
  background: #1b2745;
  width: 36px;
  height: 2px;
  margin-bottom: -2px;
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings]   .tab-close[_ngcontent-settings]   .bar[_ngcontent-settings]:first-child {
  transform: rotate(45deg);
}

.tab-header[_ngcontent-settings]   .tabs[_ngcontent-settings]   .tab-close[_ngcontent-settings]   .bar[_ngcontent-settings]:last-child {
  transform: rotate(-45deg);
}

.tab-container[_ngcontent-settings] {
  flex: 1;
  box-sizing: border-box;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  background: #ffffff;
  display: flex;
  overflow: hidden;
}

.tab-container[_ngcontent-settings]   .tab-content[_ngcontent-settings] {
  width: 100%;
}

.tab-container-two-part[_ngcontent-settings] {
  box-sizing: border-box;
  background: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100% - 58px);
  
  max-height: calc(100% - 58px);
  
}

.tab-container-two-part[_ngcontent-settings]   .tab-content-top[_ngcontent-settings] {
  box-sizing: border-box;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background: #ffffff;
  flex-grow: 1;
  overflow-x: auto;
  padding: 20px 20px;
}

.tab-container-two-part[_ngcontent-settings]   .tab-content-bottom[_ngcontent-settings] {
  box-sizing: border-box;
  background: none;
  padding: 24px 30px 24px 0px;
}

.table-info[_ngcontent-settings] {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.table-info[_ngcontent-settings]   tbody[_ngcontent-settings]   tr[_ngcontent-settings]   td[_ngcontent-settings] {
  height: 60px;
}

.table-info[_ngcontent-settings]   tbody[_ngcontent-settings]   tr[_ngcontent-settings]   td[_ngcontent-settings]:first-child {
  width: 35%;
  font-weight: bold;
}

.table-info[_ngcontent-settings]   tbody[_ngcontent-settings]   tr[_ngcontent-settings]   td[_ngcontent-settings]:last-child {
  width: 65%;
}

.table-info[_ngcontent-settings]   tbody[_ngcontent-settings]   tr[_ngcontent-settings]   td[_ngcontent-settings]   div[_ngcontent-settings] {
  display: flex;
  align-items: center;
}

.table-info[_ngcontent-settings]   tbody[_ngcontent-settings]   tr[_ngcontent-settings]:not(:last-child) {
  box-shadow: 0 1px 0 0 #dadada;
}

.comment-list[_ngcontent-settings] {
  list-style: none;
  margin: 0;
  padding: 1px 1px;
}

.comment-list[_ngcontent-settings]   li[_ngcontent-settings] {
  list-style: none;
  font-weight: bold;
  padding: 16px 30px 16px 0px;
}

.comment-list[_ngcontent-settings]   li[_ngcontent-settings]:first-child {
  padding-top: 6px;
}

.comment-list[_ngcontent-settings]   li[_ngcontent-settings]:not(:last-child) {
  box-shadow: 0 1px 0 0 #dadada;
}

.comments-zero[_ngcontent-settings], .comments-loading[_ngcontent-settings] {
  text-align: center;
  color: #6f6f6f;
  font-style: italic;
}

.comment[_ngcontent-settings]   .comment-top[_ngcontent-settings] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.comment[_ngcontent-settings]   .comment-top[_ngcontent-settings]   .comment-username[_ngcontent-settings] {
  font-size: 1rem;
}

.comment[_ngcontent-settings]   .comment-top[_ngcontent-settings]   .comment-date[_ngcontent-settings] {
  font-size: 0.875rem;
  font-weight: initial;
  color: #6f6f6f;
}

.comment[_ngcontent-settings]   .comment-bottom[_ngcontent-settings] {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: initial;
  padding-left: 41px;
}

.comment-add-and-edit[_ngcontent-settings]   .comment-add-and-edit-top[_ngcontent-settings] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.comment-add-and-edit[_ngcontent-settings]   .comment-add-and-edit-top[_ngcontent-settings]   textarea[_ngcontent-settings] {
  flex-grow: 1;
}

.comment-add-and-edit[_ngcontent-settings]   .comment-add-and-edit-bottom[_ngcontent-settings] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.comment-add-and-edit[_ngcontent-settings]   .comment-add-and-edit-bottom[_ngcontent-settings]   .btn-cancel-wrapper[_ngcontent-settings] {
  display: block;
}

.comment-add-and-edit[_ngcontent-settings]   .comment-add-and-edit-bottom[_ngcontent-settings]   .btn-cancel-wrapper[_ngcontent-settings]   .btn-cancel[_ngcontent-settings] {
  color: #333333;
  font-size: 0.8rem;
  text-decoration: none;
  cursor: pointer;
}

.comment-add-and-edit[_ngcontent-settings]   .comment-add-and-edit-bottom[_ngcontent-settings]   .btn-cancel-wrapper[_ngcontent-settings]   .btn-cancel[_ngcontent-settings]:hover {
  font-weight: 600;
  letter-spacing: -0.0175em;
}

textarea[_ngcontent-settings] {
  min-height: 40px;
  height: 40px;
  resize: none;
  overflow: hidden;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  padding: 10px 20px;
}

textarea[_ngcontent-settings]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}

textarea[_ngcontent-settings]:-moz-read-only:focus {
  border: 1px solid #b9babd;
  box-shadow: none;
}

textarea[_ngcontent-settings]:read-only:focus {
  border: 1px solid #b9babd;
  box-shadow: none;
}

/* ===== side-navigation (main-es2015.js) ===== */
[_nghost-side-navigation] {
  position: absolute;
  width: 70px;
  height: 100%;
  background: #3a3737;
}
[_nghost-side-navigation]   .side-navigation-container[_ngcontent-side-navigation] {
  display: block;
  background: #3a3737;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 20px 0;
  box-sizing: border-box;
  z-index: 11;
}
ul.links[_ngcontent-side-navigation] {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.links[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation] {
  display: flex;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  padding: 10px 20px;
  cursor: pointer;
  outline: none;
  position: relative;
  
}
ul.links[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation]   .badge[_ngcontent-side-navigation] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  background-color: #dc0830;
  color: #ffffff;
  font-size: 12px;
}
ul.links[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation]   .item-text[_ngcontent-side-navigation] {
  font-size: 14px;
  padding-top: 1px;
  display: none;
}
ul.links[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation]   .item-icon[_ngcontent-side-navigation] {
  font-size: 1.3rem;
  position: relative;
}
ul.links[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation]   .item-icon[_ngcontent-side-navigation]   .inner-icon[_ngcontent-side-navigation] {
  position: absolute;
  left: 7px;
  color: #3a3737;
}
ul.links.collapsed[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation] {
  width: 250px;
  justify-content: space-between;
}
ul.links.collapsed[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation]   .item-text[_ngcontent-side-navigation] {
  display: inline-block;
}
ul.links[_ngcontent-side-navigation]   li.link-separator[_ngcontent-side-navigation] {
  height: 1px;
  background: #ffffff;
  margin: 10px 17px;
}
ul.sub-links[_ngcontent-side-navigation] {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 15px 10px;
}
ul.sub-links[_ngcontent-side-navigation]   li.sub-link-item[_ngcontent-side-navigation] {
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  color: #ffffff;
  padding: 8px 0px 8px 20px;
  cursor: pointer;
  outline: none;
  position: relative;
}
@media (max-width: 960px) {
  [_nghost-side-navigation] {
    width: 0;
  }

  ul.links.collapsed[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation] {
    justify-content: flex-start;
  }
  ul.links.collapsed[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation]   .badge[_ngcontent-side-navigation] {
    left: 35px;
  }
  ul.links.collapsed[_ngcontent-side-navigation]   li.link-item[_ngcontent-side-navigation]   .item-text[_ngcontent-side-navigation] {
    margin-left: 30px;
  }
}

/* ===== app-sorter (main-es2015.js) ===== */
[_nghost-sorter] {
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  color: #1b2745;
}

.sort-label[_ngcontent-sorter] {
  box-sizing: border-box;
  padding-left: 10px;
  display: flex;
  font-weight: 600;
  align-items: center;
  flex: 1;
  height: 100%;
  min-width: 0;
  cursor: pointer;
}

.sort-label[_ngcontent-sorter]   span[_ngcontent-sorter] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sort-label.active[_ngcontent-sorter], .sort-label[_ngcontent-sorter]:hover {
  color: #ffffff;
  background: #8d99b3;
}

.sort-toggle[_ngcontent-sorter] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 20px;
  height: 100%;
  cursor: pointer;
}

.sort-toggle.active[_ngcontent-sorter], .sort-toggle[_ngcontent-sorter]:hover {
  color: #ffffff;
  background-color: #576588;
}

/* ===== table-filter-input (main-es2015.js) ===== */
.filter-container[_ngcontent-table-filter-input] {
  height: 60px;
  display: flex;
  align-items: center;
  width: 100%;
}

input[_ngcontent-table-filter-input]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}

/* ===== top-navigation (main-es2015.js) ===== */
[_nghost-top-navigation] {
  position: relative;
  display: flex;
  flex-basis: 64px;
  background: #1b2745;
}
[_nghost-top-navigation]   .loading-bar[_ngcontent-top-navigation] {
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #dc0830;
}
[_nghost-top-navigation]   .loading-bar.loading[_ngcontent-top-navigation] {
  height: 4px;
  background: linear-gradient(90deg, #1b2745 0%, #dc0830 45%, #1b2745 55%);
  background-size: 100% 4px;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: loadingAnimation;
          animation-name: loadingAnimation;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
[_nghost-top-navigation]   .toggle-container[_ngcontent-top-navigation] {
  flex-basis: 70px;
  padding: 20px 18px;
  box-sizing: border-box;
}
[_nghost-top-navigation]   .brand-container[_ngcontent-top-navigation] {
  flex: 1;
  padding: 16px 22px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
[_nghost-top-navigation]   .brand-container[_ngcontent-top-navigation]   .image[_ngcontent-top-navigation] {
  display: block;
  margin-right: 35px;
  height: 32px;
}
[_nghost-top-navigation]   .brand-container[_ngcontent-top-navigation]   .text[_ngcontent-top-navigation] {
  display: block;
  color: #dadada;
  text-transform: uppercase;
}
[_nghost-top-navigation]   .search-container[_ngcontent-top-navigation] {
  position: relative;
  flex-basis: 520px;
  padding: 10px;
  box-sizing: border-box;
}
[_nghost-top-navigation]   .search-container[_ngcontent-top-navigation]   app-search[_ngcontent-top-navigation] {
  position: absolute;
  top: 65px;
  width: 460px;
}
[_nghost-top-navigation]   .search-container.append-icon[_ngcontent-top-navigation]   i[_ngcontent-top-navigation] {
  color: #1b2745;
  font-size: 22px;
}
[_nghost-top-navigation]   .search-container[_ngcontent-top-navigation]   input[_ngcontent-top-navigation] {
  width: 100%;
  border: none;
  height: 100%;
  font-size: 14px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
}
[_nghost-top-navigation]   .search-container[_ngcontent-top-navigation]   input[_ngcontent-top-navigation]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
[_nghost-top-navigation]   .user-container[_ngcontent-top-navigation] {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-basis: 360px;
  color: #dadada;
  box-sizing: border-box;
  padding: 10px 35px;
}
[_nghost-top-navigation]   .user-container[_ngcontent-top-navigation]   .user[_ngcontent-top-navigation] {
  display: grid;
  align-items: center;
  cursor: pointer;
  gap: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  grid-template-columns: 45px auto auto;
}
[_nghost-top-navigation]   .user-container[_ngcontent-top-navigation]   .user[_ngcontent-top-navigation]   .fa-chevron-down[_ngcontent-top-navigation] {
  margin-left: 15px;
}
@-webkit-keyframes loadingAnimation {
  0% {
    background-position: -50vw 0;
  }
  100% {
    background-position: 50vw 0;
  }
}
@keyframes loadingAnimation {
  0% {
    background-position: -50vw 0;
  }
  100% {
    background-position: 50vw 0;
  }
}
@media (max-width: 1920px) {
  [_nghost-top-navigation]   .brand-container[_ngcontent-top-navigation]   .text[_ngcontent-top-navigation] {
    max-width: 500px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1280px) {
  [_nghost-top-navigation]   .brand-container[_ngcontent-top-navigation]   .text[_ngcontent-top-navigation] {
    width: 200px;
  }
}
@media (max-width: 960px) {
  [_nghost-top-navigation] {
    position: sticky;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 2;
  }
  [_nghost-top-navigation]   .brand-container[_ngcontent-top-navigation]   .image[_ngcontent-top-navigation] {
    margin-right: 0;
  }
  [_nghost-top-navigation]   .brand-container[_ngcontent-top-navigation]   .text[_ngcontent-top-navigation] {
    display: none;
  }
  [_nghost-top-navigation]   .search-container[_ngcontent-top-navigation] {
    flex-basis: 60px;
  }
  [_nghost-top-navigation]   .search-container[_ngcontent-top-navigation]   app-search[_ngcontent-top-navigation] {
    position: fixed;
    top: 65px;
    width: calc(100% - 40px);
    left: 0;
  }
  [_nghost-top-navigation]   .search-container.append-icon[_ngcontent-top-navigation]   i[_ngcontent-top-navigation] {
    color: #ffffff;
    right: 10px;
  }
  [_nghost-top-navigation]   .search-container.append-icon[_ngcontent-top-navigation]   i[_ngcontent-top-navigation]:first-of-type {
    pointer-events: none;
  }
  [_nghost-top-navigation]   .search-container.append-icon[_ngcontent-top-navigation]    > input[_ngcontent-top-navigation] {
    cursor: pointer;
  }
  [_nghost-top-navigation]   .search-container[_ngcontent-top-navigation]   input[_ngcontent-top-navigation] {
    width: 100%;
    height: 45px;
    opacity: 0;
    position: absolute;
    right: 10px;
    font-size: 1rem;
  }
  [_nghost-top-navigation]   .search-container.search-active[_ngcontent-top-navigation] {
    margin-right: 50px;
  }
  [_nghost-top-navigation]   .search-container.search-active[_ngcontent-top-navigation]   input[_ngcontent-top-navigation] {
    width: calc(100vw - 130px);
    opacity: 1;
  }
  [_nghost-top-navigation]   .search-container.search-active[_ngcontent-top-navigation]   input[_ngcontent-top-navigation]    + i[_ngcontent-top-navigation] {
    color: #1b2745;
    right: 25px;
  }
  [_nghost-top-navigation]   .search-container.search-active[_ngcontent-top-navigation]   input[_ngcontent-top-navigation]    + i[_ngcontent-top-navigation]    + i[_ngcontent-top-navigation] {
    cursor: pointer;
    color: #ffffff;
    font-size: 32px;
    right: -30px;
  }
  [_nghost-top-navigation]   .user-container[_ngcontent-top-navigation] {
    flex-basis: auto;
    padding: 10px 20px 10px 0px;
  }
  [_nghost-top-navigation]   .user-container[_ngcontent-top-navigation]   .user[_ngcontent-top-navigation] {
    grid-template-columns: 45px;
  }
}

/* ===== user-popup (main-es2015.js) ===== */
[_nghost-user-popup] {
  position: absolute;
  background-color: #1b2745;
  top: 80px;
  right: 10px;
  border-radius: 7px;
  padding: 0;
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 40;
}
.visible[_nghost-user-popup] {
  display: block;
}
[_nghost-user-popup]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom-color: #1b2745;
  border-top: 0;
  margin-top: -13px;
}
.refresh-info[_ngcontent-user-popup] {
  padding: 0 35px;
  display: flex;
  align-items: center;
  height: 60px;
  font-style: italic;
  font-size: 12px;
}
ul.user-menu[_ngcontent-user-popup] {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 330px;
}
ul.user-menu[_ngcontent-user-popup]   li.user-menu-item[_ngcontent-user-popup] {
  display: flex;
  height: 60px;
  align-items: center;
  font-size: 14px;
  padding: 0 35px;
  cursor: pointer;
}
ul.user-menu[_ngcontent-user-popup]   li.user-menu-item.active[_ngcontent-user-popup], ul.user-menu[_ngcontent-user-popup]   li.user-menu-item[_ngcontent-user-popup]:hover {
  background-color: #8d99b3;
}
ul.user-menu[_ngcontent-user-popup]   li.user-menu-item.nohover[_ngcontent-user-popup] {
  background-color: transparent;
  cursor: default;
}
ul.user-menu[_ngcontent-user-popup]   li.user-menu-separator[_ngcontent-user-popup] {
  margin: 0 35px;
  height: 1px;
  background-color: #8d99b3;
}
ul.user-menu[_ngcontent-user-popup]   .user-menu-icon[_ngcontent-user-popup] {
  width: 20px;
  margin-right: 20px;
  font-size: 20px;
}
ul.user-menu[_ngcontent-user-popup]   .languages[_ngcontent-user-popup] {
  display: flex;
}
ul.user-menu[_ngcontent-user-popup]   .languages[_ngcontent-user-popup]   .language[_ngcontent-user-popup] {
  flex: 1;
  border-right: 1px solid #8d99b3;
  padding-right: 30px;
  font-style: italic;
  cursor: pointer;
}
ul.user-menu[_ngcontent-user-popup]   .languages[_ngcontent-user-popup]   .language[_ngcontent-user-popup]:hover, ul.user-menu[_ngcontent-user-popup]   .languages[_ngcontent-user-popup]   .language.active[_ngcontent-user-popup] {
  font-style: normal;
}
ul.user-menu[_ngcontent-user-popup]   .languages[_ngcontent-user-popup]   .language[_ngcontent-user-popup]:last-child {
  padding-left: 30px;
  padding-right: 0;
  border-right: 0;
}

/* ===== workbook-sort (main-es2015.js) ===== */
[_nghost-workbook-sort] {
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  color: #1b2745;
}

.sort-label[_ngcontent-workbook-sort] {
  box-sizing: border-box;
  padding-left: 10px;
  display: flex;
  font-weight: 600;
  align-items: center;
  flex: 1;
  height: 100%;
  min-width: 0;
  cursor: pointer;
}

.sort-label[_ngcontent-workbook-sort]   span[_ngcontent-workbook-sort] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sort-label.active[_ngcontent-workbook-sort], .sort-label[_ngcontent-workbook-sort]:hover {
  color: #ffffff;
  background: #8d99b3;
}

.sort-toggle[_ngcontent-workbook-sort] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 20px;
  height: 100%;
  cursor: pointer;
}

.sort-toggle.active[_ngcontent-workbook-sort], .sort-toggle[_ngcontent-workbook-sort]:hover {
  color: #ffffff;
  background-color: #576588;
}

/* ===== app-forget (modules-auth-auth-module-es2015.js) ===== */
.form-control[_ngcontent-forget] {
  border: 1px solid #c0c0c0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  font-size: 1rem;
  outline: none;
}
.form-control[_ngcontent-forget]::-moz-placeholder {
  color: #666666;
}
.form-control[_ngcontent-forget]::placeholder {
  color: #666666;
}
.form-group[_ngcontent-forget] {
  margin-bottom: 25px;
}
.form-group[_ngcontent-forget]   input[_ngcontent-forget]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.btn[_ngcontent-forget] {
  background-color: #ffffff;
  font-size: 1rem;
  padding: 10px 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 200px;
  cursor: pointer;
  outline: none;
}
.btn.btn-primary[_ngcontent-forget] {
  border: 1px solid #1b2745;
  color: #1b2745;
}
.btn.disabled[_ngcontent-forget] {
  color: gray;
  border-color: gray;
}
.form-actions[_ngcontent-forget] {
  display: flex;
  justify-items: center;
}
.form-actions[_ngcontent-forget]   .left[_ngcontent-forget] {
  flex: 1;
}
.form-actions[_ngcontent-forget]   .right[_ngcontent-forget] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.form-actions[_ngcontent-forget]   .right[_ngcontent-forget]   a[_ngcontent-forget] {
  color: #1b2745;
  text-decoration: none;
  font-size: 1rem;
}
.form-actions[_ngcontent-forget]   .right[_ngcontent-forget]   a[_ngcontent-forget]:hover {
  font-weight: 600;
  letter-spacing: -0.018em;
}
@media (max-width: 600px) {
  .btn[_ngcontent-forget] {
    width: 100%;
  }

  .form-actions[_ngcontent-forget] {
    flex-direction: column;
  }
  .form-actions[_ngcontent-forget]   .right[_ngcontent-forget] {
    justify-content: center;
  }

  .bottom-area[_ngcontent-forget] {
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
  }
}

/* ===== app-login (modules-auth-auth-module-es2015.js) ===== */
.form-input[_ngcontent-login] {
  position: relative;
  margin-bottom: 25px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}

.form-input[_ngcontent-login]:first-child {
  margin-top: 5px;
}

.form-input[_ngcontent-login]   label[_ngcontent-login] {
  background: transparent;
  padding: 20px;
  font-size: 1rem;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: bottom left;
  color: #666;
  font-family: arial;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1000;
  pointer-events: none;
}

.form-input[_ngcontent-login]   input[_ngcontent-login] {
  border: 1px solid #c0c0c0;
  display: block;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  font-size: 1rem;
  outline: none;
}

.form-input[_ngcontent-login]   input[_ngcontent-login]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}

.form-end[_ngcontent-login] {
  margin-bottom: 40px;
}

.form-input[_ngcontent-login]   input[_ngcontent-login]:not(:-moz-placeholder-shown)    + label[_ngcontent-login] {
  transform: translateX(10px) translateY(-7px);
  font-size: 10px;
  color: #000;
  padding: 3px;
  background: white;
}

.form-input[_ngcontent-login]   input[_ngcontent-login]:focus    + label[_ngcontent-login], .form-input[_ngcontent-login]   input[_ngcontent-login]:not(:placeholder-shown)    + label[_ngcontent-login] {
  transform: translateX(10px) translateY(-7px);
  font-size: 10px;
  color: #000;
  padding: 3px;
  background: white;
}

.form-group[_ngcontent-login] {
  margin-bottom: 25px;
}

.btn[_ngcontent-login] {
  background-color: #ffffff;
  font-size: 1rem;
  padding: 10px 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 200px;
  cursor: pointer;
  outline: none;
}

.btn.btn-primary[_ngcontent-login] {
  border: 1px solid #1b2745;
  color: #1b2745;
}

.btn.disabled[_ngcontent-login] {
  color: gray;
  border-color: gray;
}

.form-actions[_ngcontent-login] {
  display: flex;
  justify-items: center;
  border-bottom: 1px solid #bababa;
  margin-bottom: 25px;
}

.form-actions[_ngcontent-login]   .left[_ngcontent-login] {
  flex: 1;
}

.form-actions[_ngcontent-login]   .right[_ngcontent-login] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

.form-actions[_ngcontent-login]   .right[_ngcontent-login]   a[_ngcontent-login] {
  color: #1b2745;
  text-decoration: none;
  font-size: 1rem;
}

.form-actions[_ngcontent-login]   .right[_ngcontent-login]   a[_ngcontent-login]:hover {
  font-weight: 600;
  letter-spacing: -0.018em;
}

.bottom-area[_ngcontent-login] {
  font-size: 0.875rem;
  color: #666666;
}

.bottom-info[_ngcontent-login] {
  font-size: 0.875rem;
  color: #666666;
}

[_nghost-login]     .bottom-area h2 {
  font-size: 0.875rem;
  color: #1b2745;
}

[_nghost-login]     .bottom-area a {
  color: #1b2745;
  font-weight: 600;
  text-decoration: none;
}

[_nghost-login]     .bottom-info h2 {
  font-size: 0.875rem;
  color: #1b2745;
}

[_nghost-login]     .bottom-info a {
  color: #1b2745;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 600px) {
  .btn[_ngcontent-login] {
    width: 100%;
  }

  .form-actions[_ngcontent-login] {
    flex-direction: column;
  }
  .form-actions[_ngcontent-login]   .right[_ngcontent-login] {
    justify-content: center;
  }

  .bottom-area[_ngcontent-login] {
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
  }
}

/* ===== app-reset (modules-auth-auth-module-es2015.js) ===== */
@font-face {
  font-family: "dotsfont";
  src: url("data:font/truetype;charset=utf-8;base64,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AMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOvArAAAgDKAAD//wDmAAYDrwKwAAIAygAA//8A5gAGA68CsAACAMoAAP//AOYABgOv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") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.form-control[_ngcontent-reset] {
  border: 1px solid #c0c0c0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  font-size: 1rem;
  outline: none;
}
.form-control[_ngcontent-reset]::-moz-placeholder {
  color: #666666;
}
.form-control[_ngcontent-reset]::placeholder {
  color: #666666;
}
.form-group[_ngcontent-reset] {
  margin-bottom: 25px;
}
.form-group[_ngcontent-reset]   input.obscuring[_ngcontent-reset] {
  -webkit-text-security: disc;
  font-family: dotsfont, sans-serif;
  font-size: 1.5rem;
  letter-spacing: 3px;
  padding-top: 14px;
  padding-bottom: 15px;
}
.form-group[_ngcontent-reset]   input.obscuring.firefox[_ngcontent-reset] {
  font-size: 0.6rem;
  letter-spacing: normal;
  padding-top: 24px;
  padding-bottom: 24px;
}
.form-group[_ngcontent-reset]   input.obscuring.safari[_ngcontent-reset] {
  font-size: 1.8rem;
  letter-spacing: normal;
  padding-top: 12px;
  padding-bottom: 13px;
}
.form-group[_ngcontent-reset]   input.error[_ngcontent-reset] {
  border: 1px solid #ff0000;
  box-shadow: inset 0px 0px 0px 1px #ff0000;
}
.form-group[_ngcontent-reset]   input[_ngcontent-reset]:focus {
  outline: none !important;
  border: 1px solid #1b2745;
  box-shadow: inset 0px 0px 0px 1px #1b2745;
}
.btn[_ngcontent-reset] {
  background-color: #ffffff;
  font-size: 1rem;
  padding: 10px 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 200px;
  cursor: pointer;
  outline: none;
}
.btn.btn-primary[_ngcontent-reset] {
  border: 1px solid #1b2745;
  color: #1b2745;
}
.btn.disabled[_ngcontent-reset] {
  color: gray;
  border-color: gray;
}
.btn.disabled[_ngcontent-reset]:hover {
  color: gray !important;
  background-color: #ffffff;
}
.form-actions[_ngcontent-reset] {
  display: flex;
  justify-items: center;
}
.form-actions[_ngcontent-reset]   .left[_ngcontent-reset] {
  flex: 1;
}
.form-actions[_ngcontent-reset]   .right[_ngcontent-reset] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.form-actions[_ngcontent-reset]   .right[_ngcontent-reset]   a[_ngcontent-reset] {
  color: #1b2745;
  text-decoration: none;
  font-size: 1rem;
}
.form-actions[_ngcontent-reset]   .right[_ngcontent-reset]   a[_ngcontent-reset]:hover {
  font-weight: 600;
  letter-spacing: -0.018em;
}
@media (max-width: 600px) {
  .btn[_ngcontent-reset] {
    width: 100%;
  }

  .form-actions[_ngcontent-reset] {
    flex-direction: column;
  }
  .form-actions[_ngcontent-reset]   .right[_ngcontent-reset] {
    justify-content: center;
  }

  .bottom-area[_ngcontent-reset] {
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
  }
}

/* ===== files-widget (modules-dashboard-dashboard-module-es2015.js) ===== */
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget] {
  width: 100%;
  table-layout: fixed;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   thead[_ngcontent-files-widget]   tr[_ngcontent-files-widget] {
  background-color: #e5e8f0;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   thead[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   th[_ngcontent-files-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  width: 33%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   thead[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   th[_ngcontent-files-widget]   span[_ngcontent-files-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   thead[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   th[_ngcontent-files-widget]:nth-child(1) {
  width: 48%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   thead[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   th[_ngcontent-files-widget]:nth-child(2) {
  width: 38%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   thead[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   th[_ngcontent-files-widget]:nth-child(3) {
  width: 14%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   thead[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   th[_ngcontent-files-widget]:first-child {
  background-color: #8d99b3;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget] {
  cursor: pointer;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0 0 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 33%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]   .file-name[_ngcontent-files-widget] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]   .file-name[_ngcontent-files-widget]   .name[_ngcontent-files-widget] {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]   .file-name[_ngcontent-files-widget]   .comment[_ngcontent-files-widget] {
  flex-shrink: 0;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]   .file-name[_ngcontent-files-widget]   .comment[_ngcontent-files-widget]   i[_ngcontent-files-widget] {
  padding: 0;
  cursor: pointer;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]   span[_ngcontent-files-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]:nth-child(1) {
  width: 48%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]:nth-child(2) {
  width: 38%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   td[_ngcontent-files-widget]:nth-child(3) {
  width: 14%;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]:nth-child(even) {
  background-color: #e5e8f0;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]:hover {
  background-color: #8d99b3;
  color: white;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   table[_ngcontent-files-widget]   tbody[_ngcontent-files-widget]   tr[_ngcontent-files-widget]   .avatar-wrapper[_ngcontent-files-widget] {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
[_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   div.pagination[_ngcontent-files-widget] {
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  padding-left: 25px;
}
[_nghost-files-widget]   .avatar[_ngcontent-files-widget] {
  width: 30px;
  height: 30px;
  background-color: #b9babd;
  border-radius: 50%;
}
@media (max-width: 960px) {
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget] {
    width: 100vw;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget] {
    list-style: none;
    padding: 0;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .files-list-item[_ngcontent-files-widget] {
    box-sizing: border-box;
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    padding: 10px 20px;
    width: 100%;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .file-icon[_ngcontent-files-widget] {
    margin-right: 10px;
    padding-top: 2px;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .file-icon[_ngcontent-files-widget]     i {
    font-size: 2.5em;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .file-data[_ngcontent-files-widget] {
    display: flex;
    flex-direction: column;
    width: calc(100% - 40px);
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .files-list-name[_ngcontent-files-widget] {
    width: 100%;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .files-list-user[_ngcontent-files-widget], [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .files-list-date[_ngcontent-files-widget] {
    font-size: 12px;
    font-style: italic;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   .files-list[_ngcontent-files-widget]   .files-list-user[_ngcontent-files-widget] {
    margin-right: 20px;
  }
  [_nghost-files-widget]   .files-widget[_ngcontent-files-widget]   .widget-body[_ngcontent-files-widget]   div.pagination[_ngcontent-files-widget] {
    justify-content: center;
  }
}

/* ===== infomail-widget (modules-dashboard-dashboard-module-es2015.js) ===== */
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget] {
  width: 100%;
  table-layout: fixed;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   thead[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget] {
  background-color: #e5e8f0;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   thead[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   th[_ngcontent-infomail-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  width: 33%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   thead[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   th[_ngcontent-infomail-widget]   span[_ngcontent-infomail-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   thead[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   th[_ngcontent-infomail-widget]:nth-child(1) {
  width: 35%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   thead[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   th[_ngcontent-infomail-widget]:nth-child(2) {
  width: 45%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   thead[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   th[_ngcontent-infomail-widget]:nth-child(3) {
  width: 20%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   thead[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   th[_ngcontent-infomail-widget]:first-child {
  background-color: #8d99b3;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget] {
  cursor: pointer;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   td[_ngcontent-infomail-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0 0 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 33%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   td[_ngcontent-infomail-widget]   span[_ngcontent-infomail-widget] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   td[_ngcontent-infomail-widget]:nth-child(1) {
  width: 35%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   td[_ngcontent-infomail-widget]:nth-child(2) {
  width: 45%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]   td[_ngcontent-infomail-widget]:nth-child(3) {
  width: 20%;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]:nth-child(even) {
  background-color: #e5e8f0;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   table[_ngcontent-infomail-widget]   tbody[_ngcontent-infomail-widget]   tr[_ngcontent-infomail-widget]:hover {
  background-color: #8d99b3;
  color: white;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   .name-container[_ngcontent-infomail-widget] {
  display: grid;
  gap: 10px;
  align-items: center;
  grid-template-columns: 30px 1fr;
}
[_nghost-infomail-widget]   .infomails-widget[_ngcontent-infomail-widget]   .widget-body[_ngcontent-infomail-widget]   div.pagination[_ngcontent-infomail-widget] {
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  padding-left: 25px;
}
[_nghost-infomail-widget]   .avatar[_ngcontent-infomail-widget] {
  width: 30px;
  height: 30px;
  background-color: #b9babd;
  border-radius: 50%;
}
[_nghost-infomail-widget]   .semi-bold[_ngcontent-infomail-widget] {
  font-weight: 600;
}

/* ===== project-widget (modules-dashboard-dashboard-module-es2015.js) ===== */
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .widget-body[_ngcontent-project-widget] {
  padding: 20px 24px;
  background-color: #f6f6f6;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .widget-body[_ngcontent-project-widget]   .project-widget-header[_ngcontent-project-widget] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .widget-body[_ngcontent-project-widget]   .project-widget-header[_ngcontent-project-widget]   .title[_ngcontent-project-widget] {
  font-size: 24px;
  color: #1b2944;
  margin: 0;
  font-weight: 600;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .widget-body[_ngcontent-project-widget]   .project-widget-header[_ngcontent-project-widget]   .logo[_ngcontent-project-widget] {
  height: 25px;
  background-size: contain;
  background-position: center;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .project-widget-image[_ngcontent-project-widget] {
  width: 100%;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .project-widget-image[_ngcontent-project-widget]   .image[_ngcontent-project-widget] {
  width: 100%;
  height: auto;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .data-block[_ngcontent-project-widget] {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget]   .information-item[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget]   .data-item[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .data-block[_ngcontent-project-widget]   .information-item[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .data-block[_ngcontent-project-widget]   .data-item[_ngcontent-project-widget] {
  display: flex;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget] {
  margin-top: 30px;
  justify-content: space-between;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget]   .information-item[_ngcontent-project-widget] {
  flex-direction: column;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget]   .information-item[_ngcontent-project-widget]   .title[_ngcontent-project-widget] {
  position: relative;
  color: #1b2745;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 20px;
  font-weight: 600;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget]   .information-item[_ngcontent-project-widget]   .title[_ngcontent-project-widget]:after {
  position: absolute;
  top: 30px;
  left: 0;
  content: " ";
  width: 70px;
  border-color: #1b2745;
  border-bottom: 1px solid;
}
[_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .data-item[_ngcontent-project-widget] {
  font-size: 0.875rem;
  color: #666666;
  line-height: 21px;
}
@media (max-width: 1480px) {
  [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .data-block[_ngcontent-project-widget] {
    flex-direction: column;
  }
  [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget]   .information-item[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .information-block[_ngcontent-project-widget]   .data-item[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .data-block[_ngcontent-project-widget]   .information-item[_ngcontent-project-widget], [_nghost-project-widget]   .project-widget[_ngcontent-project-widget]   .data-block[_ngcontent-project-widget]   .data-item[_ngcontent-project-widget] {
    margin-bottom: 10px;
  }
}

/* ===== shortcuts-widget (modules-dashboard-dashboard-module-es2015.js) ===== */
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget] {
  width: 100%;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget] {
  padding: 35px 30px;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr 1fr;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget] {
  cursor: pointer;
  display: grid;
  grid-template-rows: 30px 20px;
  align-content: center;
  justify-items: center;
  gap: 15px;
  min-width: 30%;
  min-height: 140px;
  background-color: #dadada;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]:hover {
  background-color: #1b2745;
  color: white;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]:hover   .icon[_ngcontent-shortcuts-widget]   .icon-with-text[_ngcontent-shortcuts-widget]   .text[_ngcontent-shortcuts-widget] {
  color: #1b2745;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]   .icon[_ngcontent-shortcuts-widget] {
  font-size: 28px;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]   .icon[_ngcontent-shortcuts-widget]   .icon-with-text[_ngcontent-shortcuts-widget] {
  position: relative;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]   .icon[_ngcontent-shortcuts-widget]   .icon-with-text[_ngcontent-shortcuts-widget]   .text[_ngcontent-shortcuts-widget] {
  position: absolute;
  font-size: 22px;
  top: 1px;
  left: 8px;
  color: white;
  font-weight: 700;
}
[_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]   .text[_ngcontent-shortcuts-widget] {
  font-size: 0.875rem;
  text-align: center;
}
@media (min-width: 1920px) {
  [_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget] {
    aspect-ratio: 1.46;
    grid-template-rows: 40px 20px;
  }
  [_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]   .icon[_ngcontent-shortcuts-widget]   .fas[_ngcontent-shortcuts-widget] {
    font-size: 38px;
  }
  [_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]   .icon[_ngcontent-shortcuts-widget]   .fas[_ngcontent-shortcuts-widget]   .text[_ngcontent-shortcuts-widget] {
    font-size: 32px;
    left: 13px;
  }
  [_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget]   .shortcut[_ngcontent-shortcuts-widget]   .icon[_ngcontent-shortcuts-widget]   .custom-icon[_ngcontent-shortcuts-widget] {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
  }
}
@media (max-width: 1480px) {
  [_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget] {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 20px;
  }
}
@media (max-width: 960px) {
  [_nghost-shortcuts-widget]   .shortcuts-widget[_ngcontent-shortcuts-widget]   .widget-body[_ngcontent-shortcuts-widget]   .shortcuts[_ngcontent-shortcuts-widget] {
    gap: 20px;
  }
}

/* ===== widget-header (modules-dashboard-dashboard-module-es2015.js) ===== */
[_nghost-widget-header]   .widget-header-container[_ngcontent-widget-header] {
  padding: 10px 0;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
[_nghost-widget-header]   .widget-header-container[_ngcontent-widget-header]   span.name[_ngcontent-widget-header] {
  margin-left: 10px;
}
[_nghost-widget-header]   .widget-header-container[_ngcontent-widget-header]   div.spacer[_ngcontent-widget-header] {
  flex: 1 0 auto;
}
[_nghost-widget-header]   .widget-header-container[_ngcontent-widget-header]   span.actions[_ngcontent-widget-header] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 18px;
}
[_nghost-widget-header]   .widget-header-container[_ngcontent-widget-header]   span.actions[_ngcontent-widget-header]   button.icon[_ngcontent-widget-header] {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
@media (max-width: 960px) {
  [_nghost-widget-header]   .widget-header-container[_ngcontent-widget-header] {
    background-color: #e5e8f0;
    padding: 20px;
    width: calc(100% - 40px);
  }
  [_nghost-widget-header]   .widget-header-container[_ngcontent-widget-header]   span.actions[_ngcontent-widget-header] {
    grid-template-columns: 1fr;
  }
}

/* ===== app-overview (modules-dashboard-dashboard-module-es2015.js) ===== */
[_nghost-overview] {
  width: 100%;
  height: 100%;
}
[_nghost-overview]   .content-container[_ngcontent-overview] {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0;
}
[_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview] {
  height: 100%;
}
[_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview]   .title[_ngcontent-overview] {
  flex: 1;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 20px;
  color: #1b2745;
}
[_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview]   .dashboard-container[_ngcontent-overview] {
  margin-top: 20px;
  width: 100%;
  height: 100%;
  position: relative;
}
[_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview]   .dashboard-container[_ngcontent-overview]    > div[_ngcontent-overview] {
  position: absolute;
}
@media (max-width: 960px) {
  [_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview]   .title[_ngcontent-overview] {
    padding: 20px 20px 0 20px;
  }
  [_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview]   .dashboard-container[_ngcontent-overview] {
    flex-wrap: wrap;
  }
  [_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview]   .dashboard-container[_ngcontent-overview]    > *[_ngcontent-overview]:not(:first-child) {
    margin-left: 0px;
  }
  [_nghost-overview]   .content-container[_ngcontent-overview]   .content[_ngcontent-overview]   .dashboard-container[_ngcontent-overview]   .column[_ngcontent-overview] {
    flex: 0 0 100%;
  }
}

/* ===== app-virtual-workbook-modal (modules-virtual-workbook-virtual-workbook-module-es2015.js) ===== */
[_nghost-virtual-workbook-modal] {
  width: 100%;
}
[_nghost-virtual-workbook-modal]   .notification[_ngcontent-virtual-workbook-modal] {
  display: flex;
  align-items: center;
  margin-left: 20px;
  color: #1b2745;
}
[_nghost-virtual-workbook-modal]   .notification[_ngcontent-virtual-workbook-modal]   i[_ngcontent-virtual-workbook-modal] {
  margin-right: 10px;
  font-size: 40px;
}
[_nghost-virtual-workbook-modal]   .notification[_ngcontent-virtual-workbook-modal]   div[_ngcontent-virtual-workbook-modal] {
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[_nghost-virtual-workbook-modal]   .logout-link[_ngcontent-virtual-workbook-modal] {
  cursor: pointer;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal] {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 20px;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal]   table[_ngcontent-virtual-workbook-modal] {
  table-layout: fixed;
  width: 100%;
  min-width: 840px;
  margin-bottom: 0px;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal]   table[_ngcontent-virtual-workbook-modal]   th[_ngcontent-virtual-workbook-modal] {
  font-weight: 600;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal]   table[_ngcontent-virtual-workbook-modal]   th[_ngcontent-virtual-workbook-modal]:not(:first-child) {
  border-left: #dadada;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal]   table[_ngcontent-virtual-workbook-modal]   .file-name-column[_ngcontent-virtual-workbook-modal] {
  width: 43%;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal]   table[_ngcontent-virtual-workbook-modal]   .description-column[_ngcontent-virtual-workbook-modal] {
  width: 25%;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal]   table[_ngcontent-virtual-workbook-modal]   .index-column[_ngcontent-virtual-workbook-modal] {
  width: 6%;
}
[_nghost-virtual-workbook-modal]   .table-wrapper[_ngcontent-virtual-workbook-modal]   table[_ngcontent-virtual-workbook-modal]   .owner-column[_ngcontent-virtual-workbook-modal] {
  width: 26%;
}

/* ===== app-virtual-workbook (modules-virtual-workbook-virtual-workbook-module-es2015.js) ===== */
.modal[_ngcontent-virtual-workbook] {
  max-height: 90%;
  padding-bottom: 30px;
}
.modal[_ngcontent-virtual-workbook]   app-workbook-modal[_ngcontent-virtual-workbook] {
  margin-bottom: 30px;
}