/* [project]/node_modules/@timeedit/ui-components/lib/src/components/Logotype/Logotype.css [app-client] (css) */
@layer teui-components {
  .te-logotype svg {
    width: auto;
    height: 100%;
  }
}

/* [project]/node_modules/@timeedit/ui-components/lib/src/components/Tag/Tag.css [app-client] (css) */
@layer teui-components {
  :root .ant-tag {
    align-items: center;
    display: inline-flex;
  }

  :root .ant-tag-default {
    color: #000000e0;
    background-color: #00000009;
    border-color: #00000073;
  }

  :root .ant-tag-default > .anticon {
    color: #000000e0;
  }

  :root .ant-tag-success {
    color: #003823;
    background-color: #dfffea;
    border-color: #7adea4;
  }

  :root .ant-tag-success > .anticon {
    color: #003823;
  }

  :root .ant-tag-processing {
    color: #34047d;
    background-color: #faf0ff;
    border-color: #dca8ff;
  }

  :root .ant-tag-processing > .anticon {
    color: #34047d;
  }

  :root .ant-tag-warning {
    color: #876300;
    background-color: #ffffe6;
    border-color: #ffe330;
  }

  :root .ant-tag-warning > .anticon {
    color: #876300;
  }

  :root .ant-tag-error {
    color: #820705;
    background-color: #fff4f0;
    border-color: #ff9982;
  }

  :root .ant-tag-error > .anticon {
    color: #820705;
  }

  :root .ant-tag-magenta {
    color: #9e1068;
    background-color: #fff0f6;
    border-color: #f759ab;
  }

  :root .ant-tag-magenta > .anticon {
    color: #9e1068;
  }

  :root .ant-tag-blue {
    color: #00008c;
    background-color: #f0f4ff;
    border-color: #4f67ff;
  }

  :root .ant-tag-blue > .anticon {
    color: #00008c;
  }

  :root .ant-tag-cyan {
    color: #005661;
    background-color: #e6fffb;
    border-color: #2fe0dd;
  }

  :root .ant-tag-cyan > .anticon {
    color: #005661;
  }

  :root .ant-tag-geekblue {
    color: #003623;
    background-color: #e1fff2;
    border-color: #06a95f;
  }

  :root .ant-tag-geekblue > .anticon {
    color: #003623;
  }

  :root .ant-tag-gold {
    color: #8c5400;
    background-color: #fffdf0;
    border-color: #ffcc40;
  }

  :root .ant-tag-gold > .anticon {
    color: #8c5400;
  }

  :root .ant-tag-green {
    color: #005e37;
    background-color: #dfffea;
    border-color: #2abf72;
  }

  :root .ant-tag-green > .anticon {
    color: #005e37;
  }

  :root .ant-tag-lime {
    color: #3f6600;
    background-color: #fcffe6;
    border-color: #bae637;
  }

  :root .ant-tag-lime > .anticon {
    color: #3f6600;
  }

  :root .ant-tag-orange {
    color: #ad4e00;
    background-color: #fff7e6;
    border-color: #ffa940;
  }

  :root .ant-tag-orange > .anticon {
    color: #ad4e00;
  }

  :root .ant-tag-purple {
    color: #4e0da3;
    background-color: #faf0ff;
    border-color: #af56fc;
  }

  :root .ant-tag-purple > .anticon {
    color: #4e0da3;
  }

  :root .ant-tag-red {
    color: #a8170f;
    background-color: #fff4f0;
    border-color: #ff7259;
  }

  :root .ant-tag-red > .anticon {
    color: #a8170f;
  }

  :root .ant-tag-volcano {
    color: #ad2102;
    background-color: #fff2e8;
    border-color: #ff7a45;
  }

  :root .ant-tag-volcano > .anticon {
    color: #ad2102;
  }

  :root .ant-tag--dashed {
    border-style: dashed;
  }
}

