.row__layout {
  width: 100%;
  float: left;
  overflow: hidden;
  clear: both; }

.spinner {
  animation: rotator 1.4s linear infinite; }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }

@keyframes colors {
  0% {
    stroke: #4285F4; }
  25% {
    stroke: #DE3E35; }
  50% {
    stroke: #F7C223; }
  75% {
    stroke: #1B9A59; }
  100% {
    stroke: #4285F4; } }
@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }
.transit {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

body.mdc-typography,
main.mdc-layout-grid {
  overflow: auto !important; }

main.file-manager {
  overflow: hidden !important; }

:root {
  --mdc-grid-list-tile-width: 120px; }

.tree-manager {
  height: 100%; }

#search-widget {
  margin: 0px;
  margin-bottom: 16px;
  width: 194px; }
  #search-widget #keyword {
    padding-right: 0px; }
  #search-widget .mdc-textfield__icon {
    bottom: 6px;
    color: #333; }

#download-menu {
  max-height: 50vh; }
  #download-menu .mdc-simple-menu__items .mdc-list-item {
    height: 35px;
    transition: all 0.1s; }
    #download-menu .mdc-simple-menu__items .mdc-list-item .material-icons {
      margin-right: 10px;
      font-size: 20px; }
    #download-menu .mdc-simple-menu__items .mdc-list-item:hover {
      background: #f2f2f2;
      transition: all 0.1s; }

#thumbnail_folder_pff_cus .material-icons {
  display: none; }
#thumbnail_folder_pff_cus:hover {
  cursor: pointer;
  color: #CD1417 !important; }
  #thumbnail_folder_pff_cus:hover .material-icons {
    display: unset;
    color: white;
    position: absolute;
    left: 24%;
    font-size: 13px;
    top: 32%; }

.manager {
  background: #f2f3f7;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  position: relative; }
  .manager.sp-cus {
    height: calc(100% - 52px); }
  .manager .header {
    padding: 10px;
    align-items: flex-start;
    -webkit-align-items: flex-start; }
    .manager .header .toolbar {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex: 1;
      text-align: right;
      align-items: center;
      justify-content: flex-end; }
      .manager .header .toolbar.sp-toolbar-cus {
        height: 36px; }
      .manager .header .toolbar .view-option {
        vertical-align: middle;
        cursor: pointer;
        color: lightgray;
        -webkit-user-select: none;
        /* Chrome all / Safari all */
        -moz-user-select: none;
        /* Firefox all */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
        /* Likely future */ }
      .manager .header .toolbar .selected {
        color: black; }
      .manager .header .toolbar .toolbar-file-action {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-flex;
        height: 100%;
        align-items: center; }
        .manager .header .toolbar .toolbar-file-action li {
          display: inline-flex;
          align-items: center;
          margin-right: 10px;
          cursor: pointer; }
      .manager .header .toolbar .toolbar-folder-action {
        display: inline-block; }
        .manager .header .toolbar .toolbar-folder-action .border {
          border: 1px solid; }
        @media only screen and (max-width: 755px) {
          .manager .header .toolbar .toolbar-folder-action.desktop-cus {
            display: none; } }
        .manager .header .toolbar .toolbar-folder-action.mobile-cus {
          display: none; }
          @media only screen and (max-width: 755px) {
            .manager .header .toolbar .toolbar-folder-action.mobile-cus {
              display: inline-block; } }
          .manager .header .toolbar .toolbar-folder-action.mobile-cus button {
            min-width: unset !important;
            border-radius: 6px; }
        .manager .header .toolbar .toolbar-folder-action .mdc-simple-menu .mdc-simple-menu__items .mdc-list-item:hover {
          background-color: #d3d3d3; }
  .manager .panel {
    flex: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative; }
    .manager .panel .mdc-grid-tile {
      margin: 5px 0; }
      .manager .panel .mdc-grid-tile__secondary {
        left: 5px;
        width: calc(100% - 10px); }
    .manager .panel .mdc-grid-list__tiles {
      margin: 5px auto; }
    .manager .panel #files-menu {
      max-height: 75vh;
      min-width: 226px;
      z-index: 1111111; }
      .manager .panel #files-menu .circle_span {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        margin-right: 7px;
        cursor: pointer;
        z-index: 111111;
        position: relative; }
        .manager .panel #files-menu .circle_span::before {
          position: absolute;
          left: 1px;
          top: 1px;
          width: 13px;
          height: 13px;
          z-index: 1111111111111;
          background: black; }
        .manager .panel #files-menu .circle_span .material-icons {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: white !important;
          font-size: 12px;
          transition: 0.5s;
          font-weight: bold; }
          .manager .panel #files-menu .circle_span .material-icons.pos {
            color: black !important; }
      .manager .panel #files-menu .padding_tag {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 15px; }
    .manager .panel .mdc-simple-menu {
      max-height: 75vh; }
      .manager .panel .mdc-simple-menu .mdc-simple-menu__items .mdc-list-item {
        height: 35px;
        transition: all 0.1s; }
        .manager .panel .mdc-simple-menu .mdc-simple-menu__items .mdc-list-item .material-icons {
          margin-right: 10px;
          font-size: 20px; }
        .manager .panel .mdc-simple-menu .mdc-simple-menu__items .mdc-list-item:hover {
          background: #f2f2f2;
          transition: all 0.1s; }
  .manager .title {
    font-weight: bold;
    padding: 20px;
    padding-left: 0px; }
  .manager.history .detail-size {
    padding-left: 0 !important; }
    .manager.history .detail-size .material-icons {
      font-size: 20px; }

#history-manager .fillter_file_history {
  border: 1px solid rgba(211, 47, 47, 0.5);
  border-radius: 16px; }

#history-manager .name_title, .fillter_file_history {
  display: flex; }

#history-manager .fillter_file_history {
  padding: 15px;
  margin-left: auto;
  height: 10px;
  padding-top: 10px;
  margin-right: 30px;
  cursor: pointer; }

#history-manager #close_btn_fillter, #btn_clearn_all {
  display: none; }

#btn-filter-history {
  margin-bottom: -15px;
  margin-top: -10px;
  padding-top: 10px; }

#action-delete-history .action-delete {
  display: none; }

.upload.collapse, .download-queue.collapse {
  height: 0px !important;
  transition: height 0.255s 0ms cubic-bezier(0.4, 0, 0.6, 1) !important; }

.upload, .download-queue {
  transition: height 0.255s 0ms cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  z-index: 500;
  background: lightgray;
  left: 0; }
  .upload .upload-expand, .download-queue .upload-expand {
    width: 50px;
    height: 30px;
    content: "";
    position: absolute;
    left: 10px;
    top: -30px;
    border-radius: 5px 5px 0px 0px;
    background: #fff;
    cursor: pointer;
    text-align: center; }
    .upload .upload-expand i, .download-queue .upload-expand i {
      color: #000000;
      font-size: 15px;
      margin-top: 7px;
      font-weight: bold; }
    .upload .upload-expand span, .download-queue .upload-expand span {
      font-size: 11px;
      position: absolute;
      width: 50px;
      left: 0;
      top: 17px;
      color: #20252b;
      font-weight: bold; }
  .upload .upload-bounder, .download-queue .upload-bounder {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    height: 100%;
    overflow: hidden; }
    .upload .upload-bounder .file-status, .download-queue .upload-bounder .file-status {
      cursor: pointer; }
    .upload .upload-bounder .file-status-success, .download-queue .upload-bounder .file-status-success {
      color: #2E7D32; }
    .upload .upload-bounder .file-status-fail, .download-queue .upload-bounder .file-status-fail {
      color: var(--mdc-theme-primary); }
    .upload .upload-bounder .table, .download-queue .upload-bounder .table {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 8px 0px;
      box-sizing: border-box;
      font-size: 14px;
      width: 100%;
      flex: 1;
      overflow: auto; }
      .upload .upload-bounder .table tbody, .download-queue .upload-bounder .table tbody {
        overflow-y: scroll;
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        padding: 0px 16px; }
        .upload .upload-bounder .table tbody tr, .download-queue .upload-bounder .table tbody tr {
          width: 100%;
          display: inline-table; }
          .upload .upload-bounder .table tbody tr td:nth-child(1), .download-queue .upload-bounder .table tbody tr td:nth-child(1) {
            width: 25%;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 1px; }
          .upload .upload-bounder .table tbody tr td:nth-child(2), .download-queue .upload-bounder .table tbody tr td:nth-child(2) {
            width: 10%; }
          .upload .upload-bounder .table tbody tr td:nth-child(3), .download-queue .upload-bounder .table tbody tr td:nth-child(3) {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center; }
            .upload .upload-bounder .table tbody tr td:nth-child(3) .mdc-linear-progress, .download-queue .upload-bounder .table tbody tr td:nth-child(3) .mdc-linear-progress {
              margin: 0px 5px; }
              .upload .upload-bounder .table tbody tr td:nth-child(3) .mdc-linear-progress .mdc-linear-progress__bar-inner, .download-queue .upload-bounder .table tbody tr td:nth-child(3) .mdc-linear-progress .mdc-linear-progress__bar-inner {
                background-color: #1976D2; }
            .upload .upload-bounder .table tbody tr td:nth-child(3) .success .mdc-linear-progress__bar-inner, .download-queue .upload-bounder .table tbody tr td:nth-child(3) .success .mdc-linear-progress__bar-inner {
              background-color: #2E7D32; }
            .upload .upload-bounder .table tbody tr td:nth-child(3) .fail .mdc-linear-progress__bar-inner, .download-queue .upload-bounder .table tbody tr td:nth-child(3) .fail .mdc-linear-progress__bar-inner {
              background-color: #CD1417; }
          .upload .upload-bounder .table tbody tr td:nth-child(4), .download-queue .upload-bounder .table tbody tr td:nth-child(4) {
            width: 10%; }
          .upload .upload-bounder .table tbody tr .btn-group, .download-queue .upload-bounder .table tbody tr .btn-group {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center; }
            .upload .upload-bounder .table tbody tr .btn-group a, .download-queue .upload-bounder .table tbody tr .btn-group a {
              cursor: pointer; }
    .upload .upload-bounder .progress-info, .download-queue .upload-bounder .progress-info {
      padding: 5px 20px;
      background: #fff;
      color: black;
      font-weight: 500;
      font-size: 14px;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .upload .upload-bounder .progress-info div, .download-queue .upload-bounder .progress-info div {
        flex: 1; }
        .upload .upload-bounder .progress-info div label, .download-queue .upload-bounder .progress-info div label {
          -webkit-user-select: none;
          /* Chrome all / Safari all */
          -moz-user-select: none;
          /* Firefox all */
          -ms-user-select: none;
          /* IE 10+ */
          user-select: none;
          /* Likely future */
          cursor: pointer; }

.download-queue {
  position: fixed; }

.breadcrumbs {
  display: block; }
  .breadcrumbs .breadcrumbs-bar {
    display: inline-block; }
    .breadcrumbs .breadcrumbs-bar .bread-bound {
      display: inline-block;
      padding-left: 20px; }
      .breadcrumbs .breadcrumbs-bar .bread-bound .bread,
      .breadcrumbs .breadcrumbs-bar .bread-bound .seperator {
        padding: 5px;
        display: inline-block;
        overflow: hidden; }
      .breadcrumbs .breadcrumbs-bar .bread-bound .bread {
        min-width: 50px;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .breadcrumbs .material-icons {
    vertical-align: bottom; }

.user-favorites-cmp .op-deleted {
  opacity: 0.5 !important; }
.user-favorites-cmp .pagination > li.active > a {
  color: white;
  background-color: #cd1417; }
.user-favorites-cmp .pagination > li > a:hover {
  background-color: #ff8080; }
.user-favorites-cmp .fa-action-cmp {
  display: flex !important;
  z-index: 2; }
  .user-favorites-cmp .fa-action-cmp i {
    padding: 4px;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 5px;
    background-color: white; }
    .user-favorites-cmp .fa-action-cmp i.unfavorite {
      border: 1px solid #cd1417;
      color: #cd1417; }
      .user-favorites-cmp .fa-action-cmp i.unfavorite:hover {
        background-color: #cd1417;
        color: white !important; }
    .user-favorites-cmp .fa-action-cmp i.link-copy-btn {
      border: 1px solid #333;
      color: #333; }
      .user-favorites-cmp .fa-action-cmp i.link-copy-btn:hover {
        background-color: #333;
        color: white !important; }
.user-favorites-cmp .mdc-list-item__start-detail .grey-bg {
  display: flex;
  justify-content: center;
  align-items: center; }
.user-favorites-cmp .file-name-cmp-div {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 4px; }
  .user-favorites-cmp .file-name-cmp-div .title_namefile {
    display: flex;
    flex-direction: row;
    align-items: center; }

file-list, folder {
  display: block;
  min-height: 100%; }
  file-list .mdc-grid-list__tiles fshare-file, folder .mdc-grid-list__tiles fshare-file {
    margin: 10px; }
    file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile {
      -webkit-user-select: none;
      /* Chrome all / Safari all */
      -moz-user-select: none;
      /* Firefox all */
      -ms-user-select: none;
      /* IE 10+ */
      user-select: none;
      /* Likely future */
      transition: all 0.255s 0ms cubic-bezier(0, 0, 0.2, 1);
      border-radius: 3px;
      border: none;
      height: 141px !important;
      height: calc(var(--mdc-grid-list-tile-width) / 0.85) !important;
      width: var(--mdc-grid-list-tile-width, 200px) !important;
      cursor: pointer;
      padding: 0; }
      file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile:hover, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile:hover {
        -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        transition: all 0.255s 0ms cubic-bezier(0.4, 0, 0.6, 1) !important; }
        file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile:hover:before, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile:hover:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          background: #e3e6eb;
          border-radius: 3px; }
      file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary {
        overflow: hidden;
        padding: 0 0 80% 0;
        background: transparent;
        width: 95%;
        margin-left: 2.5%;
        margin-top: 2.5%;
        text-align: center; }
        file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary .mdc-grid-tile__primary-content, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary .mdc-grid-tile__primary-content {
          top: 5px;
          object-fit: cover; }
        file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary .file-icon, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary .file-icon {
          font-size: 4.5em; }
      file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__secondary, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__secondary {
        width: 120px !important;
        width: var(--mdc-grid-list-tile-width) !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 41px !important;
        height: calc((var(--mdc-grid-list-tile-width) / 0.95) / 3.08) !important;
        background: transparent;
        color: black;
        text-align: center;
        left: 0;
        padding: 23px 0px 0px 0px; }
        file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__secondary .mdc-grid-tile__title, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__secondary .mdc-grid-tile__title {
          font-size: 85.75%;
          font-weight: normal; }
        file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__secondary .mdc-textfield .mdc-textfield__input, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__secondary .mdc-textfield .mdc-textfield__input {
          font-size: 85.75%;
          text-align: center; }
      file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary .mdc-grid-tile__primary-content, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile .mdc-grid-tile__primary .mdc-grid-tile__primary-content {
        height: 70%; }
    file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile__selected, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile__selected {
      -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      transition: all 0.255s 0ms cubic-bezier(0.4, 0, 0.6, 1) !important; }
      file-list .mdc-grid-list__tiles fshare-file .mdc-grid-tile__selected:before, folder .mdc-grid-list__tiles fshare-file .mdc-grid-tile__selected:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: #afafaf !important;
        border-radius: 3px; }
  file-list .mdc-detail-list, folder .mdc-detail-list {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column; }
    file-list .mdc-detail-list fshare-file:nth-child(odd),
    file-list .mdc-detail-list .fshare-file:nth-child(odd), folder .mdc-detail-list fshare-file:nth-child(odd),
    folder .mdc-detail-list .fshare-file:nth-child(odd) {
      background: #ecedf1; }
    file-list .mdc-detail-list fshare-file:hover,
    file-list .mdc-detail-list .fshare-file:hover, folder .mdc-detail-list fshare-file:hover,
    folder .mdc-detail-list .fshare-file:hover {
      background: #e3e6eb; }
    file-list .mdc-detail-list fshare-file .mdc-detail-header,
    file-list .mdc-detail-list .fshare-file .mdc-detail-header, folder .mdc-detail-list fshare-file .mdc-detail-header,
    folder .mdc-detail-list .fshare-file .mdc-detail-header {
      font-weight: bold;
      background: inherit;
      background: #ecedf1 !important; }
    file-list .mdc-detail-list fshare-file .mdc-detail-row,
    file-list .mdc-detail-list .fshare-file .mdc-detail-row, folder .mdc-detail-list fshare-file .mdc-detail-row,
    folder .mdc-detail-list .fshare-file .mdc-detail-row {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 10px 50px;
      align-items: center;
      cursor: pointer; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        flex: 1; }
        file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1),
        file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1), folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1),
        folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) {
          min-width: 0;
          padding-right: 20px;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 40%; }
          file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name,
          file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name,
          folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 410px; }
            file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name:hover,
            file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name:hover, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name:hover,
            folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name:hover {
              color: var(--mdc-theme-primary); }
          file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail,
          file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail,
          folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail {
            width: 18px;
            height: 18px; }
            file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail img,
            file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail img, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail img,
            folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .mdc-list-item__start-detail img {
              width: 100%; }
        file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield,
        file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield,
        folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield {
          margin-bottom: 0px;
          width: 80%; }
          file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield .mdc-textfield__input,
          file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield .mdc-textfield__input, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield .mdc-textfield__input,
          folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .mdc-textfield .mdc-textfield__input {
            padding-bottom: 0px; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .detail-path,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .detail-path, folder .mdc-detail-list fshare-file .mdc-detail-row .detail-path,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .detail-path {
        min-width: 0px; }
        file-list .mdc-detail-list fshare-file .mdc-detail-row .detail-path span,
        file-list .mdc-detail-list .fshare-file .mdc-detail-row .detail-path span, folder .mdc-detail-list fshare-file .mdc-detail-row .detail-path span,
        folder .mdc-detail-list .fshare-file .mdc-detail-row .detail-path span {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .detail-size,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .detail-size, folder .mdc-detail-list fshare-file .mdc-detail-row .detail-size,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .detail-size {
        padding-left: 10px; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option {
        justify-content: flex-end; }
        file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info,
        file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info,
        folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info {
          display: flex;
          flex: 1; }
          file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item,
          file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item,
          folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item {
            padding: 0 6px; }
            file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item:first-child,
            file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item:first-child, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item:first-child,
            folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item:first-child {
              padding: 0 6px 0 0; }
            file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon,
            file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon,
            folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon {
              justify-content: center;
              color: #20252b;
              display: flex; }
              file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon:active,
              file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon:active, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon:active,
              folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .file-icon:active {
                color: var(--mdc-theme-primary); }
            file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item svg:active,
            file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item svg:active, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item svg:active,
            folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item svg:active {
              fill: var(--mdc-theme-primary); }
            file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .circle_span,
            file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .circle_span, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .circle_span,
            folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info .option-info-item .circle_span {
              width: 10px;
              height: 10px;
              border-radius: 50%;
              display: inline-block;
              margin-left: -4px; }
    file-list .mdc-detail-list fshare-file .mdc-detail-row__selected,
    file-list .mdc-detail-list .fshare-file .mdc-detail-row__selected, folder .mdc-detail-list fshare-file .mdc-detail-row__selected,
    folder .mdc-detail-list .fshare-file .mdc-detail-row__selected {
      background: #afafaf !important; }
  file-list .file-icon, folder .file-icon {
    font-style: normal;
    color: #f9c943;
    font-size: 18px; }
    file-list .file-icon.fi-cus.material-icons, folder .file-icon.fi-cus.material-icons {
      font-size: 26px;
      margin-top: -5px;
      margin-left: -2px; }
    file-list .file-icon.fi-cus.file-icon-flat, folder .file-icon.fi-cus.file-icon-flat {
      font-size: 22px;
      margin-top: -4px;
      margin-left: -2px;
      display: flex; }
  file-list .file-icon-flat, folder .file-icon-flat {
    font-family: 'Flaticon';
    color: #b7161b; }
  file-list #pick-folder-dialog .mdc-dialog__body, folder #pick-folder-dialog .mdc-dialog__body {
    height: 195px; }
    file-list #pick-folder-dialog .mdc-dialog__body i, folder #pick-folder-dialog .mdc-dialog__body i {
      padding: 0;
      margin-left: 0px; }
    file-list #pick-folder-dialog .mdc-dialog__body ul, folder #pick-folder-dialog .mdc-dialog__body ul {
      flex-direction: column;
      -webkit-flex-direction: column;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex: 1;
      -webkit-user-select: none;
      /* Chrome all / Safari all */
      -moz-user-select: none;
      /* Firefox all */
      -ms-user-select: none;
      /* IE 10+ */
      user-select: none;
      /* Likely future */
      padding-inline-start: 0px; }
    file-list #pick-folder-dialog .mdc-dialog__body li, folder #pick-folder-dialog .mdc-dialog__body li {
      -webkit-user-select: none;
      /* Chrome all / Safari all */
      -moz-user-select: none;
      /* Firefox all */
      -ms-user-select: none;
      /* IE 10+ */
      user-select: none;
      /* Likely future */
      list-style: none;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-flow: row wrap; }
      file-list #pick-folder-dialog .mdc-dialog__body li .folder, folder #pick-folder-dialog .mdc-dialog__body li .folder {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px; }
        file-list #pick-folder-dialog .mdc-dialog__body li .folder i, folder #pick-folder-dialog .mdc-dialog__body li .folder i {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          cursor: pointer;
          margin-right: 5px; }
          file-list #pick-folder-dialog .mdc-dialog__body li .folder i.arrow-icon, folder #pick-folder-dialog .mdc-dialog__body li .folder i.arrow-icon {
            animation: all 0.45s ease-in-out; }
            file-list #pick-folder-dialog .mdc-dialog__body li .folder i.arrow-icon:hover, folder #pick-folder-dialog .mdc-dialog__body li .folder i.arrow-icon:hover {
              border-radius: 50%;
              background-color: rgba(80, 80, 80, 0.2); }
            file-list #pick-folder-dialog .mdc-dialog__body li .folder i.arrow-icon:active, folder #pick-folder-dialog .mdc-dialog__body li .folder i.arrow-icon:active {
              border-radius: 50%;
              background-color: rgba(80, 80, 80, 0.3); }
        file-list #pick-folder-dialog .mdc-dialog__body li .folder span, folder #pick-folder-dialog .mdc-dialog__body li .folder span {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-self: center;
          align-items: center;
          cursor: pointer;
          font-size: 14px;
          transition: all 0.255s 0ms cubic-bezier(0, 0, 0.2, 1); }
          file-list #pick-folder-dialog .mdc-dialog__body li .folder span .folder-icon, folder #pick-folder-dialog .mdc-dialog__body li .folder span .folder-icon {
            color: #f9c943; }
      file-list #pick-folder-dialog .mdc-dialog__body li .folder.selected, folder #pick-folder-dialog .mdc-dialog__body li .folder.selected {
        background: var(--mdc-theme-primary);
        color: white;
        transition: all 0.255s 0ms cubic-bezier(0.4, 0, 0.6, 1) !important;
        border-radius: 5px; }
      file-list #pick-folder-dialog .mdc-dialog__body li.expand ul, folder #pick-folder-dialog .mdc-dialog__body li.expand ul {
        margin-left: 24px; }
    file-list #pick-folder-dialog .mdc-dialog__body .line-break, folder #pick-folder-dialog .mdc-dialog__body .line-break {
      width: 100%; }

