@font-face {
  font-family: "kulagregular";
  src: url("../ressources/fonts/kulag-regular-webfont.woff2") format("woff2"),
    url("../ressources/fonts/kulag-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "kulagoutline";
  src: url("../ressources/fonts/kulag-outline-webfont.woff2") format("woff2"),
    url("../ressources/fonts/kulag-outline-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

:root {
}

[contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}

/* css animations */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated_quick {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, -60deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes slideInRight {
  from {
    transform: perspective(400px) rotateY(50deg) translate3d(100%, 0%, 0%);
    visibility: visible;
  }

  to {
    transform: perspective(400px) rotateY(50deg) translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.animated.fadeIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes slideInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideOutUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideOutRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInRightNf {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRightNf {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRightNf {
  -webkit-animation-name: slideInRightNf;
  animation-name: slideInRightNf;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

.openWidth {
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-name: openWidth;
  animation-name: openWidth;
}

@keyframes openWidth {
  from {
    width: 0 !important;
    min-width: 0;
    padding: 0;
  }

  to {
    width: auto !important;
    min-width: 3em;
    padding: 0 0.5em;
  }
}

@-webkit-keyframes openWidth {
  from {
    width: 0 !important;
    min-width: 0;
    padding: 0;
  }

  to {
    width: auto !important;
    min-width: 3em;
    padding: 0 0.5em;
  }
}

.closeWidth {
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-name: closeWidth;
  animation-name: closeWidth;
}

@keyframes closeWidth {
  from {
    width: auto !important;
    min-width: 3em;
    padding: 0 0.5em;
  }

  to {
    width: 0 !important;
    min-width: 0;
    padding: 0;
  }
}

@-webkit-keyframes closeWidth {
  from {
    width: auto !important;
    min-width: 3em;
    padding: 0 0.5em;
  }

  to {
    width: 0 !important;
    min-width: 0;
    padding: 0;
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

/* general styles */
html {
  font-size: 14px;
}

body {
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
  transition: visibility 0.3s;
}

body.theme-white {
  --grey-color: #333;
  --main-color: #282828;
  --input-bottom-color: #d6d6d6;
  --error-red-color: #d8544f;
  --border-grey: rgba(0, 0, 0, 0.1);
  --button-border-grey: rgba(0, 0, 0, 0.1);
  --border-grey-darker: rgba(0, 0, 0, 0.3);
  --main-background: #fff;
  --menu-background: rgba(255, 255, 255, 0.7);
  --menu-background-opaque: rgba(255, 255, 255, 1);
  --menubar-background: #fff;
  --clearer-main: #f7f7f7;
  --clearer-main2: #f5f5f5;
  --edit-bar-background: rgba(255, 255, 255, 0.8);
  --edit-bar-background-opaque: rgba(255, 255, 255, 1);
  --button-background: rgb(14, 14, 14);
  --button-text: #fff;

  --notification-center-background: #f5f5f5;
  --notification-center-background-transparent: rgba(245, 245, 245, 0.6);
  --notification-center-color: #282828;
  --notification-background: rgba(222, 222, 222, 0.9);
  --notification-opaque-background: rgba(222, 222, 222, 1);
  --notification-action-background: rgb(222, 222, 222);
  --notification-action-hover-background: rgb(196, 196, 196);
  --notification-color: #282828;
  color: var(--main-color);
}

body.theme-black {
  color: #b8b4b4;
  --grey-color: #5c5c5b;
  --main-color: #b8b4b4;
  --input-bottom-color: #d6d6d6;
  --error-red-color: #d8544f;
  --border-grey: rgba(0, 0, 0, 0.1);
  --border-grey-darker: rgba(0, 0, 0, 0.85);
  --button-border-grey: rgb(184, 180, 180, 0.8);
  --main-background: #1a1a19;
  --menu-background: rgba(26, 26, 25, 0.7);
  --menu-background-opaque: rgba(26, 26, 25, 1);
  /* #040018 */
  --menubar-background: #1a1a19;
  --clearer-main: #706f6f;
  --clearer-main2: #444443;
  --edit-bar-background: rgba(68, 68, 67, 0.8);
  --edit-bar-background-opaque: rgba(68, 68, 67, 1);
  --button-background: #b8b4b4;
  --button-text: rgba(0, 0, 0, 0.85);

  --notification-center-background: #121213;
  --notification-center-background-transparent: rgba(18, 18, 19, 0.6);
  --notification-center-color: #b8b4b4;
  --notification-background: rgba(68, 68, 67, 0.9);
  --notification-opaque-background: rgba(68, 68, 67, 1);
  --notification-action-background: rgb(68, 68, 67);
  --notification-action-hover-background: rgb(92, 92, 92);
  --notification-color: #b8b4b4;
  background: var(--main-background);
}

input {
  border-radius: 0;
}

label {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
}

body.theme-black input {
  background: var(--main-background);
  color: var(--main-color);
}

body.body-noshow {
  visibility: hidden;
}

a {
  color: var(--main-color);
}

.core_body {
  padding-bottom: 5%;
}

.core_menubar {
  height: 70px;
  top: 0;
  width: 100vw;
  line-height: 70px;
}

.core_menubar_inner {
  position: relative;
  width: 90%;
  margin: 0 5%;
  text-align: center;
}

body.theme-white .core_home_logo-black {
  display: inline-block !important;
}

body.theme-black .core_home_logo-white {
  display: inline-block !important;
}

.core_home_logo {
  display: none;
  height: 70px;
}

.core_home_logo img {
  height: 30px;
  vertical-align: middle;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -o-user-select: none;
  -moz-user-select: none;
}

body .core_menubar {
  background: var(--menubar-background);
}

/* menu username display */
.core_username_display {
  position: absolute;
  right: 0;
  height: 70px;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  font-family: "kulagregular";
  text-transform: uppercase;
  transition: all 0.3s;
  padding: 0 20px;
  cursor: pointer;
}

.core_username_display:hover {
}

.core_username_display_inner span {
  display: inline-block;
  line-height: inherit;
  padding-top: 2px;
}

.core_username_display_inner .gn-icon {
  margin-right: 5px;
  font-size: 30px;
  transition: all 0.3s;
  transform: initial;
}

.core_username_display_inner .gn-icon:before {
  display: inline-block;
  transition: all 0.3s;
}

.core_username_display:hover .gn-icon:before {
  transform: rotate(180deg);
  transform-origin: center;
  margin-right: 10px;
}

.core_username_display_inner {
  display: flex;
  align-content: center;
}

@media (max-width: 600px) {
  .core_username_display {
    display: none;
  }
}

/* menu */

.core_menu {
  width: 50vw;
  min-height: 100vh;
  height: 100%;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 4;
  display: none;
  overflow-y: scroll;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -o-user-select: none;
  -moz-user-select: none;
}

@media (max-width: 850px) {
  .core_menu {
    width: 100vw;
  }
}

body .core_menu {
  background: var(--menu-background-opaque);
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
  body .core_menu {
    background: var(--menu-background);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  }
}

.core_menu_inner {
  width: 90%;
  padding-left: 10%;
  padding-top: 10%;
}

@media (max-width: 950px) {
  .core_menu_inner {
    width: 70%;
    padding: 0 15%;
    padding-top: 15%;
  }
}

@media (max-width: 600px) {
  .core_menu_inner {
    width: 80%;
    padding: 0 10%;
    padding-top: 20%;
  }
}

.core_menu_list {
  list-style-type: none;
  width: 90%;
}

.core_menu_list > li {
  cursor: pointer;
}

.core_menu_list li a {
  font-family: "Inter";
}

.core_menu_list > li > a {
  font-weight: 900;
  text-transform: uppercase !important;
}

.core_menu_list_second_list > li a {
  font-weight: 900;
  text-transform: uppercase !important;
  position: relative;
}

.core_menu_list_second_list > li a:before,
.core_menu_list_second_list > li a:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 5px;
  top: 50%;
  margin-top: -2.5px;
  background: var(--main-color);
}

.core_menu_list_second_list > li a:before {
  left: -2.5px;
}

.core_menu_list_second_list > li a:after {
  right: 2.5px;
  background: var(--main-color);
  transition: width 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.core_menu_list_second_list > li a:hover:before {
  background: var(--main-color);
  width: 105%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.core_menu_list_second_list > li a:hover:after {
  background: transparent;
  width: 105%;
  transition: 0s;
}

.core_menu_list .core_menu_list_first_li {
  font-size: 3rem;
  width: calc(100% - 40px);
  padding: 10px 20px;
  padding-right: 0;
  margin: 10px 0;
  margin-right: 0;
  transition: all 0.5s;
  transform: perspective(200px) translate3d(0px, 0px, -30px);
}

.core_menu_list .core_menu_list_first_li:hover {
  transform: perspective(200px) translate3d(0px, 0px, 0px);
}

.core_menu_list .active_hover {
  transform: perspective(200px) translate3d(0px, 0px, 0px);
}

body.theme-white .core_menu_list .core_menu_list_first_li {
  background: none;
}

.core_menu_list li a {
  display: inline-block;
  color: var(--main-color);
  text-transform: capitalize;
}

body.theme-black .core_menu_list .core_menu_list_first_li a {
  color: var(--main-color);
}

body.theme-white .core_menu_list .core_menu_list_first_li a {
  color: var(--main-color);
}

.core_menu_list_second_li {
  display: none;
}

.core_menu_list_second_list {
  list-style-type: none;
  width: 80%;
  padding: 10px 10%;
}

.core_menu_list_second_list li {
  padding: 0px 20px;
  margin: 10px 0;
  font-size: 2.3rem;
  width: calc(100% - 40px);
}

body.theme-white .core_menu_list_second_list li a {
  color: var(--main-color);
}

.core_menu_smart_search {
  margin-left: 60px;
  margin-bottom: 30px;
}

.core_menu_smart_search_input {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--grey-color);
  width: 60%;
  height: 50px;
  font-size: 20px;
  padding: 0 10px;
  transition: width 0.3s;
  background: transparent;
  color: var(--main-color);
}

.core_menu_smart_search_input_focused {
  width: calc(90% - 60px);
}

.core_menu_smart_search_results {
  width: calc(90% - 60px);
  margin-left: 60px;
  height: 300px;
  height: 60vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: none;
}

.core_menu_smart_search_results ul {
  list-style-type: none;
}

.core_menu_smart_search_results ul li {
  margin: 10px 0;
  padding: 2em 1em;
  font-size: 1.3rem;
  border-bottom: 1px solid var(--border-grey);
  cursor: pointer;
  line-height: 2rem;
}

.core_menu_smart_search_results ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.core_menu_smart_search_results ul li a span {
  font-size: 1.8rem;
  color: grey;
  margin-right: 0.5em;
}

.core_menu_smart_search_results ul li a span.generated_id {
}

/* menu footer */
.core_menu_footer {
  width: 100%;
  margin-top: 80%;
  margin-bottom: 40%;
}

.core_menu_footer_logo {
  max-width: 25%;
}

body.theme-white .core_menu_footer_logo-black {
  display: block !important;
}

body.theme-black .core_menu_footer_logo-white {
  display: block !important;
}

body.theme-white .core_footer_sosick-black {
  display: block !important;
}

body.theme-black .core_footer_sosick-white {
  display: block !important;
}

.core_menu_footer p {
  text-align: left !important;
  font-size: 18px;
  font-weight: 600;
}

.core_menu_footer p a {
  display: inline-block;
}

/* menu button */
.core_menu_btn {
  display: inline;
  cursor: pointer;
  position: absolute;
  width: 48px;
  top: 11px;
  z-index: 5;
  left: 0px;
}

.menu_btn {
  display: inline;
  cursor: pointer;
  float: left;
  width: 48px;
  margin-top: 18px;
  margin-left: 10px;
}

.menu {
  width: 48px;
  height: 48px;
  position: relative;
  margin: 0 auto;
}

.menu .bit-1::before {
  content: "";
  left: 8.5px;
  top: 8.5px;
  position: absolute;
  width: 16px;
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  height: 2px;
  transition: transform 0.3s, top 0.3s;
  transition: -webkit-transform 0.3s, top 0.3s;
}

.menu .bit-1::after {
  content: "";
  position: absolute;
  right: 8.5px;
  top: 8.5px;
  width: 16px;
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  height: 2px;
  transition: transform 0.3s, top 0.3s;
  transition: -webkit-transform 0.3s, top 0.3s;
}

.menu .bit-2 {
  position: absolute;
  width: 32px;
  top: 50%;
  left: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
  transition: transform 0.3s 0.3s, width 0.3s 0.6s;
  -webkit-transform: translate(-50%, -50%);
  transition: -webkit-transform 0.3s 0.3s, width 0.3s 0.6s;
}

.menu .bit-3::before {
  content: "";
  position: absolute;
  bottom: 8.5px;
  left: 8.5px;
  width: 16px;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  height: 2px;
  transition: transform 0.3s, bottom 0.3s;
  transition: -webkit-transform 0.3s, bottom 0.3s;
}

.menu .bit-3::after {
  content: "";
  position: absolute;
  bottom: 8.5px;
  right: 8.5px;
  width: 16px;
  transform-origin: right top;
  -webkit-transform-origin: right top;
  height: 2px;
  transition: transform 0.3s, bottom 0.3s;
  transition: -webkit-transform 0.3s, bottom 0.3s;
}

.menu.open .bit-1:before {
  top: 8px;
  width: 20px;
  transform: rotate(45deg);
  transform-origin: left bottom;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, top 0.3s 0.3s;

  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: left bottom;
  transition: -webkit-transform 0.3s 0.3s, width 0.3s 0.3s, top 0.3s 0.3s;
}

.menu.open .bit-1:after {
  top: 8px;
  width: 20px;
  transform: rotate(-45deg);
  transform-origin: right bottom;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, top 0.3s 0.3s;

  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: right bottom;
  transition: -webkit-transform 0.3s 0.3s, width 0.3s 0.3s, top 0.3s 0.3s;
}

.menu.open .bit-2 {
  width: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: transform 0.3s 0.3s, width 0.3s;

  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transition: -webkit-transform 0.3s 0.3s, width 0.3s;
}

.menu.open .bit-3:before {
  bottom: 8px;
  width: 20px;
  transform: rotate(-45deg);
  transform-origin: left top;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, bottom 0.3s 0.3s;

  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: left top;
  transition: -webkit-transform 0.3s 0.3s, width 0.3s 0.3s, bottom 0.3s 0.3s;
}

.menu.open .bit-3:after {
  bottom: 8px;
  width: 20px;
  transform: rotate(45deg);
  transform-origin: right top;
  transition: transform 0.3s 0.3s, width 0.3s 0.3s, bottom 0.3s 0.3s;

  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s 0.3s, width 0.3s 0.3s,
    bottom 0.3s 0.3s;
}

body .menu .bit-1::before,
body .menu .bit-1::after {
  background: var(--main-color);
}

body .menu .bit-2,
body .menu .bit-3::before,
body .menu .bit-3::after {
  background: var(--main-color);
}

body .cbutton {
  color: var(--main-color);
}

.cbutton {
  position: relative;
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  overflow: visible;
  -webkit-transition: color 0.7s;
  transition: color 0.7s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cbutton.cbutton--click,
.cbutton:focus {
  outline: none;
  color: #3c8ddc;
}

.cbutton__icon {
  display: block;
}

.cbutton__text {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.cbutton::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
}

.cbutton--effect-ivana::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
}

.cbutton--effect-ivana::before,
.cbutton--effect-ivana::after {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.cbutton--effect-ivana.cbutton--click::before {
  -webkit-animation: anim-effect-ivana-1 0.5s forwards;
  animation: anim-effect-ivana-1 0.5s forwards;
}

.cbutton--effect-ivana.cbutton--click::after {
  -webkit-animation: anim-effect-ivana-2 0.5s forwards;
  animation: anim-effect-ivana-2 0.5s forwards;
}

@-webkit-keyframes anim-effect-ivana-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes anim-effect-ivana-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}

@-webkit-keyframes anim-effect-ivana-2 {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
  }

  50%,
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }
}

@keyframes anim-effect-ivana-2 {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
  }

  50%,
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.core_content {
  margin-top: 70px;
  color: var(--main-color);
  position: relative;
}

.core_page_title {
  text-transform: capitalize;
  text-align: center;
  font-size: 2.3rem;
  font-weight: 900;
  font-family: "Inter";
  line-height: 2.3rem;
}

.core_page_content {
  padding-top: 5%;
  width: 75vw;
  margin-left: auto;
  margin-right: auto;
}

.core_page_content_wide {
  width: 85vw;
}

.core_page_content img {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -o-user-select: none;
  -moz-user-select: none;
}

.core_page_full-width-searchbar_wrapper {
  width: 100%;
  text-align: center;
}

.core_page_full-width-searchbar {
  width: calc(100% - 20px);
  height: 50px;
  outline: none;
  border: none;
  border-bottom: 1px solid var(--grey-color);
  border-radius: 0px;
  font-size: 20px;
  padding: 0 10px;
  transition: all 0.3s;
}

.core_page_full-width-searchbar-div {
  line-height: 51px;
  text-align: left;
}

.search-arg {
  background: #c3c3c3;
  padding: 2px 5px;
  border-radius: 3px;
}

body.theme-black .search-arg {
  background: #3a3a3a;
}

.core_page_full-width-searchbar:focus {
  border-bottom-color: var(--main-color);
}

.core_page_full-width-toolbar {
  margin-top: 30px;
  width: 100%;
  line-height: 20px;
}

.core_page-toolbar-select {
  display: inline-block;
  margin-top: 10px;
}

.core_page-toolbar-label {
  display: inline-block;
  font-size: 18px;
  margin-right: 20px;
  margin-top: 10px;
}

.core_edit_users_bar {
  display: inline-flex;
}

.core_edit_users_bar > div {
  cursor: pointer;

  position: relative;
}

.core_animated_1_link {
  display: inline-block;
}

.core_animated_1_link:after {
  content: "";
  height: 2px;
  background: var(--main-color);
  width: 0;
  position: absolute;
  bottom: -2px;
  transition: all 0.3s;
}

.core_animated_1_link:hover:after {
  width: 100%;
}

.core_edit_users_bar > div:first-of-type {
  margin-right: 2em;
}

.core_page-toolbar-select-all_wrapper {
  font-size: 18px;
  margin-right: 20px;
  display: inline-block;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
}

.core_page-toolbar-select-all_wrapper > label {
  margin-right: 5px;
}

.core_flex_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-around;
}

.core_flex_wrapper .core_flex_element {
  text-align: center;
  width: 50%;
  margin: 20px 0;
}

.core_basic_field-label {
  display: none;
  font-size: 1.2em;
}

.core_basic_field {
  margin: 15px 0;
  padding: 3px 20px;
  font-size: 1.2em;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--input-bottom-color);
  outline: none;
  transition: all 0.2s;
  width: 60%;
  max-width: 400px;
  min-width: 200px;
  height: 30px;
  background: var(--main-background);
  color: var(--main-color);
}

.core_basic_field-error {
  border-bottom: 1px solid var(--error-red-color);
}

.core_basic_field:focus {
  border-bottom-color: var(--main-color);
}

.core_textarea {
  border: 1px solid var(--input-bottom-color);
  outline: none;
  padding: 5px;
  min-width: 90%;
  min-height: 100px;
}

.core_textarea:focus {
  border-color: var(--main-color);
}

@media (max-width: 900px) {
  .core_flex_wrapper {
    flex-direction: column;
  }

  .core_flex_wrapper .core_flex_element {
    width: 100%;
  }
}

/*custom browser select */
.core_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-background-clip: border-box;
  -webkit-background-origin: padding-box;
  -webkit-background-size: 17px 5px;
  -webkit-font-smoothing: auto;
  -webkit-transition-delay: 0s, 0s;
  -webkit-transition-duration: 0.2s, 0.2s;
  -webkit-transition-property: border-color, box-shadow;
  -webkit-transition-timing-function: linear, ease;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url(../ressources/images/static_content/select.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
  background-origin: padding-box;
  background-size: 17px 5px;
  border-bottom-color: rgb(204, 204, 204);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(204, 204, 204);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(204, 204, 204);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(204, 204, 204);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  box-sizing: border-box;
  color: rgb(85, 85, 85);
  cursor: pointer;
  display: inline-block;
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 42px;
  line-height: normal;
  max-width: 100%;
  min-width: 100px;
  outline-color: rgb(85, 85, 85);
  outline-style: none;
  outline-width: 0px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 30px;
  padding-top: 12px;
  text-transform: none;
  transition-delay: 0s, 0s;
  transition-duration: 0.2s, 0.2s;
  transition-property: border-color, box-shadow;
  transition-timing-function: linear, ease;
  width: 50%;
}

.core_select option {
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}

.core_push_save_list_wrap label {
  display: block;
  text-align: left;
  margin-bottom: 20px;
}

/* cursom select ui */
.core_custom_select_target {
  cursor: pointer;
}

.core_custom_select_target:hover {
  border-bottom-color: var(--main-color);
}

.core_custom_select_container {
  width: 300px;
  height: 80vh;
  position: fixed;
  display: none;
  background: var(--main-background);
  box-shadow: 1px -1px 30px var(--main-color);
  z-index: 10000;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.core_custom_select_container-inner {
  padding: 5px 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.core_custom_select-close {
  display: none;
  font-size: 2em;
  width: 100%;
  text-align: right;
  color: var(--main-color);
}

.core_custom_select-close > span {
  margin-right: 10px;
  cursor: pointer;
}

.core_custom_select-searchbox {
  width: 100%;
}

.core_custom_select-searchbox input[type="text"] {
  -webkit-appearance: none;
  background: var(--main-background);
  color: var(--main-color);
}

.core_custom_select-searchbox input {
  width: calc(100% - 10px);
  outline: none;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--input-bottom-color);
  height: 40px;
  font-size: 18px;
  transition: all 0.3s;
  padding: 0 5px;
}

.core_custom_select-searchbox input:focus {
  border-bottom: 1px solid var(--input-bottom-color);
}

.core_custom_select-list_display {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.core_custom_select-list_display > ul li {
  list-style-type: none;
  color: var(--main-color);
  padding: 10px 5px;
  border-bottom: 1px solid var(--input-bottom-color);
  transition: all 0.3s;
  cursor: pointer;
}

.core_custom_select-list_display > ul li:last-child {
  border-bottom: none;
}

.core_custom_select-list_display > ul li:hover {
  background: rgba(218, 218, 218, 0.16);
}

.core_custom_select-list_display > ul li img {
  width: 30px;
  vertical-align: middle;
  margin-right: 10px;
}

/* update stock options from order */
.stock_options {
  min-width: 250px;
  width: 30vw;
}

@media (max-width: 600px) {
  .stock_options {
    width: 100%;
  }
}

body.theme-white .stock_options thead {
  background-color: #dedede;
}

body.theme-black .stock_options thead {
  background-color: var(--edit-bar-background);
}

.stock_options th,
.stock_options td {
  padding: 5px;
  text-align: left;
}

.stock_options th:first-child,
.stock_options td:first-child {
  border-right: 2px solid var(--main-color);
  padding: 10px;
}

.stock_options th:last-child,
.stock_options td:last-child {
  /*border-right: 1px solid #adadad;*/
}

body.theme-white .stock_options tbody tr:nth-child(even) td {
  background-color: #f3f3f3;
}

body.theme-black .stock_options tbody tr:nth-child(even) td {
  background-color: #525250;
}

/* edit-users */
.core_page_user-table-holder {
  margin-top: 40px;
}

.core_page_user-table {
  width: 100%;
}

.core_page_user-table td input {
  background: transparent;
  color: var(--main-color);
}

.core_page_user-table td,
th {
  padding: 8px 0;
  text-align: left;
}

.core_page_user-table td {
  padding: 10px 0;
}

.core_page_user-table tbody tr {
  border-bottom: 1px solid #eee;
}

.core_page_user-table thead {
  border-bottom: 1px solid var(--main-color);
}

/* login page */
.core_login_wrapper {
  width: 100%;
  text-align: center;
  margin-top: 15%;
}

.core_login_logo_container {
  width: 20%;
  max-width: 400px;
  min-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.core_login_logo_container img {
  width: 100%;
}

.core_login_error-field {
  width: 20%;
  max-width: 400px;
  min-width: 200px;
  font-size: 1em;
  padding: 20px;
  text-align: left;
  border: 1px solid var(--error-red-color);
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  color: var(--error-red-color);
  text-align: center;
  display: none;
}

.core_login_field {
  margin: 15px 0;
  padding: 3px 20px;
  font-size: 1.2em;
  border: none;
  border-bottom: 1px solid var(--grey-color);
  outline: none;
  border-radius: 0px;
  width: 20%;
  max-width: 400px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
  background: transparent;
}

.core_password_with_toggle_container {
  position: relative;
}

.core_password_toggle {
  position: absolute;
  font-size: 20px;
  right: 20px;
  top: 29px;
  cursor: pointer;
}

.core_login_field:focus {
  border-bottom-color: var(--main-color);
}

.core_login_button {
  outline: none;
  border: 1px solid var(--main-color);
  background: var(--main-color);
  color: var(--button-text);
}

.sim-button {
  line-height: 50px;
  height: 50px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
  width: 40%;
  cursor: pointer;
}

.button13 {
  color: var(--button-background);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}

.button13 a {
  color: var(--button-background);
  text-decoration: none;
  display: block;
}

.button13::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 1px solid var(--button-background);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body.theme-white .button13:not(.core_pushupdate_btn_disabled):hover {
  color: rgba(255, 255, 255, 1);
}

body.theme-black .button13:not(.core_pushupdate_btn_disabled):hover {
  color: rgb(14, 14, 14);
}

.button13:not(.core_pushupdate_btn_disabled):hover::before {
  opacity: 0;
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.button13::after {
  content: attr(button-hover-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: var(--button-background);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

.core_red_btn_block {
}

.core_red_btn::before {
  border-color: #d8544f !important;
}

.core_red_btn::after {
  background-color: #d8544f !important;
}

.button13:not(.core_pushupdate_btn_disabled):hover::after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.core_login_password_link {
  display: inline-block;
  margin-top: 60px;
}

.core_separator {
  height: 1px;
  width: 100%;
  background: var(--grey-color);
  margin-top: 5%;
  margin-bottom: 5%;
}

/* activate account */
.activate_account_container {
  width: 25%;
  max-width: calc(400px + 2.5em);
  min-width: calc(200px + 2.5em);
  margin-left: auto;
  margin-right: auto;
  background: rgba(255, 255, 255, 0.9);
  padding: 1.25em;
}

.activate_account_container .core_login_logo_container,
.activate_account_container .core_login_field {
  width: calc(100% - 2.5em);
  max-width: inherit;
  min-width: calc(200px);
}

.activate_account_container .sim-button {
  width: 100%;
}

.core_login_tile_title {
  text-align: center;
  margin-bottom: 15px;
  font-size: 18px;
}

/* password strength Visualization */
.password_strength_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}

.password_strength_output-container {
  font-size: 1.25em;
  text-align: center;
  font-weight: 500;
  width: 300px;
  color: #fff;
  position: fixed;
  bottom: 1.25em;
  right: 1.25em;
  background: var(--main-color);
  padding: 1.25em;
}

.p-strength_poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}

.p-strength_canvas-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* files */
.core_statut_dot {
  width: 12px;
  height: 12px;
  border-radius: 60px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: baseline;
}
.red_highlighted td {
  background-color: var(--error-red-color) !important;
}
.core_table_container {
  margin-top: 50px;
  position: relative;
}

.core_order_sheet_page {
  position: relative;
  margin-bottom: 8em;
}

.core_sheet_btn {
  display: none;
  position: absolute;
  bottom: -102px;
  width: 100%;
  text-align: center;
}

.core_order_sheet_title {
  position: relative;
  text-align: center;
  margin-bottom: 2em;
  margin-top: 2em;
}

.core_order_sheet_title:before {
  content: "";
  width: 40%;
  display: inline-block;
  border-bottom: 1px solid var(--input-bottom-color);
  position: absolute;
  left: 0;
  top: 50%;
}

.core_order_sheet_title:after {
  content: "";
  width: 40%;
  display: inline-block;
  border-bottom: 1px solid var(--input-bottom-color);
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 0;
}

.core_order_sheet_title h3 {
  padding: 0 1em;
  text-align: center;
}

.core_order_sheet_input_wrap {
  margin: 20px 0;
}

.core_order_sheet_input-multiples {
  max-width: calc(35% - 40px) !important;
}

.core_order_sheet_input-70 {
  width: calc(70% - 30px);
  max-width: none;
}

.core_order_sheet_input-group {
  display: block;
}

.core_table_container table {
  border-spacing: 0px;
  border-collapse: unset;
  width: 100%;
  margin-bottom: 5%;
}

.core_table_hidden_column {
  display: none;
}

.core_table_add_row {
  height: 40px;
}

.core_table_add_row td {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -o-user-select: none;
  -moz-user-select: none;
}

.core_table_container table tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid var(--main-color);
  width: 100%;
}

.core_table_container table tr.strikeout td:after {
  content: "\00B7";
  font-size: 1px;
}

.selected-tr td:first-child {
  box-shadow: -3px 0px 0px 0px #1ecd97;
}

.selected-tr td:last-child {
  box-shadow: 3px 0px 0px 0px #1ecd97;
}

#pricelist_main-table > tbody.selected-tr:first-child td {
  border-top: 2px solid #1ecd97 !important;
}

#pricelist_main-table > tbody .selected-tr:last-child td {
  border-bottom: 2px solid #1ecd97 !important;
}

body.theme-white .core_table_container thead {
  background-color: #dedede;
}

body.theme-black .core_table_container thead {
  background-color: var(--edit-bar-background);
}

.core_table_container thead tr th:first-child {
  border-left: 1px solid #adadad;
}

.core_table_container thead th {
  padding: 6px;
  text-align: center;
  border-right: 1px solid #adadad;
  border-top: 1px solid #adadad;
}

body.theme-white .core_table_container tbody tr td:first-child {
  border-left: 1px solid #adadad;
}

.core_table_container tbody tr:nth-child(even) td {
  background-color: #f3f3f3;
}

.core_table_container tbody tr td {
  padding: 8px;
  text-align: center;
  border-top: 1px solid #adadad;
  border-right: 1px solid #adadad;
  position: relative;
}

.core_table_container tbody tr td .order_table_placeholder {
  /*color: #333 !important;*/
}

body.theme-black .core_table_container tbody tr td {
  background-color: #5d5d5d;
}

body.theme-black .core_table_container tbody tr:nth-child(even) td {
  background-color: #525250;
}

.core_order_sheet:not(.summary_table) tbody tr td {
  padding: 5px !important;
  font-size: 14px;
}

.core_order_sheet td input[type="text"] {
  height: 100%;
  width: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border: none;
  outline: none;
  text-align: center;
  position: absolute;
}

body.theme-white .core_order_sheet td input[type="text"] {
  background-color: #fff;
}

body.theme-black .core_order_sheet td input[type="text"] {
  background-color: var(--main-color);
  color: #282828 !important;
}

.core_table_container tbody tr:last-child td {
  border-bottom: 1px solid #adadad;
}

body.theme-white .core_table_container td.activeoverline {
  background: #c7c7c7 !important;
}

body.theme-black .core_table_container td.activeoverline {
  background: #7e7e7e !important;
}

.core_table_container_hidden-td {
  display: none;
}

body.theme-white td.unavailable {
  background: #fff !important;
}

body.theme-black td.unavailable {
  background: #c5c2c2 !important;
}

.core_table_add_row_select {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.core_table_add_row_input {
  padding: 2px;
}

.core_table_add_row_input input {
  width: calc(100% - 10px);
  height: 40px;
  outline: none;
  border: none;
  font-size: 16px;
  padding: 0 5px;
  border-radius: 0;
}

body.theme-black .core_table_add_row_input input {
  background: transparent;
}

.core_table_add_row_input_90 {
  width: calc(90% - 10px) !important;
}

.core_table_add_row_input_50 {
  width: calc(50% - 10px) !important;
}

.core_table_add_row_smaller {
  max-width: 70px;
}

@media (max-width: 400px) {
  .core_table_add_row_input_90 {
    width: calc(90% - 20px) !important;
  }

  .core_table_add_row_input_50 {
    width: calc(50% - 20px) !important;
  }

  .core_table_add_row_smaller {
    max-width: none;
  }
}

.core_table_add_row_color_selector_th {
  overflow-x: scroll;
  position: relative;
  padding: 0;
}

.core_table_add_row_color_selector {
  white-space: nowrap;
  min-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.core_table_add_row_color_selector-inner {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.core_table_add_row_color_selector-color {
  height: 100%;
  padding: 10px 8px 0 8px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}

.core_table_add_row_color_selector-color_bubble {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  display: inline-block;
  margin: 0;
}

.core_table_add_row_color_selector-color_name {
  font-size: 12px;
}

/* pricelist update btn */
.core_pricelist_update-btn_wrap {
  text-align: left;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.core_pricelist_update-btn {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 50vh;
  writing-mode: vertical-rl;
  text-orientation: upright;
  width: 50px !important;
  text-transform: uppercase;
  height: 200px;
  display: none;
  margin: 0;
}

/* nav bar */
.core_pricelist_navigation_bar {
  width: 100%;
  text-align: center;
  display: none;
  align-items: center;
  justify-content: center;
}

.core_pricelist_navigation_bar input {
  background: var(--clearer-main2);
  border: none;
  outline: none;
  border-radius: 5px;
  width: 60px;
  height: 40px;
  font-size: 18px;
  text-align: center;
}

.core_pricelist_navigation_bar span {
  font-size: 40px;
  display: inline-block;
  cursor: pointer;
}

/* formulae Editor */
.core_pricelist_showables {
  display: none;
}

.core_pricelist_formulae_notices {
  margin-top: 2%;
  text-align: center;
  width: 100%;
  font-size: 17px;
}

.cp_fe-error {
  color: var(--error-red-color);
}

.core_pricelist_formulae-editor {
  text-align: center;
  width: 100%;
  height: 50px;
  background: #fff;
  border-radius: 50px;
  outline: none;
  border: 1px solid #3333;
  line-height: 50px;
  font-size: 18px;
  padding: 0 20px;
  transition: all 0.3s;
}

body.theme-black .core_pricelist_formulae-editor {
  background: var(--clearer-main2);
  color: var(--main-color);
}

.core_pricelist_formulae-editor:focus {
  border-color: var(--main-color);
}

.cp_fe-color {
  padding: 4px 2px;
  border-radius: 5px;
  margin: 0 5px;
}

.cp_fe-color-dprice {
  background: #a4fff6;
  border: 1px dotted #3cb4a8;
}

.cp_fe-color-price {
  background: #ffb9a4;
  border: 1px dotted #b4583c;
}

.cp_fe-color-prprice {
  background: #acffa4;
  border: 1px dotted #3cb456;
}

.cp_fe-color-sprice {
  background: #ffa4c7;
  border: 1px dotted #b43c82;
}

.cp_fe-color.highlight {
  background: #e1ecf4;
  border: 1px dotted #39739d;
}

/* tables general styles */
.core_table_input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.pricelist_add-senderror {
  border-bottom: 2px solid var(--error-red-color) !important;
}

/* products add*/
.core_product_add_btn {
  margin: 0;
  display: inline-block;
}

.core_product_add_wrapper {
  display: flex;
  justify-content: space-around;
}

.core_product_add_options {
  display: block;
  text-align: center;
  margin: 10px 0;
}

.core_product_add_options_boxes {
  margin-top: 15px;
}

.core_product_add_options_boxes > div:not(.core_btn_block) {
  display: inline-block;
  margin: 0 20px;
}

.core_manage_products_delete {
  cursor: pointer;
}

/* products colors */
.core_products_colors_grid {
  display: flex;

  flex-flow: row wrap;
}

.cpcg_color_bubble_wrap {
  text-align: center;
  font-size: 20px;
  margin: 2em;
  width: 150px;
  cursor: pointer;
}

.cpcg_color_bubble_wrap span {
  display: inline-block;
  padding-top: 10px;
}

.cpcg_color_bubble {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
}

.cpcg_color_bubble_add {
  background-image: url(../ressources/images/static_content/add_cross.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: none;
  border: 1px solid var(--grey-color);
}

.cpcg_color_bubble_wrap_updater {
  display: inline-block;
  vertical-align: middle;
}

.core_color_updater {
  background: var(--clearer-main2);
  display: none;
}

.core_color_updater_inner {
  padding: 20px;
}

.core_color_updater_field {
  width: 100px;
}

/* notifications */
/*push style*/
.core_push_notifications-container {
  position: fixed;
  top: 70px;
  right: 20px;
  height: calc(100vh - 70px);
}

.core_push_notifications-notification {
  min-height: 30px;
  background: var(--notification-background);
  color: #deddde !important;
  width: 250px;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
  color: var(--notification-color) !important;
}

.core_push_notifications-warning-notification {
  width: 30vw !important;
  background: rgba(247, 180, 23, 0.9) !important;
  color: var(--main-color) !important;
}

.gn-icon-push-icon {
  font-size: 24px;
  margin-bottom: 10px;
  display: inline-block;
}

.core_push_notifications_notification-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.core_push_notifications-notification
  .core_push_notifications_notification_actions-flex {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100px;
  display: flex;
  flex-direction: column;
  background: var(--notification-action-background);
  transition: opacity 0.3s;
  opacity: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.core_push_notifications-warning-notification
  .core_push_notifications_notification_actions-flex {
  background: rgb(247, 180, 23) !important;
}

.core_push_notifications_notification_actions-flex:hover {
  opacity: 0.97;
}

.core_push_notifications_notification_actions-action:not(:last-of-type) {
}

.core_push_notifications_notification_actions-action {
  min-height: calc(50% - 20px);
  height: auto;
  padding: 10px;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.core_push_notifications_notification_actions-action:first-of-type {
  border-top-right-radius: 5px;
}

.core_push_notifications_notification_actions-action:last-of-type {
  border-bottom-right-radius: 5px;
}

.core_push_notifications_notification_actions-action:only-child {
  height: 100% !important;
}

.core_push_notifications_notification_actions-action:hover {
  background: var(--notification-action-hover-background);
}

.core_push_notifications-warning-notification
  .core_push_notifications_notification_actions-action:hover {
  background: rgb(248, 197, 77) !important;
}

.core_menu_notification {
  position: absolute;
  top: 70px;
  width: 100vw;
  height: calc(100vh - 70px);
  min-height: calc(100vh - 70px);
  display: none;
  background: var(--notification-center-background);
  left: 0;
  z-index: 4;
  text-align: center;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.core_menu_notification_top-bar {
  width: 100%;
  padding-top: 0;
  color: var(--notification-center-color);
  font-size: 20px;
  font-weight: normal;
}

.core_menu_notification_top-bar-title {
  font-size: 1.1em;
  display: inline-block;
  float: left;
}

.core_menu_notification_top-bar-title .gn-icon {
  font-size: 1.3em;
  margin-right: 20px;
}

.core_menu_notification_top-bar_tabs_container {
  float: left;
}

.core_menu_notification_top-bar_tab {
  display: inline-block;
  padding: 20px 3em;
  cursor: pointer;
  transition: all 0.3s;

  border-bottom: 4px solid transparent;
}

.core_menu_notification_top-bar_tabs_container .active-tab {
  border-bottom-color: var(--main-color);
}

.core_menu_notification_top-bar_tab:hover {
  border-bottom-color: var(--main-color);
}

.core_menu_notification_top-bar_theme_switch {
  float: right;
  padding: 20px 0;
  margin: 0 3em;
}

.core_menu_notification_top-bar_theme_switch_holder {
  height: 30px;
  position: relative;
}

.core_menu_notification_top-bar_theme_switch_caret {
  display: inline-block;
  position: absolute;
  left: calc(50% - (30px / 2));
  height: 35px;
  width: 35px;
  border-radius: 50px;
  background: #fff;
  transition: all 0.5s;
  line-height: 30px;
  top: -2.5px;
}

.core_menu_notification_top-bar_theme_switch_caret span {
  vertical-align: middle;
  transition: all 0.3s;
}

.core_menu_notification_top-bar_theme_switch_caret-auto span {
  visibility: hidden;
}

.core_menu_notification_top-bar_theme_switch_caret-dark {
  left: calc(30% - 29px) !important;
  color: #040018;
}

.core_menu_notification_top-bar_theme_switch_caret-bright {
  left: calc(70% - 2.5px) !important;
  color: #282828;
}

.core_menu_notification_top-bar_theme_switch_holder div {
  display: inline-block;
  text-align: left;
  float: left;
  cursor: pointer;
}

.core_menu_notification_top-bar_theme_switch_holder div span {
  font-size: 18px;
  vertical-align: middle;
}

.core_menu_notification_top-bar_theme_switch_holder div:first-of-type {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background: #040018;
  color: #b8b4b4;
  text-align: left;
}

.core_menu_notification_top-bar_theme_switch_holder div:first-of-type span {
  margin-left: 30%;
}

.core_menu_notification_top-bar_theme_switch_holder div:last-of-type {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background: #cecfc9;
  color: #282828;
  text-align: right;
}

.core_menu_notification_top-bar_theme_switch_holder div:last-of-type span {
  margin-right: 30%;
  z-index: 10;
}

.core_menu_notification_top-bar_theme_switch_holder
  .core_menu_notification_top-bar_theme_switch_section {
  width: 3.5em;
  height: 100%;
}

.core_menu_notification_top-bar_theme_switch_holder
  .core_menu_notification_top-bar_theme_switch_middle {
  width: 10px;
  height: 100%;
}

.core_menu_notification_top-bar_theme_switch_middle-left {
  background: #040018;
}

.core_menu_notification_top-bar_theme_switch_middle-right {
  background: #cecfc9;
}

.core_menu_notification > .core_push_notifications-notification {
  width: calc(100% - 100px) !important;
  margin-left: auto;
  margin-right: auto;
}

/* core menu notifications content */
.core_menu_notification_main {
  margin-top: 100px;
  padding: 2em;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}

.core_menu_notifications_wrapper {
  width: 60%;
  max-width: 60%;
  height: calc(100vh - 220px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.core_menu_notifications_wrapper .core_push_notifications-notification {
  width: calc(100% - 60px);
  max-width: none;
}

.core_notifications_stack_wrapper {
  position: inherit;
  display: block;
  height: 150px;
  transition: all 0.3s;
  padding-top: 20px;
}

.core_notifications_stack {
  position: relative;
  cursor: pointer;
}

.core_notifications_stack_remove {
  transition: all 0.3s;
  position: absolute;
  z-index: 10;
  top: -10px;
  right: 6px;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  background: var(--notification-opaque-background);
  font-size: 20px;
  line-height: 30px;
  opacity: 0;
}

.core_notifications_stack:not(.expanded_stack):hover
  .core_notifications_stack_remove {
  opacity: 1;
}

.core_notifications_stack .core_push_notifications-notification {
  position: absolute;
  top: 0;
  transition: all 0.3s;
}

.core_notifications_stack .core_push_notifications-notification:last-child {
  opacity: 1 !important;
  background: var(--notification-opaque-background) !important;
}

.core_notifications_stack:not(.expanded_stack)
  .core_push_notifications-notification
  .core_push_notifications_notification_actions-flex {
  display: none;
}

/* user details */
.core_menu_notification_user_details {
  width: 60%;
  height: calc(100vh - 220px);
  border-left: 4px solid var(--main-color);
}

#core_menu_notification_user_details-clock {
  font-size: 1.8em;
  font-weight: 600;
  text-align: right !important;
  padding-bottom: 0.5em;
  margin-bottom: 2em;
}

/* settings */
.core_settings_mention {
  margin-bottom: 40px;
}

.user_setting_section {
  text-align: left;
  padding-bottom: 2em;
}

.user_setting_section label {
  display: block;
}

.user_setting_section_input_message {
  display: block;
  font-style: italic;
  font-size: 0.7em;
}

.user_setting_section p {
  margin: 1em 0;
  line-height: 1.05em;
  font-size: 1.1em;
}

.user_setting_section input {
  background: transparent;
}

.user_setting_section_title {
  font-size: 1.5em;
  display: block;

  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--grey-color);
  margin-bottom: 2em;
  text-align: left;
  cursor: pointer;
}

/* new order quick search */
.core_product_lookup_wrap {
  text-align: left;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.core_product_lookup {
  height: 50px;
  background: var(--edit-bar-background);
  border: 1px solid var(--main-color);
  border-left: none;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 50vh;
  text-align: center;
  line-height: 50px;
  width: 51px !important;
  text-transform: uppercase;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.3s;
  display: none;
}

.core_product_lookup_input {
  color: var(--main-color);
  outline: none;
  border: none;
  padding: 0px 5px;
  width: 0px !important;
  opacity: 0;
  font-size: 18px;
  top: 0;
  position: absolute;
  height: 50px;
}

body.theme-black .core_product_lookup_input {
  background: var(--edit-bar-background);
}

.core_product_lookup .gn-icon {
  transition: all 0.3s;
}

.core_product_lookup:hover {
  width: 300px !important;
  text-align: inherit;
}

.core_product_lookup:hover .gn-icon {
  line-height: 50px;
  float: right;
  padding-right: 5px;
}

.core_product_lookup:hover .core_product_lookup_input {
  width: calc(100% - 40px) !important;
  opacity: 1;
}

.core_product_lookup_result {
  background: rgba(255, 166, 0, 0.77) !important;
}

/* new order upload modal */
.core_modal_window {
  z-index: 100;
  border-radius: 5px;
  position: fixed;
  top: 10%;
  left: 15%;
  width: 70%;
  height: 80%;
  background: var(--notification-center-background-transparent);
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.resizable .resizer {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  /*magic to turn square into circle*/
  background: transparent;
  border: 3px solid var(--border-grey-darker);
  position: absolute;
}

.resizable .resizer.top-left {
  display: none;
  left: -5px;
  top: -5px;
  cursor: nwse-resize;
  /*resizer cursor*/
}

.resizable .resizer.top-right {
  display: none;

  right: -5px;
  top: -5px;
  cursor: nesw-resize;
}

.resizable .resizer.bottom-left {
  display: none;
  left: -5px;
  bottom: -5px;
  cursor: nesw-resize;
}

.resizable .resizer.bottom-right {
  z-index: 10;
  right: -5px;
  bottom: -5px;
  cursor: nwse-resize;
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
  .core_modal_window {
    background: var(--notification-center-background-transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

@media (max-width: 1150px) {
  .core_modal_window {
    top: 10%;
    left: 5%;
    width: 90%;
    height: 85%;
  }
}

@media (max-width: 500px) {
  .core_modal_window {
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
  }
}

.core_modal_window_inner {
  width: calc(100% - 4em);
  height: calc(100% - 4em);
  position: relative;
  padding: 2em;
}

.core_modal_window_button {
  padding: 0.5em 1em;
  background: var(--notification-opaque-background);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
}

.core_modal_window_button:hover {
  background: #a8d7ff;
}

.core_modal_drag_button {
  position: absolute;
  top: 2em;
  left: 2em;
  cursor: move;
}

.core_modal_drag_button:hover {
  background: var(--notification-opaque-background) !important;
}

#modal_close_button {
  position: absolute;
  top: 2em;
  right: 2em;
}

.core_modal_window_title {
  margin-top: 2em;
  text-align: center;
}

.core_modal_window_sheets {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 4em !important;
}

.core_modal_window_sheets ul {
  padding: 5px 10px !important;
}

.core_modal_window_sheets li {
  border-radius: 5px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0.5em !important;
  background: var(--notification-opaque-background) !important;
}

.core_modal_window_sheets li a {
  border-radius: 5px !important;
  border: none !important;
  font-weight: inherit !important;
  transition: all 0.3s !important;
}

.core_modal_window_sheets li a:hover {
  background: #a8d7ff !important;
}

.core_modal_window_sheets li a.active_core_modal_window_sheet {
  background: #a8d7ff !important;
}

.core_modal_window_sheets_errors {
  margin-top: 2em;
  margin-left: 2em;
}

.core_modal_window_sheets_errors p {
  padding: 1em 0;
}

.core_modal_window_errors_list {
  display: none;
}

/* order table show colors array */
table tbody td .gn-icon-keyboard_arrow_down {
  display: inline-block;
  transition: transform 0.3s;
  transform: initial;
  cursor: pointer;
}

/* order actions */
.core_page_action_container {
  margin-top: 50px;
}

.core_page_action_left {
  float: left;
}

.core_page_action_right {
  float: right;
}

.core_action_button {
  border: 1px solid var(--main-color);
  line-height: 50px;
  height: 50px;
  padding: 0 40px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.core_action_button_icon {
  float: right;
  padding-top: 7px;
  padding-left: 8px;
}

.core_action_button .gn-icon {
  font-size: 32px;
  display: inline-block;
  transition: transform 0.5s;
}

.core_page_action_container .button13 {
  margin-top: 0;
  min-width: 150px;
  display: inline-block;
}

.core_action_sub-buttons_container {
  padding-left: 50px;
  display: inline-block;
  height: 52px;
  line-height: 52px;
  vertical-align: top;
}

.core_action_sub-button {
  vertical-align: middle;
  cursor: pointer;
  display: none;
  transition: all 0.2s;
  transform: perspective(0px) translate3d(0, 0, 0);
}

.core_action_sub-button:hover {
  transform: perspective(200px) translate3d(0, 0, 30px);
}

.core_action_sub-button:not(:last-child) {
  margin-right: 2em;
}

.core_action_sub-button_icon_container {
  display: inline;
}

.core_action_sub-button_icon {
  height: 50px;
  width: 50px;
  border-radius: 60px;
  background: #1ecd97;
  display: inline-block;
  text-align: center;
  color: #fff;
}

.core_action_sub-button_icon .gn-icon {
  vertical-align: sub;
  font-size: 28px;
}

.core_action_sub-button-text {
  vertical-align: middle;
  display: inline-block;
  padding-left: 5px;
  margin-top: -5px;
}

.core_order_editable-field {
  outline: none;
}

.core_file_editbar {
  width: 100vw;
  height: 60px;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -o-user-select: none;
  -moz-user-select: none;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: var(--edit-bar-background-opaque);
  border-bottom: 1px solid var(--border-grey);
  transition: all 0.3s;
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
  .core_file_editbar {
    background: var(--edit-bar-background);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

.core_editbar_icon_container {
  padding: 0 20px;
  width: calc(100% - 40px);
  height: 60px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.core_editbar_icon_container .core_editbar_icon {
  padding: 8px 20px;
  width: auto;
  display: inline-block;
  background: var(--clearer-main);
  border-radius: 5px;
  color: var(--border-grey-darker);
  line-height: initial;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 20px;
}

.core_editbar_icon_container .core_editbar_icon .core_editbar_icon_description {
  display: none;
  width: 0;
}

.core_editbar_icon_container .core_editbar_icon:hover {
  color: var(--main-color);
}

.core_editbar_icon_container
  .core_editbar_icon:hover
  .core_editbar_icon_description {
  width: auto;
  display: inline-block;
}

.core_editbar_icon_container .core_editbar_icon:not(:last-child) {
  margin-right: 20px;
}

.core_editbar_icon_container .core_editbar_icon .gn-icon-keyboard_arrow_down {
  display: inline-block;
  transition: transform 0.3s;
  transform: initial;
}

.core_editbar_separation {
  width: 1px;
  height: 40px;
  background: var(--border-grey-darker);
  margin-right: 20px;
}

body.theme-white .core_file_editbar .paid_order {
  color: #eecd14 !important;
}

body.theme-black .core_file_editbar .paid_order {
  color: #ccad00 !important;
}

.core_empty_fetch {
  text-align: center;
  font-size: 22px;
}

.core_order_attached {
  width: 100%;
  margin-bottom: 4em;
  border-bottom: 1px solid var(--border-grey);
  font-size: 14px !important;
}

.core_order_attached_list {
  display: inline-block;
  min-width: 20%;
  padding-bottom: 2em;
}
.production_tracking_wrapper {
  margin: 20px 0;
}
.production_tracking_wrapper input[type="checkbox"] {
  margin: 0 10px;
}
.core_order_info {
  display: none;
}

.core_order_info .core_flex_element {
  text-align: left !important;
}

.core_order_info_list {
  display: block !important;
  padding-bottom: 0 !important;
}

.core_order_info_sublist-trigger,
.core_order_info_sublist-sub-trigger {
  cursor: pointer;
}

.core_order_info_list ul {
  margin-bottom: 40px;
  width: calc(100% - 4em);
  padding-right: 2em;
}

.core_order_info_sublist-sub {
  width: calc(100%) !important;
  margin: 0em !important;
}

.core_order_info_list ul li {
  padding: 5px 0 5px 10px;
}

.core_order_info_sublist {
  display: none;
}

.core_order_info_list-below {
  padding-left: 2em;
  width: calc(100% - 2em);
}

table.core_order_info_sublist {
  margin: 0 2em;
  width: calc(100% - 4em);
  margin-bottom: 40px;
  margin-top: 0.5em;
}

table.core_order_info_sublist tbody {
  width: 100%;
}

table.core_order_info_sublist tbody td {
  border-top: none;
  border-bottom: none;
  text-transform: none;
  font-family: inherit;
  padding: 10px;
  font-size: 14px;
}

table.core_order_info_sublist tbody tr:not(:last-child) td {
  border-bottom: 1px solid #adadad;
}

body.theme-white table.core_order_info_sublist tbody tr:nth-child(even) {
  background: #f3f3f3;
}

body.theme-black table.core_order_info_sublist tbody tr:nth-child(even) {
  background: #525250;
}

body.theme-white .core_order_info_list ul li:nth-child(even) {
  background: #f3f3f3;
}

body.theme-black .core_order_info_list ul li:nth-child(even) {
  background: #525250;
}

.core_order_attached_list-title {
  font-size: 1.2em;
  color: grey;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid var(--border-grey);
}

.core_order_attached_list ul {
  list-style-type: none;
  padding-left: 2em;
}

.core_order_attached_list ul li {
  margin: 0.5em 0;
}

.core_order_attached_list ul li a {
  color: grey;
}

/* dark mode override any custom stylesheets */

body:not(.pdf) .im_wrapper .im_logo {
  display: none;
}

body.theme-black table tr td {
  border-color: var(--main-color) !important;
}

/* index hero */

body.theme-white .core_landing_hero .hero_title {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    115deg,
    rgb(145, 107, 107) 6%,
    rgb(206, 86, 86) 52%,
    rgb(174, 22, 197) 100%
  );
}

body.theme-black .core_landing_hero .hero_title {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    115deg,
    rgba(184, 180, 180, 1) 6%,
    rgba(201, 91, 91, 1) 52%,
    rgba(213, 144, 224, 1) 100%
  );
}

.core_landing_hero .hero_title {
  font-family: "Inter";
  font-weight: 600;
  text-align: center;
  font-size: 3em;
  letter-spacing: 0.05em;
}

/* index dahsboard */
.core_landing_dashboard .core_landing_dashboard_topbar {
  width: 100% !important;
  font-size: 1.8em;
  font-weight: 600;
  border-bottom: 1px solid var(--main-color);
  padding-bottom: 0.5em;
  display: flex;
  justify-content: space-between;
}

.core_landing_dashboard_new {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4em;
}

.core_landing_dashboard_today-summary {
  font-size: 1.8em;
  font-weight: 600;
}

.core_landing_dashboard_today-list {
  margin-top: 2em;
  margin-left: 2em;
}

.core_landing_dashboard_today-list li {
  list-style-type: none;
  font-size: 1.4em;
  font-weight: 500;
  padding-bottom: 0.15em;
  margin: 0.5em 0;
  border-bottom: 1px solid var(--border-grey);
}

/* Autofiller */
.core_autofiller_container {
  width: 300px;
  height: 200px;
  background: var(--clearer-main2);
  position: absolute;
  border-radius: 4px;
  z-index: 10000;
}

.core_autofiller_container ul {
  max-height: 100%;
  overflow-y: scroll;
  overflow-x: scroll;
}

.core_autofiller_container ul li {
  list-style-type: none;
  padding: 15px 20px;
  width: calc(100% - 40px);
  cursor: pointer;
}

.core_autofiller_container ul li:hover {
  background: var(--notification-action-background);
}

.core_autofiller_container ul li:not(:last-child) {
  border-bottom: 1px solid var(--input-bottom-color);
}

.core_autofiller_container b {
  font-size: 18px;
}

/* custom right click */
.core_custom_right_click_container {
  background: var(--notification-action-background);
  border-radius: 5px;
  width: 200px;
  min-height: 100px;
  position: absolute;
}

.core_custom_right_click_container ul {
  max-height: 100%;
  overflow-y: scroll;
  overflow-x: scroll;
}

.core_custom_right_click_container ul li {
  list-style-type: none;
  padding: 15px;
  width: calc(100% - 40px);
  cursor: pointer;
}

.core_custom_right_click_container ul li:not(:last-child) {
  border-bottom: 1px solid var(--input-bottom-color);
}

/* sales */
.sales_dashboard {
  display: flex;
  justify-content: space-around;
  align-content: space-around;
}

.sales_dashboard_controller {
  margin-top: 4em;
  width: 100%;
  height: 60px;
  line-height: 37px;
  border-bottom: 1px solid var(--border-grey);
}

.sales_dashboard_controller > div {
  display: inline-block;
  margin: 0 1em;
}

.sales_canvas {
  margin-top: 3em;
  width: 100%;
  min-width: 50%;
  min-height: 300px;
}

/* help */
.core_page_section_logo {
  height: 2.3rem;
}

.help_section {
  padding: 5% 0;
}

.help_section-title {
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 2.25em;
  display: inline-block;
}

.help_section-bold {
  font-weight: 900;
  text-transform: uppercase;
}

.help_section p {
  padding-left: 4em;
  font-size: 1.4rem;
  font-weight: 400 !important;
  line-height: 2.2rem;
}

.help_section ul {
  font-size: 1.4rem;
  padding-left: 6em;
}

.help_section ul li {
  margin-top: 0.25em;
}

.help_section code {
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  font-size: 85%;
  margin: 0;
  padding: 0.2em 0.4em;
}

.tabbed {
  padding-left: 6em !important;
}

/* quick access bar */

.core_quick_access_bar {
  width: 100%;
  height: 60px;
  background: transparent;
  transition: all 0.3s;
}

.core_quick_access_bar_sausages_wrapper .core_sausage span {
  vertical-align: middle;
}

.sausage-links {
  position: relative;
  padding: 0 20px;
}

@media (min-width: 700px) {
  body:not(.sausage-links-full-left) .sausage-links {
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.sausage-links li {
  list-style-type: none;
}

.sausage-links:before,
.sausage-links:after {
  content: "";
  height: calc(100% - 2em);
  pointer-events: none;
  position: absolute;
  top: 1em;
  width: 10px;
  z-index: 2;
}

.sausage-links ul {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  padding: 1em 0;
  -webkit-overflow-scrolling: touch;
}

.sausage-links ul li {
  padding: 0 8px;
  white-space: nowrap;
}

.sausage-links ul li a,
.sausage-links ul li a:visited {
  border: 1px solid var(--button-border-grey);
  border-radius: 50px;
  color: var(--main-color);
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: 500 !important;
}

.sausage-links ul li a:hover,
.sausage-links ul li a:visited:hover {
  background: var(--notification-center-background);
  border-color: var(--main-color);
  box-shadow: 0 2px 4px var(-notification-action-hover-background);
}