/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/packages/panels/index.scss ***!
  \********************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/assets/scss/login.scss ***!
  \****************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Lato:400,400i,700,900);
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/assets/scss/index.scss ***!
  \****************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Lato:400,400i,700,900);
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/osjs-client/index.scss ***!
  \*********************************************************************************************************************/
/*!
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.osjs-root {
  line-height: 1;
  font-size: 13px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  touch-action: none; }
  .osjs-root[data-dir="rtl"] {
    direction: rtl; }
  .osjs-root textarea,
  .osjs-root input,
  .osjs-root label {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  .osjs-root[data-mousemove="true"] iframe {
    pointer-events: none; }

.osjs-boot-splash-grid {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999999;
  background-color: rgba(255, 255, 255, 0.84);
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.osjs-boot-splash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
  flex-direction: column; }

.osjs-boot-splash-fullscreen {
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  z-index: 9999999999;
  background-color: rgba(255, 255, 255, 0.84);
  height: 100vh;
  width: 100vw;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }

.osjs-boot-splash_message {
  font-size: 20px;
  color: black;
  margin-bottom: 3rem; }

.osjs-mask-application {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.osjs-contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0; }

.osjs-profile-info-popup .profile-info-popup {
  width: 280px;
  z-index: 30000 !important;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }
  .osjs-profile-info-popup .profile-info-popup .k-popup {
    border: none; }
  .osjs-profile-info-popup .profile-info-popup .text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .osjs-profile-info-popup .profile-info-popup .close-icon {
    margin: 10px 15px 0px;
    display: flex;
    height: 20px;
    width: 20px;
    cursor: pointer;
    align-items: center;
    margin-left: auto;
    border-radius: 50%;
    justify-content: center; }
    .osjs-profile-info-popup .profile-info-popup .close-icon:hover {
      background-color: #f0f0f0; }
  .osjs-profile-info-popup .profile-info-popup .profile-img-container {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    justify-content: center; }
    .osjs-profile-info-popup .profile-info-popup .profile-img-container .profile-img {
      height: 120px;
      width: 120px;
      border-radius: 50%; }
    .osjs-profile-info-popup .profile-info-popup .profile-img-container .profile-icon {
      background-color: #E9EBEC;
      border-radius: 50%;
      width: 120px;
      height: 120px;
      align-items: center;
      display: flex;
      justify-content: center; }
      .osjs-profile-info-popup .profile-info-popup .profile-img-container .profile-icon .icon {
        font-size: 80px;
        color: #B8BFC1; }
  .osjs-profile-info-popup .profile-info-popup .profile-content {
    background-color: #275362;
    color: white; }
    .osjs-profile-info-popup .profile-info-popup .profile-content .name {
      font-size: 22px;
      text-align: center;
      line-height: 35px; }
    .osjs-profile-info-popup .profile-info-popup .profile-content .designation {
      text-align: center;
      line-height: 25px; }
    .osjs-profile-info-popup .profile-info-popup .profile-content .chat-mail-link {
      height: 60px;
      align-items: center;
      display: flex;
      justify-content: center; }
      .osjs-profile-info-popup .profile-info-popup .profile-content .chat-mail-link .link-container {
        height: 40px;
        margin: 5px;
        cursor: pointer;
        width: 40px;
        background-color: #efefef;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        display: flex; }
    .osjs-profile-info-popup .profile-info-popup .profile-content .other-info {
      line-height: 30px; }
      .osjs-profile-info-popup .profile-info-popup .profile-content .other-info i {
        margin-right: 6px; }

/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.osjs-window-behavior-lofi {
  position: absolute;
  border: 2px solid #000; }

.osjs-window-resize {
  z-index: 10;
  position: absolute;
  min-width: 4px;
  min-height: 0.1em; }
  .osjs-window-resize[data-direction^="n"] {
    top: -0.5em; }
  .osjs-window-resize[data-direction^="s"] {
    bottom: -0.5em; }
  .osjs-window-resize[data-direction$="w"] {
    left: -0.5em; }
  .osjs-window-resize[data-direction$="e"] {
    right: -0.5em; }
  .osjs-window-resize[data-direction="nw"] {
    cursor: nw-resize; }
  .osjs-window-resize[data-direction="sw"] {
    cursor: sw-resize; }
  .osjs-window-resize[data-direction="ne"] {
    cursor: ne-resize; }
  .osjs-window-resize[data-direction="se"] {
    cursor: se-resize; }
  .osjs-window-resize[data-direction="n"] {
    cursor: n-resize; }
  .osjs-window-resize[data-direction="s"] {
    cursor: s-resize; }
  .osjs-window-resize[data-direction="w"] {
    cursor: w-resize; }
  .osjs-window-resize[data-direction="e"] {
    cursor: e-resize; }
  .osjs-window-resize[data-direction="s"], .osjs-window-resize[data-direction="n"] {
    left: 0.5em;
    right: 0.5em; }
  .osjs-window-resize[data-direction="e"], .osjs-window-resize[data-direction="w"] {
    top: 0.5em;
    bottom: 0.5em; }

.osjs-window-inner {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column; }

.osjs-window-header {
  display: flex;
  position: relative;
  box-sizing: border-box;
  flex: 0 0;
  min-height: 2.2em; }
  .osjs-window-header > div {
    height: auto;
    padding: 0px 5px 0px 5px; }

.osjs-window-icon > div {
  width: 1em;
  height: 1em;
  background: url(0e12eaf0e0020f0fcff1.png) no-repeat 50% 50%;
  background-size: cover;
  cursor: pointer; }

.osjs-window-title {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none; }

.osjs-window-manage-buttons {
  display: flex;
  margin-right: 3px; }

.osjs-window-button {
  cursor: pointer;
  min-width: 1em;
  position: relative;
  flex-basis: 1em; }
  .osjs-window-button * {
    pointer-events: none; }
  .osjs-window-button > div {
    width: 1em;
    height: 1em; }
  .osjs-window-button:not(:last-child) {
    margin-right: 0.25em; }

.osjs-root[data-dir="rtl"] .osjs-window-button:not(:last-child) {
  margin-right: 0;
  margin-left: 0.25em; }

.osjs-window-content {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  flex: 1 1;
  user-select: text; }

.osjs-window {
  position: absolute;
  box-sizing: border-box;
  user-select: none;
  visibility: visible;
  touch-action: none;
  /* This actually increases performance */
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000; }
  .osjs-window::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    display: none; }
  .osjs-window[data-maximized="true"] {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important; }
    .osjs-window[data-maximized="true"] .osjs-window-resize {
      cursor: inherit !important; }
  .osjs-window[data-minimized="true"] {
    display: none;
    visibility: hidden;
    height: 560px !important; }
  .osjs-window[data-focused="false"] iframe {
    pointer-events: none; }
  .osjs-window[data-resizing="true"], .osjs-window[data-moving="true"] {
    cursor: move; }
  .osjs-window[data-loading="true"]::after {
    display: block; }
  .osjs-window.osjs__drop {
    outline: 2px solid #000; }
  .osjs-window[data-minimizable="false"] .osjs-window-button[data-action="minimize"],
  .osjs-window[data-maximizable="false"] .osjs-window-button[data-action="maximize"],
  .osjs-window[data-closable="false"] .osjs-window-button[data-action="close"],
  .osjs-window[data-resizable="false"] .osjs-window-resize {
    display: none; }

.osjs-root[data-window-action="true"] .osjs-window {
  /* FIXME: Maybe limit this as to increase perf ? */ }
  .osjs-root[data-window-action="true"] .osjs-window * {
    pointer-events: none; }

.osjs-root[data-mobile="true"] .osjs-window {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1; }
  .osjs-root[data-mobile="true"] .osjs-window .osjs-window-button[data-action="maximize"] {
    display: none; }

/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.osjs-notifications {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding: 1em;
  height: 100%;
  max-height: 100%;
  z-index: 16777272; }

.osjs-notification {
  padding: 1em;
  box-sizing: border-box;
  pointer-events: all;
  min-width: 200px;
  margin-bottom: 1em; }

.osjs-notification-wrapper {
  background-size: 3em;
  background-repeat: no-repeat; }
  .osjs-notification-wrapper[data-has-icon=true] {
    padding-left: calc(3em + 1em); }

/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.osjs-login {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99999;
  transform: translate(-50%, -50%);
  display: flex; }
  .osjs-login .osjs-login-field {
    position: relative; }
  .osjs-login input,
  .osjs-login select,
  .osjs-login button {
    padding: 0.5em;
    display: block;
    width: 100%;
    border-radius: 0;
    border: 0 none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    box-sizing: border-box; }
  .osjs-login input[type=submit],
  .osjs-login button {
    cursor: pointer; }

#osjs-login {
  font-family: Roboto, sans-serif;
  max-width: 400px;
  width: 80%; }
  #osjs-login .osjs-login-header {
    text-align: center;
    font-weight: 300;
    font-weight: bold;
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 4px;
    line-height: 1.5; }
  #osjs-login .osjs-login-logo {
    min-width: 1em;
    min-height: 1em;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    #osjs-login .osjs-login-logo[data-position=bottom], #osjs-login .osjs-login-logo[data-position=top], #osjs-login .osjs-login-logo[data-position=middle] {
      min-height: 4em; }
    #osjs-login .osjs-login-logo[data-position=left], #osjs-login .osjs-login-logo[data-position=right] {
      min-width: 4em; }
    #osjs-login .osjs-login-logo[data-position=bottom] {
      margin-top: 2em; }
  #osjs-login > div[data-position=left] {
    margin-right: 2em; }
  #osjs-login > div[data-position=right] {
    margin-left: 2em; }
  #osjs-login .osjs-login-content {
    width: 100%;
    display: flex;
    flex-direction: column; }
  #osjs-login .osjs-login-field {
    margin-top: 2em; }
  #osjs-login .osjs-login-field-select {
    position: relative; }
    #osjs-login .osjs-login-field-select::after {
      content: '\21B4';
      position: absolute;
      top: 50%;
      right: 0.5em;
      transform: translate(-50%, -50%);
      color: #fff; }
  #osjs-login .osjs-login-error {
    background: rgba(255, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    text-decoration: uppercase;
    padding: 1em;
    margin-top: 2em; }
  #osjs-login .osjs-login-stamp {
    margin-top: 2em;
    font-size: 80%;
    text-align: right;
    color: rgba(255, 255, 255, 0.5); }
  #osjs-login input {
    outline: 1px solid rgba(255, 255, 255, 0.5); }
    #osjs-login input:focus, #osjs-login input:active {
      box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); }
  #osjs-login input[type=submit],
  #osjs-login button {
    padding: 1em;
    background-color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase; }
  #osjs-login select,
  #osjs-login input[type=password],
  #osjs-login input[type=text] {
    padding: 1em;
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
    letter-spacing: 1px; }
  #osjs-login select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    #osjs-login select option {
      color: #000; }
  #osjs-login ::-webkit-input-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: bold; }
  #osjs-login ::-moz-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: bold; }
  #osjs-login :-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: bold; }
  #osjs-login :-moz-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: bold; }