#image-dialog, #top-follow-modal, #search-follow-modal {
  z-index: 500; }
  #image-dialog #my-mdc-dialog-label, #top-follow-modal #my-mdc-dialog-label, #search-follow-modal #my-mdc-dialog-label {
    min-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #image-dialog .mdc-dialog__body, #top-follow-modal .mdc-dialog__body, #search-follow-modal .mdc-dialog__body {
    height: 70vh;
    padding: 10px;
    overflow: scroll; }

#search-follow-modal .mdc-dialog__body {
  padding: 24px 24px 0; }
  #search-follow-modal .mdc-dialog__body .search-field {
    width: 100%; }

#image-dialog {
  z-index: 500; }
  #image-dialog #my-mdc-dialog-label {
    min-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #image-dialog .mdc-dialog__body {
    height: 70vh;
    padding: 10px;
    position: relative;
    background: url("/images/tree-loading.gif");
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    box-sizing: border-box; }
    #image-dialog .mdc-dialog__body img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      border: silver thin solid;
      background: #333; }
    #image-dialog .mdc-dialog__body:hover .image-btn:nth-child(1) .mdc-button {
      animation-delay: 0.1s;
      animation-name: float;
      animation-duration: 0.825s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    #image-dialog .mdc-dialog__body:hover .image-btn:nth-child(2) .mdc-button {
      animation-delay: 0.2s;
      animation-name: float;
      animation-duration: 0.825s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    #image-dialog .mdc-dialog__body:hover .image-btn:nth-child(3) .mdc-button {
      animation-delay: 0.3s;
      animation-name: float;
      animation-duration: 0.825s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    #image-dialog .mdc-dialog__body:hover .image-btn:nth-child(4) .mdc-button {
      animation-delay: 0.4s;
      animation-name: float;
      animation-duration: 0.825s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    #image-dialog .mdc-dialog__body:hover .image-btn:nth-child(5) .mdc-button {
      animation-delay: 0.5s;
      animation-name: float;
      animation-duration: 0.825s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    #image-dialog .mdc-dialog__body:hover .image-btn:nth-child(6) .mdc-button {
      animation-delay: 0.6s;
      animation-name: float;
      animation-duration: 0.825s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards; }
    #image-dialog .mdc-dialog__body .image-tool {
      position: absolute;
      bottom: 30px;
      width: 80%;
      left: 10%;
      height: 60px;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      #image-dialog .mdc-dialog__body .image-tool .mdc-button {
        padding: 0px 5px;
        min-width: unset;
        margin: 0px 5px;
        border-radius: 50%;
        background-color: #fafafa;
        transform: translateY(70px);
        opacity: 0; }
        #image-dialog .mdc-dialog__body .image-tool .mdc-button .mdc-button__icon {
          margin: unset;
          font-size: 24px;
          width: 24px;
          height: 24px; }

@keyframes float {
  0% {
    transform: translateY(70px);
    opacity: 0; }
  40% {
    transform: translateY(-5px);
    opacity: 0.5; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }
#preview_video {
  position: fixed;
  width: 90vw;
  height: 90vh;
  bottom: 5vh;
  right: 5vw;
  z-index: 1000;
  transition: all 0.255s 0ms cubic-bezier(0, 0, 0.2, 1); }
  #preview_video .preview_toolbar {
    height: 25px;
    width: 100%;
    background: #333;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: 67px; }
    #preview_video .preview_toolbar .preview_toolbar--button {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0px 5px;
      cursor: pointer;
      color: #fff; }
      #preview_video .preview_toolbar .preview_toolbar--button:hover {
        background: lightgray;
        color: #333; }
  #preview_video .vjs-button-mdc {
    font-size: 24px; }
  #preview_video .vjs-controls-disabled .vjs-control-bar, #preview_video .vjs-using-native-controls .vjs-control-bar, #preview_video .vjs-error .vjs-control-bar {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    z-index: 2; }
  #preview_video #preview_video_canvas {
    top: 10%;
    left: 0%;
    height: calc(80% - 24px);
    width: 100%; }
    #preview_video #preview_video_canvas .vjs-volume-menu-button {
      background: inherit; }
  #preview_video .playList {
    height: 0%;
    width: 100%;
    background: #333;
    bottom: 40px;
    right: 0%;
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    transition: all 0.255s 0ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 3; }
    #preview_video .playList .playList-title {
      flex: 0 0 200px;
      width: 100%;
      background: gray; }
    #preview_video .playList .playList-list {
      flex: 1;
      overflow-y: scroll; }
      #preview_video .playList .playList-list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5; }
      #preview_video .playList .playList-list .playList-content {
        display: block; }
        #preview_video .playList .playList-list .playList-content .playList-item {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          height: 40px;
          cursor: pointer; }
          #preview_video .playList .playList-list .playList-content .playList-item .item-index {
            padding: 0px 10px;
            color: #fff;
            width: 10px;
            text-align: left; }
          #preview_video .playList .playList-list .playList-content .playList-item .item-left {
            flex: 1;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-flex-direction: column;
            padding: 0 5px;
            min-width: 0px; }
            #preview_video .playList .playList-list .playList-content .playList-item .item-left .item-title {
              flex: 1;
              color: white;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              align-items: flex-end; }
              #preview_video .playList .playList-list .playList-content .playList-item .item-left .item-title p {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding: 0;
                margin: 0; }
            #preview_video .playList .playList-list .playList-content .playList-item .item-left .item-path {
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              font-size: 12px;
              color: gray;
              flex: 1;
              align-items: center; }
          #preview_video .playList .playList-list .playList-content .playList-item .item-right {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 50px;
            color: #fff; }
            #preview_video .playList .playList-list .playList-content .playList-item .item-right:hover {
              color: var(--mdc-theme-primary); }
          #preview_video .playList .playList-list .playList-content .playList-item:hover {
            background: darkgray; }
        #preview_video .playList .playList-list .playList-content .playing {
          background: #545252; }
  #preview_video .playList-expand {
    height: 50%; }
  #preview_video::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #333;
    opacity: 0.9; }

#preview_video.minimized {
  width: 300px;
  height: 300px;
  bottom: 20px;
  right: 20px; }
  #preview_video.minimized .preview_toolbar {
    cursor: all-scroll; }
  #preview_video.minimized::before {
    content: unset; }

