/* input(818,39): run-time error CSS1038: Expected hex color, found '#rgba'
input(818,63): run-time error CSS1038: Expected hex color, found '#rgba'
input(829,39): run-time error CSS1038: Expected hex color, found '#rgba'
input(829,63): run-time error CSS1038: Expected hex color, found '#rgba'
input(924,39): run-time error CSS1038: Expected hex color, found '#rgba'
input(924,63): run-time error CSS1038: Expected hex color, found '#rgba'
input(1002,45): run-time error CSS1038: Expected hex color, found '#rgba'
input(1006,45): run-time error CSS1038: Expected hex color, found '#rgba' */
@charset "UTF-8";
/***************************************************************
    Color
****************************************************************/
/***************************************************************
    Font
****************************************************************/
@font-face {
  font-family: "Inter";
  src: url("../Fonts/Kanit-Regular.ttf?v=Ui10VeZM4vCpUzLYPAdsWOECHmo");
  unicode-range: initial;
  font-size: 14px;
}
/*
    control
*/
html, body {
  background-color: transparent;
  overflow: visible;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

body, button, input, select, textarea {
  font-family: "Inter";
}

#main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

#main > #header {
  margin: 0;
  position: relative;
}

#main .header-area {
  background-color: transparent;
  margin: 0;
  padding: 0px;
}

#main .leftpanel {
  position: relative;
  background-color: #003764;
  margin: 0;
  padding: 10px;
  flex-direction: column-reverse;
}

#main > #body {
  margin: 0;
  position: relative;
  display: flex;
  flex: 1;
  overflow: hidden;
}

#main > #body .leftpanel {
  background-color: #f1f1f1d1;
}

#main > #body > #content-area {
  position: relative;
  inset: 0;
  background-color: white;
  display: flex;
  overflow: visible;
  flex: 1;
}

.middle-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.middle-align-abs {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Control */
input.readonly {
  background-color: #ddd;
}

textarea.readonly {
  background-color: #ddd;
}

input, select, div.select, textarea {
  padding: 5px 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input, textarea {
  -webkit-appearance: none;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
}

input[type=radio] {
  -webkit-appearance: radio;
}

input.orange,
button.orange {
  background-color: #003764;
  border: none;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px 1px;
  cursor: pointer;
  border-radius: 5px;
  cursor: pointer;
}

button.orange:hover,
input.orange:hover {
  background-color: #003764;
  color: white;
}

button.orange:active,
input.orange:active {
  color: red;
}

input.orange.dark,
button.orange.dark {
  background-color: #003764;
}

input.orange.dark:hover,
button.orange.dark:hover {
  background-color: #b9d3ee !important;
  color: white !important;
}

.loading-panel {
  background-image: url("../images/ajax-loader.gif?v=zj1einemDbYHnQbuY_wRqL3hg0Y");
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
}

/*
    Data table
*/
div.columns.fit,
div.columns.fit > .column {
  margin: 0 !important;
}

div.row-item {
  border-bottom: 1px solid #ddd;
}
div.row-item .column:last-child {
  border-right: 1px solid #ddd;
}
div.row-item .col-name a {
  text-decoration: none;
}
div.row-item:hover {
  background-color: #eeeeee52;
}
div.row-item:hover .col-name a {
  text-decoration: underline;
}
div.row-item.selected {
  background-color: #f1f1f1;
  color: #1967d2;
}

/*
div.column.is-one-quarter {
    width: 50px;
    padding-left: 0;
    align-self: center;
    text-align: center;
}*/
#headerleftpanel {
  position: relative;
  width: 250px;
  background-color: transparent;
  margin: 0;
  padding: 0 10px;
  flex-direction: column-reverse;
}

#header-leftmenu {
  background-color: transparent;
}

.notification-badges {
  position: relative;
}
.notification-badges:after {
  position: absolute;
  right: -10px;
  min-width: 10px;
  min-height: 10px;
  line-height: 10px;
  padding: 5px;
  color: #fff;
  background-color: #bf1f1f;
  font-size: 10px;
  border-radius: 20px;
  content: attr(data-badge);
  border: solid 1px #c93a3a;
}
.notification-badges.hide:after {
  display: none;
}

::placeholder {
  color: #ddd;
  opacity: 1;
  /* Firefox */
}

