/*!*****************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/index.css ***!
  \*****************************************************************/
@font-face {
  font-family: 'Manrope';
  src: local('Manrope'), url(/assets/fonts/Manrope-VariableFont_wght.ttf) format(truetype);
}

body {
  margin: 0;
  font-family: Manrope;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/layout/layout.module.css ***!
  \********************************************************************************/
.iMluJbSkB2FRNQKCHaIw {
  height: 100dvh;
  width: 100dvw;
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: auto;
}

.IJKe2TT5iwf0MCdbQCoo {
  flex: 1;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.G9v2VVwCc7AufxBfMObl {
  /* position: fixed; */
  width: 100%;
}

.IE3aDHULpEGJeR7y5viE {
  /* position: fixed; */
  /* bottom: 0px; */
  width: 100%;
}

.jxOrF1fA6P_w5Z2w1_5A {
  flex: 1;
  height: 100%;
  width: 100%;
  position: relative;
}

.Akv2Z0yRDfNvCdfiwtXd {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  max-width: 100%;
  width: 350px;
  height: auto;
  pointer-events: none;
}

/* Responsive scaling on smaller screens */
@media (max-width: 1200px) {
  .Akv2Z0yRDfNvCdfiwtXd {
    width: 300px;
  }
}

@media (max-width: 768px) {
  .Akv2Z0yRDfNvCdfiwtXd {
    width: 200px;
    opacity: 0.8;
  }
}

@media (max-width: 480px) {
  .Akv2Z0yRDfNvCdfiwtXd {
    display: none; /* Completely hide on very small screens */
  }
}

/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@acl/ui/dist/esm/common/styles/acl-styles.module.css ***!
  \*********************************************************************************************************************/
:root {
  /* Colors */

  /* Primary colors */
  --Primary-Nordic: #002e33;
  --Primary-Aqua-Marine: #00d6b8;
  --Primary-White: #ffffff;

  /* Secondary colors */
  --Secondary-Aqua-Obscura: #04636d;
  --Secondary-Fountain-Blue: #56bab9;
  --Secondary-Aero-Blue: #ccf7ed;
  --Secondary-Mint-Cream: #f2fbf9;
  --Secondary-Dawn: #f2ece8;

  /* Accent colors */
  --cobalt-blue-shade-01: #0072c3;
  --cobalt-blue-shade-02: #1192e8;
  --cobalt-blue-shade-03: #82cfff;
  --cobalt-blue-shade-04: #bae6ff;
  --majestic-purple-shade-01: #8a3ffc;
  --majestic-purple-shade-02: #a56eff;
  --majestic-purple-shade-03: #d4bbff;
  --majestic-purple-shade-04: #e8daff;
  --crimson-maroon-shade-01: #9f1853;
  --crimson-maroon-shade-02: #c2407d;
  --crimson-maroon-shade-03: #f2aacd;
  --crimson-maroon-shade-04: #ffd2e8;

  /* Neutral colors */
  --Neutral-colors-Black: #000000;
  --Neutral-colors-Grey-1: #4b4b4b;
  --Neutral-colors-Grey-2: #afafaf;
  --Neutral-colors-Grey-3: #e5e5e5;
  --Neutral-colors-Grey-4: #f7f7f7;
}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

/* Font Family */

@font-face {
  font-family: 'Manrope';
  src:
    local('Manrope'),
    url(/assets/fonts/manrope-variablefont-wght.ttf) format(truetype);
}

/* NOTE: For applying this font globally */
/* * {
  font-family: Manrope, 'Helvetica', 'Arial', sans-serif;
} */

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

/* Scrollbar styles */

/* scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background: #002e3329;
}

/* scrollbar:hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #cccdd3;
}

/* scrollbar:focus */
::-webkit-scrollbar-thumb:focus {
  background-color: #cccdd3;
}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/header/main-header/main-header.module.css ***!
  \************************************************************************************************************/
.b58_MgwZahP7bvgZdvry {
    background-color: #efefef;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    border-bottom: solid 1px #dee0e7;
  }
  .E5VAoWZ_YwpKOFwM5SwJ {
    height: 24px;
    width: auto;
    margin-left: 20px;
    margin-right: 50px;
  }
  .ACav9DnHQUZ6H8sHDEFi{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
  }
  .F4m8N5kqBtgor8520iwP {
    height: 24px;
    width: 24px;
    color: #002E33;
  }
  label{
    color: #002E33;
    font-size: 13px;
    font-weight: 400;
    text-align: right;
  }
  .T2SkehYVGueHklNQDZDu{
    display: flex;
    align-items: center;
    /* justify-content: center; */
  }
/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/confirm-action/confirm-action.module.css ***!
  \***********************************************************************************************************/
.Vlcf057I_Yg29h607Xi7 {
  padding: 30px;
}

.L9Ix5bYSwQjMwxKxeC4K {
  padding: 5px 30px 30px;
}

.EoTdQNrVo4JJZvuLIPuj {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

.RHY613Rip0lKB2onJQ5y {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 10px;
  margin-top: 20px;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/view-roster/view-roster.module.css ***!
  \*****************************************************************************************************/
.Yems5_WigyVRgTbfwrk_ {
  padding: 30px;
  max-width: 200%;
  width: 90vw;
  height: 42vw;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.DKLx7nDvZWvk2KPSnewZ {
  padding: 5px 30px 30px;
}

.NKOIJ27NFp1lGNPmz5m6 {
  padding: 20px 76px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.VojOLepfxDdaH5BXARiL {
  height: calc(100%-300px);
}

._ax0GxII36X9qk2_s7_S {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-top: 32px;
}

.PLRHmqdcspgpiYR8RuWQ {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}

.sBJ3uBT5V_VxWiT4k6mo {
  border: 1px solid #afafaf;
  padding: 0px 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.Hp7gthzAvifROs0MldpQ {
  margin-top: 20px;
}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/alert-roster-filedrop/alert-roster-filedrop.module.css ***!
  \********************************************************************************************************************/
.TximZ7EdhamQj9bnCssg {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.VLQfE8StnleV505u4ooR {
  display: flex;
  column-gap: 20px;
  align-items: center;
}

.I3kiPTXrrmaphlWAbAky {
  justify-content: right;
  align-items: right;
}

.NeJfBC_lNntlZDbGotpw {
  height: calc(100% - 100px);
}

.WREiJmhgv3NVsavv0Er1 {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  align-items: center;
}

.DBQHMVlNisqLAHP9Yjw0 { 
  background-color: #ffffff;
  display: block;
  align-items: center;
  padding: 20px 12vw;
}

._lPIX3VGt3c7FY8mZf1n {
  padding: 20px 76px;
  background-color: #f2fbf9;
  border-bottom: 1px solid #e5e5e5;
}

.DYRlfqnwTFBo0_gGv5tY {
  padding: 20px 76px;
  flex: 1;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
}

.W5mmH5sBPubotc1OVtgS {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}

.uY7BzRoQvDo3XA9Bv8NS {
  margin-top: 20px;
}

label {
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #4b4b4b;
}

.fMO0ZiP45roaRDZVF391 {
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ANO0u8JYtFPG4QPUZMnc {
  display: flex;
  column-gap: 2px;
}

.B51o12wtjiiLw6Q1mfbJ {
  background-color: #e5e5e5;
  display: flex;
  column-gap: 2px;
  height: 35px;
  color: #4b4b4b;
}

button:disabled {
  cursor: not-allowed !important;;
  pointer-events: all !important;
}

.LHs88ffhPH62VFFOMSUK {
  justify-content: space-between;
}

.W0svy7ZeTe9ZAGmqX78t {
  margin-bottom: 10px;
}

.zCLOXGvpTDISFF7BgnGA {
  width: 65%;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/components/token-timer/token-timer.module.css ***!
  \*****************************************************************************************************/
.W9ducDxsDgDAoUGAiCUB {
  padding: 30px;
}

.TrW_JOgxbbL9GXrx8K2z {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

.OXctLGtex2BOLKhnSoGb {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 20px;
}

.Dqc0uvOyuDqe5aSpxRL3 {
  font-weight: 700;
}