.empty-folder {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-content: center;
  justify-content: center;
  position: relative; }
  .empty-folder .position_item {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-49%, -35%, 0);
    color: #bdbec0; }
    .empty-folder .position_item:hover .empty-text {
      color: #c52127; }
    .empty-folder .position_item .empty-text-cus {
      color: #bdbec0; }
  .empty-folder .icon-custom {
    cursor: pointer; }
  .empty-folder .bg-icon {
    border-radius: 100%;
    background: #e9eaee;
    margin-top: 30px;
    text-align: center; }
    .empty-folder .bg-icon.sp-bg-icon {
      border-radius: 10%; }
  @media (max-width: 575.98px) {
    .empty-folder .bg-icon {
      width: 150px;
      height: 150px; }
    .empty-folder .material-icons {
      font-size: 40pt; }
    .empty-folder .icon-custom {
      background: url(../../img/icon.png) 87% 6% no-repeat;
      width: 45px;
      height: 45px;
      display: block;
      margin: 0px auto; } }
  @media (max-width: 767.98px) and (min-width: 575px) {
    .empty-folder .bg-icon {
      width: 200px;
      height: 200px; }
    .empty-folder .material-icons {
      font-size: 50pt; }
    .empty-folder .icon-custom {
      background: url(../../img/icon.png) 73% 5% no-repeat;
      width: 50px;
      height: 50px;
      display: block;
      margin: 0px auto; } }
  @media (max-width: 991.98px) and (min-width: 767px) {
    .empty-folder .bg-icon {
      width: 250px;
      height: 250px; }
    .empty-folder .material-icons {
      font-size: 60pt; }
    .empty-folder .icon-custom {
      background: url(../../img/icon.png) 55% 10% no-repeat;
      width: 60px;
      height: 60px;
      display: block;
      margin: 0px auto; } }
  @media (min-width: 1000px) {
    .empty-folder .bg-icon {
      width: 320px;
      height: 320px; }
    .empty-folder .material-icons {
      font-size: 80pt; }
    .empty-folder .icon-custom {
      background: url("../../img/icon.png") 32% 19% no-repeat;
      width: 80px;
      height: 80px;
      display: block;
      margin: 0px auto; } }

.direct-link, .history {
  padding: 0px 20px;
  height: unset;
  min-height: 100%;
  padding-top: 13px; }

.title_namefile {
  text-decoration: none; }

.check_with {
  overflow: hidden; }

.history p {
  margin: 0; }
.history .history-action {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  align-items: flex-end; }
  .history .history-action i {
    margin-right: 10px; }
.history .files {
  padding-left: 35px; }
  .history .files .file {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    margin-top: 5px;
    text-decoration: none; }
    .history .files .file:hover {
      color: var(--mdc-theme-primary); }
    .history .files .file i {
      margin-right: 5px; }
.history .pagination {
  text-align: center;
  margin-top: 30px; }
  .history .pagination li {
    display: inline-block; }
    .history .pagination li.active a {
      background: #fff; }
    .history .pagination li.disabled {
      display: none; }
    .history .pagination li a {
      text-decoration: none;
      background: #cd1417;
      padding: 10px;
      color: #fff;
      font-weight: bold; }

.history .pagination, .delete .pagination, .direct-link .pagination {
  text-align: center;
  margin-top: 30px; }
  .history .pagination li, .delete .pagination li, .direct-link .pagination li {
    display: inline-block; }
    .history .pagination li.disabled, .delete .pagination li.disabled, .direct-link .pagination li.disabled {
      display: none; }
    .history .pagination li a, .delete .pagination li a, .direct-link .pagination li a {
      position: relative;
      display: block;
      padding: 10px 15px;
      margin-left: -1px;
      line-height: 1.25;
      text-decoration: none;
      color: #0275d8;
      background-color: #fff;
      border: 1px solid #ddd;
      font-style: italic;
      font-weight: bold; }
      .history .pagination li a.follow_search, .delete .pagination li a.follow_search, .direct-link .pagination li a.follow_search {
        padding: 0px; }

.mat-table {
  border-collapse: collapse;
  width: 100%; }
  .mat-table a {
    text-decoration: none;
    color: #4ea3f3;
    display: flex; }
    .mat-table a:hover {
      color: var(--mdc-theme-primary); }
    .mat-table a i {
      color: #333; }
  .mat-table td {
    padding: 5px; }
  .mat-table thead tr {
    border-bottom: #c0c0c2 2px solid; }
    .mat-table thead tr th, .mat-table thead tr td {
      font-weight: bold;
      text-align: left; }
  .mat-table tbody tr:nth-child(even) {
    background: #ecedf1; }
  .mat-table tbody tr:hover {
    background: #e3e6eb; }
  .mat-table tbody tr td.date {
    background: #e3e6eb;
    padding: 10px;
    color: var(--mdc-theme-primary);
    font-weight: bold;
    cursor: default; }
  .mat-table tbody tr .td-icon {
    text-align: center;
    vertical-align: middle;
    cursor: pointer; }
    .mat-table tbody tr .td-icon:hover {
      color: var(--mdc-theme-primary); }

.pager-bound {
  width: 100%;
  text-align: center; }
  .pager-bound > * {
    font-size: 1em !important; }
  .pager-bound ul {
    list-style: none;
    text-align: center;
    display: inline-block;
    padding: 0px; }
    .pager-bound ul li {
      padding: 5px 5px;
      float: left; }
      .pager-bound ul li a {
        min-width: 50px;
        height: 30px; }
      .pager-bound ul li .td-icon {
        cursor: pointer; }
      .pager-bound ul li .td-icon:hover {
        color: var(--mdc-theme-primary); }
    .pager-bound ul .disabled span {
      color: black; }
    .pager-bound ul .active a {
      background: var(--mdc-theme-primary-light); }

.summary {
  padding: 10px 0px; }

@media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
  #btn_clearn_all {
    font-size: 9px; }

  .close_btn_fillter {
    margin-top: -21px !important; }

  #btn-filter-history {
    padding-top: 0px;
    margin-top: -9px;
    font-size: 12px; }

  :root {
    --mdc-grid-list-tile-width: 90px; }

  .manager {
    overflow: scroll; }
    .manager > table {
      width: 100%;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-flex-direction: column; }
      .manager > table .flex0 {
        flex: 0; }
      .manager > table thead tr {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        .manager > table thead tr td {
          flex: 1; }
      .manager > table tbody tr {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        .manager > table tbody tr .truncated {
          min-width: 0px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .manager > table tbody tr td {
          flex: 1;
          line-height: 200%; }
    .manager .header .toolbar .view-option {
      color: black; }
    .manager .header .toolbar .selected {
      display: none; }
    .manager .panel {
      position: inherit; }
      .manager .panel .mdc-simple-menu {
        position: fixed; }

  .alternative {
    width: 0%;
    opacity: 0;
    border-radius: 50%;
    height: 56px;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 1000;
    transition: all 0.185s cubic-bezier(0.4, 0, 0.6, 1);
    overflow: hidden;
    display: flex;
    flex-grow: column; }
    .alternative .file-count {
      font-size: 16px;
      color: var(--mdc-theme-primary);
      padding-left: 16px; }
    .alternative .action {
      justify-content: flex-end; }
      .alternative .action .material-icons {
        margin: 10px; }
    .alternative .action,
    .alternative .file-count {
      display: flex;
      flex: 1;
      height: 100%;
      align-items: center; }

  div.alter__open {
    opacity: 1;
    width: 100%;
    border-radius: 0%;
    transition: all 0.185s cubic-bezier(0, 0, 0.2, 1); }

  .breadcrumbs {
    display: block; }
    .breadcrumbs .breadcrumbs-bar {
      display: inline-block; }
      .breadcrumbs .breadcrumbs-bar .bread-bound {
        display: inline-block; }
        .breadcrumbs .breadcrumbs-bar .bread-bound .bread,
        .breadcrumbs .breadcrumbs-bar .bread-bound .seperator {
          max-width: 70px;
          padding: 10px 0px; }
        .breadcrumbs .breadcrumbs-bar .bread-bound .bread:nth-child(2) {
          display: none; }

  file-list .mdc-simple-menu, folder .mdc-simple-menu {
    top: unset !important;
    left: unset !important;
    bottom: 0px;
    width: 100%;
    max-width: unset;
    z-index: 505; }
  file-list .mdc-grid-list__tiles .mdc-grid-tile .multi-select, folder .mdc-grid-list__tiles .mdc-grid-tile .multi-select {
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -6px;
    width: 16px;
    height: 16px; }
    file-list .mdc-grid-list__tiles .mdc-grid-tile .multi-select .mdc-checkbox__background, folder .mdc-grid-list__tiles .mdc-grid-tile .multi-select .mdc-checkbox__background {
      background: #ffffff78; }
    file-list .mdc-grid-list__tiles .mdc-grid-tile .multi-select .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, folder .mdc-grid-list__tiles .mdc-grid-tile .multi-select .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {
      background: var(--mdc-theme-primary); }
  file-list .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary, folder .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    file-list .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary .grid-name, folder .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary .grid-name {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      width: 80%; }
    file-list .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary .option-menu, folder .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary .option-menu {
      align-items: center;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex: 1; }
      file-list .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary .option-menu i, folder .mdc-grid-list__tiles .mdc-grid-tile .mdc-grid-tile__secondary .option-menu i {
        font-size: 16px; }
  file-list .mdc-detail-list fshare-file .mdc-detail-row,
  file-list .mdc-detail-list .fshare-file .mdc-detail-row, folder .mdc-detail-list fshare-file .mdc-detail-row,
  folder .mdc-detail-list .fshare-file .mdc-detail-row {
    padding: 0px 0px;
    padding-left: 5px;
    height: 50px; }
    file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell,
    file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell,
    folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell {
      padding: 0px 0px; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1),
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1), folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1),
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) {
        flex-basis: 70%; }
        file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) img,
        file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) img, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) img,
        folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) img {
          width: 18px;
          height: 18px; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(n + 2),
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(n + 2), folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(n + 2),
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(n + 2) {
        display: none; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .mdc-list-item__start-detail,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .mdc-list-item__start-detail, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .mdc-list-item__start-detail,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .mdc-list-item__start-detail {
        margin-right: 10px; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size,
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__modified,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__modified, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size,
      folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__modified,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__modified {
        font-size: 80%;
        color: var(--mdc-theme-gray); }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell .detail-name__size {
        margin-left: 15px; }
    file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option,
    file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option,
    folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option {
      display: flex !important;
      flex: 0;
      flex-basis: 30%;
      justify-content: flex-end;
      height: 100%; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-info {
        display: none; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-menu,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-menu, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .option-menu,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .option-menu {
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 40px;
        justify-content: center; }
      file-list .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .material-icons,
      file-list .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .material-icons, folder .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell__option .material-icons,
      folder .mdc-detail-list .fshare-file .mdc-detail-row .mdc-detail-cell__option .material-icons {
        color: var(--mdc-theme-gray); }

  #image-dialog {
    z-index: 500; }

  .mw340px {
    max-width: 175px !important; } }
#policy-dialog {
  z-index: 500; }
  #policy-dialog .mdc-dialog__surface {
    height: 80%; }
    #policy-dialog .mdc-dialog__surface #policy-dialog-description {
      height: 80%;
      overflow: scroll; }
      #policy-dialog .mdc-dialog__surface #policy-dialog-description > ol {
        -webkit-padding-start: 10px; }
  #policy-dialog p {
    text-align: justify;
    text-justify: inter-word; }

.top-follow {
  background: url(/images/top-follow/background.jpg);
  background-size: cover;
  min-height: 100vh; }

.like-a {
  background: none !important;
  color: #4ea3f3;
  border: none;
  padding: 0 !important;
  font: inherit;
  cursor: pointer; }
  .like-a:hover {
    color: var(--mdc-theme-primary); }

.top-follow #title, .top-follow-template #title {
  margin: 10px auto; }
.top-follow #tob-table, .top-follow-template #tob-table {
  width: 900px; }
.top-follow .topfavorite-dowload, .top-follow-template .topfavorite-dowload {
  border: #dd6e00 2px solid;
  padding: 7px 15px;
  border-radius: 15px;
  text-decoration: none !important;
  color: #dd6e00;
  cursor: pointer;
  background-color: white; }
  .top-follow .topfavorite-dowload:hover, .top-follow-template .topfavorite-dowload:hover {
    background: #dd6e00;
    color: #fff; }
.top-follow .action-icon-btn, .top-follow-template .action-icon-btn {
  border: #cd1417 1px solid;
  padding: 6px 6px;
  border-radius: 50%;
  text-decoration: none !important;
  color: #cd1417;
  cursor: pointer;
  background-color: white; }
  .top-follow .action-icon-btn.topfavorite-dowload, .top-follow-template .action-icon-btn.topfavorite-dowload {
    color: red; }
  .top-follow .action-icon-btn:hover, .top-follow-template .action-icon-btn:hover {
    background: #cd1417;
    color: #fff; }
  .top-follow .action-icon-btn.link-copy-btn, .top-follow-template .action-icon-btn.link-copy-btn {
    border: 1px solid #333;
    color: #333; }
    .top-follow .action-icon-btn.link-copy-btn:hover, .top-follow-template .action-icon-btn.link-copy-btn:hover {
      background-color: #333;
      color: white !important; }
.top-follow #top-table, .top-follow #top-table-modal, .top-follow-template #top-table, .top-follow-template #top-table-modal {
  background: #fff;
  font-size: 15px;
  margin: auto;
  box-shadow: #545454 0px 0px 10px 0px;
  color: #1db4bf;
  margin-bottom: 50px; }
  .top-follow #top-table thead th, .top-follow #top-table-modal thead th, .top-follow-template #top-table thead th, .top-follow-template #top-table-modal thead th {
    padding: 15px 0px;
    text-align: center; }
    .top-follow #top-table thead th:first-child, .top-follow #top-table-modal thead th:first-child, .top-follow-template #top-table thead th:first-child, .top-follow-template #top-table-modal thead th:first-child {
      padding-left: 30px; }
    .top-follow #top-table thead th a, .top-follow #top-table-modal thead th a, .top-follow-template #top-table thead th a, .top-follow-template #top-table-modal thead th a {
      color: #1db4bf; }
  .top-follow #top-table tbody tr, .top-follow #top-table-modal tbody tr, .top-follow-template #top-table tbody tr, .top-follow-template #top-table-modal tbody tr {
    border-bottom: lightgray thin solid; }
    .top-follow #top-table tbody tr:nth-child(1), .top-follow #top-table tbody tr:nth-child(2), .top-follow #top-table tbody tr:nth-child(3), .top-follow #top-table-modal tbody tr:nth-child(1), .top-follow #top-table-modal tbody tr:nth-child(2), .top-follow #top-table-modal tbody tr:nth-child(3), .top-follow-template #top-table tbody tr:nth-child(1), .top-follow-template #top-table tbody tr:nth-child(2), .top-follow-template #top-table tbody tr:nth-child(3), .top-follow-template #top-table-modal tbody tr:nth-child(1), .top-follow-template #top-table-modal tbody tr:nth-child(2), .top-follow-template #top-table-modal tbody tr:nth-child(3) {
      background: #c1e9e5; }
      .top-follow #top-table tbody tr:nth-child(1) td:first-child::after, .top-follow #top-table tbody tr:nth-child(2) td:first-child::after, .top-follow #top-table tbody tr:nth-child(3) td:first-child::after, .top-follow #top-table-modal tbody tr:nth-child(1) td:first-child::after, .top-follow #top-table-modal tbody tr:nth-child(2) td:first-child::after, .top-follow #top-table-modal tbody tr:nth-child(3) td:first-child::after, .top-follow-template #top-table tbody tr:nth-child(1) td:first-child::after, .top-follow-template #top-table tbody tr:nth-child(2) td:first-child::after, .top-follow-template #top-table tbody tr:nth-child(3) td:first-child::after, .top-follow-template #top-table-modal tbody tr:nth-child(1) td:first-child::after, .top-follow-template #top-table-modal tbody tr:nth-child(2) td:first-child::after, .top-follow-template #top-table-modal tbody tr:nth-child(3) td:first-child::after {
        content: "";
        background: url(/images/top-follow/star.png);
        width: 38px;
        height: 44px;
        position: absolute;
        top: 3px;
        left: 15.5px;
        z-index: 1; }
      .top-follow #top-table tbody tr:nth-child(1) td:first-child span, .top-follow #top-table tbody tr:nth-child(2) td:first-child span, .top-follow #top-table tbody tr:nth-child(3) td:first-child span, .top-follow #top-table-modal tbody tr:nth-child(1) td:first-child span, .top-follow #top-table-modal tbody tr:nth-child(2) td:first-child span, .top-follow #top-table-modal tbody tr:nth-child(3) td:first-child span, .top-follow-template #top-table tbody tr:nth-child(1) td:first-child span, .top-follow-template #top-table tbody tr:nth-child(2) td:first-child span, .top-follow-template #top-table tbody tr:nth-child(3) td:first-child span, .top-follow-template #top-table-modal tbody tr:nth-child(1) td:first-child span, .top-follow-template #top-table-modal tbody tr:nth-child(2) td:first-child span, .top-follow-template #top-table-modal tbody tr:nth-child(3) td:first-child span {
        z-index: 3;
        position: relative; }
    .top-follow #top-table tbody tr:hover, .top-follow #top-table-modal tbody tr:hover, .top-follow-template #top-table tbody tr:hover, .top-follow-template #top-table-modal tbody tr:hover {
      background: #e3e6eb !important; }
  .top-follow #top-table tbody td, .top-follow #top-table-modal tbody td, .top-follow-template #top-table tbody td, .top-follow-template #top-table-modal tbody td {
    text-transform: capitalize;
    padding: 15px 10px;
    padding-left: 0px; }
    .top-follow #top-table tbody td:first-child, .top-follow #top-table-modal tbody td:first-child, .top-follow-template #top-table tbody td:first-child, .top-follow-template #top-table-modal tbody td:first-child {
      padding-left: 30px;
      position: relative;
      width: 10%;
      line-height: 30px; }
    .top-follow #top-table tbody td:last-child, .top-follow #top-table-modal tbody td:last-child, .top-follow-template #top-table tbody td:last-child, .top-follow-template #top-table-modal tbody td:last-child {
      width: 20%;
      text-align: center; }
      .top-follow #top-table tbody td:last-child a, .top-follow #top-table-modal tbody td:last-child a, .top-follow-template #top-table tbody td:last-child a, .top-follow-template #top-table-modal tbody td:last-child a {
        border: #dd6e00 2px solid;
        padding: 7px 15px;
        border-radius: 15px;
        text-decoration: none !important;
        color: #dd6e00; }
        .top-follow #top-table tbody td:last-child a:hover, .top-follow #top-table-modal tbody td:last-child a:hover, .top-follow-template #top-table tbody td:last-child a:hover, .top-follow-template #top-table-modal tbody td:last-child a:hover {
          background: #dd6e00;
          color: #fff; }
    .top-follow #top-table tbody td:nth-child(3), .top-follow #top-table-modal tbody td:nth-child(3), .top-follow-template #top-table tbody td:nth-child(3), .top-follow-template #top-table-modal tbody td:nth-child(3) {
      width: 20%;
      text-align: center; }