/* [project]/node_modules/@timeedit/ui-components/lib/src/components/Topbar/TopbarLayout.css [app-client] (css) */
@layer teui-components {
  .top-bar-layout-wrapper .topbar-icon-padding {
    padding-left: 8px;
    padding-right: 8px;
  }

  .top-bar-layout-wrapper .topbar-right-side-padding {
    padding-right: 8px;
  }

  .top-bar-layout-wrapper {
    z-index: 2000;
    box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;
  }

  .top-bar-layout-wrapper .ant-menu-submenu-popup .ant-menu-vertical, .top-bar-layout-wrapper .ant-popover .ant-popover-inner {
    box-shadow: 0 1px 2px -2px #00000029, 0 5px 12px 4px #0000001f;
  }

  .top-bar-layout-wrapper .te-hamburger-language-action .ant-menu-submenu-title {
    color: currentColor !important;
  }

  .top-bar-layout-wrapper .te-hamburger-language-action .ant-menu-item-selected:before {
    display: none;
  }

  .top-bar-layout-wrapper .ant-menu {
    border: none;
    min-width: 0;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal {
    height: 100%;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-item, .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-overflow-item {
    border-radius: 6px;
    padding: 16px;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-item, .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-submenu {
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 8px;
    margin-right: 8px;
    padding: 0 16px;
    line-height: 100%;
    display: flex;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-item .ant-menu-submenu-title, .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-submenu .ant-menu-submenu-title {
    height: 100%;
    display: flex;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-item .ant-menu-submenu-title .ant-menu-title-content, .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content {
    align-self: center;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-item:after, .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-submenu:after {
    border-bottom: none !important;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-overflow-item:hover {
    background-color: #00000014;
    border-radius: 6px;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-overflow-item.ant-menu-item-selected:hover, .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-item-selected {
    background-color: #e1fff2;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-item-selected:after {
    content: "";
    pointer-events: none;
    background-color: #00824c;
    border-radius: 2px;
    height: 2px;
    position: absolute;
    bottom: 8px;
    left: 16px;
    right: 16px;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-submenu-selected {
    background-color: #e1fff2;
    border-radius: 6px;
  }

  .top-bar-layout-wrapper .ant-menu-horizontal .ant-menu-submenu-selected:after {
    content: "";
    pointer-events: none;
    background-color: #00824c;
    height: 2px;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
  }

  .top-bar-layout-wrapper .ant-menu-inline .ant-menu-item:before {
    content: "";
    opacity: 0;
    background: #00824c;
    border-radius: 4px;
    width: 3px;
    height: 20px;
    padding-right: 0;
    transition: all .3s;
    position: absolute;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
  }

  .top-bar-layout-wrapper .ant-menu-inline .ant-menu-item.ant-menu-item-selected:before {
    opacity: 1;
    transform: translate(-10px, -50%);
  }
}

/* [project]/node_modules/@timeedit/ui-components/lib/src/components/Typography/Typography.css [app-client] (css) */
@layer teui-components {
  .ant-typography.typography__title--h1 {
    font-family: "Source Sans 3", sans-serif;
    font-size: 2.375rem;
    font-weight: 600;
    line-height: 2.875rem;
  }

  .ant-typography.typography__title--h2 {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 2.375rem;
  }

  .ant-typography.typography__title--h3 {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
  }

  .ant-typography.typography__title--h4 {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
  }

  .ant-typography.typography__title--h5 {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
  }

  .ant-typography.typography__text--small {
    font-family: "Source Sans 3", sans-serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .ant-typography.typography__text--base {
    font-family: "Source Sans 3", sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375rem;
  }

  .ant-typography.typography__text--large {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
  }

  .ant-typography.typography__text--extra-large {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
  }

  .typography__link--icon {
    margin-left: 4px;
  }
}

/* [project]/node_modules/@timeedit/ui-components/lib/src/Layouts/StandardLayout/StandardLayout.css [app-client] (css) */
.standard-layout-page-wrapper {
  background-color: #fff;
  max-width: none;
  margin: 0;
  padding: 0;
}

.standard-layout-page-wrapper .ant-layout-sider.ant-layout-sider-light.ant-layout-sider-collapsed.te-sidemenu {
  min-width: 24px !important;
  max-width: 24px !important;
}

.standard-layout-page-wrapper .te-sidemenu {
  z-index: 500;
  box-shadow: 0 5px 12px 4px #00000017, 0 3px 6px #0000001f, 0 1px 2px -2px #00000029;
  flex: none !important;
  width: auto !important;
  min-width: 192px !important;
  max-width: 264px !important;
}

.standard-layout-page-wrapper .te-sidemenu:hover .collapse-button-wrapper {
  visibility: visible;
  animation: .15s ease-in-out fadeIn;
}

.standard-layout-page-wrapper .te-sidemenu .ant-layout-sider-children {
  overflow-y: scroll;
}

.standard-layout-page-wrapper .te-sidemenu .collapse-button-wrapper {
  visibility: hidden;
  border-radius: 50%;
  animation: .15s ease-in-out fadeOut;
  position: absolute;
  bottom: 96px;
  right: -16px;
  box-shadow: 0 9px 28px #0000000d, 0 3px 6px #0000001f;
}

.standard-layout-page-wrapper .te-sidemenu .collapse-button-wrapper .collapse-button {
  z-index: 1000;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  transition: transform 50ms ease-in-out;
  display: flex;
}

.standard-layout-page-wrapper .te-sidemenu .collapse-button-wrapper .collapse-button.collapsed {
  transform: rotate(180deg);
}

.standard-layout-page-wrapper .standard-layout-content-wrapper {
  height: 100%;
  padding-left: 8px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }

  99% {
    opacity: 0;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* [project]/node_modules/@timeedit/ui-components/lib/src/components/SideMenu/SideMenu.css [app-client] (css) */
@keyframes slideInFromLeft {
  0% {
    transform: translate(-100%);
  }

  to {
    transform: translate(0);
  }
}

@keyframes slideOutFromLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  99% {
    opacity: 1;
    transform: translate(-99%);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@layer teui-components {
  .side-menu-wrapper {
    overflow: visible;
    overflow-y: hidden !important;
  }

  .side-menu-wrapper .ant-menu-inline {
    border-right: 1px solid #fff0 !important;
  }

  .side-menu-wrapper .ant-menu-submenu-inline .ant-menu-item-selected {
    padding-left: 60px !important;
  }

  .side-menu-wrapper .ant-menu-submenu-inline .ant-menu-item-selected:before {
    content: "";
    background-color: #00824c;
    border-radius: 4px;
    width: 3px;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 52px;
  }

  .side-menu-wrapper::-webkit-scrollbar {
    width: 10px;
  }

  .side-menu-wrapper::-webkit-scrollbar-track {
    background: none;
  }

  .side-menu-wrapper::-webkit-scrollbar-thumb {
    background: #00000073;
    border-radius: 5px;
  }

  .side-menu-wrapper::-webkit-scrollbar-thumb:hover {
    background: #000000a6;
    border-radius: 5px;
  }

  .side-menu-wrapper .ant-menu-item-selected {
    color: #00824c !important;
    background-color: #e1fff2 !important;
    padding-left: 32px !important;
    padding-right: 8px !important;
  }

  .side-menu-wrapper .ant-menu-item-selected :after {
    content: "";
    background-color: #00824c;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .side-menu-wrapper .ant-menu-item-selected:before {
    content: "";
    background-color: #00824c;
    border-radius: 4px;
    width: 3px;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 24px;
  }

  .side-menu-wrapper.expanded {
    animation: .25s ease-in-out slideInFromLeft;
  }

  .side-menu-wrapper.expanded:hover {
    overflow-y: overlay !important;
  }

  .side-menu-wrapper.collapsed {
    animation: .25s forwards slideOutFromLeft;
  }

  .side-menu-wrapper__header {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

