:root{
  --margin: 1rem;
  --header-height: 5rem;
  --gap:8px;

}

:root {
  --color-1-rgb:64, 159, 206;
  --color-1-darker-10-rgb:43, 125, 166;
  --color-1:rgb(var(--color-1-rgb));
  --color-1-darker-10:rgb(var(--color-1-darker-10-rgb));
  --color-1-inv:#fff;
  --color-2:#ff0000;
  --color-2-inv:#fff;
  --color-neutral: #5f7e8d;
  --color-neutral: #425863;
  --shadow-rgba: 0,0,0, 0.2;

  --max-width: 1100px;
  --border-radius: 12px;
  --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
    'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
    'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;

  --foreground-rgb: 0, 0, 0;
  --background-rgb: 255,255,255;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;

  --primary-glow: conic-gradient(
    from 180deg at 50% 50%,
    #16abff33 0deg,
    #0885ff33 55deg,
    #54d6ff33 120deg,
    #0071ff33 160deg,
    transparent 360deg
  );
  --secondary-glow: radial-gradient(
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );

  --tile-start-rgb: 239, 245, 249;
  --tile-end-rgb: 228, 232, 233;
  --tile-border: conic-gradient(
    #00000080,
    #00000040,
    #00000030,
    #00000020,
    #00000010,
    #00000010,
    #00000080
  );

  --callout-rgb: 238, 240, 241;
  --callout-border-rgb: 172, 175, 176;
  --card-rgb: 180, 185, 188;
  --card-border-rgb: 131, 134, 135;
}

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

    --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;
  height: 100%;
  overflow-x: hidden;
}

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;
}

@media (prefers-color-scheme: dark3) {
  html {
    color-scheme: dark;
  }
}



.ia{
  cursor: pointer;
}

.ia:hover{
  color:rgb(var(--color-1-darker-10-rgb))
}


.noselect {
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}


.btn-company-1{
  --bs-btn-bg: rgb(var(--company-color-1-rgb)) !important;
  --bs-btn-hover-bg: rgb(var(--company-color-2-rgb)) !important;
  --bs-btn-active-bg: rgb(var(--company-color-1-rgb)) !important;
  --bs-btn-border-color: rgb(var(--company-color-1-rgb)) !important;
  --bs-btn-hover-border-color: rgb(var(--company-color-2-rgb)) !important;
  --bs-btn-active-border-color: rgb(var(--company-color-1-rgb)) !important;

}
.btn-company-outline-1{
  --bs-btn-color: rgb(var(--company-color-1-rgb)) !important;
  --bs-btn-hover-bg: rgb(var(--company-color-1-rgb)) !important;

}
.btn-company-outline-1:hover{
}
.Toastify__toast-body>div{
  white-space: pre-line;
}

:root a, :root .nav-tabs{
  --bs-link-color-rgb:var(--color-1-rgb);
  --bs-link-hover-color-rgb:var(--color-1-darker-10-rgb);
  --bs-nav-link-hover-color:var(--color-1-darker-10);
  --bs-nav-link-color:var(--color-1);
}

:root .btn-primary, :root .btn-outline-primary  {
  --bs-btn-color: var(--color-1-inv);;
  --bs-btn-bg: var(--color-1);
  --bs-btn-border-color: var(--color-1);
  --bs-btn-hover-color: var(--color-1-inv);;
  --bs-btn-hover-bg: var(--color-1-darker-10);
  --bs-btn-hover-border-color: var(--color-1-darker-10);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--color-1-inv);;
  --bs-btn-active-bg: var(--color-1-darker-10);
  --bs-btn-active-border-color: var(--color-1-darker-10);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-1-inv);
  --bs-btn-disabled-bg: var(--color-1);
  --bs-btn-disabled-border-color: var(--color-1);
}


:root{
  --bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;


}

:root .btn-outline-primary {
  --bs-btn-color: var(--color-1);
  --bs-btn-bg: transparent;
}

.Header_root__XaNpj{
  height:var(--header-height);
  display: flex;
  align-items: center;
  padding:var(--margin) calc(var(--margin) + 4rem);
  box-shadow: 0px 5px 5px rgba(var(--shadow-rgba));
}

.Header_homeLink__xMvi_{
  height: calc(100% + var(--margin));
  display:flex;
  align-items: center;

}

.Header_logo__1FRrW{
  max-height: 100%;
}

.Header_navigation__CQjNn{
  display: flex;
  align-items: stretch;
  height: 100%;
  gap:var(--gap);
}