.mdc-snackbar__action-button {
  color: #fff !important; }

.blink_me {
  animation: blinker 1s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0; } }
.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 10em; }

.video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none !important; }

.video-js .vjs-control {
  width: 3em; }

.video-js .vjs-menu-button-inline:before {
  width: 1.5em; }

.vjs-menu-button-inline .vjs-menu {
  left: 3em; }

.video-js.vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
  display: block; }

.video-js .vjs-load-progress div, .vjs-seeking .vjs-big-play-button, .vjs-waiting .vjs-big-play-button {
  display: none !important; }

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after {
  padding: 0 .4em .3em; }

.video-js.vjs-ended .vjs-loading-spinner {
  display: none; }

.video-js.vjs-ended .vjs-big-play-button {
  display: block !important; }

.video-js *, .video-js:after, .video-js:before {
  box-sizing: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit; }

.video-js.vjs-fullscreen, .video-js.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important; }

.video-js {
  font-size: 14px;
  overflow: hidden; }

.video-js .vjs-control {
  color: inherit; }

.video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 8.35em; }

.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
  height: 3em;
  width: 6.35em; }

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff,0 0 1em #fff,0 0 1em #fff; }

.video-js .vjs-spacer, .video-js .vjs-time-control {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.video-js .vjs-time-control {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto; }

.video-js .vjs-time-control.vjs-time-divider {
  width: 14px; }

.video-js .vjs-time-control.vjs-time-divider div {
  width: 100%;
  text-align: center; }

.video-js .vjs-time-control.vjs-current-time {
  margin-left: 1em; }

.video-js .vjs-time-control .vjs-current-time-display, .video-js .vjs-time-control .vjs-duration-display {
  width: 100%; }

.video-js .vjs-time-control .vjs-current-time-display {
  text-align: right; }

.video-js .vjs-time-control .vjs-duration-display {
  text-align: left; }

.video-js .vjs-play-progress:before, .video-js .vjs-progress-control .vjs-play-progress:before, .video-js .vjs-remaining-time, .video-js .vjs-volume-level:after, .video-js .vjs-volume-level:before, .video-js.vjs-live .vjs-time-control.vjs-current-time, .video-js.vjs-live .vjs-time-control.vjs-duration, .video-js.vjs-live .vjs-time-control.vjs-time-divider, .video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
  display: none; }

.video-js.vjs-no-flex .vjs-time-control {
  display: table-cell;
  width: 4em; }

.video-js .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: .5em;
  top: -.5em; }

.video-js .vjs-progress-control .vjs-load-progress, .video-js .vjs-progress-control .vjs-play-progress, .video-js .vjs-progress-control .vjs-progress-holder {
  height: 100%; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0; }

.video-js .vjs-control-bar {
  -webkit-transition: -webkit-transform .1s ease 0s;
  -moz-transition: -moz-transform .1s ease 0s;
  -ms-transition: -ms-transform .1s ease 0s;
  -o-transition: -o-transform .1s ease 0s;
  transition: transform .1s ease 0s; }

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar, .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(3em);
  -moz-transform: translateY(3em);
  -ms-transform: translateY(3em);
  -o-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  transition: transform 1s ease 0s; }

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control, .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: .25em;
  top: -.25em;
  pointer-events: none;
  -webkit-transition: height 1s,top 1s;
  -moz-transition: height 1s,top 1s;
  -ms-transition: height 1s,top 1s;
  -o-transition: height 1s,top 1s;
  transition: height 1s,top 1s; }

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control, .video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  -moz-transition: opacity 1s ease 1s;
  -ms-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s; }

.video-js.vjs-live .vjs-live-control {
  margin-left: 1em; }

.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  border: none;
  color: #fff;
  -webkit-transition: border-color .4s,outline .4s,background-color .4s;
  -moz-transition: border-color .4s,outline .4s,background-color .4s;
  -ms-transition: border-color .4s,outline .4s,background-color .4s;
  -o-transition: border-color .4s,outline .4s,background-color .4s;
  transition: border-color .4s,outline .4s,background-color .4s;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 3em;
  border-radius: 15%;
  height: 1.3em !important;
  line-height: 1.3em !important;
  margin-top: -0.65em !important; }

.video-js .vjs-menu-button-popup .vjs-menu {
  left: -3em; }

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: transparent;
  width: 12em;
  left: -1.5em;
  padding-bottom: .5em; }

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item, .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
  background-color: #151b17;
  margin: .3em 0;
  padding: .5em;
  border-radius: .3em; }

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: #2483d5; }

.video-js .vjs-big-play-button:active, .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
  background-color: #333; }

.video-js .vjs-loading-spinner {
  border-color: #333; }

.video-js .vjs-control-bar2 {
  background-color: #333; }

.video-js .vjs-control-bar {
  background-color: #333 !important;
  color: #fff;
  font-size: 12px; }

.video-js .vjs-play-progress, .video-js .vjs-volume-level {
  background-color: #fff; }

.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.3); }

.video-js .vjs-progress-control:hover {
  height: .7em;
  top: -.7em; }

#container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74.5px;
  height: 40px; }

.fade-transition {
  transition: all .3s ease; }

.fade-enter, .fade-leave {
  opacity: 0; }

.percentage {
  position: absolute;
  top: 60px;
  color: #c1c1c1;
  font-size: .24rem;
  width: 100%;
  text-align: center; }

#loading-z {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAYAAAA53+RiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjZFODE5MUY3MkRDMTFFOEJGRTNBMzI0QjM1M0JDMkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjZFODE5MjA3MkRDMTFFOEJGRTNBMzI0QjM1M0JDMkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNkU4MTkxRDcyREMxMUU4QkZFM0EzMjRCMzUzQkMyRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNkU4MTkxRTcyREMxMUU4QkZFM0EzMjRCMzUzQkMyRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkv2rF0AAAxWSURBVHja7J19jFxVFcDPm51pa7ul31JKqytiqUCbWG1qghLQGAzyhxDFjxATPxBI/Ef8U7TRPzRG/ceo8SNiNFETYjCCkgCJGENiCSBCFZAoFtzS1ZWW7dLubjvznue45+7cvXvOvffNvPl+JzmZ2dnZtzP3987nve++JMsyKKX/JBkEMH/atn0bPuxDvQz1ItQJ1O2oW1E3o9ZQx1HHzPey/jxznvf9F94/PQXVPgVxMT5cg3oF6+vaOfkcUDasrF9hVfsIxh58uAn1Q6gXtwEhz/sSAVA28mAQBrmhjzKQg0W76ZzvrThw0pEDg0AuwYfbUT+GuqZb8TTw+8xxfRULUDbUYBDIbnz4IupH+Iv3VSLksaS024CqXQJC2dOXUD/d5ZMhcZ63OrAVC1Bj4MEgEBqMT6B+A3VjH7gsO9gnQjrt+/vMAtTodAyqdhAK1Ro/Rr2qBxaSBAY5yZkkuPDGLEAdcW+VDkGhLOvJLkOJtZgkZ8Ym/a2JPbVOjWG1YCCr8eHbqJ/qxy5HxOtZC7Cr7NbqhYPBAS3iWHSQe1APwGBI0mLtkwnvNa7tXFGurSiLuRz1t222TkIyj/oI6lOoT6M+j/pv1FnUV1BPW2dtIrifSqA9E2tFPsur8mfI+gHM21HvQ93UARiP87EfQv3j/ump+YArdQcz86S+FQtWkTF7FVtO2kswV7KljBf45V5E/TnqTxDEsx2AnVqDZs7ySsASspx1UK1dOO2AOVgwlCOoX0G9C4F0q0+V8QCaOFENxJ4kR+whyznbKpxWwexFvb8gKATkDtR7EUgvO7sN1jHLivLUNxI0grPQSsxpBcwO9vsb2hyIV1EPoX4LgdShf8QAqnosKE+bx1hO1kkw9E/uRt3Z5pe/F/U2BHKsj9PpOgOqQXNmNAQnUdo4xnI6BuY70N68CWVVn0Ug3xuQWifjs73Kg6v12CqB1LpiWU7hYG5qs6KfRL0eoTwGgyd1DuJrnCxNSxIktzXGGtWdju3zTLC1tCpPkKUNKBQ7zZ7jR7cJmgiApNdXxdZNMWDoQHeintfiF3oY9WqE8hIMvmTsjhvCwCcKKLf5uaooMJ+kgW0DyjUIZQaGRwycFPzTDIkCaywmhITAbEH9Whv1yXUI5QwMp9hwMsV9SXCSGJcWAkPTwZtbDPTXDpmlSJYzZ41jCIhbjNZaBUMLJ25p4QNTSvhBhDIJwy82nFDrxo013kk2H5hDLXYGPo9QDsPoSIOLx8QZ08SjEEoENDC07uvDLVb034TRk7Nc6ySeFFqrIyt5wHwO8s1lk0mfQL21x43IXspchPtKnJikWo00+Fu5yo8FYkDcMSS1SjvxZsEDA5T4U5OsSwJDy1ZfkwMIyZ9RfwClLHjqG5/WYsDcnAOI+fkQdGmF4oDUN0lEvLFfXyUFH1veirpHAaK9RosjflPyWJJz0Jxws8fKN3WdgNPgdC3mxggottXQ41dhAK7S6qHV+OKNG2tUV3aDx20BrLwS6yjqL0sOYvqcKgFfA6SCeSPoV3K5VmIe74QeX+DT54lAkiMBGLN52GDeq7ivTLEYAvKzcvy9ViNBAQ+wmgTmHTmgkD6K+kI5/t5WTV2BosGpSmCu8ATxTND7yrGPtppQBwBcizGE6Dr6XQELcQHdX457VOosrZzRugFj/DwzFrPPA0WyGlrI/WQ57lFg3HkYX/d5yVjMmy7zQHFdGAX9x6Hg60GGPNbETKQZHmM2mDfkgJKV1pJL6o61+LKzJYupOmBioNDjs+V457IY6eppdwVnZsWZJYvZ4YknLhzSF8vxzg3GdVmaS1sGZksEEBvMZDnebVlMKM4subKNoDcrU+HxRDne0ZKCvFIGBDe29Lxq+7UIF2Z0rhzvaDEr/n1TJytqGgNm3APFBmOuHXm1HO9cFmO7MOmSDdtqlrkyrf2SCvElheY1hsukoMvSh1GSkOty32uC/6lIN2YsZrwc62ipeLIyUFo2S2+oB2KKAWKery3HO5e1uPsNSMCWdQfMm2Yig74BtK4c72gZg/AkWeJmbgbMtCe+uFDIuraV4x0tVU/7RZqrWQbmJSXIS1Dq3CkoJU5qgtvSZjQTk8UZmv9UKnw3vhidKMc7WqIv77Pi/RKYo54szDyvW3pROd7RsjoSjHFjdduVPSNAMaAagl4C/mvfS2kO9lrQV8pIseecDeaIB4jkzshv7i7HPShroLksqQIr52Sk2HPWzcqOWy0EzZ2ZBICeHyzHPSjjELfA3LxuduNYVoEeVoK/2yszPx8oxz0o65XiMlGKywUQWgOPeFJlG5L5mWY9LyjH3puNrfO4LMli5iUwDzgps5Y+m0KUDvSecvxV2aQEeR+k0xKYf6D+C/ztf1evhmK3Lhwm2ZyzFVMHq2PvrvZ/ULAWacGf/c/fVTJYIRuguSFQzGUY9Pop+wUXzN2w8hYdNhxpI4H3lxxWyPaI1kvFSQhmfWBoofikYh12bLHlQmguSC9l0VrWKVYBQuoM7MLmfWBIfmVB0A7kBrEbof9uO9KrSn+nUERqRaX5m5PugaTB/Cksv7ZDguSCorT5upLL/6dD1iontHZpOYWNV2LA0O7fv4fwPbtcONdDc33aKAq1qXYJFhK6YnkGhCu+NffzXVh5a6jQfsS0N8CtIwyGOu7SpBh4xpGe/1c6mAbmKe4EgJIyu+7NPN/DljNqssOqW0Bpu0ivzYCyu6wvYH8dwpsqZEKmdi0sTguMUj9swmMR4Hl9SjuoD8xfUH8H8j0i3eLT/pmOefOIxJvV7CUS8M/jS3ICPHsxh1Jc2mv/jAeCtjiQzqLPQHhPmkEWiieXwvIZypg9Mk0mdtx38BCY/8Difca0xeWu2vHntZwMrBpCKDT5dTk02/o+S5FePwaBK/JiisIfoT7ngeJbi0Y3+rkFuncT0m5Zyl6u8GN6YO7jrJaJ5QVDA/wFaG4GnUZYja2vZ8vZMARQyG29BZotfV8HQHJnND5ReyPEtlFoedP3I4FIr53PlrNzgKHQhuAHQN8YPMZ6XoDImy/k6W/RZj4Pe6D4rCbjL0Q3K33bAELZyVDWBOoUXyuG1lW8HPsP8zYeaQusowqcNJC5maD5PljcCHX9ALmuS52xqgSyLvd3ZyDn9i55wZAZfpmbbqnQGXBfcwGZD7ub485B6M+udMJ9r3dydplA3J4wUnyhlv7fIOcuVa0MyhTXN3Mel+a2cBLBeiiNfjfqx1Hf1EdQKB7S/NI+/owVpVAMFZWmXqHFlGdznxlZlrV6JRiZ9+3QvOewWXNmrz1rCOAagkU1uGY6zGdX1gML2cEnyHqIX/MAQv1mtM7dk9m8H2b/9FRbYIDz+ds4dqTQvMVgHeQlUJnVf0sVd3eKv9Az0Pmro9ezy9rFXQrJLdvuWfIGEiwDpaV7GxQBBrhhSXBqjqU0Atmbb9GHqYqPc7Ixyc/b3amWrHsrx43zuR5xz/jU0xPULMaGRCfnEXAWV/QCDPAZR3XKOMjLalNPW0calFRIJs5xfJtmSyIXQVdPz/Pv6lZlXoPmgrt1nKpvYh3z/A8JSOqB4Cp9FpoyOd3OYBYJhoQ2caB7mF2guK9MqXM0V6G1ezJP5udrsPqOFcomNWuxP/8MW8pCuwO5BKYoQcB0pn6Ac/+GJ+CDE2tAGRBp8HxTDr73hP6X76ptCFjXsVZSYh+YomsIcim/QL2rlRRRSUtD73NX7mi/i6k9Yqp4+3Vyn3/lRKXQ3XSr0Bl5jPtrN3CHWdu/GcB/99VEqIW0HpW0kYGZuEuV41Qsy5E2RnBXCtk/v8yZV0e2b+lk1U0f/Ieov1b8rrY8ytedDf3OfKeYncGTQG+rorzfWMmj0ME9darQeSHreRr1Kli8d0DIPcVYD4B+K90s4PYyxRKTgOWYfdqea8NN9xUY08Sj7YBp5c2V3DWAgJtKFHckrZ+WBhkE9+nC1dyc+/fHGEjXNjfqFhjbvdES3D9wA3MvyFtGJRFxxQcUAvHCF+sSK5MkC/k79GC3qaLT5bx/spbhUMNws1K8STUGRKTSWvc7VNVTxf48Q1mAHgily1XorZxh90ZKVN8Mizd+2OgE81QJ8qknTmhWJVnQLLd9CMbJfmhxV6F/ZIr1IW6dTHDH90JobnTnAwURQMzfzlntneOtdIBHCYwtJ1mfsFweNR+3cN/rPO4Gr2YF7o+ZdnuD+1bz3LeaZTXHnYc+l0JjTCnFyf8EGABfRTWu7ayX/wAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: 50px;
  position: absolute;
  animation: rotate 1s linear infinite;
  width: 50px;
  height: 50px; }