/*
    ko-filelist.html
*/
/***************************************************************
    ko-explorer
****************************************************************/
ko-explorer {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
ko-explorer.is-mobile #nodepath {
  flex: none;
  display: block;
}
ko-explorer.is-mobile #localsearch {
  text-align: right;
}
ko-explorer .btn {
  cursor: pointer;
}
ko-explorer #filemenu {
  transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  overflow: hidden;
  right: 0;
  width: 450px;
  opacity: 1;
}
ko-explorer #explorer {
  transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  margin-right: 470px;
}
ko-explorer #explorer + #collapse {
  transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  right: 450px;
}
ko-explorer #explorer + #collapse + #filemenu {
  transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
}
ko-explorer #explorer.collapse {
  margin-right: 32px;
}
ko-explorer #explorer.collapse + #collapse {
  right: 0px;
}
ko-explorer #explorer.collapse + #collapse + #filemenu {
  transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  opacity: 0;
  width: 0px;
  right: 0;
}
ko-explorer .path > .segment {
  display: inline-block;
  cursor: pointer;
  color: #999;
  font: bold;
}
ko-explorer .path > .segment:hover {
  color: #1967d2;
  font: bold;
}
ko-explorer .path > .segment::before {
  content: " ";
  background-image: url(../images/foldermain.png?v=uEs91iOM1r2f2cGBj1TZU94UwCg);
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: cover;
  margin-right: 5px;
}
ko-explorer .path > .segment.File::before {
  background-image: url(../images/file-1.png?v=zj1einemDbYHnQbuY_wRqL3hg0Y);
}
ko-explorer .path > .segment.file-pdf::before {
  background-image: url(../images/pdf.png?v=uEs91iOM1r2f2cGBj1TZU94UwCg);
}
ko-explorer .path > .segment::after {
  content: ">";
  margin-left: 5px;
  margin-right: 5px;
}
ko-explorer .path > .segment:nth-last-of-type(-n+1)::after {
  content: "";
}
ko-explorer .options {
  position: absolute;
  right: 33px;
  top: 38px;
  background-color: white;
  text-align: right;
  padding: 2px 5px;
  border: 1px solid #ddd;
  display: none;
  font-size: 0.8em;
}
ko-explorer #searchtext:focus + .options {
  display: block;
}
ko-explorer .item.active::after {
  content: "▿";
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/***************************************************************
    ko-filelist
****************************************************************/
ko-filelist {
  display: block;
  overflow-x: auto;
  font-size: 14px;
  color: #323130;
}
ko-filelist .link {
  color: #003764;
  text-decoration: underline;
}
ko-filelist .link:hover {
  color: #1967d2;
}
ko-filelist .clickable {
  cursor: pointer;
  color: black !important;
}
ko-filelist .clickable > i {
  color: black !important;
}
ko-filelist .clickable:hover {
  color: black !important;
}
ko-filelist .clickable:hover > i {
  color: black !important;
}
ko-filelist .sort {
  /*position:absolute;
          right: 0;*/
  margin-left: 5px;
}
ko-filelist .columns {
  margin: 0 !important;
}
ko-filelist .column {
  position: relative;
}
ko-filelist .row-header {
  background-color: #b9d3ee;
}
ko-filelist .row-header > .column {
  background: -webkit-linear-gradient(#b9d3ee, #b9d3ee);
  border-color: black;
  border: 1px;
  font-size: 14px;
}
ko-filelist .col-chkbox {
  flex: none;
  width: 32px;
}
ko-filelist .col-icon {
  flex: none;
  width: 50px;
}
ko-filelist .col-icon > img {
  width: 24px;
}
ko-filelist .col-type {
  flex: none;
  width: 70px;
}
ko-filelist .table-header > th {
  background-color: #e6f4ff;
  /*background-color: #b9d3ee;*/
  /*padding: 10px 0px;*/
}
ko-filelist .table-body > td {
  padding: 10px;
}
ko-filelist .table-body {
  border-bottom: 1px solid #eee;
}
ko-filelist .table-body.selected {
  background-color: #f1f1f1 !important;
  color: #1967d2;
}
ko-filelist .table-body:hover {
  background-color: #f7f7f7;
  color: #1967d2;
}

ko-filelist .col-name,
ko-filelist .col-desc,
ko-request .col-name,
ko-request .col-desc,
ko-request-filelist .col-name,
ko-request-filelist .col-desc {
  min-width: 200px;
  word-break: break-all;
  word-wrap: break-word;
}
ko-filelist .col-size,
ko-request .col-size,
ko-request-filelist .col-size {
  /*flex: none;
  width: 100px;*/
  max-width: 100px;
}
ko-filelist .col-created,
ko-request .col-created,
ko-request-filelist .col-created {
  /*flex: none;
  width: 100px;*/
  max-width: 100px;
  word-break: break-all;
  word-wrap: break-word;
}
ko-filelist .col-creator,
ko-filelist .col-other,
ko-request .col-creator,
ko-request .col-other,
ko-request-filelist .col-creator,
ko-request-filelist .col-other {
  /*flex: none;
  width: 150px;*/
  max-width: 150px;
  word-break: break-all;
}
ko-filelist .col-other > pre,
ko-request .col-other > pre,
ko-request-filelist .col-other > pre {
  white-space: normal;
}

/***************************************************************
    ko-webview
****************************************************************/
ko-webview {
  display: block;
  height: 100%;
  min-height: 800px;
}

/***************************************************************
    ko-filemenu
****************************************************************/
ko-filemenu {
  display: block;
  background-color: #e6f4ff;
  overflow: auto;
}
ko-filemenu > .item {
  padding: 4px 18px;
  cursor: pointer;
  transition: 0.4s;
  position: relative;
}
ko-filemenu > .item::after {
  content: "▹";
  --float: right;
  --margin-left: 5px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
ko-filemenu > .item + .subitem {
  max-height: 0;
  transition: 0.6s ease-in-out;
  overflow: hidden;
  padding: 0px 0px;
}
ko-filemenu > .item:hover, ko-filemenu > .item.active {
  color: #003764;
  right: 1px;
  font-size: larger;
}
ko-filemenu > .item.active::after {
  content: "▿";
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
ko-filemenu > .item.active + .subitem {
  max-height: 500px;
  background-color: white;
  overflow-y: auto;
}

ko-filemenu > div {
  cursor: pointer;
}

/***************************************************************
    ko-fileaction
****************************************************************/
ko-fileaction {
  display: block;
}
ko-fileaction > div {
  font-size: 14px;
  padding: 5px;
}
ko-fileaction > div > img {
  position: relative;
  top: 3px;
  width: 16px;
}
ko-fileaction > .item {
  cursor: pointer;
}

ko-managepermission-dialog .permissions .inherited-off {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN5JREFUeNqkU6EOgzAUfJBl2y/gmBoSxyRuit9o+CTgN1B1yMnaqeGw2GHYa3MQQtgG5ZJLk8Jdr3DP6fue5iiKwuclZvrYqpmVEKKev+tMDSDMmHdahmSmU6PRgMUhLw/miX6jY0ZsokYDnPxkHmkd3sxAJ3GxkW0QE1JmJkGe5/r0F9nh4uJr2yI+6LskSUKe521SNk1DZVmGOsF5R4JWJ1DsZGtg/kK1I0HlolXSQiynPUhRjrXooCFjgBQ3PFjTwmiYhyEBodvXP9eRqLBanMaFcQ7wm9W3cf4IMAAlj1L1qiQGIgAAAABJRU5ErkJggg==) no-repeat 12px 4px;
}
ko-managepermission-dialog .permissions .inherited-on {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNqkU8ENwjAMTCr+MEI3oBuQDegGlE++tBt0hPJsXmEDNqAj0E3KBOUsuShEJSWqpdMlss+J7USO4yjWWCJW2iZWYIzJQDVQaK2HJFK8A1ngyBxdAon2wItuEJUAp9d8Mpmi69NC/jMFiBXowdszxHbyLSaAOAU9gS1wg7hw/cEE3LSO6+4hzmbHyIF3Gg+COsffOE1ToYdEgQeqE8kKTlqCTuzPp6b59ikBAusIrsCF1xXEza8yv3rgJRFzTQv+BQ6ueNsD5eKM6QY+2rbNgXTO50Ou/c5vAQYAIhZ/bgcHi/QAAAAASUVORK5CYII=) no-repeat 12px 4px;
}
ko-managepermission-dialog .columns {
  margin: 0;
}
ko-managepermission-dialog :host .row-header > .column {
  background: #00CCFF;
  background: -webkit-linear-gradient(#b9d3ee, #b9d3ee0f);
  color: black;
  border-color: black;
  border: 1px;
}
ko-managepermission-dialog .col-icon {
  flex: none;
  width: 50px;
}
ko-managepermission-dialog .col-icon > img {
  width: 24px;
}
ko-managepermission-dialog .col-action {
  flex: none;
  width: 65px;
}
ko-managepermission-dialog .row-item {
  border-bottom: 1px solid #ddd;
}
ko-managepermission-dialog .row-item .column:last-child {
  border-right: 1px solid #ddd;
}
ko-managepermission-dialog .row-item .col-name a {
  text-decoration: none;
}
ko-managepermission-dialog .row-item:hover {
  background-color: #ffffe6;
}
ko-managepermission-dialog .row-item:hover .col-name a {
  text-decoration: underline;
}
ko-managepermission-dialog .row-item.selected {
  background-color: #ffe9e9;
}

ko-mailto {
  width: 100%;
  display: block;
}
ko-mailto table th,
ko-mailto table td {
  padding: 5px;
  border: 1px solid #ddd;
}
ko-mailto h2 {
  font-size: 1.5em;
  font-weight: bold;
}
ko-mailto table > thead > tr > th {
  background-color: black;
  color: white;
}
ko-mailto .link {
  color: black;
  text-decoration: underline;
}
ko-mailto .link:hover {
  color: red;
}
ko-mailto .columns {
  margin: 0;
}
ko-mailto .row-header {
  background-color: black;
}
ko-mailto .row-header > .column {
  background-color: black;
}
ko-mailto .row-header > .column {
  color: white;
}
ko-mailto .col-no {
  flex: none;
  width: 70px;
}
ko-mailto .col-icon {
  flex: none;
  width: 100px;
}
ko-mailto .col-icon > img {
  width: 24px;
}
ko-mailto .row-item {
  border-bottom: 1px solid #ddd;
}
ko-mailto .row-item .column:last-child {
  border-right: 1px solid #ddd;
}
ko-mailto .row-item .col-name a {
  text-decoration: none;
}
ko-mailto .row-item:hover {
  background-color: #ffffe6;
}
ko-mailto .row-item:hover .col-name a {
  text-decoration: underline;
}
ko-mailto .row-item.selected {
  background-color: #ffe9e9;
}

ko-share, ko-edit-share {
  width: 100%;
  display: block;
}
ko-share table th,
ko-share table td, ko-edit-share table th,
ko-edit-share table td {
  padding: 5px;
  border: 1px solid #ddd;
}
ko-share h2, ko-edit-share h2 {
  font-size: 1.5em;
  font-weight: bold;
}
ko-share table > thead > tr > th, ko-edit-share table > thead > tr > th {
  background-color: black;
  color: white;
}
ko-share .link, ko-edit-share .link {
  color: black;
  text-decoration: underline;
}
ko-share .link:hover, ko-edit-share .link:hover {
  color: red;
}
ko-share .columns, ko-edit-share .columns {
  margin: 0;
}
ko-share .row-header, ko-edit-share .row-header {
  background-color: black;
}
ko-share .row-header > .column, ko-edit-share .row-header > .column {
  background-color: black;
}
ko-share .row-header > .column, ko-edit-share .row-header > .column {
  color: white;
}
ko-share .col-no, ko-edit-share .col-no {
  flex: none;
  width: 70px;
}
ko-share .col-icon, ko-edit-share .col-icon {
  flex: none;
  width: 100px;
}
ko-share .col-icon > img, ko-edit-share .col-icon > img {
  width: 24px;
}
ko-share .row-item, ko-edit-share .row-item {
  border-bottom: 1px solid #ddd;
}
ko-share .row-item .column:last-child, ko-edit-share .row-item .column:last-child {
  border-right: 1px solid #ddd;
}
ko-share .row-item .col-name a, ko-edit-share .row-item .col-name a {
  text-decoration: none;
}
ko-share .row-item:hover, ko-edit-share .row-item:hover {
  background-color: #ffffe6;
}
ko-share .row-item:hover .col-name a, ko-edit-share .row-item:hover .col-name a {
  text-decoration: underline;
}
ko-share .row-item.selected, ko-edit-share .row-item.selected {
  background-color: #ffe9e9;
}

ko-fileproperties {
  font-size: 0.85em;
  padding-bottom: 10px;
  display: block;
  width: 100%;
  overflow-x: hidden;
}
ko-fileproperties img {
  width: 16px;
}
ko-fileproperties .columns {
  border-bottom: 1px solid #ddd;
  margin: 0 !important;
}
ko-fileproperties .column {
  word-break: break-all;
  padding: 5px 10px;
}
ko-fileproperties .column.col-name {
  flex: none;
  max-width: 150px;
  min-width: 150px;
  align-self: center;
}

ko-filehistory {
  font-size: 0.85em;
}
ko-filehistory img {
  width: 16px;
}
ko-filehistory .columns {
  margin: 0;
  padding: 0;
}
ko-filehistory .column {
  word-break: break-all;
  margin: 0;
  padding: 0;
  position: relative;
}
ko-filehistory .version {
  color: black;
  font-weight: bold;
  padding: 10px 0;
}
ko-filehistory .detail {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
ko-filehistory .row-versions {
  display: flex;
  flex-wrap: wrap;
}
ko-filehistory .col-version {
  width: 20%;
  padding: 5px 0;
}
ko-filehistory .col-username {
  width: 50%;
  padding: 5px 0;
}
ko-filehistory .col-view {
  width: 15%;
  padding: 5px 0;
}
ko-filehistory .col-revert {
  width: 15%;
  padding: 5px 0;
}

ko-createfolder h2 {
  font-size: 1.5em;
  font-weight: bold;
}
ko-createfolder .columns:not(:last-child) {
  margin-bottom: 0px;
}
ko-createfolder .row-header {
  background-color: #c1e3ff;
}
ko-createfolder .row-header > .column {
  background: -webkit-linear-gradient(#rgba 193, 227, 255, 1, #rgba 193, 227, 255, 1 0f);
  color: #003764;
  border: 1px;
  font-size: 14px;
}
ko-createfolder .upload-panel {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  text-align: center;
  height: 80px;
  position: relative;
  background: -webkit-linear-gradient(#rgba 193, 227, 255, 1, #rgba 193, 227, 255, 1 0f);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
ko-createfolder .upload-panel.active {
  background: -webkit-linear-gradient(#b9d3ee, #b9d3ee);
  border: 1px solid red;
}
ko-createfolder .upload-panel > .columns {
  position: relative;
}
ko-createfolder .upload-panel .drag-text {
  white-space: nowrap;
  padding: 10px;
}
ko-createfolder .file-list {
  margin: 10px 0;
  overflow: auto;
}
ko-createfolder .file-list .fixed {
  position: relative;
}
ko-createfolder .file-list .columns {
  margin: 0;
}
ko-createfolder .file-list .column {
  margin: 0;
}
ko-createfolder .file-list .file-item {
  border-bottom: 1px solid #ddd;
}
ko-createfolder .file-list .col-chkbox {
  flex: none;
  width: 30px;
  min-width: 30px;
}
ko-createfolder .file-item {
  padding: 5px;
  border-bottom: 1px solid #ddd;
}
ko-createfolder .file-item:hover {
  background-color: #ffffe6;
}
ko-createfolder .file-item.selected {
  background-color: #ffe6e6;
}
ko-createfolder .remove {
  cursor: pointer;
}
ko-createfolder .currentdir {
  cursor: pointer;
}
ko-createfolder .currentdir:hover {
  color: #1967d2;
}
ko-createfolder .currentdir > .folderIcon {
  background-image: url(../images/foldermain.png?v=uEs91iOM1r2f2cGBj1TZU94UwCg);
  display: inline-block;
  width: 14px;
  height: 12px;
  background-size: cover;
  margin-right: 5px;
}
ko-createfolder .browse-panel:hover > button {
  background-color: white;
  color: white;
  cursor: pointer;
}
ko-createfolder .columns.upload .remove {
  visibility: hidden;
}
ko-createfolder .file-property {
  max-width: 500px;
  transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  width: 250px;
  overflow: hidden;
}
ko-createfolder .file-property.collapse {
  max-width: 0px;
  opacity: 0;
}
ko-createfolder .columns > .col1 {
  width: 150px;
  flex: none;
}
ko-createfolder .fileexists-true {
  color: red;
}

ko-uploadfile .columns {
  margin: 0 !important;
}
ko-uploadfile .group-panel {
  background: -webkit-linear-gradient(#rgba 193, 227, 255, 1, #rgba 193, 227, 255, 1 0f);
  padding: 3px;
  position: relative;
  margin-bottom: 35px;
}
ko-uploadfile .group-panel .remove-doctype {
  border-bottom: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
}
ko-uploadfile .group-panel.dragdrop-active {
  outline: 5px solid orange;
  outline-offset: -5px;
}
ko-uploadfile .currentdir {
  border-bottom: 1px dotted #b9d3ee;
  cursor: pointer;
}
ko-uploadfile .doctype-panel {
  padding: 0px;
}
ko-uploadfile .col-doctype {
  flex: none;
  width: 106px;
  line-height: 30px;
  font-weight: bolder;
}
ko-uploadfile .col-size {
  flex: none;
  width: 100px;
}
ko-uploadfile .col-icon {
  flex: none;
  width: 50px;
  text-align: center;
}
ko-uploadfile .col-icon i.fa {
  cursor: pointer;
}

ko-unified-upload .tbody-tr:hover {
  background-color: #eee;
}
ko-unified-upload .setting-pro {
  color: black;
}
ko-unified-upload .setting-pro:hover {
  color: cornflowerblue;
}
ko-unified-upload .setting-pro.active {
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #003764;
  color: white;
}
ko-unified-upload .b-file:hover {
  box-shadow: none !important;
  background-color: #eee;
}
ko-unified-upload .b-file:focus {
  box-shadow: none !important;
  background-color: #eee;
}
ko-unified-upload .upload-panel {
  border: 2px solid #CCC;
  border-radius: 10px;
  border-style: dashed;
  text-align: center;
  padding: 30px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
ko-unified-upload .upload-panel.active {
  background: -webkit-linear-gradient(#EEE, #rgba 193, 227, 255, 1);
  border: 2px solid #CCC;
}
ko-unified-upload .upload-panel:hover {
  background: -webkit-linear-gradient(#EEE, #rgba 193, 227, 255, 1);
  border: 2px solid #CCC;
}
ko-unified-upload .upload-panel > .columns {
  position: relative;
}
ko-unified-upload .upload-panel .drag-text {
  width: 100%;
  white-space: nowrap;
  font-size: 14px;
  color: gray;
}
ko-unified-upload #progress_bar {
  margin: 10px 0;
  padding: 3px;
  border: 1px solid #000;
  font-size: 14px;
  clear: both;
  opacity: 0;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
}
ko-unified-upload #progress_bar.loading {
  opacity: 1;
}
ko-unified-upload #progress_bar .percent {
  background-color: #99ccff;
  height: auto;
  width: 0;
}
ko-unified-upload #div-load div {
  padding: 0;
}
ko-unified-upload #td-table td {
  color: white;
  text-align: center;
  font-size: 1rem;
  vertical-align: middle;
}
ko-unified-upload .tbody-tr td {
  text-align: center;
  /*font-size: 0.8rem;*/
  vertical-align: middle;
  height: 40px;
}
ko-unified-upload .tbody-tr.active {
  background-color: #ddd;
}
ko-unified-upload #td-table {
  height: 45px;
}
ko-unified-upload .Drag-Drop-btn {
  background-color: #003764;
  border: none;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px 1px;
  border-radius: 5px;
  cursor: pointer;
}
ko-unified-upload .Drag-Drop-btn:focus {
  background-color: #003764;
  border: none;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px 1px;
  border-radius: 5px;
  cursor: pointer;
}
ko-unified-upload .Drag-Drop-btn:hover {
  background-color: #003764;
  border: none;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px 1px;
  border-radius: 5px;
  cursor: pointer;
}
ko-unified-upload .Drag-Drop-btn:active {
  background-color: #b9d3ee;
  border: none;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px 1px;
  border-radius: 5px;
  cursor: pointer;
}
ko-unified-upload .Drag-Drop-btn[disabled] {
  color: black !important;
  background-color: #ddd !important;
}
ko-unified-upload ko-unified-upload .file-item {
  align-items: center;
  justify-content: center;
  border: solid 1px black;
  border-radius: 20px;
  width: 98%;
  margin: 1px;
  padding: 0;
  cursor: pointer;
}
ko-unified-upload .ko-unified-upload > .selected {
  border: 2px solid black;
  box-shadow: 10px 10px 5px #aaaaaa;
}
ko-unified-upload :host {
  display: block;
  padding: 5px;
  font-size: 12px;
}
ko-unified-upload :host td {
  padding: 5px;
  vertical-align: inherit;
}
ko-unified-upload :host .link {
  color: black;
  text-decoration: underline;
}
ko-unified-upload :host .link:hover {
  color: #1967d2;
  font: bold;
}
ko-unified-upload :host .columns {
  margin: 0;
}
ko-unified-upload :host .itemlist {
  position: fixed;
  background-color: white;
  border: 1px solid black;
  padding: 5px;
  max-height: 200px;
  overflow: auto;
  z-index: 9999;
}
ko-unified-upload :host .itemlist > div:hover {
  background-color: lightblue;
}
ko-unified-upload :host.minheight {
  min-height: 200px;
}
ko-unified-upload .row-header > .column {
  background: -webkit-linear-gradient(#b9d3ee, #b9d3ee);
  color: #003764;
  border-color: black;
  border: 1px;
  font-size: 12px;
  font-weight: bold;
}
ko-unified-upload :host .col-no,
ko-unified-upload :host .col-chkbox {
  flex: none;
  width: 32px;
}
ko-unified-upload :host .col-icon {
  flex: none;
  width: 60px;
}
ko-unified-upload :host .col-icon img {
  cursor: pointer;
}
ko-unified-upload :host .column {
  border-bottom: 1px solid #eee;
}
ko-unified-upload :host .col-requestno {
  flex: none;
  width: 150px;
}
ko-unified-upload :host .col-path {
  flex: none;
  width: 300px;
}
ko-unified-upload :host .col-action {
  flex: none;
  width: 300px;
}
ko-unified-upload :host .col-transactionno {
  flex: none;
  width: 120px;
}
ko-unified-upload :host .col-transdate {
  flex: none;
  width: 120px;
}
ko-unified-upload :host .col-requestname {
  flex: none;
  width: 200px;
}
ko-unified-upload :host .col-department {
  flex: none;
  width: 200px;
}
ko-unified-upload :host .col-extphone {
  flex: none;
  width: 200px;
}
ko-unified-upload :host .col-approvename {
  flex: none;
  width: 150px;
}
ko-unified-upload :host .col-approvedate {
  flex: none;
  width: 150px;
}
ko-unified-upload :host .col-whname {
  flex: none;
  width: 200px;
}
ko-unified-upload :host .col-whdate {
  flex: none;
  width: 200px;
}
ko-unified-upload .header-title-info h1 {
  font-size: 16px;
  line-height: 46px;
  color: #003764;
  border-bottom: 2px solid #003764;
  padding-top: 1px;
  margin-bottom: 10px;
}
ko-unified-upload .text-danger {
  color: red;
}
ko-unified-upload .text-bold {
  font-weight: bold;
}
ko-unified-upload .text-right {
  text-align: right;
}
ko-unified-upload .btn {
  padding: 8px;
  border-radius: 6px;
  color: white;
  background-color: #003764;
  cursor: pointer;
}
ko-unified-upload .border-contain {
  border: 1px solid grey;
  border-radius: 6px;
}
ko-unified-upload .image-qrcode {
  width: 209px;
  height: 209px;
  margin-top: 30px;
}
ko-unified-upload .image-import {
  width: 25px;
  height: 25px;
  background-color: #043764;
  border-radius: 5px;
}
ko-unified-upload .box-file {
  max-height: 266px;
  overflow: auto;
  padding: 12px;
  border: 1px solid #eee;
}
ko-unified-upload .nopreview {
  font-size: 36px;
  opacity: 0.2;
}
ko-unified-upload input[disabled], ko-unified-upload div[disabled] {
  background-color: #cccccc;
}
ko-unified-upload .boxType {
  border: 1px solid lavender;
  margin: 10px;
  border-radius: 5px;
}
ko-unified-upload .span-boxType {
  margin-left: 3%;
  background-color: white;
  padding: 5px;
  float: left;
}
ko-unified-upload input[disabled], ko-unified-upload div[disabled], ko-unified-upload textarea[disabled] {
  background-color: #a7a7a740;
  color: #003764;
}
ko-unified-upload .text-header {
  font-size: 14px;
  float: left;
  font-weight: bolder;
  padding: 0 15px;
}
ko-unified-upload .txt-title {
  text-align: end;
}
ko-unified-upload .line-header {
  margin: 0;
  margin-top: 10px;
  height: 2px;
  background-color: #003764;
}
ko-unified-upload input {
  width: 100%;
}
ko-unified-upload .btn-metadata {
  margin-left: 5px;
  background-color: #003764;
  color: white;
  border-radius: 5px;
  width: 70px;
}
ko-unified-upload #td-table td:first-child {
  border-top-left-radius: 10px;
}
ko-unified-upload #td-table td:last-child {
  border-top-right-radius: 10px;
}

ko-user-manual {
  padding: 0 !important;
  width: 100%;
}
ko-user-manual .logo-menu {
  background-image: url("../images/img-menu/banner-web.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 100%;
}
ko-user-manual .bor {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}
ko-user-manual .bor:hover {
  background-image: url("../images/icon/leftmenu/Book3.png?v=uEs91iOM1r2f2cGBj1TZU94UwCg");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: contain;
  height: 120px !important;
}
ko-user-manual .content-menu {
  width: 250px;
  margin: 10px;
}
ko-user-manual .header-logo {
  background-image: url("../images/img-menu/logo.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 85px;
  background-size: contain;
}
ko-user-manual .icon-add {
  background-image: url("../images/img-menu/add.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100px;
}
ko-user-manual .icon-upload {
  background-image: url("../images/img-menu/Upload.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100px;
}
ko-user-manual .icon-group {
  background-image: url("../images/img-menu/Group.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 80px;
}
ko-user-manual .icon-report1 {
  background-image: url("../images/img-menu/report1.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100px;
}
ko-user-manual .icon-report {
  background-image: url("../images/img-menu/report.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 70px;
}
ko-user-manual .icon-scanner {
  background-image: url("../images/img-menu/scanner1.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 70px;
}
ko-user-manual .icon-data {
  background-image: url("../images/img-menu/data-management.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 70px;
}
ko-user-manual .icon-workflow {
  background-image: url("../images/img-menu/workflow1.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 70px;
}
ko-user-manual .icon-audit {
  background-image: url("../images/img-menu/file.png");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 70px;
}
ko-user-manual .user-man {
  background-image: url("../images/icon/leftmenu/Book.png?v=uEs91iOM1r2f2cGBj1TZU94UwCg");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: contain;
  height: 120px !important;
}
ko-user-manual .user-manadmin {
  background-image: url("../images/icon/leftmenu/book-admin.png?v=uEs91iOM1r2f2cGBj1TZU94UwCg");
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: contain;
  height: 120px !important;
}
ko-user-manual .fa-book {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-inbox {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-paper-plane {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-history {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-search {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-tachometer {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-dropbox {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-connectdevelop {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .fa-link {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto;
  font-size: 22px;
  color: #003764;
}
ko-user-manual .boder-group {
  border: 1px solid #eee;
  height: 100%;
  border-radius: 10px;
  box-shadow: 3px 3px #eee;
  margin: 10px 0;
  box-shadow: 0 4px 4px #00000040;
  background-color: white;
  padding: 15px;
}
ko-user-manual .boder-group1 {
  border: 1px solid #eee;
  height: 100%;
  box-shadow: 3px 3px #eee;
  margin: 10px 0;
  box-shadow: 0 4px 4px #00000040;
  background-color: white;
  padding: 10px;
}
ko-user-manual .row-tb {
  width: 100%;
}
ko-user-manual thead > tr > th {
  padding: 10px;
  background: lightskyblue;
}
ko-user-manual thead > tr > th:first-child {
  border-top-left-radius: 15px;
}
ko-user-manual thead > tr > th:last-child {
  border-top-right-radius: 15px;
}
ko-user-manual tbody > tr {
  border-bottom: 1px solid #eee;
}
ko-user-manual .r-node.active {
  background-color: #dddd;
}
ko-user-manual tbody > tr:hover {
  background-color: #eee;
}
ko-user-manual tbody > tr > td {
  padding: 10px;
  cursor: pointer;
}

/*
    ko-leftmenu.html
*/
ko-leftmenu {
  display: block;
  background-color: transparent;
}
ko-leftmenu > .item {
  padding: 4px 16px;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  color: #003764;
  font-size: 16px;
  font: bold;
  transition: all 0.1s;
}
ko-leftmenu > .item::after {
  position: absolute;
  font-size: 16px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
ko-leftmenu > .item + .subitem {
  max-height: 0;
  transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  overflow: hidden;
  padding: 0px 18px;
  overflow: auto;
}
ko-leftmenu > .item:hover, ko-leftmenu > .item.active {
  background-color: transparent;
  color: #003764;
  right: 1px;
  font-size: larger;
}
ko-leftmenu > .item.active::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0d7";
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
ko-leftmenu > .item.active + .subitem {
  max-height: 500px;
  background-color: transparent;
  padding-bottom: 10px;
}

ko-myadmin, ko-myupload, ko-myaudit, ko-mycategory, ko-myrepository, ko-mydeposit, ko-mytask, ko-myfav, ko-filemenu {
  display: block;
}
ko-myadmin img, ko-myupload img, ko-myaudit img, ko-mycategory img, ko-myrepository img, ko-mydeposit img, ko-mytask img, ko-myfav img, ko-filemenu img {
  width: 16px;
}
ko-myadmin > div, ko-myupload > div, ko-myaudit > div, ko-mycategory > div, ko-myrepository > div, ko-mydeposit > div, ko-mytask > div, ko-myfav > div, ko-filemenu > div {
  font-size: 14px;
  padding: 5px;
}

ko-myfav > div {
  cursor: pointer;
}

ko-mytask > div {
  cursor: pointer;
}

ko-mydeposit > div {
  cursor: pointer;
}

ko-myadmin > div {
  cursor: pointer;
}