.Header_navigationItem__I4W_L.btn{
  background-color: var(--color-neutral);
  border:none;
  color:var(--color-1-inv);
  flex:1 1 auto;
  aspect-ratio: 1;
  height: 100%;
  display:flex;
  flex-direction: column;

  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.Header_navigationItem__I4W_L.Header_active__8Eipm{
  background-color: var(--color-1);
}
.Header_navigationItem__I4W_L>i{
  font-size: 2rem;
}

.Header_navigationItem__I4W_L.Header_user__o_qWP.btn{
  border-radius: 50%;
}

.Header_profileBtn__7Kg1S{
  position: absolute;
  right:calc(var(--margin) * 2 + 4rem);
  display:flex;
  flex-direction: row;
  gap:1em;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  color:var(--bidcard-blue);
}
.Header_profileBtn__7Kg1S>p{
  margin:0;
  line-height: 1;
}
.Header_profileBtn__7Kg1S>p>small{
  font-size: .8em;
  font-weight: 400;

}

.Header_userPorfileBtn__kmdHm.btn{
  border-radius: 50%;
  border-width: 2px;
  font-size: 2rem;
  aspect-ratio: 1;
  height: 1.1em;
  width: 1.1em;
  overflow: hidden;
  display:flex;
  justify-content: center;
  align-items: center;
  border-color: var(--bidcard-blue);;
  color: var(--bidcard-blue);;
}

.Header_userPorfileBtn__kmdHm.btn:hover{
  background-color: var(--bidcard-blue);;
  border-color: var(--bidcard-blue);;
  color: white;
}


.Header_userProfileBtnGroup___80K6{
  position: relative;
}
.Header_userProfileBtnGroupContent__354CH{
  position: absolute;
  top:110%;
  right:0;
  background-color: white;
  box-shadow: 0px 4px 8px 0px #00000033;
  border:1px solid rgba(var(--company-color-1-rgb), 0.7);
  border-radius: 4px;
  overflow: hidden;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap:1em;
  padding:var(--margin);

  --color: #626262;
  color:var(--color);
}

.Header_userProfileBtnGroupContent__354CH .Header_top__i3b0p{
  padding-bottom: .5em;
  border-bottom: 1px solid var(--color);
}

.Header_userProfileBtnGroupContent__354CH h3{
  font-size: 1.2rem;
}
.Header_userProfileBtnGroupContent__354CH span{
  font-size: .9em;
  font-weight: 400;
}
/*--bidcard-blue: #48ABFB;*/


@media (max-width: 600px) {
  .Header_root__XaNpj{
    padding:.5em 1em;
  }
  .Header_profileBtn__7Kg1S{
    right:1em;
  }
}
.CardPreview_root__CgWSC{
  --x:0;
  --y:0;

  position: fixed;
  top:0;
  left:0;
  aspect-ratio: 9/16;
  min-width: 30rem;

  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0);
  z-index: 999999;

  display:flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;

  transform: translate(calc(var(--x) * 1px), calc(var(--y) * 1px));
}
.CardPreview_root__CgWSC:hover{
  background: rgba(0,0,0,0.2);
}

.CardPreview_header__VYmhe{
  position: relative;
  height:2.5rem;
}
.CardPreview_header__VYmhe .CardPreview_bg__wrE3B{
  position: absolute;
  inset:0;

  border-radius: .25rem .25rem 0 0;
  cursor: -webkit-grab;
  cursor: grab;
}
.CardPreview_root__CgWSC iframe{
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: .25rem;
  box-shadow: 0px 4px 16px 0px #0000009c;
}
.CardPreview_close__napk6, .CardPreview_reload__YBfKM{
  position: absolute;
  top:0rem;
  right:0.5rem;
  font-size: 1.5em;
  color: white;
  cursor: pointer;
}

.CardPreview_reload__YBfKM{
  display:none;
  right:3rem;

}

.CardPreview_root__CgWSC:hover .CardPreview_reload__YBfKM{
  display:block;
}
.layout_root__T2rOQ {
  --bidcard-blue-rgb: 72, 171, 251;
  --bidcard-blue-darker-10-rgb: 70, 169, 249;
  --bidcard-blue: rgb(var(--bidcard-blue-rgb));
  --company-color-1-rgb:72, 171, 251;
  --company-color-2-rgb:163, 196, 89;
  --company-color-1:rgb(var(--company-color-1-rgb));
  --company-color-2:rgb(var(--company-color-2-rgb));

  --color-1-rgb: var(--bidcard-blue-rgb) !important;
  --color-1-darker-10-rgb: var(--bidcard-blue-darker-10-rgb);
  --color-1: rgb(var(--color-1-rgb));
  --color-1-darker-10: rgb(var(--color-1-darker-10-rgb));
}
.layout_app__BdC4m{
  display:flex;
  justify-content: stretch;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
}

.layout_header__hRJs_{
  z-index: 5
}

.layout_content__KbCHp{
  position: relative;
  flex:1 1 auto;
  overflow-y: auto;
  padding: var(--margin);
  padding-bottom: 20px;

}

.layout_footer__mXloJ{
  height:2rem;
  text-align: center;
  box-shadow: 0px -5px 5px rgba(var(--shadow-rgba));
  z-index: 99;
  background-color: rgb(var(--background-rgb));
  font-size: .85em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:1em;
}
.layout_footer__mXloJ a{

  text-decoration: none;
  color:rgb(var(--bidcard-blue-rgb));
}
.layout_footer__mXloJ a:hover{

  text-decoration: underline;
}
.layout_loading__0HnyJ{

  position: fixed;
  inset:0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.layout_tmp__wb4gN{
  position: absolute;
  z-index: 99999;
  width:100%;
  height: 100%;
  top:0;
  left:0;
  background: var(--bg) no-repeat center center;
  background-size: 1440px;
  background-position: top center;
  opacity: 0.3;
  pointer-events: none;
  display:none;
}


.layout_root__T2rOQ .card{
  box-shadow: 0px 4px 8px 0px #00000033;
  border-radius: 4px;
  padding:var(--margin);
}


.layout_root__T2rOQ .form-check-input:checked{
  background-color: var(--company-color-1);
  border-color: var(--company-color-1);

}


.layout_root__T2rOQ select.btn-mini {
  height: auto;
  line-height: 1;
  text-align: left;
  font-size: .85rem;
  padding:0;
  border:1px solid #ccc;
}