.mo-sprite, .mo-boy, .mo-girl, .mo-mo, .mo-wheel1, .mo-wheel2 {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-size: 75px;
  position: absolute; }

.mo-boy {
  background-position: 0 0;
  height: 68px;
  width: 32px;
  top: -34px;
  left: 28px;
  z-index: 4; }

.mo-girl {
  background-position: 0 -69px;
  height: 70px;
  width: 30px;
  top: -37px;
  left: 7px;
  z-index: 5; }

.mo-mo {
  background-position: 0 -138.5px;
  height: 40px;
  width: 75px;
  z-index: 3; }

.mo-wheel1, .mo-wheel2 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAolBMVEUAAABXV1dYWFdzcnJeXl5YT0jMioKzs7NXV1ZVVFRVWFuxs7W4uLjKysrBwcGYmJjHx8e1tbWztLZURz5hT05lZWWIiYpYV1ZWWlyysrKqqqpTUlFcVVNvVVd1foSmpqaysrLlz79cW1tWRjrWw7dTU1LPkJWurq7o1MTnxqyOlZmgn55xfIRYWFi3t7bAwMDIx8fPz89nZWWwsLClpaWJg357zrwbAAAALXRSTlMA7N3T8D8Fzslzozbx6dHDqKheLgrjxbCF7L6RIBLQzJR1YkojtxF7RRr88bQnG7tbAAACKElEQVQ4y51U23biMAx0HEgCuRBCCfeWQrl0d5Gcbfv/v1bFsp3QQHtO5wmRsaSRxxK/xUN/PoykjA6r3fo7Xn94aSEabO7xossXePOHW3UpXxey3yFO5OU25l8re823qe/7vSYcBlcZLbFXhqiRLH1HbRHXnuGNElSVhlIYWu6gYR74H38BqNL8mZBnCgFGhupk7Th+TACSQhi85gDwxP3KwMzH44xASF6ExRhq6lX9ASteQI3QKi2AYBvw+AZ4kk+ACIQTE4/1QUQElrXTozS1keRyfVub5qBM/YMgrGzKc15pwTPvIv+9EbFKzznCVH+vy0d6kgnk1Fuq8IM1/H9TVX4UMcLIDcoKL+ru8ncKmJqeBSGB0Kpf6x8jgFjU4AE6ESKEREcrunLLJCUcGcysMn14aKUvAV4FYd+yvGVOzbkJM3/M6fpE7jNofDowfaLtM2B3oNYebP847aE+uoCMz7l5IoyFiOkK7TzfAbaBeAFc8jzdHYVUfgsE/EtHPZ/tEo8BfXdHfS6vEDRRxSKgd54jcMzFDy0vZcjEZ2Pk1MTOS40/9SfMnD9RE5dtf254MqWuH7c9jyrrOeWclKmVwoVjHreAlSFKu3SCyDy5lLjZ9lQUxYlEqyo0ful333tYv3MNpaq0bBZOd4dMl2nFyEq3Q+7tpeljOSr97l76eddZosNmdovn7cUN7LtpV/f29/4qr5yvxX1s9vNZJKWMhoOJ+C0+AdXqoY5UD8svAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute; }

.mo-wheel1 {
  height: 21px;
  width: 21px;
  top: 26px;
  left: 54px;
  z-index: -2;
  animation: rotate 1s linear infinite; }

.mo-wheel2 {
  height: 21px;
  width: 21px;
  top: 26px;
  left: 0px;
  z-index: -2;
  animation: rotate 1s linear infinite; }

.motor_shadow {
  display: block;
  height: 8px;
  width: 80px;
  position: absolute;
  bottom: -12px;
  left: -2px;
  background: #000000;
  border-radius: 80px/8px;
  opacity: .3;
  z-index: 1;
  animation: a_motor_hook 1s 0s linear infinite alternate; }

.smoke {
  display: block;
  height: 8px;
  width: 8px;
  background: #9A9A9A;
  border-radius: 8px;
  position: absolute;
  left: -10px;
  top: 34px;
  opacity: 0; }

.smoke_1 {
  animation: a_smoke 1s 0.1s linear infinite; }

.smoke_2 {
  animation: a_smoke 1s 0.5s linear infinite; }

@-webkit-keyframes a_motor_hook {
  0% {
    -webkit-transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.1, 1); }
  100% {
    -webkit-transform: scale(1, 1); } }
@-webkit-keyframes a_motor_wrap {
  0% {
    -webkit-transform: rotate(-35deg);
    opacity: 0; }
  5% {
    -webkit-transform: rotate(-35deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(0deg);
    opacity: 1; } }
@-webkit-keyframes a_motor_handle {
  0% {
    -webkit-transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(1px, 1px); }
  50% {
    -webkit-transform: translate(-2px, -4px); }
  75% {
    -webkit-transform: translate(1px, 0px); }
  100% {
    -webkit-transform: translate(0, 0); } }
@-webkit-keyframes a_wheel_front {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1); }
  25% {
    -webkit-transform: translate(1px, 1px) scale(1.07, 0.98); }
  50% {
    -webkit-transform: translate(-1px, -1px) scale(0.96, 1.06); }
  75% {
    -webkit-transform: translate(1px, 0px) scale(1.05, 0.99); }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1); } }
@-webkit-keyframes a_smoke {
  0% {
    -webkit-transform: scale(0.5) translate(0, 0);
    opacity: 0; }
  25% {
    -webkit-transform: translate(-6px, 0px);
    opacity: 1; }
  50% {
    -webkit-transform: translate(-12px, -4px);
    opacity: 1; }
  75% {
    -webkit-transform: translate(-18px, -12px);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1) translate(-22px, -16px);
    opacity: 0; } }
@-webkit-keyframes a_motor_body {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1); }
  25% {
    -webkit-transform: translate(1px, 1px) scale(1.02, 0.99); }
  50% {
    -webkit-transform: translate(-1px, -3px) scale(0.97, 1.03); }
  75% {
    -webkit-transform: translate(1px, 0px) scale(1.01, 1); }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1); } }
@-webkit-keyframes a_motor_penguin {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1); }
  25% {
    -webkit-transform: translate(1px, 1px) scale(1.05, 0.98); }
  50% {
    -webkit-transform: translate(-1px, -4px) scale(0.96, 1.07); }
  75% {
    -webkit-transform: translate(1px, 0px) scale(1.03, 0.99); }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1); } }
@-webkit-keyframes a_motor_man {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1); }
  25% {
    -webkit-transform: translate(0px, 1px) scale(1.02, 0.99); }
  50% {
    -webkit-transform: translate(0px, -2px) scale(0.97, 1.03); }
  75% {
    -webkit-transform: translate(0px, 0px) scale(1.01, 1); }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1); } }
@-webkit-keyframes a_motor_man_head {
  0% {
    -webkit-transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(8deg); }
  50% {
    -webkit-transform: rotate(-6deg); }
  75% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-webkit-keyframes upload {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1); }
  25% {
    -webkit-transform: translate(0px, 2px) scale(1.02, 0.99); }
  50% {
    -webkit-transform: translate(0px, -2px) scale(0.97, 1.03); }
  75% {
    -webkit-transform: translate(0px, 0px) scale(1.01, 1); }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1); } }
/*@-webkit-keyframes done{
    0%{ -webkit-transform:translate(0,0) scale(1,1);}
    25%{ -webkit-transform:translate(0px,2px) scale(1.02,0.99);}
    50%{ -webkit-transform:translate(0px,-2px) scale(0.97,1.03);}
    75%{ -webkit-transform:translate(0px,0px) scale(1.01,1);}
    100%{ -webkit-transform:translate(0,0) scale(1,1);}
}*/
.load-more {
  display: none; }

#search-first-modal .mdc-dialog__surface {
  max-width: 300px; }
  #search-first-modal .mdc-dialog__surface .mdc-dialog__body {
    line-height: 2;
    padding-bottom: 0px; }
    #search-first-modal .mdc-dialog__surface .mdc-dialog__body a {
      color: #0a61d5;
      text-decoration: none; }
  #search-first-modal .mdc-dialog__surface .mdc-dialog__footer__button--accept {
    background: #CD1417;
    color: #fff; }

#search-follow-modal table tr {
  height: 35px;
  font-size: 14px; }

.button-load {
  margin: 20px auto;
  display: block; }

.loading {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffffff8f;
  align-items: center;
  /* &:before {
      content: '';
      width: 100%;
      height: 100%;
      position: fixed;
      background: black;
      opacity: 0.3;
  } */ }

.follow_loading {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffffff8f;
  align-items: center; }

@-webkit-keyframes MoveUpDown {
  from {
    bottom: 63px; }
  to {
    bottom: 400px; } }
.progress-upload {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 10px;
  top: -100px;
  border-radius: 100%;
  cursor: pointer;
  text-align: center;
  line-height: 50px;
  box-sizing: border-box;
  background: initial;
  display: none;
  /* color: #fff; */ }
  .progress-upload i {
    color: #ffffff;
    font-size: 15px;
    margin-top: 7px;
    font-weight: bold;
    animation: upload 0.5s cubic-bezier(0.4, 0, 1, 1) infinite; }
  .progress-upload:before {
    content: '';
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-size: 50px;
    position: absolute;
    animation: rotate 1s linear infinite;
    width: 50px;
    height: 50px;
    top: -3px;
    left: 0px; }

.progress-upload-done {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 10px;
  top: -100px;
  border-radius: 100%;
  cursor: pointer;
  text-align: center;
  line-height: 60px;
  background: #fff;
  display: none; }
  .progress-upload-done i {
    color: #008800;
    font-size: 20px;
    font-weight: bold;
    transition: ease-in 0.5s; }

#dialog-webspace-secure .mdc-dialog__surface {
  max-width: 300px; }
  #dialog-webspace-secure .mdc-dialog__surface .mdc-dialog__header {
    padding-bottom: 10px;
    padding-top: 10px;
    color: #ff6c00; }
  #dialog-webspace-secure .mdc-dialog__surface #policy-dialog-description-webspace {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    margin-top: 0;
    font-size: 13px;
    display: flex; }
    #dialog-webspace-secure .mdc-dialog__surface #policy-dialog-description-webspace a {
      color: #c52127; }
    #dialog-webspace-secure .mdc-dialog__surface #policy-dialog-description-webspace .text {
      margin-left: 10px; }

.header_manager .mdc-toolbar__section--align-start {
  flex: none; }
.header_manager .quang-cao-top-manager-file {
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  flex: 1;
  z-index: 1; }
  .header_manager .quang-cao-top-manager-file a img {
    max-width: 101%;
    display: block !important;
    margin: auto; }

@media only screen and (width: 1280px) {
  .mw340px {
    max-width: 275px !important; } }
@media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
  .header_manager .quang-cao-top-manager-file {
    display: none; } }
@media only screen and (width: 540px) {
  .mw340px {
    max-width: 108px !important; } }
@media only screen and (width: 280px) {
  .mw340px {
    max-width: 110px !important; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header_manager .quang-cao-top-manager-file {
    flex: 1;
    margin-right: 20px; }
    .header_manager .quang-cao-top-manager-file a img {
      max-width: 100%; }

  .mdc-detail-list fshare-file .mdc-detail-row .mdc-detail-cell:nth-child(1) .detail-name {
    width: 240px !important; }

  .mw340px {
    max-width: 120px !important; } }
@media screen and (min-width: 841px) {
  .header_manager .quang-cao-top-manager-file {
    display: inline-flex; } }
.limit-text-oneline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; }

