/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
:root {
  --font-family: 'Ropa Sans';
 
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 255, 255, 255;
    --background-end-rgb: 255, 255, 255;

    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
    --secondary-glow: linear-gradient(
      to bottom right,
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0.3)
    );

    --tile-start-rgb: 2, 13, 46;
    --tile-end-rgb: 2, 5, 19;
    --tile-border: conic-gradient(
      #ffffff80,
      #ffffff40,
      #ffffff30,
      #ffffff20,
      #ffffff10,
      #ffffff10,
      #ffffff80
    );

    --callout-rgb: 20, 20, 20;
    --callout-border-rgb: 108, 108, 108;
    --card-rgb: 100, 100, 100;
    --card-border-rgb: 200, 200, 200;
  }
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  max-width: 100vw;
}

body {
  color: rgb(var(--foreground-rgb));
  background: linear-gradient(
      to bottom,
      transparent,
      rgb(var(--background-end-rgb))
    )
    rgb(var(--background-start-rgb));
}

a {
  color: inherit;
  text-decoration: none;
}

&.ant-typography.h1 {
  font-weight: 400;
}

.ant-btn {
  line-height: normal;
}

.no-select {
  user-select: none; /* Standard syntax */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

.draggrid-cell {
  background-color: white;
  border-radius: 10px;
  border: 1px solid rgba(0, 75, 145, 0.314);
  box-shadow: rgba(0, 0, 0, 0.19) 5px 5px 5px;
  overflow: scroll;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.draggrid-cell-header {
  /* background-color: rgba(0, 75, 145, 1); */
  background-color: white;
  width: 100%;
  padding: 10px;
  text-align: middle;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid;
  border-color: rgba(0, 75, 145, 0.514);
}

.draggrid-cell-buttons {
  display: flex;
  gap: 8px;
}

.draggrid-cell-content {
  padding: 10px;
  flex: 1 1 auto;
  overflow: auto;
}

.cfgedit-table {
  width: 100%;
}

.vanilla-jsoneditor-react
{
  display: flex;
  flex: 1 1;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./app/components/DashHeader.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.DashHeader_logo__mR3zw {
    width: 160px;
    height: 100%;
    background-image: url('/logo.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.DashHeader_menu__hvnVc {
    position: 'sticky' !important; 
    top: 0;
    z-index: 1;
    width: '100%';
    display: 'flex';
    align-items: 'center';
    border-bottom: 1px solid rgba(5, 5, 5, 0.06);
}