[v-cloak] {
  display:none;
}
html {
  scrollbar-color: #898989 #ffffff;
  scrollbar-width: thin !important;
}
body {
  font-size: 15px;
  min-width: 1366px;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.uk-card-default {
  color: #575757;
}
body,
.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle,
h1,
h2,
h3,
h4,
h5,
h6,
pre {
  font-family: "Noto Sans", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
    メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic",
    "Noto Sans CJK JP", TakaoPGothic, Arial, Helvetica, sans-serif !important;
}
li {
  line-height: 36px;
}
.border-rounded-form,
.el-dialog {
  border-radius: 30px;
}
.background-login,
.page-not-found {
  background: #ffffff;
}
.login-text {
  color: #e6a23c;
  font-weight: bold;
  text-align: center;
}
.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  min-height: 60px;
}
.logo-header img {
  width: 210px;
}
.logo-header:hover {
  text-decoration: none;
}
.label-header {
  font-size: 1.5rem;
  color: #76a5d8;
  font-weight: bold;
}
.label-user {
  font-size: 1rem;
  color: #76a5d8;
  font-weight: bold;
}
.label-header:hover {
  text-decoration: none;
}
.btn-login {
  background: #e6a23c;
  font-weight: 600;
  color: #efefef;
}
.btn-comfirm {
  background: #e6a23c;
  font-weight: 600;
  color: #efefef;
  border: none;
}
.btn-cancel {
  background: #ea5e60;
  font-weight: 600;
  color: #efefef;
}
.btn-comfirm:hover,
.btn-cancel:hover {
  background: #edf5ff;
  color: #fff;
}
#navbar-1 {
  background: #76a5d8;
}
.user-info-nav,
.bar-nav {
  min-height: 40px;
  background: #76a5d8;
  color: #efefef;
  position: relative;
}
.bar-nav {
  width: 240px;
  border-right: 1px solid #efefef;
}
.user-info-nav {
  font-size: 1rem;
  font-weight: bold;
  justify-content: left;
  padding: 0 40px 0 30px;
  line-height: 56px;
}
.user-info-nav i {
  margin-right: 10px;
}
.el-dropdown {
  color: #efefef;
  font-weight: bold;
}
.ava-user-header {
  width: 40px;
}
.name-user-header {
  color: #efefef;
  font-weight: bold;
  font-size: 1rem;
}
.left-main,
.el-menu-item-group {
  background: #76a5d8;
}
.left-main:not(.el-menu--collapse) {
  width: 240px;
}
.append-primary .el-input-group__append {
  color: #fff;
  background-color: #76a5d8;
  border-color: #76a5d8;
}
.el-menu-item,
.el-submenu__title,
.el-submenu__title i,
.el-menu-item i,
.el-submenu__title a,
.el-menu-item a {
  color: #efefef;
}
.el-menu-item:hover,
.el-submenu__title:hover,
.el-submenu:hover,
.el-menu-item.is-active,
.el-submenu.is-active {
  background: #618ab7;
}
.header-toggle:not(.el-menu--collapse) {
  text-align: right;
}
.header-toggle .el-submenu.is-active,
.header-toggle .el-menu-item.is-active,
.header-toggle .el-submenu:hover,
.header-toggle .el-menu-item:hover {
  background: #76a5d8;
}
.el-dialog__title,
.reset-text-header {
  font-size: 1.25rem;
  color: #76a5d8;
  font-weight: bold;
  text-align: center;
}
.password-valid {
  font-size: 0.7rem;
}
.setting-header {
  font-size: 1.5rem;
  color: #8f9399;
}
.main-content {
  padding: 20px 30px 0;
}
.title-common {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 18px 20px;
  border-bottom: 2px solid #e6a23c;
}
.col-credit-info {
  background-color: #f6cc90;
}
.col-debit-info {
  background-color: #e6a23c;
}
.credit-info {
  color: #f6cc90;
}
.debit-info {
  color: #e6a23c;
}
.credit-info::before,
.debit-info::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
}
.icon-comon {
  color: #e6a23c;
}
.has-gutter tr th {
  background: #cacaca;
  color: #efefef;
  text-align: center;
}
.common {
  color: #66696a;
  font-size: 16px;
}
.title-screen {
  color: #66696a;
  font-size: 1.2rem;
  font-weight: bold;
}
.export-pdf-btn {
  background: #ea5e60;
  color: #efefef;
}
.export-excel-btn {
  background: #008000;
  color: #efefef;
}
.export-pdf-btn {
  background: #d43317;
  color: #efefef;
}
.hind-text {
  color: #2f80c4;
  font-size: 0.6rem;
  font-weight: bold;
}
.text-common {
  padding: 5px 0 5px 12px;
}
.contact-padding {
  padding-left: 25px;
}
.btn-close-header {
  position: absolute;
  right: 0;
  top: 19px;
  cursor: pointer;
}
.input-group .el-input-group__prepend {
  background: #ffffff;
  color: #575757;
}
.el-card__header {
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: 2px solid #e6a23c;
}
.el-tabs__active-bar {
  background-color: initial;
}
.el-tabs__nav-wrap::after {
  background-color: white;
}
.el-tabs__nav {
  border-top: #e6a23c 2px solid;
}
.el-tabs__item {
  width: 145px;
  text-align: center;
  color: #66696a;
  font-size: 14px;
}
.width-large-reset {
  width: 350px;
}
.note-text {
  font-size: 0.75rem;
}
.total-record {
  font-weight: bold;
  margin-bottom: 10px;
}
.input-with-select .el-input-group__prepend div.el-select .el-input__inner {
  border: 1px solid #dcdfe6;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.input-with-select .el-input-group__append div.el-select .el-input__inner {
  border: 1px solid #dcdfe6;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-with-select .el-input-group__append .el-button {
  color: #fff;
  background-color: #76a5d8;
  border: 1px solid #76a5d8;
  border-radius: 3px;
  margin-left: 25px;
}
.input-with-select .el-input-group__append .el-button:hover {
  color: #409eff;
  background-color: #ecf5ff;
}
.input-with-select .el-input-group__prepend div.el-select:nth-child(n + 2) {
  margin: -10px -20px -10px 20px;
}
.input-with-select
  .el-input-group__prepend
  div.el-select:nth-child(n + 2)
  .el-input__inner {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.button-group {
  color: #fff;
  background-color: #76a5d8;
  border-color: #76a5d8;
}
.el-input-group .el-range-editor--small.el-input__inner {
  height: 32px;
  line-height: 24px;
}
/* .el-slider__input.is-disabled {
  width: 50px;
}
.el-slider__runway.disabled {
  margin-right: 70px;
} */
.note p {
  line-height: 24px;
  margin: 0;
}
.input-with-input .el-input-group__append {
  background-color: #fff;
  padding: 0 5px 0 0;
}
.input-with-inputnumber .el-input-group__append {
  background-color: #fff;
  padding: 0 1px 0 0;
}
.input-with-input .el-input-group__append input,
.input-with-inputnumber .el-input-group__append input {
  min-width: 100px;
  height: 32px;
  border: 1px solid #dcdfe6;
}
.input-with-inputnumber .el-input-group__append input {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-with-inputnumber .el-input-group__append input:focus,
.input-with-select
  .el-input-group__prepend
  div.el-select
  .el-input__inner:focus,
.input-with-select
  .el-input-group__append
  div.el-select
  .el-input__inner:focus {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #409eff;
}
.table-common {
  font-size: 14px;
}
.business {
  color: #e7a23b;
  border-bottom: 1px #dda450 solid;
}
.table-icon-add {
  color: #dda450;
  font-size: 20px;
}
.table-shadow {
  box-shadow: 0px 2px 9px 0px #ededed;
}
.table-evaluate {
  text-align: center;
}
.icon-table-delete {
  color: #e6c0bf;
  font-size: 20px;
}
.icon-table-edit {
  color: #87b5d5;
  font-size: 20px;
}
.icon-table-edit:hover,
.icon-table-delete:hover,
.icon-title-sub:hover,
.icon-title-sub:hover,
.icon-title-edit:hover {
  font-weight: bold;
  cursor: pointer;
}
.border-sub-title {
  border-bottom: 2px #dda450 solid;
}
.width-title {
  width: 95%;
}
.prf-detail-common {
  font-size: 14px;
}
.icon-title-edit,
.icon-title-sub {
  padding-left: 10px;
}
.tabs-title {
  color: #53aeff;
  font-size: 20px;
  font-weight: bold;
}
.label-modal {
  background-color: #e5e5e5;
  text-align: center;
}
.prf-box {
  width: 49%;
  margin-right: 12.5px;
}
.padding-prf {
  padding: 10px;
}
.border-prf-common {
  border: #f3f3f3 1px solid;
}
.prf-detail {
  padding-left: 70px;
}
.prf-detail-info {
  padding-top: 5px;
  padding-left: 10px;
}
.profile-common {
  color: #707070;
  min-width: 1600px;
}
.header-common {
  min-width: 1900px;
}
.avatar {
  margin: 30px 0 0 30px;
}
.sub-title {
  color: #409eff;
}
.sub-name {
  font-size: 16px;
  padding: 10px 0px 0px 50px;
}
.profile-name {
  font-size: 30px;
  font-weight: bold;
}
.profile-info {
  padding: 0px;
}
.profile-info::marker {
  color: #e59335;
}
.profile {
  padding-top: 40px;
}
.prf-pos {
  margin-left: 50px;
  font-size: 14px;
}
.prf-pos li {
  padding: 0px;
}
.prf-info-title {
  display: inline-block;
  width: 165px;
}
.prf-textarea {
  width: 100%;
  height: 40px;
}
.small-height {
  height: 80px;
}
.small-padding p {
  height: 80px;
}
.medium-height {
  height: 80px;
  overflow: auto;
}
.border-bottom {
  border: 1px #f3f3f3 solid;
  padding-left: 5px;
}
.table-common .el-date-editor--daterange.el-input__inner {
  width: 100%;
}
.el-table__body .el-input__inner,
.el-table__body .el-textarea__inner {
  border: none;
  background-color: transparent;
  padding-left: 0px;
}
.el-table__body .el-input-number.el-input-number--small .el-input__inner {
  padding-left: 39px;
  border: 1px solid #dcdfe6;
}
.el-table__body .el-input__icon.el-icon-date {
  display: none;
}
.el-table__header {
  font-size: 13px;
}
.el-table__body .el-textarea__inner:focus,
.el-table__body .el-input__inner:focus {
  border: 1px solid #76a5d8;
  padding-left: 5px;
}
.color-value {
  background-color: #cacaca;
}
.width_199 > * {
  width: 199px;
}
/* validate */
.reference-input {
  min-height: 23px;
}
.validate-error {
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #f56c6c;
  box-sizing: border-box;
  color: #606266;
  font-size: inherit;
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.validate-error-message {
  color: #f56c6c;
  font-size: 12px;
}
/* end of validate */

.row-data{
  padding-top: 10px ;
  padding-bottom: 10px ;
  height: 40px;
}
.border-row-data{ border-bottom: 1px solid #EBEEF5;}
.label {
  color: #53aeff;
  font-size: 20px;
  font-weight: bold;
}
.label-table {
  text-align: center;
  padding-top: 4px;
  height: 32px;
  background: #76a5d8;
  color: white;
}
.label {
  border-radius: 4px;
}
.bg-info {
  background-color: #d8d7d7 !important;
}

.data-margin-top {
  margin-top: 176px;
}
.arrow-margin-top {
  margin-top: 130px;
}
.bg-info td {
  background-color: #d8d7d7 !important;
}
.div-background{
  padding: 0px;
  background-color: #d8d7d7;
}
.table-currentdetail td{
 height: 45px;
}
.colum-evaluate {
  border: none;
}
.colum-evaluate:hover {
  background-color: #EBEEF5;
}
.userCard {
  word-wrap: break-word;
  height: 288px; 
  overflow: auto;
}
.box-graphic {
  height: 81px; 
  overflow: auto;
  margin-bottom: 0px;
  padding-left: 5px;
}
.el-tooltip__popper.is-dark {
  background: #ecf5ff;
  color: #606266;
  line-height: 24px;
}
.el-tooltip__popper {
  max-width: 500px;
}
.el-tooltip__popper[x-placement^="top"] .popper__arrow {
  border-top-color: #ecf5ff;
}
.el-tooltip__popper[x-placement^="top"] .popper__arrow::after {
  border-top-color: #ecf5ff;
}
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #ecf5ff;
}
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #ecf5ff;
}
.el-tooltip__popper[x-placement^="right"] .popper__arrow {
  border-right-color: #ecf5ff;
}
.el-tooltip__popper[x-placement^="right"] .popper__arrow::after {
  border-right-color: #ecf5ff;
}
.el-tooltip__popper[x-placement^="left"] .popper__arrow {
  border-left-color: #ecf5ff;
}
.el-tooltip__popper[x-placement^="left"] .popper__arrow::after {
  border-left-color: #ecf5ff;
}
.profile-avatar {
  width: 270px;
  height: 270px;
}
.width-fix-col {
  width: 230px;
  text-overflow: ellipsis;
  overflow : hidden;
  white-space: nowrap;
}
.link-button, .link-button:hover {
  text-decoration: none;
}
/*
*  scrollbar
*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ffffff;
  border-radius: 10px;
  background-color: #ffffff;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #898989;
}

.medium-height::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ffffff;
  border-radius: 5px;
  background-color: #898989;
}

.medium-height::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ffffff;
}

.medium-height::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #ffffff;
}
.medium-height::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  background-color: #ffffff;
}
:root {
  scrollbar-face-color: #d2ecfc; /* Firefox 63 compatibility */
  scrollbar-track-color: #ffffff; /* Firefox 63 compatibility */
  scrollbar-color: #898989 #ffffff;
  scrollbar-width: thin;
}
.medium-height {
  scrollbar-face-color: #898989; /* Firefox 63 compatibility */
  scrollbar-track-color: #ffffff; /* Firefox 63 compatibility */
  scrollbar-color: #898989 #ffffff;
  scrollbar-width: thin;
}
.el-table__body-wrapper {
  scrollbar-face-color: #898989; /* Firefox 63 compatibility */
  scrollbar-track-color: #ffffff; /* Firefox 63 compatibility */
  scrollbar-color: #898989 #ffffff;
  scrollbar-width: thin;
}
#exportPdfSection {
  max-width: 1600px;
  margin: auto;
  padding: 10px;
}
.width-salaryirc {
  width: 60px;
}
@media (max-width: 639px) {
  .logo-header {
    font-size: 2rem;
  }
  .card-title {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
}
@media (max-width: 959px) {
}
@media (min-width: 960px) {
}
@media (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 1400px) {
  .avatar {
    margin: 0px;
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .avatar {
    margin: 0px;
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .avatar {
    margin: 0px;
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 1800px) {
  .avatar {
    margin: 0px;
    width: 150px;
    height: 150px;
  }
}
@media (pointer: coarse) {
}
@media (max-width: 1599px) {
  .profile-info,
  .profile-info .el-input__inner {
    font-size: 12px;
  }
  .profile-common .el-input.is-disabled .el-input__inner,
  .profile-common .el-range-editor.is-disabled,
  .profile-common .el-range-editor.is-disabled input,
  .profile-common .table-common .el-textarea.is-disabled .el-textarea__inner {
    font-size: 12px;
  }
  .profile-avatar {
    width: 200px;
    height: 200px;
  }
  .prf-pos {
    margin-left: 30px;
  }
  .prf-info-title {
    width: 100px;
  }
  .prf-detail {
    padding-left: 20px;
  }
  .prf-age {
    width: 120px;
    margin-left: 30px;
  }
  .prf-sex {
    margin-left: 60px;
  }
  .prf-sex .el-input__inner {
    width: 70px;
  }
  .label-date {
    text-align: center;
    padding-top: 4px;
    height: 32px;
    background: #b0b0b5;
    border-radius: 4px;
    color: white;
  }
  .input-salary {
    text-align: center;
  }
}
@media (min-width: 1600px) {
}
@media print {
}
.no-hover {
  pointer-events: none;
}
.uk-card-small.uk-card-body {
  padding: 5px 8px;
  font-size: 13px;
}

.uk-border-remove {
  border: 0 none;
}

textarea {
  background: none !important;
  resize: none;
}

@keyframes dot-anim {
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -6px);
  }
  0% {
    transform: translate(0, 0);
  }
}
.etc i {
  width: 6px;
  height: 6px;
  background: #222;
  border-radius: 100%;
  display: inline-block;
  animation: dot-anim 1s infinite linear;
  transform: translate(0, 0);
}

.etc {
  display: block;
  position: relative;
}
.etc i + i {
  margin-left: 3px;
}
.etc i:nth-child(1) {
  animation-delay: 0.5s;
}
.etc i:nth-child(2) {
  animation-delay: 0.4s;
}
.etc i:nth-child(3) {
  animation-delay: 0.3s;
}

.uk-card {
  position: relative;
  z-index: 1;
}

.guest .uk-card:after,
.me .uk-card:after {
  width: 10px;
  height: 45px;
  position: absolute;
  bottom: 0;
}

.guest .uk-card:after {
  background: #fff;
  left: -4px;
  clip-path: polygon(100% 70%, 0% 100%, 100% 100%);
}

.me .uk-card:after {
  background: #1e87f0;
  right: -4px;
  clip-path: polygon(0 70%, 0% 100%, 100% 100%);
}
.footer-content {
    position: absolute;
    bottom: 0;
    left: 0;
}
.left-menu {
  background-color: #3F0E40 !important;
  color: white;
  height: 100% !important;
  width: 15%;
  padding-left: 0px;
  display:inline-block;
}
.ul-channels {
  list-style-type: none;
  margin: 0px;
  padding-left: 20px;
  line-height: 25px;
}
.ul-channels a {
  color: white !important;
}
.uk-nav-parent-icon .uk-parent a::after {
  padding:15px 23px;
}
.ul-channels:hover {
  background-color: #350D36;
}
.channel:hover {
  background-color: #350D36;
}
.channel {
  padding-left: 0px;
  margin: 0px;
}
.active {
  background-color: #1164A3 !important;
}
.statictis {
  margin-top: 10px;
  padding:4px 15px;
  height: 30px;
}
.statictis:hover {
  background-color: #350D36;
  cursor: pointer;
}
.messageSearch {
  background: #F8F8F8;
}
.search-result {
  background-color: #ffffff;
  height: 100% !important;
  border-left: 1px solid #E5E5E5;
}
.header-search-result {
  background: #ffffff !important;
}
.conten-search-result {
  padding-top: 46px !important;
}
.header {
  width: 100%;
  height: 38px;
  background:#350D36
}
.body-content {
  width: 100% !important;
  height: calc(100vh - 38px) !important;
  margin: 0px !important;
}
.dowloaf-file {
  text-decoration: none !important;
}
.icon-download {
  display: none;
}
.dowloaf-file:hover .icon-download{
  display: inline;
}
.header-content {
  height: 63px !important;
}
.messages-content {
  height: calc(100vh - 101px) !important;
}
.separator-date {
  z-index: 980;
}
.content-search-result {
  max-height: 100px !important;
  overflow: auto;
}
.message-search {
  height: calc(100vh - 101px) !important;
}
.total-result {
  margin-bottom: 5px;
}
.header-keyword {
  margin-top: 5px !important;
  padding-right: 20px !important;
}
.btn-keyword {
  height:28px !important;
  width: 28px !important;
}
.search-keyword {
  border-radius: 30px;
}
.th-add-keyword {
  width: 70px;
  padding-right: 0px;
}
.btn-add-keyword {
  padding: 0 10px 0 10px;
  background: #611f69 !important;
  border: 2px solid #611f69 !important;
}
.th-delete-keyword {
  width: 70px;
}
.btn-delete-keyword {
  padding: 0 10px 0 10px;
  color: #611f69 !important;
  border: 2px solid #611f69 !important;
  font-weight: bold;
}
.btn-cancel-keyword {
  padding: 0 10px 0 10px;
  color: #611f69 !important;
  border: 2px solid #611f69 !important;
  font-weight: bold;
}
.btn-submit-keyword {
  padding: 0 10px 0 10px;
  background: #611f69 !important;
}
.close-replied {
  color: white !important;
}
.header-replied {
  background: #3F0E40 !important;
}
.replies-body {
  max-height: 50vh;
  overflow: auto;
}
.replies-footer {
  height: 5px;
}
.messages:hover {
  background: #F8F8F8;
}
.reply-info {
  width: 630px !important;
  padding: 2px !important;
  border: 1px solid transparent !important;
}
.reply-info:hover {
  cursor: pointer;
  border: 1px solid !important;
  border-radius: 5px !important;
  border-color: #E2E2E2 !important;
  background: white !important;
}
.reply-info:hover .view-thread {
  display: inline;
}
.view-thread {
  display: none;
}
.reply-info:hover .icon-view-thread {
  display: inline;
  padding-right: 10px;
}
.icon-view-thread {
  display: none;
}
.reply-info:hover .last-reply {
  display: none;
}
.card-content {
  max-height: 100% !important;
  padding-left: 0px !important;
  display: inline-block;
}
.card-header {
  background: #ffffff !important;
}
.card-header-body {
  padding: 17px !important;
  width: 100% !important;
}
.card-header-search {
  height: 63px !important;
  padding: 10px !important;
  width: 100% !important;
}
.frm-search-header {
  width: 600px !important;
}
.input-search-header {
  background: #49254A !important;
  width: 600px;
  height: 24px !important;
  margin-top: 5px;
  border-color: #9A869B !important;
  color: #9A869B;
}
.input-search-header:hover {
  cursor: pointer;
  color: #ffffff;
  border-color: #ffffff !important;
}
.dropdown-search-header {
  width: 600px;
}
.btn-search-header {
  border-radius: 50px;
  background: rgb(97, 31, 105) !important;
}
.frm-user-header {
  display: inline-block;
}
.btn-logout {
  background-color: #611F69 !important;
  color: #ffffff;
}
.a-replied {
  text-decoration: none !important;
}
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 0.9rem;
  padding: 10px 0 5px 0;
  font-weight: bold;
}
.separator-text {
  border-radius: 24px;
  padding: 3px 16px;
  border: 1px solid rgba(var(--sk_foreground_low_solid,221,221,221),1);
}
.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid rgba(var(--sk_foreground_low_solid,221,221,221),1);
}
.separator:not(:empty)::before {
  margin-right: 0;
}