.mw340px {
  max-width: 340px; }

#previewer_cpn {
  position: fixed;
  width: 90vw;
  height: 90vh;
  bottom: 5vh;
  right: 5vw;
  z-index: 1000; }
  #previewer_cpn::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #333;
    opacity: 0.9; }
  #previewer_cpn .preview_toolbar {
    height: 32px;
    width: calc(100% - 2px);
    background: #333;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    position: relative;
    border-top: 1px solid #616161;
    border-left: 1px solid #616161;
    border-right: 1px solid #616161; }
    #previewer_cpn .preview_toolbar .preview_toolbar--button {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0px 10px;
      cursor: pointer;
      color: #fff; }
      #previewer_cpn .preview_toolbar .preview_toolbar--button:hover {
        background: lightgray;
        color: #333; }
  #previewer_cpn .previewer_content {
    top: 0%;
    left: 0%;
    height: calc(100% - 34px);
    width: calc(100% - 2px);
    position: relative;
    background: #616161;
    border-left: 1px solid #616161;
    border-right: 1px solid #616161;
    border-bottom: 1px solid #616161;
    opacity: 1;
    transition: all 0.75s ease-in-out; }
    #previewer_cpn .previewer_content.hidden {
      opacity: 0; }
    #previewer_cpn .previewer_content #previewer_iframe {
      height: calc(100% + 1px);
      width: calc(100% - 1px); }
    #previewer_cpn .previewer_content #previewer_div {
      height: calc(100% + 1px);
      width: calc(100% - 1px); }
    #previewer_cpn .previewer_content .preview_box_load {
      height: calc(100% + 1px);
      width: calc(100% - 1px);
      background: #616161;
      display: flex;
      flex-direction: column; }
      #previewer_cpn .previewer_content .preview_box_load:before {
        content: "";
        flex: 1; }
      #previewer_cpn .previewer_content .preview_box_load:after {
        content: "";
        flex: 2; }
      #previewer_cpn .previewer_content .preview_box_load .pre-loading-msg-cnt {
        width: calc(100% - 1px);
        color: white;
        display: block;
        text-align: center; }
        #previewer_cpn .previewer_content .preview_box_load .pre-loading-msg-cnt a {
          line-height: 36px;
          vertical-align: middle; }
        #previewer_cpn .previewer_content .preview_box_load .pre-loading-msg-cnt .div-load {
          display: inline-block;
          padding-top: 16px; }
          #previewer_cpn .previewer_content .preview_box_load .pre-loading-msg-cnt .div-load .loading-progress {
            width: unset !important;
            text-align: center;
            line-height: 50px;
            height: 50px;
            padding-top: 16px;
            margin-top: 16px;
            display: inline-block;
            position: relative; }
            #previewer_cpn .previewer_content .preview_box_load .pre-loading-msg-cnt .div-load .loading-progress #loading-z {
              position: unset !important; }
    #previewer_cpn .previewer_content .preview_box_load_no_cnt {
      height: calc(100% + 1px);
      width: calc(100% - 1px);
      background: #616161;
      display: flex;
      flex-direction: column; }
      #previewer_cpn .previewer_content .preview_box_load_no_cnt:before {
        content: "";
        flex: 1; }
      #previewer_cpn .previewer_content .preview_box_load_no_cnt:after {
        content: "";
        flex: 1; }
      #previewer_cpn .previewer_content .preview_box_load_no_cnt .pre-loading-no-cnt {
        width: calc(100% - 1px);
        color: white;
        display: block;
        text-align: center; }
        #previewer_cpn .previewer_content .preview_box_load_no_cnt .pre-loading-no-cnt .loading-progress {
          width: unset !important;
          text-align: center;
          line-height: 50px;
          height: 50px;
          padding-top: 16px;
          display: inline-block; }
          #previewer_cpn .previewer_content .preview_box_load_no_cnt .pre-loading-no-cnt .loading-progress #loading-z {
            position: unset !important; }
    #previewer_cpn .previewer_content .previewer-message {
      height: calc(100% + 1px);
      width: calc(100% - 1px);
      background: #616161;
      display: flex;
      flex-direction: column; }
      #previewer_cpn .previewer_content .previewer-message:before {
        content: "";
        flex: 1; }
      #previewer_cpn .previewer_content .previewer-message:after {
        content: "";
        flex: 2; }
      #previewer_cpn .previewer_content .previewer-message .pre-msg-cnt {
        width: calc(100% - 1px);
        color: white;
        display: block;
        text-align: center; }
        #previewer_cpn .previewer_content .previewer-message .pre-msg-cnt #pre_msg_download {
          line-height: 36px;
          vertical-align: middle; }

.preview_doc_loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  background-color: rgba(51, 51, 51, 0.6); }