/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.osjs-search {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999999999999999999;
  width: 0;
  height: 0;
  overflow: visible; }

.osjs-search-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50vw;
  max-height: 80vh;
  transform: translate(-50%, -50%); }

.osjs-search-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 1em; }

.osjs-search-message {
  padding: 1em; }

.osjs-search-results {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: scroll; }

.osjs-search-result {
  padding: 0;
  margin: 1em;
  display: flex;
  align-items: center;
  cursor: pointer; }
  .osjs-search-result img {
    margin-right: 1em; }

a[eoxapplication] {
  cursor: pointer; }

/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/packages/panels/index.scss (1) ***!
  \************************************************************************************************************************************/
/*!
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.k-animation-container {
  z-index: 20000 !important; }

.osjs-panel {
  display: flex;
  height: 2.8em;
  min-height: 2.8em;
  align-items: center;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  line-height: normal; }
  .osjs-panel[data-ontop="true"] {
    /* Begin Oxzion customization. */
    /* z-index: 9995; */
    z-index: 9995 !important;
    /* End Oxzion customization. */ }
  .osjs-panel > .osjs-panel-item {
    min-height: 1em;
    position: relative;
    box-sizing: border-box;
    padding: 0.66667em;
    height: 100%; }
  .osjs-panel .osjs-panel-item--icon {
    display: flex;
    align-items: center;
    margin: 0px 7px; }
    .osjs-panel .osjs-panel-item--icon > i {
      height: 1em;
      margin-right: 0.5em; }
      .osjs-panel .osjs-panel-item--icon > i > span {
        font-size: 14px; }
    .osjs-panel .osjs-panel-item--icon .close-icon {
      margin: 0.1em 0px 0px 0.5em;
      height: 18px;
      width: 18px;
      align-items: center;
      display: flex;
      justify-content: center; }
    .osjs-panel .osjs-panel-item--icon .close-icon:hover {
      background-color: #0097C2;
      border-radius: 50%; }

.footer-CR {
  display: flex;
  min-height: 2.05em;
  align-items: center;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  right: 0;
  line-height: normal;
  bottom: 0 !important;
  flex-direction: row-reverse !important;
  background-color: #275362 !important;
  z-index: 18; }

.footer-CR .coppyRight {
  color: #fff; }

.osjs-root[data-dir="rtl"] .osjs-panel > .osjs-panel-item:not(:last-child) {
  margin-right: 0;
  margin-left: 1em; }

.profile {
  height: calc(100% - 3.5em);
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  flex-direction: column;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 3.5em;
  margin-bottom: 3.5em;
  background-color: #000001;
  transition: 0.5s; }

.profile-visible {
  width: 300px;
  z-index: 16777271;
  padding-left: 7px; }

.appmenu {
  height: calc(100% - 4.5em);
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  flex-direction: column;
  width: 0;
  position: absolute;
  top: 0;
  margin-top: 2.5em !important;
  margin-bottom: 3.5em;
  background-color: #000001;
  transition: 0.5s; }

.appmenu-visible {
  width: 300px;
  z-index: 9994; }

/* Position and style the close button (top right corner) */
.appmenu .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 48px;
  margin-left: 50px; }

.appmenu .app-bar {
  flex-grow: 1;
  order: 4;
  padding-right: 0;
  box-sizing: border-box;
  position: relative;
  align-self: auto;
  padding-bottom: 0;
  padding-left: 0;
  overflow-y: auto;
  overflow-x: hidden; }
  .appmenu .app-bar::-webkit-scrollbar {
    width: 6px; }

.appmenu .app-bar .category {
  box-sizing: border-box;
  order: 0;
  min-height: 48px;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 10px; }

.appmenu .app-bar .applist {
  display: flex;
  flex-direction: column; }

.appmenu .app-bar .category .caption {
  box-sizing: border-box;
  text-align: left;
  padding-left: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
  align-self: stretch;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.85); }

.appmenu .app-bar .app {
  margin: 5px 10px;
  flex-direction: unset;
  min-height: 48px;
  max-width: unset;
  display: flex; }

.appmenu .app-bar .app .icon {
  box-sizing: border-box;
  position: relative;
  max-width: 48px;
  min-width: 48px;
  font-size: 25px;
  height: 48px;
  color: #fff !important;
  height: 48px;
  line-height: 48px !important;
  text-align: center;
  background-size: 45px;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: inherit !important; }

.appmenu .app-bar .app .appcaption {
  box-sizing: border-box;
  color: #275362;
  font-size: 16px;
  line-height: 48px;
  display: inline-block;
  padding-left: 14px;
  width: 100%;
  overflow: hidden; }

.appmenu .app-search-div {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  border: 0px solid transparent;
  order: 3;
  flex: 0 1 auto;
  align-self: auto;
  flex-shrink: 0;
  width: 100%;
  overflow: hidden; }

.appmenu .app-search-bar-div {
  width: 100%;
  transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
  overflow: hidden;
  background: white !important;
  position: relative;
  transition: all 0.3s ease-in-out;
  padding: 0 15px;
  display: flex; }

.appmenu .app-search-div input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: none;
  width: 100%;
  height: 48px;
  position: relative;
  top: 0;
  left: 0;
  background: 0 0;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #265160;
  padding: 0 10px;
  transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1), padding 0s;
  transition-delay: 0.3s; }

.appmenu .app-bar .applist .app i {
  background-repeat: no-repeat;
  box-sizing: border-box;
  position: relative;
  max-width: 48px;
  min-width: 48px;
  font-size: 25px;
  display: flex;
  color: #265160 !important;
  height: 48px;
  line-height: 48px !important;
  text-align: center;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: inherit !important; }

.appmenu .app-bar .app:hover {
  background: #ffffff4d;
  transition: all 200ms ease-in;
  background-size: cover !important; }

.osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach {
  height: 100%; }
  .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .panel-active {
    display: block !important; }
  .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-bar-container {
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative; }
    .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-bar-container i {
      font-size: 19px;
      margin-left: 5px;
      cursor: pointer; }
    .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-bar-container .global-search-bar {
      width: 320px;
      display: none;
      z-index: 30000 !important; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-bar-container .global-search-bar .input-search-icon {
        font-size: 11px;
        position: absolute;
        left: 10px;
        top: 16px !important;
        color: #314961; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-bar-container .global-search-bar .input-clear-icon {
        font-size: 12px;
        position: absolute;
        right: 15px;
        top: 16px !important;
        color: #314961; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-bar-container .global-search-bar .search-bar {
        width: 100%;
        color: #000000;
        height: 30px;
        font-size: 13px;
        background-color: #EAEFF2;
        border-radius: 50px;
        outline: none;
        border: 1px solid #2375F5;
        padding: 0px 38px; }
  .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .search-icon {
    height: 30px;
    display: flex;
    width: 30px;
    padding: 0px;
    align-items: center;
    justify-content: center; }
  .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .search-icon-inactive {
    display: none !important; }
  .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel {
    display: none;
    z-index: 30000 !important;
    position: fixed;
    width: 24em;
    top: 43px;
    color: #000000;
    padding: 15px;
    border-radius: 5px;
    min-height: 150px;
    background-color: #EAEFF2;
    animation: 1s ease-out 0s 1 slideInFromLeft; }
    .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters {
      padding: 0px 0px 0px 5px;
      width: 100%; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters .filter-option-container .filter-option {
        display: inline-grid;
        text-align: center;
        width: 31%;
        padding: 3px 11px;
        border-width: 2px;
        border-style: solid;
        border-color: #0777fd;
        border-image: initial;
        margin: 10px 3px;
        border-radius: 3px;
        color: #0777FD;
        background-color: #F6F8FA; }
        .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters .filter-option-container .filter-option .option-name {
          font-size: 12px;
          font-weight: 500; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters .filter-option-container .focus {
        color: #FFFFFF;
        background-color: #314961; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters .filter-option-container .filter-option:hover {
        background-color: #314961;
        color: #FFFFFF;
        cursor: pointer; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters .recent-searched-container .recent-searched .label-focus {
        color: #000000 !important; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters .recent-searched-container .recent-searched .data-name {
        font-size: 12px;
        display: inline-grid;
        font-weight: 600;
        text-align: left;
        color: #0777FD;
        margin: 6px 12px 6px 0px;
        cursor: pointer; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-filters .recent-searched-container .margin-top {
        margin-top: 10px; }
    .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .error-msg {
      color: #F93F3F;
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 10px; }
    .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-label {
      color: #000000;
      font-size: 13px;
      font-weight: 600; }
    .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-button-container {
      display: flex;
      align-items: center;
      justify-content: center; }
      .osjs-panel-item[data-name="globalSearch"] .osjs-panel-global-serach .global-search-panel .search-button-container .search-button {
        color: #0777FD;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        cursor: pointer; }

.osjs-panel-item[data-name="myHome"] {
  display: flex;
  align-items: center; }
  .osjs-panel-item[data-name="myHome"] .osjs-panel-my-home {
    height: 70%;
    align-items: center;
    display: flex;
    padding: 0px 12px;
    border-radius: 10px; }
    .osjs-panel-item[data-name="myHome"] .osjs-panel-my-home .icon {
      font-size: 16px;
      color: #ffffff; }
  .osjs-panel-item[data-name="myHome"] .panel-active {
    background-color: #007698; }
  .osjs-panel-item[data-name="myHome"] .osjs-panel-my-home:hover {
    background-color: #007698;
    cursor: pointer; }

.osjs-panel-item[data-name="notificationCenter"] {
  align-items: center;
  margin: 0px 0px 0px 8px !important; }
  .osjs-panel-item[data-name="notificationCenter"] .osjs-panel-notificationCenter {
    display: flex;
    height: 100%;
    flex-direction: row;
    font-size: 15px;
    color: white;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    position: relative; }
    .osjs-panel-item[data-name="notificationCenter"] .osjs-panel-notificationCenter i {
      font-size: 20px; }
    .osjs-panel-item[data-name="notificationCenter"] .osjs-panel-notificationCenter .notificationCenter-badge {
      border-radius: 50%;
      background-color: #F93F3F;
      font-size: 12px;
      text-align: center;
      min-width: 19px;
      position: relative;
      line-height: 14px;
      bottom: 7px;
      padding: 2px;
      right: 6px; }

@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    transform: translateY(-5px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
  .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .panel-active {
    display: block !important; }
  .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel {
    display: none;
    z-index: 30000 !important;
    position: fixed;
    width: 22em;
    top: 42px;
    right: 4em;
    height: 58vh;
    background-color: #ffffff;
    border-radius: 5px;
    animation: 1s ease-out 0s 1 slideInFromLeft; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .tasks-completed {
      height: calc(58vh - 82px);
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 18px;
      font-weight: 600; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container {
      background-color: #416080;
      font-weight: 600;
      height: 40px;
      display: flex;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-info {
        height: 100%;
        display: flex;
        width: 55%;
        margin-left: 15px;
        align-items: center;
        color: #fff; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-info .dropdown-name {
          margin-right: 10px;
          font-weight: 600;
          font-size: 14px;
          overflow: hidden;
          line-height: 20px;
          cursor: pointer;
          letter-spacing: 0.015em;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #fff;
          font-style: normal; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-list-container {
        width: 64%;
        display: flex;
        align-items: center;
        letter-spacing: 0.015em;
        margin-top: 40px;
        position: absolute; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-list-container .dropdown-list {
          margin-left: auto;
          width: 100%;
          height: 100%;
          background-color: #fff;
          box-shadow: 1px 2px 3px -2px rgba(0, 0, 0, 0.75); }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-list-container .dropdown-list .each-option {
            width: 100%;
            cursor: pointer;
            justify-content: center;
            height: 32px;
            align-items: center;
            border-bottom: 1px solid #D9D9D9;
            display: flex; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-list-container .dropdown-list .each-option .each-option-icon {
              height: 19px;
              width: 19px;
              border-radius: 50%;
              margin: 0px 10px 0px 0px;
              position: relative;
              background-color: #D9D9D9; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-list-container .dropdown-list .each-option-label {
            font-size: 11px;
            color: #416080;
            font-weight: 700; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .dropdown-container .dropdown-list-container .dropdown-list .each-option:hover {
            background-color: #e1e2e4; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .ryg-component {
      height: 100%;
      width: 44%;
      display: flex;
      align-items: center; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container {
      display: flex;
      align-items: center;
      justify-content: center; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container .rygToggle-r {
        background-color: #F93F3F; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container .rygToggle-y {
        background-color: #FFCD43; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container .rygToggle-g {
        background-color: #34A853; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container .rygToggle-b {
        background-color: #0057ff; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container > div {
      color: #fff;
      width: 22px;
      margin: 1px 5px;
      text-align: center;
      font-size: 10px;
      justify-content: center;
      display: flex;
      border-radius: 50pc;
      padding-top: 1px;
      align-items: center;
      height: 22px; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container > div:hover {
      background-color: #275362;
      color: white;
      cursor: pointer;
      transition: 0.7s; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container > div.r-focus {
      background-color: #9f7373; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container > div.y-focus {
      background-color: #a49969; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container > div.g-focus {
      background-color: #728d59; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .rygToggle-container > div.b-focus {
      background-color: #5e78ab; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list {
      height: calc(53vh - 62px);
      overflow-y: scroll;
      margin-top: 2px;
      margin-bottom: 7px; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item {
        display: flex;
        height: 62px;
        margin: 0px 0px 5px 0px;
        border: 0.5px solid rgba(199, 200, 201, 0.2); }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .taskname-container {
          width: 76%;
          flex-direction: column;
          cursor: pointer;
          display: flex; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .ryg-status-bar {
          height: 4px; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .title {
          font-weight: 500;
          font-size: 13px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #000000;
          text-align: left !important;
          font-style: normal;
          margin: 2px; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .app-name {
          font-style: normal;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 12px;
          font-weight: 500;
          text-align: left;
          color: #a3a3a7;
          margin: 2px;
          padding-left: 6px; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .snoozed-till-date {
          font-style: normal;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 11px;
          font-weight: 500;
          text-align: left;
          color: #a3a3a7;
          margin: 1px;
          padding-left: 6px; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .task-item-actions {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 15px;
          margin: 0px 0.5px;
          background-color: #EFEFEF;
          padding: 8px;
          width: 12%; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .fa-chevron-up,
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list .task-item .fa-chevron-down {
          margin-left: 5px;
          margin-right: 5px;
          cursor: pointer; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list::-webkit-scrollbar {
      width: 10px; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .notification-task-list::-webkit-scrollbar-thumb {
      background: #9e9e9e;
      border-radius: 10px; }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .notificationCenter-panel .view-all-button {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 45%;
      height: 32px;
      margin-top: 10px;
      margin: auto;
      font-size: 13px;
      font-weight: 600;
      color: white;
      background-color: #314961;
      border-radius: 15px; }
  .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    z-index: 999;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 20px 13px rgba(0, 0, 0, 0.035), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.0168519); }
    .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container {
      animation: 1s ease-out 0s 1 slideInFromLeft; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-header {
        height: 40px;
        width: 100%;
        background: #1F3144;
        display: flex;
        padding: 0px 30px;
        color: white;
        align-items: center; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-header .modal-header-title {
          font-size: 16px;
          font-weight: 600;
          margin-left: 15px; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-header .modal-close-icon {
          margin-left: auto;
          cursor: pointer; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container {
        padding: 20px 40px;
        height: auto; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content {
          width: 100%;
          height: 100%;
          display: contents;
          border: none; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .snooze-container .k-datepicker {
            height: 35px; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .snooze-container .date-picker {
            margin-bottom: 10px; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .snooze-container .snooze-label {
            font-size: 13px;
            color: #000000;
            margin-bottom: 10px;
            font-weight: 600; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .snooze-container .snooze-note-container {
            display: flex; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .snooze-container .snooze-note-container .note-sign {
              color: #0777FD; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .snooze-container .snooze-note-container .snooze-note {
              color: #000000;
              letter-spacing: 0.2px;
              font-size: 10px;
              font-weight: 600;
              margin-left: 5px;
              margin-bottom: 15px; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .each-function {
            width: 45%;
            height: 100%;
            background: #EAEFF2;
            text-align: center;
            cursor: pointer; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .each-function .label {
              font-size: 13px;
              margin-top: 8px;
              font-weight: 500;
              color: #5A5A5A; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .modal-content-container .modal-content .each-function .sub-label {
              font-size: 11px;
              margin: 5px;
              font-weight: 600;
              color: #5A5A5A;
              text-decoration: underline; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container {
        width: 100%; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .task-name-container {
          height: 40px;
          width: 100%;
          display: flex;
          background-color: #EAEFF2; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .task-name-container .task-name {
            width: 100%;
            font-size: 14px;
            font-weight: 700;
            padding: 0px 10px;
            color: #000000;
            display: flex;
            height: 100%;
            align-items: center; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container {
          padding: 15px;
          display: flex;
          width: 100%; }
          .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box {
            width: 100%;
            height: 70px;
            border: 1px solid rgba(215, 206, 206, 0.3);
            border-radius: 5px; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions__control {
              height: 5rem !important;
              background: #88888817 !important; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions {
              width: 100%; }
              .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions textarea,
              .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions .mentions__highlighter {
                letter-spacing: 2px; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions__suggestions {
              z-index: 1000;
              top: 4rem !important;
              width: 60% !important;
              margin-left: 1rem; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions__suggestions__list {
              background-color: white;
              border: 1px solid rgba(0, 0, 0, 0.15);
              font-size: 10pt; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions__suggestions__item {
              padding: 5px 15px;
              border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions--multiLine {
              height: 100% !important; }
            .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .comment-container .comment-box-container .comment-box .mentions__control {
              height: 100% !important; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .button-container {
        display: flex;
        justify-content: end;
        align-items: center; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .button-container .button {
          padding: 8px;
          width: 70px;
          height: 30px;
          font-size: 12px;
          margin-right: 10px;
          color: #ffffff;
          background-color: #0777FD;
          border-radius: 9px;
          letter-spacing: 0.05em;
          font-weight: 700;
          border: none; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .button-container .cancel-button {
          padding: 8px;
          width: 70px;
          font-size: 12px;
          height: 30px;
          margin-right: 10px;
          color: #000000;
          background-color: #F1F3F4;
          border-radius: 9px;
          letter-spacing: 0.05em;
          font-weight: 700;
          border: none; }
      .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .success-msg-container {
        height: 55px;
        align-items: center;
        display: flex; }
        .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel-container .modal-container .modal-inner-container .success-msg-container .success-msg {
          color: #34A853;
          display: flex;
          align-items: center;
          font-weight: 500;
          justify-content: center; }

.osjs-panel[data-position="bottom"] .osjs-panel-item[data-name="globalSearch"] .global-search-panel,
.osjs-panel[data-position="bottom"] .osjs-panel-item[data-name="notificationCenter"] .notificationCenter-panel,
.osjs-panel[data-position="bottom"] .osjs-panel-item[data-name="profile"] .panel-profile-content {
  bottom: 43px !important;
  top: unset !important; }

.osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-active {
  display: block !important; }

.osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content,
.osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel {
  position: fixed;
  display: none;
  right: 5px;
  border-radius: 5px;
  width: 22em;
  top: 43px;
  padding: 0px 30px;
  background-color: white;
  min-width: 160px;
  z-index: 30000 !important;
  animation: 1s ease-out 0s 1 slideInFromLeft;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-info,
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-info {
    font-size: 16px;
    border: none;
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 25px 0px; }
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-info .profile-info-img,
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-info .profile-info-img {
      max-height: 60px;
      max-width: 60px;
      border-radius: 50%; }
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-info .profile-info-content,
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-info .profile-info-content {
      padding: 10px 15px;
      width: 80%; }
      .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-info .profile-info-content .name,
      .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-info .profile-info-content .name {
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        color: #121414; }
      .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-info .profile-info-content .designation,
      .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-info .profile-info-content .designation {
        font-weight: 500;
        font-size: 14px;
        color: #929C9F; }
      .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-info .profile-info-content .text-overflow,
      .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-info .profile-info-content .text-overflow {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-actions .action,
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-actions .action {
    margin-bottom: 25px;
    display: flex;
    align-items: center; }
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-actions .action .action-title,
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-actions .action .action-title {
      font-size: 15px;
      font-weight: 500;
      color: #363B3D;
      padding-left: 15px; }
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-content .profile-actions .action .action-title:hover,
    .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-panel .profile-actions .action .action-title:hover {
      cursor: pointer;
      text-decoration: underline; }

.osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-icon {
  width: 25px;
  height: 25px;
  display: flex;
  background-color: #E9EBEC;
  border-radius: 50%;
  align-items: center;
  justify-content: center; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-icon .profile-img {
    cursor: pointer;
    height: 100%;
    border-radius: 50%; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .panel-profile-icon .profile-icon {
    color: #B8BFC1; }

.osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-header {
  font-size: 18px;
  font-weight: 600;
  color: #121414;
  text-align: center;
  margin: 18px; }

.osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-options {
  height: 150px;
  overflow-y: scroll; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-options .account-option {
    display: flex;
    align-items: center;
    padding: 10px 16px 10px 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease-in-out; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-options .account-option-img {
    width: 50px;
    height: 25px;
    margin-right: 8px;
    object-fit: contain; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-options .account-option:hover {
    background: #F4F5F5; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-options .account-option.selected {
    background: #F4F5F5; }
  .osjs-panel-item[data-name="profile"] .osjs-panel-profile .switch-account-options .account-option-check {
    color: #363B3D;
    margin-left: auto;
    font-size: 16px; }

.osjs-panel-item[data-name="profile"] .osjs-panel-profile .divider {
  border: 1px solid #f0eded;
  margin: 15px 0px; }

#iconi {
  margin-top: 20px;
  margin-right: 5px;
  margin-bottom: 20px;
  margin-left: 10px;
  color: white; }

#iconi1 {
  margin-top: 25px;
  margin-right: 5px;
  margin-bottom: 20px;
  margin-left: 10px;
  color: white; }

#info {
  font-size: 17px; }

.profileDiv {
  display: flex;
  flex-direction: row;
  line-height: 40px; }

.profileDiv .icon {
  width: 25%;
  color: white;
  text-align: center; }

.profileDiv .info {
  font-size: 17px;
  width: 100%;
  color: white;
  text-align: left;
  line-height: 23px;
  word-wrap: word-break;
  margin-top: 8px; }

.profileCard {
  flex-direction: row;
  color: white;
  padding-top: 10px;
  line-height: 30px;
  padding-bottom: 5px; }

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

.profileName {
  font-size: 18px; }

.profileButton {
  padding: 5px;
  float: right;
  position: absolute;
  padding-left: 120px; }

.profileIcon {
  width: 70% !important;
  border-radius: 50%; }

.profileEdit {
  margin-left: 85px; }

.coppyRight {
  display: flex;
  align-items: center; }
  .coppyRight #google_translate_element .goog-te-gadget span {
    display: none !important; }
  .coppyRight #google_translate_element .goog-te-gadget {
    font-size: 6px !important;
    margin-left: 10px !important; }

/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.osjs-panel-item[data-name=menu] {
  display: contents;
  align-items: center;
  padding: 0;
  cursor: pointer; }
  .osjs-panel-item[data-name=menu] > div {
    padding: 0px 0px !important; }

.osjs-panel-item[data-name=menu_hidden] {
  display: flex;
  align-items: center;
  padding: 0; }
  .osjs-panel-item[data-name=menu_hidden] > div {
    padding: 0px 5px !important; }

.appcaption {
  cursor: pointer; }

.osjs-panel-item[data-name=menu]:hover {
  background-color: rgba(255, 255, 255, 0.4); }

/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
/*.osjs-panel-item[data-name=tray] {
  display: flex;
  padding: 0;
  & > div {
    flex: 1 1;
    padding: .5em;
    margin: 4px 1px;

    & > img {
      margin-right: 0;
      vertical-align: middle;
      height: 100%;
      width: auto;
    }
  }
}*/
.osjs-panel-item--icon .badge {
  color: white;
  position: relative;
  right: -22px;
  bottom: -24px;
  top: 18px; }

@media all {
  .osjs-panel-item[data-name="tray"] {
    display: flex;
    padding: 0;
    margin: 0px 8px 0px 0px !important; }
    .osjs-panel-item[data-name="tray"] > div {
      flex: 1 1;
      padding: 0.5em;
      padding: 2px 4px !important;
      height: 45px;
      width: 45px; }
      .osjs-panel-item[data-name="tray"] > div > img {
        margin-right: 0;
        vertical-align: middle;
        height: 28px;
        width: auto;
        margin-left: -7px !important; }
  .osjs-panel-item[data-name="profile"] {
    display: flex;
    width: auto;
    padding: 0px 2px !important;
    margin: 0px 20px 0px 2px;
    align-items: center; }
    .osjs-panel-item[data-name="profile"] > div > img {
      vertical-align: middle;
      width: 24px;
      height: 24px;
      border-radius: 50%; } }

a.profileitem {
  cursor: pointer; }

@supports (-ms-ime-align: auto) {
  .osjs-panel-item[data-name="tray"] {
    display: flex;
    padding: 0; }
    .osjs-panel-item[data-name="tray"] > div {
      flex: 1 1;
      padding: 0.5em;
      margin: 4px 1px;
      padding: 0px;
      height: 45px;
      width: 45px; }
      .osjs-panel-item[data-name="tray"] > div > img {
        margin-right: 0;
        vertical-align: middle;
        height: 35px;
        width: auto;
        margin-left: 5px; }
  .osjs-panel-item[data-name="profile"] {
    display: flex;
    padding: 0;
    width: auto; }
    .osjs-panel-item[data-name="profile"] > div {
      flex: 1 1;
      margin: 4px 1px; }
      .osjs-panel-item[data-name="profile"] > div > img {
        margin-right: 0;
        vertical-align: middle;
        height: 100%;
        width: auto;
        border-radius: 50%; } }

@-moz-document url-prefix() {
  .osjs-panel-item[data-name="tray"] {
    display: flex;
    padding: 0; }
    .osjs-panel-item[data-name="tray"] > div {
      flex: 1 1;
      padding: 0.5em;
      margin: 4px 1px;
      padding: 0px;
      height: 45px;
      width: 45px; }
      .osjs-panel-item[data-name="tray"] > div > img {
        margin-right: 0;
        vertical-align: middle;
        height: 35px;
        width: auto;
        margin-left: 5px; }
  .osjs-panel-item[data-name="profile"] {
    display: flex;
    padding: 0;
    width: auto; }
    .osjs-panel-item[data-name="profile"] > div {
      flex: 1 1;
      margin: 4px 1px; }
      .osjs-panel-item[data-name="profile"] > div > img {
        margin-right: 0;
        vertical-align: middle;
        height: 100%;
        width: 100%;
        border-radius: 50%; } }

.badgeCheck {
  border-radius: 50%;
  background-color: #EE4623;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 5px;
  z-index: 100;
  height: 14px;
  min-width: 10px;
  line-height: 14px; }

.osjs-root[data-dir="rtl"] .osjs-panel-item[data-name="tray"] > div:not(:last-child) {
  margin-right: 0;
  margin-left: 1em; }

/*.osjs-panel-item[data-name=profile] {
  display: flex;
  padding: 0;
  & > div {
    flex: 1 1;
    margin: 4px 5px;
    & > img {
      margin-right: 0;
      vertical-align: middle;
      height: 100%;
      width: auto;
    }
  }
}*/
.osjs-panel-item {
  padding: 0px !important;
  margin: 0px 8px;
  align-items: center; }

.osjs-panel-item[data-name="logout"] {
  display: flex;
  cursor: pointer;
  height: 30px;
  width: 30px;
  padding: 5px;
  border-radius: 50%; }
  .osjs-panel-item[data-name="logout"] > div {
    flex: 1 1;
    padding: 2px;
    font-size: 20px;
    color: white; }
    .osjs-panel-item[data-name="logout"] > div > img {
      margin-right: 0;
      vertical-align: middle;
      height: 22px;
      width: 22px; }

.window-tray-close-button {
  padding: 5px;
  background-color: #275262;
  border-radius: 50%;
  vertical-align: middle;
  display: flex;
  flex-grow: 0.25;
  margin-left: 10px; }

.osjs-panel-item[data-name="windows"] > .window-tray-close-button i {
  width: 7px;
  height: 7px; }

.window-tray-close-button:hover {
  transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
  transform: scale(1.1);
  background-color: #0b242d; }

img.profile-dropdown-icon {
  width: 25px;
  height: auto; }

.profile-dropdown-item {
  display: flex; }

.profile-dropdown-item {
  display: flex;
  padding: 10px; }

.osjs-panel-item[data-name="tray"] > div > img {
  height: 22px;
  padding: 2px;
  width: 22px; }

.osjs-panel-item[data-name="tray"] > div {
  height: 30px;
  width: 30px;
  padding: 0px 0px 0px 2px; }

.profile-content:before {
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-width: 8px;
  margin-left: -8px;
  pointer-events: auto;
  cursor: pointer; }

.profile-dropdown-div {
  padding: 0;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px; }

/*
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2019, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */
.osjs-panel-item[data-name=windows] {
  display: flex;
  flex: 1 1;
  overflow: hidden;
  padding: 0; }
  .osjs-panel-item[data-name=windows] > div {
    cursor: pointer;
    flex: initial;
    padding: 0.66667em;
    min-width: 4em; }
    .osjs-panel-item[data-name=windows] > div > span {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.osjs-root[data-dir="rtl"] .osjs-panel-item[data-name=windows] > div:not(:last-child) {
  margin-right: 0;
  margin-left: 1em; }

.swal2-container {
  z-index: 16777275 !important; }

.spinner {
  width: 50%;
  text-align: center; }

.spinner > div {
  width: 25px;
  height: 25px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #ee4623; }

.spinner .bounce2 {
  margin-right: 3%;
  margin-left: 3%;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #f4ba18; }

.spinner .bounce3 {
  background-color: #a3c639; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/assets/scss/login.scss (1) ***!
  \********************************************************************************************************************************/
/*!
* This is the login page stylesheet.
* @author  Bharat Gogineni <bharat@vantageagora.com>
*/
html {
  height: 100%;
  overflow: hidden; }

body {
  height: 100%;
  margin: 0; }

body.login {
  font-family: 'Lato';
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  color: #545456;
  background-color: transparent; }

img#ox-logo {
  width: 100%;
  height: auto;
  max-height: 130px;
  object-fit: contain; }

.reactLoginPage {
  height: 100%; }

.loginContainer {
  width: 100%;
  display: flex !important;
  flex-direction: row;
  height: 100%;
  margin: 0 !important; }

#login-container {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ox-forgotPWText {
  margin: 20px 0px; }

#ox-container {
  height: 100%; }

img#AnnouncementIcon {
  height: 30px; }

#ox-login-form {
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  flex-flow: column;
  flex-grow: 3;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  min-width: 300px; }
  #ox-login-form h4 {
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.5); }
    #ox-login-form h4 span {
      color: black;
      font-weight: 700; }
  #ox-login-form p {
    line-height: 155%;
    margin-bottom: 5px;
    font-size: 14px;
    color: #000;
    opacity: 0.65;
    font-weight: 400;
    max-width: 200px;
    margin-bottom: 40px; }
  #ox-login-form a.discrete {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    border-bottom: solid 1px rgba(0, 0, 0, 0);
    padding-bottom: 4px;
    margin-left: auto;
    font-weight: 300;
    transition: all 0.3s ease;
    margin-top: 40px; }
    #ox-login-form a.discrete:hover {
      border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
  #ox-login-form button {
    -webkit-appearance: none;
    width: 100%;
    max-width: 250px;
    cursor: pointer;
    min-width: 100px;
    border-radius: .25em;
    text-align: center;
    padding: 15px 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #275362;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.13);
    border: none;
    transition: all .3s ease;
    outline: 0; }
    #ox-login-form button:hover {
      transform: translateY(-3px);
      background-color: #275362;
      box-shadow: 0 2px 6px -1px rgba(182, 157, 230, 0.65); }
      #ox-login-form button:hover:active {
        transform: scale(0.99); }
  #ox-login-form input {
    font-size: 16px;
    padding: 20px 0px;
    height: 56px;
    border: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    width: 280px;
    box-sizing: border-box;
    transition: all 0.3s linear;
    background: transparent;
    color: #000;
    font-weight: 400;
    -webkit-appearance: none; }
    #ox-login-form input:focus {
      border-bottom: solid 1px #275362;
      outline: 0;
      box-shadow: 0 2px 6px -8px rgba(182, 157, 230, 0.45); }
  #ox-login-form .floating-label {
    position: relative;
    margin-bottom: 10px;
    width: 100%; }
    #ox-login-form .floating-label label {
      top: calc(50% - 7px);
      left: 0;
      opacity: 0;
      transition: all 0.3s ease; }
    #ox-login-form .floating-label input {
      width: 100%;
      display: flex; }
    #ox-login-form .floating-label input:not(:placeholder-shown) {
      padding: 28px 0px 12px 0px;
      opacity: 1; }
    #ox-login-form .floating-label input:not(:placeholder-shown) + label {
      transform: translateY(-20px); }
    #ox-login-form .floating-label input:not(:valid):not(:focus) + label + .icon {
      animation-name: shake-shake;
      animation-duration: 0.3s; }

@keyframes shake-shake {
  0% {
    transform: translateX(-3px); }
  20% {
    transform: translateX(3px); }
  40% {
    transform: translateX(-3px); }
  60% {
    transform: translateX(3px); }
  80% {
    transform: translateX(-3px); }
  100% {
    transform: translateX(0px); } }

.form-wrapper {
  max-width: 515px;
  background: rgba(255, 255, 255, 0.8);
  padding: 30px 0;
  display: flex; }

.form-wrapper__inner {
  align-items: center;
  padding: 0px; }

.loginSlider {
  padding: 0 !important;
  height: inherit; }

.form-signin__footer {
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  display: flex;
  align-items: center; }

.form-signin {
  width: 100%; }

.footer-links {
  margin-bottom: 25px;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%; }

.ox-form {
  margin: 0; }

.ox-imgDiv {
  text-align: center;
  margin-bottom: 30px; }

.ox-content {
  width: 100%;
  padding: -5 px; }

.form-filler {
  width: 100;
  height: 120px; }

.footer-CR {
  color: white; }

.login .input-field > label {
  user-select: none; }

.login-copyright {
  font-size: 12px;
  color: #b3b3b3;
  text-align: center;
  padding: 0 16px; }

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px;
  z-index: 10;
  background-color: #452767; }

.coppyRight {
  color: #275362;
  justify-content: center; }

.osjs-login-error {
  color: #ff2b00;
  min-height: 24px;
  font-size: 13px;
  line-height: 1.23;
  text-shadow: none;
  position: relative;
  padding: 4px;
  margin-bottom: 1rem; }

@media screen and (max-width: 900px) {
  #ox-login-form {
    text-align: center;
    position: relative;
    margin: 0px;
    overflow: auto;
    flex: 0 0 100%;
    max-width: 500px; }
  .form-wrapper__inner {
    padding: 30px; }
  .ox-imgDiv {
    margin-bottom: 30px; }
  .loginSlider {
    display: none !important; }
  .loginContainer {
    flex-direction: column;
    align-items: center; } }

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 350px;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 5px 5px;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.6s;
  right: 10%;
  top: -100%; }

.tooltip-left {
  top: -5px;
  bottom: auto;
  right: 128%; }

.resetPasswordInputField {
  display: inline-flex; }
  .resetPasswordInputField .newPasswordDiv {
    display: inline;
    width: 100%; }
  .resetPasswordInputField .infoDiv {
    display: inline;
    width: 10%;
    margin: auto;
    border-bottom: none;
    position: relative; }

.passwordRestInfoIcon {
  color: white;
  font-size: 1.5em;
  border-radius: 10px;
  background-color: #275362; }

a.footer-link {
  color: #275362;
  text-decoration: dashed; }

a.forgotpasswordLink {
  margin: 15px;
  color: #275362;
  border-bottom: 1px dotted #275362;
  text-decoration: none; }

.footer {
  position: absolute;
  display: flex;
  bottom: 30px;
  width: 100%;
  flex-direction: column; }

.Announcement-visuals {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #edf3f2;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100% !important;
  position: absolute !important;
  top: 0px;
  align-content: center; }

.fallbackImage {
  height: 45%;
  width: 100%; }

.fallbackText {
  background-color: #3c3a3abf;
  height: 15vh; }

.Announcement-visuals img {
  width: auto;
  height: auto;
  max-width: 100%; }

.Announcement-content {
  position: absolute !important;
  width: 100% !important;
  text-align: center;
  bottom: 0px;
  height: auto;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
 "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
 "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: auto; }

h5,
h6 {
  white-space: normal;
  font-weight: bolder; }

.reactLoginPage {
  height: 100%; }

.announcement-slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  white-space: nowrap; }

.slider-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 10; }

.slide {
  position: unset;
  display: inline-block;
  height: 100%;
  width: 100%; }

.arrowWrap {
  flex-direction: row;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  top: 0px;
  position: absolute; }
  .arrowWrap .arrow {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: transform ease-in 0.1s;
    opacity: 0.3; }
  .arrowWrap div.arrow:hover {
    opacity: 1;
    background-color: white; }
  .arrowWrap .backArrow {
    z-index: 100;
    color: gray;
    opacity: 0.3;
    background-color: white;
    margin-left: 1%; }
  .arrowWrap .nextArrow {
    z-index: 100;
    color: gray;
    opacity: 0.3;
    background-color: white;
    margin-right: 1%; }

.AncVideo {
  max-width: 100%;
  height: 85%; }

.cloud-sliding-panel-container {
  overflow: hidden;
  background-color: #0000004d;
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;
  flex-direction: column; }
  .cloud-sliding-panel-container .bottomPanelShow {
    width: 87%;
    height: 81%;
    overflow-y: auto; }
  .cloud-sliding-panel-container .panel-glass {
    height: inherit;
    width: inherit; }
  .cloud-sliding-panel-container .popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%; }
    .cloud-sliding-panel-container .popup-content h6 {
      font-size: 1.5rem;
      margin-bottom: 3vh;
      margin-top: 4vh;
      max-width: 70%;
      user-select: text; }
    .cloud-sliding-panel-container .popup-content .mainText {
      user-select: text;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased !important;
      -moz-font-smoothing: antialiased !important;
      text-rendering: optimizelegibility !important;
      letter-spacing: 0.03em;
      max-width: 80%;
      font-family: "Open Sans", sans-serif;
      justify-content: center;
      font-size: 16px;
      text-align: center;
      line-height: 135%;
      margin-bottom: auto;
      margin-left: auto;
      margin-right: auto;
      white-space: normal;
      word-break: break-word; }
    .cloud-sliding-panel-container .popup-content .buttonWrap {
      margin: 3%;
      width: 15rem;
      display: flex;
      flex-direction: row;
      justify-content: center; }
    .cloud-sliding-panel-container .popup-content .popupButtons {
      margin-left: 6%;
      margin-right: 6%; }

.actionButton {
  -webkit-appearance: none;
  width: auto;
  min-width: 100px;
  border-radius: 24px;
  text-align: center;
  padding: 9px 15px;
  background-color: #275362;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 2px 2px 6px 1px #000000b5;
  border: none;
  outline: 0; }
  .actionButton:active {
    transform: scale(0.99); }

/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/widgets/widget.scss ***!
  \*************************************************************************************************************************/
.osjs-widget {
  width: 100% !important;
  height: 100% !important;
  overflow-y: auto !important; }

/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/index.scss ***!
  \****************************************************************************************************************/
.popup-background-overlay {
  display: none;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 29999 !important;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.3); }

/* For Webkit-based browsers (Chrome, Edge, Safari) */
.scroll-container::-webkit-scrollbar {
  width: 6px;
  /* Adjust this value to reduce the width */ }

.scroll-container::-webkit-scrollbar-thumb {
  background: #ccc;
  /* Color of the scrollbar */
  border-radius: 10px; }

.scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Background of the scrollbar track */ }

.sweet-alert-container {
  border-radius: 15px;
  padding: 20px; }
  .sweet-alert-container .swal2-title {
    color: #000000;
    padding: 15px;
    font-size: 28px;
    font-family: "Open Sans", "Roboto", sans-serif; }
  .sweet-alert-container .swal-html-content {
    color: #000000;
    font-size: 28px;
    font-family: "Open Sans", "Roboto", sans-serif;
    font-weight: 600; }
  .sweet-alert-container .swal2-confirm {
    background-color: #2F80ED !important;
    color: #FFFFFF !important;
    border-radius: 30px !important;
    min-width: 160px;
    min-height: 40px;
    margin: 10px 0px; }
  .sweet-alert-container .swal2-cancel {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-radius: 30px !important;
    min-width: 160px;
    min-height: 40px;
    margin: 10px 0px;
    border: 1px solid #B8BFC1 !important; }
  .sweet-alert-container .swal2-actions {
    margin: 15px 0px;
    gap: 15px; }
  .sweet-alert-container .swal2-image {
    height: 70px;
    width: 70px;
    margin: 15px auto; }
  .sweet-alert-container .swal2-close {
    color: #000000;
    font-size: 25px;
    margin: 5px; }
  .sweet-alert-container .swal2-icon {
    scale: 0.6;
    margin: 0px auto 0px; }
  .sweet-alert-container .swal2-error {
    background-color: #f27474 !important; }
  .sweet-alert-container .swal2-success-line-tip,
  .sweet-alert-container .swal2-success-line-long,
  .sweet-alert-container .swal2-x-mark-line-right,
  .sweet-alert-container .swal2-x-mark-line-left {
    background-color: #FFFFFF !important;
    z-index: 3 !important; }
  .sweet-alert-container .swal2-success-ring {
    background-color: #10B981 !important; }
  .sweet-alert-container .swal2-info {
    background-color: #3fc3ee !important;
    color: #ffffff !important; }
  .sweet-alert-container .swal2-question {
    background-color: #87adbd !important;
    color: #ffffff !important;
    border-color: #87adbd !important; }
  .sweet-alert-container .swal2-warning {
    background-color: #F59E0B !important;
    color: #ffffff !important;
    border-color: #F59E0B !important; }
  .sweet-alert-container .swal2-html-container {
    color: #000000;
    font-size: 16px;
    font-family: "Open Sans", "Roboto", sans-serif;
    font-weight: 400;
    padding: 5px 10px 10px 10px;
    margin: auto; }

/*!******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/typeface-roboto/index.css ***!
  \******************************************************************************************/
/* roboto-100normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src:
    local('Roboto Thin '),
    local('Roboto-Thin'),
    url(ab5e77ed754b06733c1c.woff2) format('woff2'), /* Super Modern Browsers */
    url(ad681b2c824adb6e14c1.woff) format('woff'); /* Modern Browsers */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src:
    local('Roboto Thin italic'),
    local('Roboto-Thinitalic'),
    url(79b9a8a36125984ed26c.woff2) format('woff2'), /* Super Modern Browsers */
    url(614a81710e2a23b70b7a.woff) format('woff'); /* Modern Browsers */
}

/* roboto-300normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Light '),
    local('Roboto-Light'),
    url(6cc1638404396ff62b16.woff2) format('woff2'), /* Super Modern Browsers */
    url(7d9e4cf3e0f5c237e964.woff) format('woff'); /* Modern Browsers */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Light italic'),
    local('Roboto-Lightitalic'),
    url(ca52a703770c15110bcd.woff2) format('woff2'), /* Super Modern Browsers */
    url(58c43f017720f537e13c.woff) format('woff'); /* Modern Browsers */
}

/* roboto-400normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Regular '),
    local('Roboto-Regular'),
    url(e55a645df29b7a15ece5.woff2) format('woff2'), /* Super Modern Browsers */
    url(728317751e97230aad76.woff) format('woff'); /* Modern Browsers */
}

/* roboto-400italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Regular italic'),
    local('Roboto-Regularitalic'),
    url(259034ce5fcb08b2d921.woff2) format('woff2'), /* Super Modern Browsers */
    url(8a71266ac8dae7b4c622.woff) format('woff'); /* Modern Browsers */
}

/* roboto-500normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Medium '),
    local('Roboto-Medium'),
    url(e383b8d3f69e66f9675b.woff2) format('woff2'), /* Super Modern Browsers */
    url(d10bb8344b490eba1d50.woff) format('woff'); /* Modern Browsers */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Medium italic'),
    local('Roboto-Mediumitalic'),
    url(3c5b0f4e3baa20e26ee9.woff2) format('woff2'), /* Super Modern Browsers */
    url(c8dcf3c798d7b8872811.woff) format('woff'); /* Modern Browsers */
}

/* roboto-700normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Roboto Bold '),
    local('Roboto-Bold'),
    url(d67aa4fbbe092e0f1c5e.woff2) format('woff2'), /* Super Modern Browsers */
    url(b27b05472d45240e53e1.woff) format('woff'); /* Modern Browsers */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local('Roboto Bold italic'),
    local('Roboto-Bolditalic'),
    url(6b8420d87adbdbbc0fb7.woff2) format('woff2'), /* Super Modern Browsers */
    url(66d60d5eabd81a7ccc0f.woff) format('woff'); /* Modern Browsers */
}

/* roboto-900normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Roboto Black '),
    local('Roboto-Black'),
    url(46add680a3d523e0a594.woff2) format('woff2'), /* Super Modern Browsers */
    url(5a841efb55f92b43c925.woff) format('woff'); /* Modern Browsers */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local('Roboto Black italic'),
    local('Roboto-Blackitalic'),
    url(4933a5fa4ac0aa700e79.woff2) format('woff2'), /* Super Modern Browsers */
    url(f8e4dd50bd02eca09c7b.woff) format('woff'); /* Modern Browsers */
}


/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@osjs/gui/dist/main.css ***!
  \****************************************************************************************/
/*!
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2020, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */.osjs-gui{display:flex;position:relative;min-width:1em;min-height:1em;box-sizing:border-box}.osjs-window-content>.osjs-gui-box:only-child{position:absolute;top:0;left:0;right:0;bottom:0}.osjs-gui-horizontal{flex-direction:column}.osjs-gui-vertical{flex-direction:row}.osjs-icon{background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;background-size:100%;min-width:1rem;min-height:1rem;display:inline-block;vertical-align:middle}.osjs-gui-box{display:flex;overflow:hidden}.osjs-gui-box>.osjs-gui-menubar,.osjs-gui-box>.osjs-gui-statusbar,.osjs-gui-box>.osjs-gui-toolbar{flex-shrink:0}.osjs-gui-box-container,.osjs-gui-box>.osjs-gui{margin:.5em;flex-shrink:0}.osjs-gui-button>button{cursor:pointer;display:block;margin:0;padding:.5em;outline:0 none;width:100%;height:100%;overflow:hidden;border:0;background:transparent;box-sizing:border-box;font-family:inherit;font-size:inherit;white-space:nowrap}.osjs-gui-button>button::-moz-focus-inner{border:0;padding:0}.osjs-gui-button>button>.osjs-icon+.osjs-label{margin-left:.5em}.osjs-gui-button>button>span{vertical-align:middle}.osjs-gui-field{position:relative}.osjs-gui-field input,.osjs-gui-field select,.osjs-gui-field textarea{display:block;width:100%;height:100%;outline:none;padding:.5em;margin:0;background:transparent;border:0;box-sizing:border-box;resize:none;font-family:inherit;font-size:inherit;border-radius:0}.osjs-gui-textarea-field{flex-direction:column}.osjs-gui-textarea-field>textarea{flex-grow:1}.osjs-gui-select-field>div{position:relative;flex-basis:100%}.osjs-gui-select-field>div>select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.osjs-gui-select-field>div:after{content:"↴";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;width:1em;height:1em;right:.5em}.osjs-gui-toggle-field>label{position:relative;user-select:none!important;display:flex}.osjs-gui-toggle-field>label>input{display:block;position:absolute;visibility:hidden;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.osjs-gui-toggle-field>label>input:checked+span:after{display:block}.osjs-gui-toggle-field>label>.osjs-toggle-input{position:relative;display:inline-block;width:1em;height:1em}.osjs-gui-toggle-field>label>.osjs-toggle-input:after,.osjs-gui-toggle-field>label>.osjs-toggle-input:before{content:"";position:absolute;width:1em;height:1em;box-sizing:border-box}.osjs-gui-toggle-field>label>.osjs-toggle-input:before{z-index:10}.osjs-gui-toggle-field>label>.osjs-toggle-input:after{content:"❌";display:none;font-size:80%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.osjs-gui-toggle-field>label>.osjs-toggle-label{display:block;flex-grow:1;position:relative;padding-left:.5em}.osjs-gui-field-label{display:flex;flex-wrap:nowrap;justify-content:left}.osjs-gui-field-label>label{display:block}.osjs-gui-field-label>.osjs-gui{margin:0}.osjs-gui-field-label.osjs-gui-field-label-on-top{flex-direction:column}.osjs-gui-field-label.osjs-gui-field-label-on-top>label{margin-bottom:.5em}.osjs-gui-field-label.osjs-gui-field-label-on-bottom{flex-direction:column-reverse}.osjs-gui-field-label.osjs-gui-field-label-on-bottom>label{margin-top:.5em}.osjs-gui-field-label.osjs-gui-field-label-on-left{flex-direction:row;align-items:center}.osjs-gui-field-label.osjs-gui-field-label-on-left>label{margin-right:.5em}.osjs-gui-field-label.osjs-gui-field-label-on-left>.osjs-gui{flex:1 1}.osjs-root[data-dir=rtl] .osjs-gui-select-field>div:after{right:auto;left:.5em}.osjs-gui-list-view{overflow:hidden}.osjs-gui-list-view .osjs-icon{margin-right:.5em}.osjs-gui-list-view-wrapper{min-height:4em;display:flex;flex-basis:100%;overflow:auto;align-items:flex-start;position:relative}.osjs-gui-list-view-pane{min-width:1em;min-height:1em;position:relative;flex:1 1}.osjs-gui-list-view-pane:last-child{flex-grow:1}.osjs-gui-list-view-cell,.osjs-gui-list-view-header{position:relative;padding:.5em;flex-shrink:0;z-index:1;min-height:1em;display:flex}.osjs-gui-list-view-cell>span,.osjs-gui-list-view-header>span{min-height:1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1 1;line-height:1}.osjs-gui-list-view-header{z-index:10;position:sticky;top:0}.osjs-root[data-dir=rtl] .osjs-gui-list-view .osjs-icon{margin-right:0;margin-left:.5em}.osjs-gui-icon-view-wrapper{flex-basis:100%;flex-wrap:wrap;overflow:auto}.osjs-gui-icon-view-entry{position:relative;display:inline-block;width:6em;height:7em;text-align:center;overflow:visible;z-index:1}.osjs-gui-icon-view-entry.osjs__active{z-index:2}.osjs-gui-icon-view-entry.osjs__active .osjs__label{overflow:visible!important;height:auto!important}.osjs-gui-icon-view-entry *{pointer-events:none}.osjs-gui-icon-view-entry>.osjs__container{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%}.osjs-gui-icon-view-entry>.osjs__container>.osjs__image{padding:.5em}.osjs-gui-icon-view-entry>.osjs__container>.osjs__image>.osjs-icon{width:3em;height:3em}.osjs-gui-icon-view-entry>.osjs__container>.osjs__label{padding:.5em;height:2em;line-height:1.2;overflow:hidden;word-break:break-all}.osjs-gui-icon-view-entry>.osjs__container>.osjs__label>span,.osjs-gui-image{display:block}.osjs-gui-video{display:block;background-color:#000;flex-basis:100%}.osjs-gui-video>video{background-color:#000;width:100%;height:100%}.osjs-gui-menubar{margin:0!important}.osjs-gui-menubar>div{box-sizing:border-box}.osjs-gui-menubar>div>span{margin:.5em;display:block;pointer-events:none}.osjs-gui-menu{position:absolute;z-index:9999999999}.osjs-gui-menu ul{list-style-type:none}.osjs-gui-menu ul,.osjs-gui-menu ul>li{margin:0;padding:0}.osjs-gui-menu ul>li>div{position:relative;cursor:pointer}.osjs-gui-menu ul>li>div>ul{display:none;position:absolute;z-index:10;left:100%;top:0}.osjs-gui-menu ul>li>div>ul.clamp-right{left:auto;right:100%}.osjs-gui-menu ul>li>div:hover>ul{display:block}.osjs-gui-menu-separator{height:1px;display:block;padding:.5em;box-sizing:border-box}.osjs-gui-menu-separator:after{content:"";display:block;background:hsla(0,0%,100%,.5);height:1px}.osjs-gui-menu-label{display:flex;padding:.5em 1.5em .5em .5em;box-sizing:border-box;position:relative;pointer-events:none;white-space:nowrap;min-height:1rem;align-items:center}.osjs-gui-menu-label>.osjs-gui-menu-checkbox,.osjs-gui-menu-label>.osjs-icon{margin-right:.5em}.osjs-gui-menu-label>.osjs-gui-menu-checkbox:after{left:50%;top:50%;transform:translate(-50%,-50%);content:"✓";text-align:center;display:none}.osjs-gui-menu-label>.osjs-gui-menu-checkbox.active:after{display:inline}.osjs-gui-menu-container[data-has-children]>.osjs-gui-menu-label:after{content:"▶";position:absolute;right:.5em;top:50%;transform:translateY(-50%)}.osjs-root[data-dir=rtl] .osjs-gui-menu-label{padding-right:.5em;padding-left:1.5em}.osjs-root[data-dir=rtl] .osjs-gui-menu-label>.osjs-gui-menu-checkbox,.osjs-root[data-dir=rtl] .osjs-gui-menu-label>.osjs-icon{margin-right:0;margin-left:.5em}.osjs-root[data-dir=rtl] .osjs-gui-menu-container[data-has-children]>.osjs-gui-menu-label:after{right:auto;left:.5em}.osjs-gui-panes{height:100%;overflow:hidden;position:relative}.osjs-gui-panes-inner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex}.osjs-gui-panes-inner.osjs-gui-vertical>.osjs-gui-panes-pane>.osjs-gui{width:100%}.osjs-gui-panes-inner.osjs-gui-vertical>.osjs-gui-panes-spacer{height:100%;width:.5em;min-width:.5em;cursor:ew-resize}.osjs-gui-panes-inner.osjs-gui-horizontal>.osjs-gui-panes-pane>.osjs-gui{height:100%}.osjs-gui-panes-inner.osjs-gui-horizontal>.osjs-gui-panes-spacer{width:100%;height:.5em;min-height:.5em;cursor:ns-resize}.osjs-gui-panes-pane{position:relative;margin:.5em;box-sizing:border-box;overflow:hidden;display:flex}.osjs-gui-panes-pane:last-of-type{flex-grow:1}.osjs-gui-progressbar-wrapper{display:flex;z-index:1;width:100%;line-height:2;padding:.5em;text-align:center;min-height:2em;position:relative;box-sizing:border-box;flex-grow:1}.osjs-gui-progressbar-value{position:absolute;top:0;left:0;width:0;height:100%;z-index:2}.osjs-gui-progressbar-label{z-index:3;position:absolute;top:0;left:0;width:100%;height:100%}.osjs-gui-progressbar-label>span{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.osjs-gui-statusbar{white-space:nowrap}.osjs-gui-tabs{display:flex;flex:1 1}.osjs-gui-tabs-wrapper{display:flex;flex-grow:1;flex-direction:column}.osjs-gui-tabs-header{display:flex;flex-shrink:0}.osjs-gui-tabs-header>div{padding:.5em;cursor:pointer;position:relative;z-index:2;white-space:nowrap}.osjs-gui-tabs-panes{position:relative;z-index:1;flex-grow:1;display:flex;overflow:hidden}.osjs-gui-tabs-panes>div{display:none;padding:.5em;width:100%;overflow:auto}.osjs-gui-tabs-panes>div.osjs__active{display:flex;flex-grow:1;flex-shrink:1}.osjs-gui-toolbar{display:flex}.osjs-gui-toolbar>.osjs-gui{flex-shrink:0}.osjs-gui-toolbar.osjs-gui-vertical>.osjs-gui:not(:last-child){margin-right:1em}.osjs-gui-toolbar.osjs-gui-horizontal>.osjs-gui:not(:last-child){margin-bottom:1em}.osjs-root[data-dir=rtl] .osjs-gui-toolbar.osjs-gui-vertical>.osjs-gui:not(:last-child){margin-right:0;margin-left:1em}.osjs-root[data-dir=rtl] .osjs-gui-toolbar.osjs-gui-horizontal>.osjs-gui:not(:last-child){margin-bottom:0;margin-top:1em}.osjs-gui-iframe>iframe{display:block;border:0;background-color:#fff;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%}.osjs-gui-expander{display:block}.osjs-gui-expander-wrapper{display:flex;flex-direction:column}.osjs-gui-expander-header{flex:1 1;display:flex;padding:.5em;cursor:pointer}.osjs-gui-expander-header-icon{flex:0 0;min-width:1em;margin-right:.5em}.osjs-gui-expander-header-icon:after{content:"▼"}.osjs-gui-expander-header-icon[data-active=true]:after{content:"▲"}.osjs-gui-expander-header-label{flex:1 1}.osjs-gui-expander-content{margin-top:1em}
/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@osjs/dialogs/dist/main.css ***!
  \********************************************************************************************/
/*!
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */.osjs-dialog-buttons{justify-content:flex-end}.osjs-dialog-message,.osjs-dialog-status{margin-bottom:1em;min-height:1em;line-height:1.5}
/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@osjs/panels/dist/main.css ***!
  \*******************************************************************************************/
/*!
 * OS.js - JavaScript Cloud/Web Desktop Platform
 *
 * Copyright (c) 2011-2020, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */.osjs-panel{display:flex;min-height:1em;align-items:center;box-sizing:border-box;position:absolute;left:0;right:0;line-height:normal}.osjs-panel[data-ontop=true]{z-index:16777271}.osjs-panel[data-position=top]{top:0}.osjs-panel[data-position=bottom]{bottom:0}.osjs-panel>.osjs-panel-item{min-height:1em;position:relative;box-sizing:border-box;padding:.6666666667em}.osjs-panel .osjs-panel-item--icon{display:flex;align-items:center}.osjs-panel .osjs-panel-item--icon>img{height:1em;margin-right:.5em}.osjs-root[data-dir=rtl] .osjs-panel .osjs-panel-item--icon>img{margin-right:0;margin-left:.5em}.osjs-panel-item[data-name=clock]{display:flex;align-items:center;white-space:nowrap}.osjs-panel-item[data-name=menu]{display:flex;align-items:center;padding:0}.osjs-panel-item[data-name=menu]>div{padding:.6666666667em}.osjs-panel-item[data-name=tray]{display:flex;padding:0}.osjs-panel-item[data-name=tray]>div{flex:1 1;padding:.6666666667em .3333333333em}.osjs-panel-item[data-name=tray]>div>img{margin-left:0!important;margin-right:0;vertical-align:middle}.osjs-panel-item[data-name=windows]{display:flex;flex:1 1;overflow:hidden;padding:0}.osjs-panel-item[data-name=windows]>div{cursor:pointer;flex:initial;padding:.6666666667em;min-width:4em}.osjs-panel-item[data-name=windows]>div>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/client/assets/scss/index.scss (1) ***!
  \********************************************************************************************************************************/
html {
  font-family: "Lato"; }

.osjs-window-header {
  height: 3em; }

.osjs-window-icon > i {
  height: 1em;
  width: 1em;
  margin-left: 6px; }

.osjs-notifications {
  top: 45px; }

.fa {
  font-family: "Font Awesome 6 Pro" !important; }

.osjs-panel-item .logo-here img {
  width: 75px; }


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