.separator:not(:empty)::after {
  margin-left: 0;
}
.login-button {
  color: white;
}
.login-button:hover {
  color: white;
  text-decoration: none;
}
/* Date Picker */
.cell.active {
  background-color: #3F0E40 !important;
}
.scroll-bottom-btn {
  background-color: #3F0E40;
  z-index: 99999;
  color: #ffffff !important;
}
.scroll-bottom-a i {
  color: #ffffff !important;
}
.scroll-bottom-a span {
  color: #ffffff !important;
}
.avatar {
  width: 28px;
  height: 28px;
}
.avatar:hover {
  cursor: pointer;
}
tr:hover {background-color:#F8F8F8;}
.uk-divider-small::after {
  width: 500px;
}
.uk-divider-small {
  width: 480px;
}
.total-reply {
  width: 110px !important;
  padding-left: 28px;
}
.workspace-info {
  border-bottom: 1px solid rgb(82,38,83);
  border-top: 1px solid rgb(82,38,83);
  height: 63px;
}
.workspace-info a {
  text-decoration: none;
}
.workspace-info a h3{
  max-width: 270px;
  margin-bottom: 10px !important;
}
.workspace-info a i{
  margin-top: 23px;
  color: #ffffff
}
.uk-navbar-right a {
  color: white !important;
}
.channel-menu {
  color: white;
}
.scrollbar-left-menu {
	overflow: auto;
  height: calc(100vh - 101px) !important;
}
#style-left-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #3F0E40;
}
#style-left-menu::-webkit-scrollbar {
  width: 10px;
  background-color: #3F0E40;
}
#style-left-menu::-webkit-scrollbar-thumb {
  background-color: rgb(188,171,188);;
}
.li-workspace:hover {
  background: #1264A3;
}
.li-workspace a:hover {
  color: white !important;
}
.workspace-info [class*=uk-dropdown-bottom] {
  margin-left: 15px !important;
}
.big-file {
  color: #999999 !important;
}
.search-channel-menu {
  margin-bottom: 5px;
  margin-left: 15px;
  width: 90%;
  border-radius: 20px;
  padding-left: 15px;
  height: 30px;
}
.pre-text {
  border: 0px;
  background: none;
  margin: 0px;
  padding: 0px;
  font-size: 15px;
}