.dialog-multi-download {
  align-items: flex-end;
  justify-content: center;
  z-index: 100000; }
  .dialog-multi-download.mdc-dialog--open .mdc-dialog__surface {
    transform: translateY(0) scale(1);
    transition: all .5s;
    bottom: 0 !important; }
  .dialog-multi-download .mdc-dialog__surface {
    transform: translateY(0) scale(1);
    max-width: 100%;
    width: 100%;
    transition: all .5s;
    bottom: -100%;
    position: absolute;
    height: 400px; }
    .dialog-multi-download .mdc-dialog__surface .mdc-dialog__header {
      border-bottom: 1px solid #ccc;
      padding: 0 15px; }
      .dialog-multi-download .mdc-dialog__surface .mdc-dialog__header .modal-title {
        flex: 1;
        margin: 0;
        display: flex;
        align-items: center;
        padding: 10px 0px; }
        .dialog-multi-download .mdc-dialog__surface .mdc-dialog__header .modal-title .icon_dw {
          margin-right: 10px; }
      .dialog-multi-download .mdc-dialog__surface .mdc-dialog__header .mdc-button-close-download {
        border: 0;
        position: absolute;
        background: #fff;
        top: -29px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 0;
        left: 6px; }
        .dialog-multi-download .mdc-dialog__surface .mdc-dialog__header .mdc-button-close-download i {
          cursor: pointer;
          padding: 2px 15px; }
    .dialog-multi-download .mdc-dialog__surface .container-download-multi {
      background-color: #ccc;
      padding: 0;
      margin-top: 0;
      height: calc(400px - 45px);
      overflow: auto; }
      .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection {
        padding-left: 0;
        margin: 0;
        width: 100%;
        border-spacing: 0px; }
        .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item {
          list-style: none;
          background: #fff;
          align-items: center;
          padding: 10px 30px;
          display: flex;
          color: #000;
          font-size: 14px; }
          .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(1) {
            width: 25%; }
          .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(2) {
            width: 20%; }
          .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(3) {
            display: flex;
            flex: 1; }
          .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(4) {
            width: 10%; }
          .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item .info-download {
            display: inline-flex;
            width: 100%; }
            .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item .info-download .item {
              flex: 1;
              text-align: center; }
          .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload {
            display: flex;
            align-items: center;
            flex: 1; }
            .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload .progress {
              flex: 1; }
            .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload .mdc-linear-progress__primary-bar {
              width: 0; }
            .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload .percent {
              margin-right: 20px; }
          .dialog-multi-download .mdc-dialog__surface .container-download-multi .collection .collection-item .file-action {
            display: flex;
            align-items: center;
            justify-content: center; }
  .dialog-multi-download .progress--circle {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    background-color: #ddd; }
    .dialog-multi-download .progress--circle:before {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background-color: white; }
    .dialog-multi-download .progress--circle:after {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #CD1417; }
  .dialog-multi-download .progress__number {
    position: absolute;
    top: 65%;
    width: 100%;
    line-height: 1;
    margin-top: -0.75rem;
    text-align: center;
    font-size: 1rem;
    color: #777; }
  .dialog-multi-download .progress--bar.progress--0:after {
    width: 0%; }
  .dialog-multi-download .progress--circle.progress--0:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--5:after {
    width: 5%; }
  .dialog-multi-download .progress--circle.progress--5:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--10:after {
    width: 10%; }
  .dialog-multi-download .progress--circle.progress--10:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--15:after {
    width: 15%; }
  .dialog-multi-download .progress--circle.progress--15:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--20:after {
    width: 20%; }
  .dialog-multi-download .progress--circle.progress--20:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--25:after {
    width: 25%; }
  .dialog-multi-download .progress--circle.progress--25:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--30:after {
    width: 30%; }
  .dialog-multi-download .progress--circle.progress--30:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--35:after {
    width: 35%; }
  .dialog-multi-download .progress--circle.progress--35:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--40:after {
    width: 40%; }
  .dialog-multi-download .progress--circle.progress--40:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--45:after {
    width: 45%; }
  .dialog-multi-download .progress--circle.progress--45:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--50:after {
    width: 50%; }
  .dialog-multi-download .progress--circle.progress--50:after {
    background-image: linear-gradient(-90deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--55:after {
    width: 55%; }
  .dialog-multi-download .progress--circle.progress--55:after {
    background-image: linear-gradient(-72deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--60:after {
    width: 60%; }
  .dialog-multi-download .progress--circle.progress--60:after {
    background-image: linear-gradient(-54deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--65:after {
    width: 65%; }
  .dialog-multi-download .progress--circle.progress--65:after {
    background-image: linear-gradient(-36deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--70:after {
    width: 70%; }
  .dialog-multi-download .progress--circle.progress--70:after {
    background-image: linear-gradient(-18deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--75:after {
    width: 75%; }
  .dialog-multi-download .progress--circle.progress--75:after {
    background-image: linear-gradient(0deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--80:after {
    width: 80%; }
  .dialog-multi-download .progress--circle.progress--80:after {
    background-image: linear-gradient(18deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--85:after {
    width: 85%; }
  .dialog-multi-download .progress--circle.progress--85:after {
    background-image: linear-gradient(36deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--90:after {
    width: 90%; }
  .dialog-multi-download .progress--circle.progress--90:after {
    background-image: linear-gradient(54deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--95:after {
    width: 95%; }
  .dialog-multi-download .progress--circle.progress--95:after {
    background-image: linear-gradient(72deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download .progress--bar.progress--100:after {
    width: 100%; }
  .dialog-multi-download .progress--circle.progress--100:after {
    background-image: linear-gradient(90deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }

.dialog-multi-download_1 {
  align-items: flex-end;
  justify-content: center;
  z-index: 599; }
  .dialog-multi-download_1.mdc-dialog {
    bottom: 0;
    top: auto !important;
    max-height: 400px; }
  .dialog-multi-download_1.mdc-dialog--open .mdc-dialog__surface {
    transform: translateY(0) scale(1);
    transition: all .5s;
    bottom: 0px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .dialog-multi-download_1 .mdc-dialog__surface {
    transform: translateY(0) scale(1);
    max-width: 100%;
    width: 100%;
    transition: all .5s;
    bottom: -100%;
    position: absolute;
    height: 400px;
    left: 0;
    right: 0; }
    .dialog-multi-download_1 .mdc-dialog__surface .mdc-dialog__header {
      border-bottom: 1px solid #ccc;
      padding: 0 30px;
      background-color: #20252b; }
      .dialog-multi-download_1 .mdc-dialog__surface .mdc-dialog__header .modal-title {
        flex: 1;
        margin: 0;
        display: flex;
        align-items: center;
        padding: 10px 0px;
        color: #fff; }
        .dialog-multi-download_1 .mdc-dialog__surface .mdc-dialog__header .modal-title .icon_dw {
          margin-right: 10px; }
      .dialog-multi-download_1 .mdc-dialog__surface .mdc-dialog__header .action_button .mdc-button-close-download {
        border: 0;
        padding: 0;
        background: transparent;
        color: #fff; }
        .dialog-multi-download_1 .mdc-dialog__surface .mdc-dialog__header .action_button .mdc-button-close-download i {
          cursor: pointer;
          padding: 2px 15px; }
    .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi {
      background-color: #ccc;
      padding: 0;
      margin-top: 0;
      max-height: calc(400px - 45px);
      overflow: auto; }
      .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection {
        padding-left: 0;
        margin: 0;
        width: 100%;
        border-spacing: 0px; }
        .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item {
          list-style: none;
          background: #fff;
          align-items: center;
          padding: 10px 30px;
          display: flex;
          color: #000;
          font-size: 14px; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(1) {
            width: 25%; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(2) {
            width: 20%; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(3) {
            display: flex;
            flex: 1; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item td:nth-child(4) {
            width: 10%; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .file-name {
            position: relative;
            display: flex; }
            .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .file-name .stt {
              position: absolute; }
            .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .file-name .name_text {
              padding-left: 20px; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .info-download {
            display: inline-flex;
            width: 100%; }
            .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .info-download .item {
              flex: 1;
              text-align: center; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload {
            display: flex;
            align-items: center;
            flex: 1; }
            .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload .progress {
              flex: 1; }
            .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload .mdc-linear-progress__primary-bar {
              width: 0; }
            .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .progress-dowload .percent {
              margin-right: 20px; }
          .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .collection .collection-item .file-action {
            display: flex;
            align-items: center;
            justify-content: center; }
      .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .mdc-linear-progress__bar-inner {
        background-color: #1876d2 !important; }
      .dialog-multi-download_1 .mdc-dialog__surface .container-download-multi .mdc-linear-progress__buffer {
        background-color: #b3b3b3 !important; }
  .dialog-multi-download_1 .progress--circle {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    background-color: #ddd; }
    .dialog-multi-download_1 .progress--circle:before {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background-color: white; }
    .dialog-multi-download_1 .progress--circle:after {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #CD1417; }
  .dialog-multi-download_1 .progress__number {
    position: absolute;
    top: 65%;
    width: 100%;
    line-height: 1;
    margin-top: -0.75rem;
    text-align: center;
    font-size: 1rem;
    color: #777; }
  .dialog-multi-download_1 .progress--bar.progress--0:after {
    width: 0%; }
  .dialog-multi-download_1 .progress--circle.progress--0:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--5:after {
    width: 5%; }
  .dialog-multi-download_1 .progress--circle.progress--5:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--10:after {
    width: 10%; }
  .dialog-multi-download_1 .progress--circle.progress--10:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--15:after {
    width: 15%; }
  .dialog-multi-download_1 .progress--circle.progress--15:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--20:after {
    width: 20%; }
  .dialog-multi-download_1 .progress--circle.progress--20:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--25:after {
    width: 25%; }
  .dialog-multi-download_1 .progress--circle.progress--25:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--30:after {
    width: 30%; }
  .dialog-multi-download_1 .progress--circle.progress--30:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--35:after {
    width: 35%; }
  .dialog-multi-download_1 .progress--circle.progress--35:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--40:after {
    width: 40%; }
  .dialog-multi-download_1 .progress--circle.progress--40:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--45:after {
    width: 45%; }
  .dialog-multi-download_1 .progress--circle.progress--45:after {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--50:after {
    width: 50%; }
  .dialog-multi-download_1 .progress--circle.progress--50:after {
    background-image: linear-gradient(-90deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--55:after {
    width: 55%; }
  .dialog-multi-download_1 .progress--circle.progress--55:after {
    background-image: linear-gradient(-72deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--60:after {
    width: 60%; }
  .dialog-multi-download_1 .progress--circle.progress--60:after {
    background-image: linear-gradient(-54deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--65:after {
    width: 65%; }
  .dialog-multi-download_1 .progress--circle.progress--65:after {
    background-image: linear-gradient(-36deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--70:after {
    width: 70%; }
  .dialog-multi-download_1 .progress--circle.progress--70:after {
    background-image: linear-gradient(-18deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--75:after {
    width: 75%; }
  .dialog-multi-download_1 .progress--circle.progress--75:after {
    background-image: linear-gradient(0deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--80:after {
    width: 80%; }
  .dialog-multi-download_1 .progress--circle.progress--80:after {
    background-image: linear-gradient(18deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--85:after {
    width: 85%; }
  .dialog-multi-download_1 .progress--circle.progress--85:after {
    background-image: linear-gradient(36deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--90:after {
    width: 90%; }
  .dialog-multi-download_1 .progress--circle.progress--90:after {
    background-image: linear-gradient(54deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--95:after {
    width: 95%; }
  .dialog-multi-download_1 .progress--circle.progress--95:after {
    background-image: linear-gradient(72deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }
  .dialog-multi-download_1 .progress--bar.progress--100:after {
    width: 100%; }
  .dialog-multi-download_1 .progress--circle.progress--100:after {
    background-image: linear-gradient(90deg, #CD1417 50%, transparent 50%, transparent), linear-gradient(270deg, #CD1417 50%, #ddd 50%, #ddd); }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
               supported by Chrome, Opera and Firefox */ }

#upload_waiting_dialog {
  z-index: 400; }
  @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
    #upload_waiting_dialog .mdc-dialog__container {
      margin-left: 16px;
      margin-right: 16px; } }
  @media screen and (min-width: 481px) and (max-width: 840px) {
    #upload_waiting_dialog .mdc-dialog__container {
      margin-left: 20px;
      margin-right: 20px; } }
  #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface {
    border-radius: 5px !important;
    width: 100% !important;
    border: 1px solid #afafaf; }
    #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header {
      background-color: #757575;
      color: white;
      border-radius: 4px;
      padding: 12px;
      display: flex; }
      @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header {
          flex-direction: column;
          text-align: center; } }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-title {
        flex: auto;
        line-height: 35px;
        vertical-align: middle;
        font-size: 1.1rem;
        font-weight: bold; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-title i {
          margin-right: 8px;
          vertical-align: middle; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-action {
        text-align: right; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-action .mdc-button:last-child {
          margin-left: 8px; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-action .mdc-button--outlined {
          color: white !important;
          border: 1px solid white;
          border-radius: 2px !important; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-action .mdc-button__icon {
          margin-right: unset !important; }
        @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
          #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-action {
            display: flex; }
            #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-dialog-header .upw-action .mdc-button {
              flex-grow: 1; } }
    #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header {
      background-color: #757575;
      color: white;
      border-radius: 4px;
      padding: 12px; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .warning_content {
        line-height: 1.5; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .border {
        color: white;
        border: 1px solid;
        margin-right: 10px; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .policy a {
        color: #14cdc2; }
      @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header {
          flex-direction: column;
          text-align: center; } }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-title {
        display: inline-flex; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-title .warning {
          width: 10%;
          padding: 4px 0px; }
          #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-title .warning img {
            width: 50%; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-action {
        text-align: right; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-action .mdc-button:last-child {
          margin-left: 8px; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-action .mdc-button--outlined {
          color: white !important;
          border: 1px solid white;
          border-radius: 2px !important; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-action .mdc-button__icon {
          margin-right: unset !important; }
        @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
          #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-action {
            display: flex; }
            #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-warning-dialog-header .upw-action .mdc-button {
              flex-grow: 1; } }
    #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content {
      max-height: 60vh;
      min-height: 150px;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid #7c7c7c; }
      @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content {
          max-height: 48vh; } }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item {
        border-bottom: 1px solid #afafaf; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item:hover {
          background-color: #f9f9f9; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid {
          padding: 12px 24px; }
          #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-info-group {
            display: inline-flex; }
            #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-info-group .u-w-file-icon {
              vertical-align: middle;
              color: #585858;
              margin-right: 8px; }
            #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-info-group .u-w-file-name {
              line-height: 28px;
              vertical-align: middle;
              color: #393939;
              display: inline-block;
              white-space: nowrap;
              overflow: hidden !important;
              text-overflow: ellipsis; }
          #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group {
            display: inline-flex;
            border-left: 1px solid #9e9e9e; }
            #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-file-size {
              flex: auto;
              padding-left: 6px;
              vertical-align: middle;
              line-height: 28px;
              color: #a9a9a9; }
            #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn {
              color: #5f5f5f;
              cursor: pointer; }
              #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn:hover {
                color: #404040; }
              #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface #upload_waiting_dialog--content .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn:active {
                color: #111111; }
    #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer {
      padding: 16px;
      display: flex;
      flex-direction: row; }
      @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer {
          flex-direction: column; } }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer .checkbox-group-cus {
        display: flex;
        flex-direction: column;
        flex: auto; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer .up-w-footer-action {
        place-self: flex-end;
        display: flex; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer .checkbox-label {
        font-size: 1.0rem;
        letter-spacing: 0rem !important; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer .info-icon {
        color: #9a9a9a;
        cursor: pointer;
        vertical-align: middle;
        margin: -6px 0px;
        padding-left: 4px; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer .info-icon:hover {
          color: #818181; }
      #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer .u-w-a-tag {
        cursor: pointer;
        text-decoration: none;
        color: #4797c7; }
        #upload_waiting_dialog .mdc-dialog__container .mdc-dialog__surface .up-w-footer .u-w-a-tag:hover {
          color: #59c2ff; }

#n_upload_progress {
  position: fixed;
  bottom: 10px;
  left: 80px;
  border-radius: 5px;
  border: 1px solid #afafaf;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.22);
  z-index: 370;
  display: flow;
  flex-direction: column;
  overflow: hidden;
  width: 680px;
  transition: left 255ms; }
  #n_upload_progress.margin-menu-left {
    left: 250px; }
  @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
    #n_upload_progress {
      width: calc(100% - 40px);
      left: 10px; } }
  @media screen and (min-width: 481px) and (max-width: 840px) {
    #n_upload_progress {
      width: 80vw; } }
  #n_upload_progress .up-progress-header {
    background-color: #757575;
    color: white;
    border-radius: 4px;
    padding: 12px 24px;
    display: inline-flex;
    min-width: calc(100% - 48px); }
    #n_upload_progress .up-progress-header .header-item {
      line-height: 35px;
      vertical-align: middle;
      font-size: 1.0rem;
      padding: 0px 16px 0px 0px; }
      #n_upload_progress .up-progress-header .header-item:last-child {
        padding: 0px 0px 0px 0px; }
    #n_upload_progress .up-progress-header .up-title {
      flex: auto;
      line-height: 35px;
      vertical-align: middle;
      font-size: 1.1rem;
      font-weight: bold; }
      #n_upload_progress .up-progress-header .up-title i {
        margin-right: 8px;
        vertical-align: middle; }
      #n_upload_progress .up-progress-header .up-title .success-icon {
        color: white;
        font-size: 31px;
        margin-top: -2px; }
      #n_upload_progress .up-progress-header .up-title .icon-progress {
        vertical-align: middle;
        display: inline-flex;
        margin: -7px 2px -3px -6px; }
    #n_upload_progress .up-progress-header .up-remain-time .less-right {
      margin-right: -2px; }
    #n_upload_progress .up-progress-header .up-action {
      text-align: right;
      display: inline-flex; }
      #n_upload_progress .up-progress-header .up-action .u-p-action-btn {
        color: white;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0);
        border-radius: 50%;
        width: 35px;
        height: 35px;
        text-align: center;
        vertical-align: middle;
        margin: 0px 12px 0px 0px; }
        #n_upload_progress .up-progress-header .up-action .u-p-action-btn:last-child {
          margin: 0px 0px 0px 0px; }
        #n_upload_progress .up-progress-header .up-action .u-p-action-btn i {
          vertical-align: middle;
          line-height: 33px; }
        #n_upload_progress .up-progress-header .up-action .u-p-action-btn:hover {
          background-color: rgba(255, 255, 255, 0.15); }
        #n_upload_progress .up-progress-header .up-action .u-p-action-btn:active {
          background-color: rgba(255, 255, 255, 0.35); }
      #n_upload_progress .up-progress-header .up-action #up-progress i {
        transition-duration: 0.25s;
        transition-property: transform; }
        #n_upload_progress .up-progress-header .up-action #up-progress i.inactive {
          transform: rotate(180deg);
          -webkit-transform: rotate(180deg); }
  #n_upload_progress .up-progress-body {
    height: 300px;
    background-color: white;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    overflow-x: hidden; }
    #n_upload_progress .up-progress-body .up-file-item {
      border-bottom: 1px solid #afafaf; }
      #n_upload_progress .up-progress-body .up-file-item:hover {
        background-color: #f9f9f9; }
      #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid {
        padding: 22px 24px 12px 24px; }
        #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner {
          grid-gap: 0px !important; }
          #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-info-group {
            display: inline-flex; }
            #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-info-group .u-w-file-icon {
              vertical-align: middle;
              color: #585858;
              margin-right: 8px; }
            #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-info-group .u-w-file-name {
              line-height: 28px;
              vertical-align: middle;
              color: #393939;
              display: inline-block;
              white-space: nowrap;
              overflow: hidden !important;
              text-overflow: ellipsis; }
          #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group {
            display: inline-flex;
            border-left: 1px solid #9e9e9e; }
            #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-file-size {
              flex: auto;
              padding-left: 6px;
              vertical-align: middle;
              line-height: 28px;
              color: #a9a9a9; }
            #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn {
              color: #9c9c9c;
              cursor: pointer;
              margin-left: 12px; }
              #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn:hover {
                color: #868686; }
              #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn:active {
                color: #4c4c4c; }
              #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn.success-icon {
                color: #49ac75; }
                #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn.success-icon:hover {
                  color: #3d8256; }
                #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn.success-icon:active {
                  color: #3d8256; }
              #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn.error-icon {
                color: #de3b4e; }
                #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn.error-icon:hover {
                  color: #c93548; }
                #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-w-file-action-group .u-w-action-btn.error-icon:active {
                  color: #c93548; }
          #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .progress-bar-cus {
            padding: 6px 0px 0px 0px; }
            #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .progress-bar-cus .mdc-linear-progress {
              border-radius: 2px; }
              #n_upload_progress .up-progress-body .up-file-item .mdc-layout-grid .mdc-layout-grid__inner .progress-bar-cus .mdc-linear-progress .mdc-linear-progress__bar-inner {
                background-color: #de3b4e; }
  #n_upload_progress .hidden {
    display: none !important; }
  #n_upload_progress.hidden {
    display: none !important; }
  #n_upload_progress [data-balloon]:after {
    background: #616161e6 !important;
    color: white; }
  #n_upload_progress [data-balloon][data-balloon-pos='left']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(97,97,97,0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto; }
  #n_upload_progress .rolling {
    animation: rotate 2s linear infinite; }
    #n_upload_progress .rolling.fast {
      animation: rotate 1s linear infinite; }
    #n_upload_progress .rolling.slow {
      animation: rotate 6s linear infinite; }

#cancel-upload-dialog {
  z-index: 370; }

#upload_complete_dialog {
  z-index: 502; }
  @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
    #upload_complete_dialog .mdc-dialog__container {
      margin-left: 16px;
      margin-right: 16px; } }
  @media screen and (min-width: 481px) and (max-width: 840px) {
    #upload_complete_dialog .mdc-dialog__container {
      margin-left: 20px;
      margin-right: 20px; } }
  #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface {
    border-radius: 5px !important;
    width: 100% !important;
    border: 1px solid #afafaf; }
    #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header {
      background-color: #757575;
      color: white;
      border-radius: 4px;
      padding: 12px 24px;
      display: flex; }
      #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-title {
        flex: auto;
        line-height: 35px;
        vertical-align: middle;
        font-size: 1.1rem;
        font-weight: bold; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-title i {
          margin-right: 8px;
          vertical-align: middle; }
      #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-action {
        text-align: right; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-action .u-p-action-btn {
          color: white;
          cursor: pointer;
          background-color: rgba(255, 255, 255, 0);
          border-radius: 50%;
          width: 35px;
          height: 35px;
          text-align: center;
          vertical-align: middle;
          margin: 0px 12px 0px 0px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-action .u-p-action-btn:last-child {
            margin: 0px -5px 0px 0px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-action .u-p-action-btn i {
            vertical-align: middle;
            line-height: 36px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-action .u-p-action-btn:hover {
            background-color: rgba(255, 255, 255, 0.15); }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-dialog-header .upc-action .u-p-action-btn:active {
            background-color: rgba(255, 255, 255, 0.35); }
    #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content {
      max-height: 45vh;
      min-height: 150px;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid #7c7c7c; }
      @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content {
          max-height: 30vh; } }
      #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content.mini {
        max-height: 25vh; }
        @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content.mini {
            max-height: 15vh; } }
      #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item {
        border-bottom: 1px solid #afafaf; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item:hover {
          background-color: #f9f9f9; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item:hover .u-c-action-btn {
            display: inline-block !important; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid {
          padding: 12px 24px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner {
            grid-gap: unset !important; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-info-group {
              display: inline-flex; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-info-group .u-c-file-icon {
                vertical-align: middle;
                color: #585858;
                margin-right: 8px; }
                #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-info-group .u-c-file-icon.security {
                  color: #8d8d8d; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-info-group .u-c-file-name {
                flex-grow: 1;
                line-height: 28px;
                vertical-align: middle;
                color: #393939;
                display: inline-block;
                white-space: nowrap;
                overflow: hidden !important;
                text-overflow: ellipsis; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group {
              display: inline-flex;
              border-left: 1px solid #9e9e9e; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-file-size {
                flex: auto;
                padding-left: 6px;
                vertical-align: middle;
                line-height: 28px;
                color: #a9a9a9; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn {
                display: none;
                color: #878787;
                cursor: pointer;
                margin-left: 12px; }
                #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn:first-child {
                  margin-left: 12px; }
                #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn:hover {
                  color: #737373; }
                  #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn:hover i {
                    background-color: #e5e5e5;
                    color: #cd1417;
                    border-radius: 50%;
                    padding: 7px;
                    margin: -7px; }
                #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn:active {
                  color: #737373; }
                  #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn:active i {
                    background-color: #dbdbdb;
                    color: #cd1417;
                    border-radius: 50%;
                    padding: 7px;
                    margin: -7px; }
                #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn.fb-icon-d:hover .fb-icon {
                  background-image: url("/images/icon/facebook-icon-blue.svg");
                  width: 22px;
                  height: 22px;
                  background-repeat: no-repeat;
                  background-size: 90% 90%;
                  background-position: center; }
                #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn .fb-icon-i {
                  display: flex;
                  width: 24px;
                  height: 24px;
                  align-items: center;
                  justify-content: center; }
                  #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group .u-c-action-btn .fb-icon-i .fb-icon {
                    background-image: url("/images/icon/facebook-icon-grey.svg");
                    width: 22px;
                    height: 22px;
                    background-repeat: no-repeat;
                    background-size: 90% 90%;
                    background-position: center; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group [data-balloon]:after {
                background: #616161e6 !important;
                color: white; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface #upload_complete_dialog--content .completed-file-item .mdc-layout-grid .mdc-layout-grid__inner .u-c-file-action-group [data-balloon][data-balloon-pos='left']:before {
                background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(97,97,97,0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
                background-size: 100% auto; }
    #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer {
      padding: 16px;
      display: flex;
      flex-direction: column; }
      #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b {
        display: flex;
        flex-direction: row;
        align-self: center;
        padding-bottom: 8px; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b .mdc-button {
          margin-right: 12px; }
          @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b .mdc-button {
              margin-right: 10px;
              min-width: 56px; } }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b .mdc-button:last-child {
            margin-right: 0px; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b .mdc-button--outlined {
          color: #cd1417 !important;
          border: 1px solid #cd1417;
          border-radius: 2px !important; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b #u_c_share_fb_btn {
          background-color: #0958a3 !important; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b #u_c_share_fb_btn .fb-icon-i {
            width: 24px;
            height: 24px;
            align-items: center;
            justify-content: center;
            margin-top: 2px; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b #u_c_share_fb_btn .fb-icon-i .fb-icon {
              background-image: url("/images/icon/facebook-icon-white.svg");
              width: 22px;
              height: 22px;
              background-repeat: no-repeat;
              background-size: 90% 90%;
              background-position: center; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-f-action-b #u_c_share_email_btn {
          background-color: #ff301e !important; }
      #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code {
        display: flex;
        flex-direction: row;
        padding: 4px 0px 0px 0px; }
        @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code {
            flex-direction: column; } }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .radio-group-type-code {
          margin-right: 18px; }
          @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .radio-group-type-code {
              display: flex;
              margin-right: unset;
              align-items: center; } }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .radio-group-type-code .flex-element {
            margin-top: 16px;
            border: none; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .radio-group-type-code .flex-element__label {
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0.04em;
            line-height: 1.75rem; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .radio-group-type-code .flex-element__item {
            display: flex;
            align-items: center; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp {
          flex: auto;
          display: flex;
          flex-direction: column; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea textarea {
            width: 99%;
            border: unset;
            resize: none; }
            @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea textarea {
                width: 98%; } }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea textarea:hover {
              border: unset;
              outline-width: 0; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea textarea:focus {
              border: unset;
              outline-width: 0; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea textarea:active {
              border: unset;
              outline-width: 0; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea .textwrapper {
            border: 1px solid #757575;
            margin: 6px 0 0 0;
            padding: 8px 0px 8px 8px; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea .textwrapper.focus {
              border: 1px solid #cd1417;
              outline: 1px solid #cd1417; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .inp-textarea .textwrapper:hover {
              border: 1px solid #cd1417; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .u-c-copy-code-btn {
            display: flex; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .u-c-copy-code-btn .copy-cmp {
              cursor: pointer;
              margin: 2px 0px 0px 0px;
              padding: 0px 6px;
              vertical-align: middle; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .u-c-copy-code-btn .copy-cmp i {
                color: #cd1417;
                vertical-align: middle; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .u-c-copy-code-btn .copy-cmp .text {
                line-height: 28px;
                padding-right: 8px;
                font-size: 0.95rem;
                font-weight: 500; }
              #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-take-code .textarea-cmp .u-c-copy-code-btn .copy-cmp:active {
                background-color: #dbdbdb;
                border-radius: 4px; }
      #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email {
        padding: 8px 0 0 0; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .mdc-layout-grid {
          padding: 9px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .mdc-layout-grid .mdc-layout-grid__inner {
            grid-gap: 18px; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .label-cmp {
          text-align: end; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .label-cmp .label-u-c-title {
            font-weight: bold; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea .textwrapper {
          border: 1px solid #757575;
          border-radius: 4px;
          margin: 0;
          padding: 8px 0px 8px 8px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea .textwrapper.focus {
            border: 1px solid #757575;
            box-shadow: 0 0 0 1px #757575; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea .textwrapper:hover {
            border: 1px solid #cd1417; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea textarea {
          width: 99%;
          border: unset;
          resize: none; }
          @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea textarea {
              width: 98%; } }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea textarea:hover {
            border: unset;
            outline-width: 0; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea textarea:focus {
            border: unset;
            outline-width: 0; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .textarea-cnt-email .inp-textarea textarea:active {
            border: unset;
            outline-width: 0; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .up-c-chip-cus {
          border: 1px solid #757575;
          border-radius: 4px;
          min-height: 37px;
          padding: 5px 5px 0px 5px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .up-c-chip-cus.chip-in-focus {
            border: 1px solid #757575;
            box-shadow: 0 0 0 1px #757575; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .up-c-chip-cus .u-c-input-emails {
            height: 28px !important; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .default-chip {
          padding: 2px 4px 2px 5px; }
          #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .default-chip i {
            cursor: pointer;
            vertical-align: middle; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .default-chip i:hover {
              background: #d2d2d2;
              border-radius: 50%;
              padding: 2px;
              margin: -2px; }
            #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .default-chip i:active {
              background: #c8c8c8;
              border-radius: 50%;
              padding: 2px;
              margin: -2px; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .error-help-text {
          min-height: 0;
          color: #d50000;
          font-style: italic;
          font-size: 0.8rem;
          padding: 0px 0 0 0;
          /* margin-top: 5px; */
          margin: 8px 0 -3px 0px; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .u-c-send-mail-action {
          text-align: right; }
        #upload_complete_dialog .mdc-dialog__container .mdc-dialog__surface .up-c-footer .up-c-d-send-email .spin-cus {
          vertical-align: middle !important;
          display: inline-table !important;
          animation-name: spin;
          animation-duration: 3000ms;
          animation-iteration-count: infinite;
          animation-timing-function: linear; }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }
#share_private_dialog {
  z-index: 99; }
  #share_private_dialog .list-users-sp-cmp {
    margin-top: 8px;
    max-height: 240px;
    min-height: 240px;
    height: 240px;
    overflow-y: auto; }
    #share_private_dialog .list-users-sp-cmp .mdc-layout-grid__inner .mdc-layout-grid__cell .user-sp-item-cmp {
      display: flex;
      flex-direction: row;
      border-radius: 4px;
      padding: 4px 0px 4px 12px;
      transition: all 0.2s ease-in-out; }
      #share_private_dialog .list-users-sp-cmp .mdc-layout-grid__inner .mdc-layout-grid__cell .user-sp-item-cmp:hover {
        background-color: #efefef; }
      #share_private_dialog .list-users-sp-cmp .mdc-layout-grid__inner .mdc-layout-grid__cell .user-sp-item-cmp .sp-item-info-cmp {
        flex-grow: 1;
        display: flex;
        flex-direction: row;
        justify-items: center;
        align-items: center;
        padding-left: 10px;
        padding-right: 6px; }
        #share_private_dialog .list-users-sp-cmp .mdc-layout-grid__inner .mdc-layout-grid__cell .user-sp-item-cmp .sp-item-info-cmp .sp-email {
          flex-grow: 1;
          color: #343434;
          font-size: 1.1rem;
          padding: 0 6px;
          text-overflow: ellipsis;
          white-space: nowrap; }
      #share_private_dialog .list-users-sp-cmp .mdc-layout-grid__inner .mdc-layout-grid__cell .user-sp-item-cmp .sp-action-cmp .sp-permission-btn {
        color: #343434;
        display: flex;
        flex-direction: row;
        align-items: center;
        text-transform: inherit;
        padding: 0px 6px 0px 12px;
        margin-right: 4px;
        white-space: nowrap; }
    #share_private_dialog .list-users-sp-cmp .mdc-layout-grid__inner .mdc-layout-grid__cell.sp-note-cus {
      padding: 0 24px;
      color: #171717; }
  #share_private_dialog #share_private_menu {
    overflow: hidden; }
  #share_private_dialog .mdc-dialog__surface {
    max-width: 640px; }
  #share_private_dialog .share_private_dialog__label {
    display: flex; }
  #share_private_dialog .sp-more-info-cmp .sp-info-icon {
    color: #979797;
    font-size: 1.2rem;
    padding-left: 3px;
    padding-right: 8px;
    cursor: pointer; }
  #share_private_dialog .sp-more-info-cmp .sp-info-tooltip {
    z-index: -2;
    opacity: 0;
    position: absolute;
    background: #616161e6;
    border-radius: 6px;
    width: calc(100% - 44px);
    left: 10px;
    margin-top: -100%;
    color: white;
    padding: 12px;
    font-size: 0.875rem;
    font-weight: initial;
    line-height: 1.25rem;
    transition: opacity 0.2s ease-in-out; }
  #share_private_dialog .sp-more-info-cmp:hover .sp-info-icon {
    color: #828282; }
  #share_private_dialog .sp-more-info-cmp:hover .sp-info-tooltip {
    z-index: 2;
    margin-top: 2px;
    opacity: 1; }
  #share_private_dialog #share_folder_email_cmp {
    margin-top: -4px; }
  #share_private_dialog .mdc-layout-grid.no-padding {
    padding: 0px; }
  #share_private_dialog .mdc-layout-grid__inner.email-cmp {
    padding: 0 24px; }
  #share_private_dialog .email-div-cnt {
    padding: 8px 24px 0px 24px;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    #share_private_dialog .email-div-cnt .email-chips-cmp {
      flex: 1;
      padding-right: 8px; }
    #share_private_dialog .email-div-cnt .sp-action-add-cnt {
      display: flex;
      flex-direction: row; }
      #share_private_dialog .email-div-cnt .sp-action-add-cnt .sp-permission-group-btn {
        display: flex;
        flex-direction: row;
        align-items: center;
        text-transform: inherit;
        padding: 0px 6px 0px 12px;
        white-space: nowrap;
        border: 1px solid #757575;
        border-radius: 4px;
        height: 44px;
        color: #1f1f1f; }
        #share_private_dialog .email-div-cnt .sp-action-add-cnt .sp-permission-group-btn .btn-text {
          padding-left: 4px; }
      #share_private_dialog .email-div-cnt .sp-action-add-cnt .sp-add-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px 12px 0px 12px;
        white-space: nowrap;
        border-radius: 4px;
        height: 44px; }
        #share_private_dialog .email-div-cnt .sp-action-add-cnt .sp-add-group .btn-text {
          padding-left: 4px; }
    @media screen and (max-width: 480px), screen and (orientation: landscape) and (max-height: 480px) {
      #share_private_dialog .email-div-cnt {
        flex-direction: column; }
        #share_private_dialog .email-div-cnt .email-chips-cmp {
          padding-right: 0px; }
        #share_private_dialog .email-div-cnt .sp-action-add-cnt {
          display: flex;
          flex-direction: row;
          margin-top: 8px; }
          #share_private_dialog .email-div-cnt .sp-action-add-cnt .sp-permission-group-btn {
            align-items: center;
            justify-content: center;
            flex: 1; }
          #share_private_dialog .email-div-cnt .sp-action-add-cnt .sp-add-group {
            align-items: center;
            justify-content: center;
            flex: 1; } }
  #share_private_dialog #share_private_dialog_body {
    margin-top: 8px;
    padding: 0; }
    #share_private_dialog #share_private_dialog_body .up-c-chip-cus {
      border: 1px solid #757575;
      border-radius: 4px;
      min-height: 37px;
      padding: 5px 5px 0px 5px;
      max-height: 104px;
      overflow: auto; }
      #share_private_dialog #share_private_dialog_body .up-c-chip-cus.chip-in-focus {
        border: 1px solid #757575;
        box-shadow: 0 0 0 1px #757575; }
      #share_private_dialog #share_private_dialog_body .up-c-chip-cus .u-c-input-emails {
        height: 28px !important; }
    #share_private_dialog #share_private_dialog_body .default-chip {
      padding: 2px 4px 2px 5px; }
      #share_private_dialog #share_private_dialog_body .default-chip i {
        cursor: pointer;
        vertical-align: middle; }
        #share_private_dialog #share_private_dialog_body .default-chip i:hover {
          background: #d2d2d2;
          border-radius: 50%;
          padding: 2px;
          margin: -2px; }
        #share_private_dialog #share_private_dialog_body .default-chip i:active {
          background: #c8c8c8;
          border-radius: 50%;
          padding: 2px;
          margin: -2px; }
    #share_private_dialog #share_private_dialog_body .error-help-text {
      min-height: 0;
      color: #d50000;
      font-style: italic;
      font-size: 0.8rem;
      padding: 0px 0 0 0;
      /* margin-top: 5px; */
      margin: 8px 0 -3px 0px; }
  #share_private_dialog #share_e_validation_msg {
    opacity: 1;
    margin-bottom: 0; }
  #share_private_dialog .mdc-dialog__footer {
    padding: 12px; }
  #share_private_dialog .confirm-btn {
    display: flex;
    align-items: center; }
  #share_private_dialog .spin-cus {
    vertical-align: middle !important;
    display: inline-table !important;
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }
#manage-tag .mdc-dialog__header__title {
  text-align: center; }
#manage-tag .pading_cus {
  padding: 0px 40px;
  min-width: 400px; }
#manage-tag input {
  width: 98%;
  margin: 10px 0px;
  border: 1px solid #e2e2e2;
  padding: 5px 0px 5px 6px; }
#manage-tag .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {
  border-color: #000000 !important;
  background-color: #000000 !important; }
#manage-tag .height_scroll {
  height: 300px;
  overflow: scroll; }
#manage-tag .circle_span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 0px;
  margin-right: 10px; }

#sp_tab_menu_cmp {
  padding-top: 4px;
  background-color: white; }
  #sp_tab_menu_cmp #sp_tab_menu #sp_scrollable_tab_bar {
    margin: 0;
    display: flex; }
    #sp_tab_menu_cmp #sp_tab_menu #sp_scrollable_tab_bar .mdc-tab.mdc-tab-profile.sp-tab-item {
      color: #413e3e;
      display: flex !important;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      border-bottom: 2px solid transparent;
      border-radius: 6px 6px 0 0;
      transition: all 0.2s ease-in-out; }
      #sp_tab_menu_cmp #sp_tab_menu #sp_scrollable_tab_bar .mdc-tab.mdc-tab-profile.sp-tab-item:hover {
        border-bottom: 2px #CD1417 solid !important;
        background-color: rgba(255, 61, 61, 0.1); }
      #sp_tab_menu_cmp #sp_tab_menu #sp_scrollable_tab_bar .mdc-tab.mdc-tab-profile.sp-tab-item .material-icons {
        padding-right: 6px; }
    #sp_tab_menu_cmp #sp_tab_menu #sp_scrollable_tab_bar .mdc-tab-bar__indicator {
      display: none; }

#files-tag-menu li {
  cursor: pointer; }

#select_filter {
  padding: 9px;
  box-shadow: 2px 2px 5px 0px #c5c5c5;
  cursor: pointer;
  border: 1px;
  margin-right: 10px; }

.arrow {
  display: inline-block; }

.up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff; }

.down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffffff; }

.dis_cus_tag {
  display: flex;
  flex: 1; }

/*# sourceMappingURL=manager.css.map */