@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons&style=outline&display=block);
.container___qWx5I {
  border-radius: 0px;
  border-radius: var(--spacing-20);
}

.button___ggdv3 {
  cursor: pointer;
  border: none;
  padding: var(--spacing-40) var(--spacing-50);
  width: 100%;
  border-radius: var(--spacing-20);
  color: var(--color-primary);
}
.button___ggdv3:focus {
  outline: none;
}

.text___gxrNx {
  background-color: transparent;
}
.text___gxrNx:hover {
  background-color: var(--color-primary-background);
  color: var(--color-primary-light);
}
.text___gxrNx:disabled {
  color: var(--color-dull);
  background-color: transparent;
}

.link___HA6sC {
  padding: var(--spacing-00);
  background-color: transparent;
  line-height: 20px;
}
.link___HA6sC:hover {
  color: var(--color-primary-light);
}
.link___HA6sC:disabled {
  color: var(--color-dull);
  background-color: transparent;
}

.outline___yVv86 {
  border: solid 1px;
  border-color: var(--color-primary);
}
.outline___yVv86:hover {
  background-color: var(--color-primary-background);
}
.outline___yVv86:disabled {
  color: var(--color-grey-040);
  cursor: default;
  pointer-events: none;
  border-color: var(--color-grey-040);
}

.contained___Fjt0f {
  border: solid 1px;
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
}

.contained___Fjt0f:hover {
  background-color: var(--color-primary-light);
}

.contained___Fjt0f:disabled {
  background-color: var(--color-dull);
  border-color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}

.pushTop___G2wNo {
  margin-top: calc(-1 * var(--spacing-50));
}
.pushRight___dZymN {
  margin-right: calc(-1 * var(--spacing-50));
}
.pushBottom___hOuNq {
  margin-bottom: calc(-1 * var(--spacing-50));
}
.pushLeft___UeLsL {
  margin-left: calc(-1 * var(--spacing-50));
}

.width5___nVJFm {
  max-width: 5%;
  min-width: 5%;
}

.width10___aPcPY {
  max-width: 10%;
  min-width: 10%;
}

.width15___q3YrY {
  max-width: 15%;
  min-width: 15%;
}

.width20___akzgc {
  max-width: 20%;
  min-width: 20%;
}

.width25___yjFas {
  max-width: 25%;
  min-width: 25%;
}

.width30___sLfaM {
  max-width: 30%;
  min-width: 30%;
}

.width35___hGyQt {
  max-width: 35%;
  min-width: 35%;
}

.width40___oup4C {
  max-width: 40%;
  min-width: 40%;
}

.width45___VrtfF {
  max-width: 45%;
  min-width: 45%;
}

.width50___r3C8A {
  max-width: 50%;
  min-width: 50%;
}

.width55___hRBWX {
  max-width: 55%;
  min-width: 55%;
}

.width60___crEl_ {
  max-width: 60%;
  min-width: 60%;
}

.width65___yuqYS {
  max-width: 65%;
  min-width: 65%;
}

.width70___r8oES {
  max-width: 70%;
  min-width: 70%;
}

.width75___uAvL1 {
  max-width: 75%;
  min-width: 75%;
}

.width80___yes8a {
  max-width: 80%;
  min-width: 80%;
}

.width85___o5Hg5 {
  max-width: 85%;
  min-width: 85%;
}

.width90___qKRk_ {
  max-width: 90%;
  min-width: 90%;
}

.width95___Pg36U {
  max-width: 95%;
  min-width: 95%;
}

.width100___C9plQ {
  max-width: 100%;
  min-width: 100%;
}

.layout-row___VJYGb {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.layout-row-reverse___RgzKO {
  display: flex;
  flex-direction: row-reverse;
  box-sizing: border-box;
}
.layout-column___eYu0U {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.layout-column-reverse___znCVg {
  display: flex;
  flex-direction: column-reverse;
  box-sizing: border-box;
}

.layout-justify-start___ae1cm {
  justify-content: start;
}
.layout-justify-flex-start___eDX2b {
  justify-content: flex-start;
};
.layout-justify-center___kl8_9 {
  justify-content: center;
}
.layout-justify-end___eh66V {
  justify-content: end;
}
.layout-justify-flex-end___yk80J {
  justify-content: flex-end;
}
.layout-justify-space-around___JJaA6 {
  justify-content: space-around;
}
.layout-justify-space-between___CYQZj {
  justify-content: space-between;
}
.layout-justify-space-evenly___CugGI {
  justify-content: space-evenly;
}

.layout-align-start___sdoee {
  align-items: start;
}
.layout-align-flex-start___NfQgB {
  align-items: flex-start;
}
.layout-align-center___JuJ0f {
  align-items: center;
}
.layout-align-end___wKZXZ {
  align-items: end;
}
.layout-align-flex-end___NrRaa {
  align-items: flex-end;
}
.layout-align-stretch___B8Noc {
  align-items: stretch;
}

/*.flex-order--8 {
  order: -8;
}
.flex-order--7 {
  order: -7;
}
.flex-order--6 {
  order: -6;
}
.flex-order--5 {
  order: -5;
}
.flex-order--4 {
  order: -4;
}
.flex-order--3 {
  order: -3;
}
.flex-order--2 {
  order: -2;
}
.flex-order--1 {
  order: -1;
}*/
.flex-order-0___rFh2y {
  order: 0;
}
.flex-order-1___RznB0 {
  order: 1;
}
.flex-order-2___gI4hH {
  order: 2;
}
.flex-order-3___bfE5_ {
  order: 3;
}
.flex-order-4___yIj0F {
  order: 4;
}
.flex-order-5___m5jXm {
  order: 5;
}
.flex-order-6___RVZa0 {
  order: 6;
}
.flex-order-7___sTToj {
  order: 7;
}
.flex-order-8___PD9Ao {
  order: 8;
}

body, h1, .h1___jygle, h2, .h2___AhuWy, h3, .h3___fZJUF, h4, .h4___X9gZo, h5, .h5___cFlZf, h6, .h6___YoxxA, button, input, textarea, .small___bJ602, .subtitle___eUzh_, .subtitleSmall___GpO9I, .caption___uaHkk, .overline___dnIKN, .muted___LuqcA {
  font-family: "Inter", sans-serif;
}

body, .body___f5wUT {
  font-family: "Inter", sans-serif;
  line-height: 20px;
  font-weight: 400;
  font-size: 14px !important; 
  color: var(--color-grey-100);
  background-color: var(--color-grey-010) !important;
}

h1, .h1___jygle {
  /* font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px; */
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 52px;
}

h2, .h2___AhuWy {
  /* font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px; */
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}

h3, .h3___fZJUF {
  /* font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px; */
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

h4, .h4___X9gZo {
  /* font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px; 
  letter-spacing: 0.16px;*/
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}

h5, .h5___cFlZf {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  /* letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px; */

  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

h6, .h6___YoxxA {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  /* letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px; */

  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}


button {
  font-weight: 600;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1;
}

.heading___aUBps{
  font-family: "Inter", sans-serif;
  line-height: 20px;
  font-weight: 600 !important;
  font-size: 14px !important; 
}

.smallThin___CIdTi {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  font-family: "Inter", sans-serif;
}

.small___bJ602 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Inter", sans-serif;
}

.subtitle___eUzh_ {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.15px;
}

.subtitleSmall___GpO9I {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1px;
}

.caption___uaHkk {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.4px;
  
}

.overline___dnIKN {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.muted___LuqcA {
  color: var(--color-mute, #616e7c);
}

.sidenav___l8jXX{
  font-family: "Inter", sans-serif;  
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.16px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidenavSubItem___Mt8l8{
  font-family: "Inter", sans-serif;  
  font-weight: 400;
  font-size: 14px;
}

.subHeading___mGdLP{
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
:root {
  --color-grey-010: #FFFFFF;
  --color-grey-020: #F5F5F5;
  --color-grey-030: #EDEDED;
  --color-grey-040: #E0E0E0;
  --color-grey-050: #C2C2C2;
  --color-grey-060: #9E9E9E;
  --color-grey-070: #757575;
  --color-grey-080: #616161;
  --color-grey-090: #424242;
  --color-grey-100: #0A0A0A;
  
  --color-red-010: #FCF3F2;
  --color-red-020: #FADCD9;
  --color-red-030: #FABBB4;
  --color-red-040: #FC9086;
  --color-red-050: #FA5343;
  --color-red-060: #D91F11;
  --color-red-070: #A1160A;
  --color-red-080: #75160C;
  --color-red-090: #4F150F;
  --color-red-100: #24120C;
  
  --color-orange-010: #FCF2EB;
  --color-orange-020: #FCDDC7;
  --color-orange-030: #FCBC97;
  --color-orange-040: #FC9162;
  --color-orange-050: #E86427;
  --color-orange-060: #BF4815;
  --color-orange-070: #8F3415;
  --color-orange-080: #632B17;
  --color-orange-090: #402117;
  --color-orange-100: #1F1410;
  
  --color-yellow-010: #FAF6CF;
  --color-yellow-020: #F7E379;
  --color-yellow-030: #F5C518;
  --color-yellow-040: #D9A514;
  --color-yellow-050: #B3870E;
  --color-yellow-060: #946613;
  --color-yellow-070: #70491C;
  --color-yellow-080: #54341F;
  --color-yellow-090: #38251B;
  --color-yellow-100: #1C1613;
  
  --color-lime-010: #EBF7DA;
  --color-lime-020: #D5F0B1;
  --color-lime-030: #AAD971;
  --color-lime-040: #78BF39;
  --color-lime-050: #52A31D;
  --color-lime-060: #3C7D0E;
  --color-lime-070: #2E5C0E;
  --color-lime-080: #254211;
  --color-lime-090: #1C2E10;
  --color-lime-100: #121A0D;
  
  --color-green-010: #EBF7ED;
  --color-green-020: #C7EBD1;
  --color-green-030: #88DBA8;
  --color-green-040: #43C478;
  --color-green-050: #16A163;
  --color-green-060: #077D55;
  --color-green-070: #075E45;
  --color-green-080: #094536;
  --color-green-090: #092E25;
  --color-green-100: #081A15;
  
  --color-teal-010: #EBF5F4;
  --color-teal-020: #BEEBE7;
  --color-teal-030: #86D9D4;
  --color-teal-040: #4EBFB9;
  --color-teal-050: #279C9C;
  --color-teal-060: #167B7D;
  --color-teal-070: #155C5E;
  --color-teal-080: #124241;
  --color-teal-090: #102E2D;
  --color-teal-100: #0C1A19;
  
  --color-torquoise-010: #EBF5F4;
  --color-torquoise-020: #C7E8ED;
  --color-torquoise-030: #81D8E6;
  --color-torquoise-040: #45BCD1;
  --color-torquoise-050: #159AB3;
  --color-torquoise-060: #067A91;
  --color-torquoise-070: #09596B;
  --color-torquoise-080: #0C424D;
  --color-torquoise-090: #102D33;
  --color-torquoise-100: #0F181A;
  
  --color-aqua-010: #EBF3F7;
  --color-aqua-020: #C9E7F5;
  --color-aqua-030: #8BD3F7;
  --color-aqua-040: #48B8F0;
  --color-aqua-050: #1195D6;
  --color-aqua-060: #0073BA;
  --color-aqua-070: #08548A;
  --color-aqua-080: #0E3D66;
  --color-aqua-090: #0C2B45;
  --color-aqua-100: #0B1724;
  
  --color-blue-010: #F0F4FA;
  --color-blue-020: #D4E4FA;
  --color-blue-030: #ADCCF7;
  --color-blue-040: #75B1FF;
  --color-blue-050: #3D8DF5;
  --color-blue-060: #186ADE;
  --color-blue-070: #0D4EA6;
  --color-blue-080: #103A75;
  --color-blue-090: #11294D;
  --color-blue-100: #0D1826;
  
  --color-purple-010: #F7F2FC;
  --color-purple-020: #EADCFC;
  --color-purple-030: #DABEFA;
  --color-purple-040: #C89AFC;
  --color-purple-050: #AC71F0;
  --color-purple-060: #8F49DE;
  --color-purple-070: #6B30AB;
  --color-purple-080: #4C277D;
  --color-purple-090: #331F4D;
  --color-purple-100: #1C1229;
  
  --color-pink-010: #FCF0F8;
  --color-pink-020: #F7DAED;
  --color-pink-030: #F7B7E2;
  --color-pink-040: #FA87D4;
  --color-pink-050: #ED4CB7;
  --color-pink-060: #CC1D92;
  --color-pink-070: #961574;
  --color-pink-080: #6B155A;
  --color-pink-090: #47153F;
  --color-pink-100: #241020;
  
  --color-black-100: #000000;
    /*--color-primary: rgb(54, 182, 180);
    --color-primary-light: rgba(54, 182, 180, 0.23137254901960785);
    --color-primary-extra-light: rgba(54, 182, 180, 0.07058823529411765);
    --color-complementary: rgb(182, 54, 56);
    --color-background-dark: rgba(33, 33, 33, 0.10196078431372549);
    --color-background-light: rgb(250, 250, 250);
    --color-body-overflow: rgb(25, 39, 51);
    --color-white: rgb(255, 255, 255);
    --color-black: rgb(33, 33, 33);
    --color-mute: rgba(33, 33, 33, 0.6);
    --color-dull: rgba(33, 33, 33, 0.12156862745098039);
    --color-red: rgb(213, 0, 0);*/
    /*To be removed*/
    /*--color-analogous: rgb(54, 182, 116);
    --color-triadic1: rgb(54, 56, 182);
    --color-triadic2: rgb(180, 54, 182);*/
  }
  
.alignLeft___LOIEk {
  text-align: left;
  align-self: flex-start;
}
.alignRight___w4YZp {
  text-align: right;
  align-self: flex-end;
}
.alignCenter___TbfWu {
  text-align: center;
  align-self: center;
}

.alignStretch___UjEUj {
  align-self: stretch;
}
.elevation1Dp___psfsV {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.elevation2Dp___Djw2B {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.elevation3Dp___wQSEW {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.elevation4Dp___ajFSG {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
}
.elevation5Dp____ndiA {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}
/*https://gist.github.com/devinrhode2/2573411*/

.scrollbar___jr6jt {
  scrollbar-base-color: rgb(255, 255, 255); /*IE*/
  scrollbar-face-color: rgb(255, 255, 255);
  scrollbar-track-color: rgb(239, 240, 241);
  scrollbar-arrow-color: rgb(255, 255, 255);
}
.scrollbar___jr6jt::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollbar___jr6jt::-webkit-scrollbar:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.scrollbar___jr6jt::-webkit-scrollbar-track {
  -webkit-border-radius: 100px;
}
.scrollbar___jr6jt::-webkit-scrollbar-track:hover {
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.scrollbar___jr6jt::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 100px;
}
.scrollbar___jr6jt::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.scrollbar___jr6jt.hideScrollbar___MDQyb::-webkit-scrollbar {
  display: none;
}

.scrollX___Sl97k {
  overflow-x: auto;
}
.scrollY___ssjrS {
  overflow-y: auto;
}

.scroll___bE6i8 {
}

.scrollableContainer___PVhLw {
  display: flex;
  position: relative;
  flex-grow: 1;
  align-self: stretch;
}
.scrollableContainer___PVhLw > * {
  /* position: absolute; */
}

.scrollableContainerX___j50kK {
}
.scrollableContainerX___j50kK > * {
  min-height: 100%;
  min-height: min-content;
}
.scrollableContainerY___mOGjU {
}
.scrollableContainerY___mOGjU > * {
  min-width: 100%;
  min-height: min-content;
}
:root {
  --spacing-00: 0px;
  --spacing-10: 2px;
  --spacing-20: 4px;
  --spacing-30: 8px;
  --spacing-40: 12px;
  --spacing-50: 16px;
  --spacing-60: 20px;
  --spacing-70: 24px;
  --spacing-80: 32px;
  --spacing-90: 48px;
  --spacing-100: 64px;
}

:root {
  --color-primary: #0fb5ba;
  --color-primary-light: #1cd4d4;
  --color-primary-extra-light: #e1fcf8;
  /* --color-complementary: #0552b5; */
  --color-secondary-dark: #002159;
  --color-secondary: #0552b5;
  --color-secondary-light: #0967d2;
  --color-secondary-extra-light: #E6F6FF;
  --color-background-dark: #3e4c59;
  --color-background-light: #f5f7fa;
  --color-body-overflow: #192733;
  --color-white: var(--color-grey-010);
  --color-black: #1f2933;
  --color-mute: #616e7c;
  --color-dull: #cbd2d9;
  --color-red: var(--color-red-060);
  --color-border: #e4e7eb;
  --color-highlight: #e4e7eb;
  --color-highlight-dark: #cbd2d9;
  --color-placeholder-default: #757575;
  --color-pending:#D97706;
  --color-grey-10: #f5f7fa;
  --color-grey-20: #e4e7eb;
  --color-grey-30: #cbd2d9;
  --color-grey-40: #616e7c;
 

  --color-link: #0079D0;
  --color-gray: #eee;
  --color-dark-gray: #bbb;
  --color-green: var(--color-green-060); 
  --color-badge-red: var(--color-red-060); 
  --color-success: var(--color-green-060);
  --color-success-background: var(--color-green-010);
  --color-warning: var(--color-yellow-060);
  --color-warning-background: var(--color-yellow-010);
  --color-error: var(--color-red-060);
  --color-error-background: var(--color-red-010);
}

.row___Q8S02 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.row___Q8S02.reverse___Ube6v {
  flex-direction: row-reverse;
}
.link___fA1hN {
  line-height: 0;
}

.action___bSmKU {
  margin: var(--spacing-00) var(--spacing-20);
  padding: var(--spacing-30);
  border-radius: 100%;
  cursor: pointer;
}
.action___bSmKU.compact___mqtRl {
  padding: var(--spacing-20);
}
.action___bSmKU.negativeVerticalMargin___x66E_ {
  margin-top: calc(-1 * var(--spacing-30));
  margin-bottom: calc(-1 * var(--spacing-30));
}
.action___bSmKU.shiftLeft___aA2LV:first-child {
  margin-left: calc(-1 * var(--spacing-30));
}
.action___bSmKU.shiftRight____gIIq:last-child {
  margin-right: calc(-1 * var(--spacing-30));
}
.action___bSmKU:hover {
  background-color: var(--color-highlight);
}

.action___bSmKU.selected___MGG1L {
  background-color: var(--color-highlight-dark);
}
.action___bSmKU.selected___MGG1L:hover {
}

.action___bSmKU.disabled___qYNpQ {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}
.action___bSmKU.disabled___qYNpQ:hover {
  background-color: transparent;
}

.svg___mra4M {
  color: inherit;
}
.svg___mra4M.primary___NZySp {
  color: var(--color-primary);
}

.disabled___qYNpQ {
  color: var(--color-dull);
}

.rankFont___HjY2D{
  font-size: 12px;
}
.container___ufgib {
  position: fixed;
  padding: var(--spacing-30) var(--spacing-50);
  bottom: 0px;
  z-index: 42;
}

.snackbar___r44gl {
  padding: var(--spacing-30) var(--spacing-50);
  border-radius: 0px;
  background-color: var(--color-mute);
  color: var(--color-white);
}

.actionContainer___DEB0s {
  margin-left: var(--spacing-30);
  flex-shrink: 0;
  justify-content: flex-end;
}

html {
  height: 100%;
  background-color: var(--color-grey-010);
  /* background-color: var(--color-primary-extra-light); */
  /*background: var(--color-body-overflow, #192733);*/
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  height: unset !important;
  min-width: 320px;
  min-height: 100%;
  background: white;
  margin: 0;
  overflow-y: auto;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--color-background-light);
  
}

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

button {
  background-color: unset;
}

:focus {
  outline: none;
}

.mainContainer {
  display: flex;
  flex-direction: row;
  padding-top: 64px;
  margin-top: -64px;
  min-height: 100vh;
}

.sideNav {
  flex-grow: 0;
  flex-shrink: 0;
}

#app {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

#auth {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bodyHeaderContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: stretch;
  background-color: var(--color-grey-010);
}

.header {
  position: relative;
  width: 100%;
}

.bodyContainer {
  /*min-height: 100vh;*/
  /* margin-top: -64px;
  padding-top: 64px; */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;

}

.body {
  display: flex;
  flex-direction: column;
  padding: 16px;
  flex-grow: 1;
}
.container___wfDfl {
  padding: var(--spacing-30) var(--spacing-00);
  background-color: var(--color-white);
  border-radius: var(--spacing-20);
}

.detailsCard___a4k9x {
  padding: var(--spacing-30) var(--spacing-50);
  border: 1px solid var(--color-grey-040);
}

.highlight___VBClY {
  border: 1px solid var(--color-primary); 
}
.borderless___AvrLn {
  border: unset;
}

.container___wfDfl.noPadding___BSLJZ {
  padding: var(--spacing-00);
}

.header___y1wsR {
  padding: var(--spacing-30) var(--spacing-50);
}

.headerTitle___T3qcn {
}
.headerSubtitle___wuHD_ {
  color: var(--color-mute);
}
.headerThumbnail___VQsxN {
  padding-right: var(--spacing-50);
}

.footer___sLozK {
  padding: var(--spacing-30) var(--spacing-50);
}

.action___OtuSZ {
  padding-right: var(--spacing-30);
  cursor: pointer;
}
.action___OtuSZ:last-child {
  padding-right: var(--spacing-00);
}
.action___OtuSZ.active___d5n_F {
  background-color: var(--color-dull);
}

.body___jAvPU {
  padding: var(--spacing-30) var(--spacing-50);
}

.background___TFqyc {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px;
  z-index: 600;
  background: rgba(0, 0, 0, 0.25);
  overflow: auto;
}

.dialog___dOEdF {
  padding: var(--spacing-50) var(--spacing-70);
  border-radius: 4px;
  background: white;
  
}

.contentlt___vRlOX{
  justify-content:'unset'
}
.alertContainer___wgu9c {
  min-width: 280px;
  max-width: 560px;
}

.title___mNcVY {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
  padding-bottom: var(--spacing-50);
}

.text___eUyLj {
  font-size: 14px;
  color: var(--color-mute);
}

.actionContainer___mnjEn {
  justify-content: flex-end;
  margin-right: calc(-1 * var(--spacing-50));
  padding-top: var(--spacing-50);
}

.stepHeader___pijDE {
  padding-bottom: calc(var(--spacing-100) - 6px);
  /* border-bottom: 1px solid var(--color-dull); */
}
.stepHeader___pijDE .step___hWtHt {
  position: relative;
}
.stepHeader___pijDE .step___hWtHt .title___hKDlS {
  margin-top: var(--spacing-30);
  align-self: center;
  text-align: center;
  line-height: 20px;
  position: absolute;
  margin-top: var(--spacing-80);
  min-width: max-content;
}
.stepHeader___pijDE .step___hWtHt:first-child .title___hKDlS {
  left: 0;
}
.stepHeader___pijDE .step___hWtHt:last-child .title___hKDlS {
  right: 0;
}
.stepHeader___pijDE .step___hWtHt .highlight___YCm9n {
  font-weight: 600;
}

.stepIndicator___F1FP2 {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: var(--color-grey-20);
  color: var(--color-white);
  margin: var(--spacing-00) var(--spacing-30);
}
.stepIndicator___F1FP2:first-child:not(.small___gR_GR) {
  margin-left: var(--spacing-00);
}

.stepIndicator___F1FP2:last-child:not(.small___gR_GR) {
  margin-right: var(--spacing-00);
}

.stepIndicator___F1FP2.small___gR_GR {
  width: 16px;
  height: 16px;
}
.stepIndicator___F1FP2.outline___um2uu {
  background-color: transparent;
  border: solid 1px var(--color-primary);
}
.stepIndicator___F1FP2.primary___b2XHl {
  background-color: var(--color-primary);
  cursor: pointer;
}

.stepDivider___GcWx7 {
  min-width: var(--spacing-50);
  border: solid 1px var(--color-grey-20);
  margin: var(--spacing-40) var(--spacing-00);
}
.stepDivider___GcWx7.primary___b2XHl {
  border-color: var(--color-primary);
}
.stepDivider___GcWx7.transparent___mmAYz {
  border-color: transparent;
}

.container___ORXc3 {
  display: inline-block;
  /*height: 32px;*/
  border-radius: 16px;
  padding: var(--spacing-20) var(--spacing-40);
  font-size: 12px;
  line-height: 1;
}
.container___ORXc3.negativeVerticalMargin___ZviZ2 {
  margin-top: calc(-1 * var(--spacing-20));
  margin-bottom: calc(-1 * var(--spacing-20));
}
.container___ORXc3.contained___BtFIk {
  background-color: var(--color-grey-20);
}
.container___ORXc3.outline___SmUtO {
  border: solid 1px var(--color-dull);
}
.container___ORXc3.contained___BtFIk.selected___E6EU_ {
  background-color: var(--color-primary-light);
  color: var(--color-white);
}
.container___ORXc3.outline___SmUtO.selected___E6EU_ {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.icon___CfWz6 {
  margin-left: calc(-1 * var(--spacing-40));
  margin-right: var(--spacing-30);
  padding: var(--spacing-20);
  border-radius: 16px;
  background-color: var(--color-background-light);
}

.cancel___YVwtm {
  margin-left: var(--spacing-30);
  margin-right: calc(-1 * var(--spacing-20));
  border-radius: 10px;
  background-color: var(--color-background-light);
  /* color: var(--color-mute); */
  cursor: pointer;
}

.container___ORXc3.contained___BtFIk:hover,
.container___ORXc3.contained___BtFIk:hover .icon___CfWz6,
.container___ORXc3.contained___BtFIk:hover .cancel___YVwtm {
  background-color: var(--color-dull);
}
.container___ORXc3.outline___SmUtO:hover,
.container___ORXc3.outline___SmUtO:hover .icon___CfWz6,
.container___ORXc3.outline___SmUtO:hover .cancel___YVwtm {
  background-color: var(--color-background-light);
}

.container___ORXc3.contained___BtFIk.selected___E6EU_:hover {
  background-color: var(--color-primary);
}

.container___ORXc3.contained___BtFIk.info___u9iLt {
  background-color: var(--color-dull);
  color: var(--color-white);
  border: 1px solid var(--color-white);
}
.container___ORXc3.contained___BtFIk.warning___iczKT {
  background-color: var(--color-warning-background);
  color: var(--color-warning);
  border: 1px solid var(--color-warning);
}
.container___ORXc3.contained___BtFIk.success___lcoWA {
  background-color: var(--color-success-background);
  border: 1px solid var(--color-success);
  color: var(--color-success);
}
.container___ORXc3.contained___BtFIk.error___cxuN_ {
  background-color: var(--color-error-background);
  color: var(--color-error);
  border: 1px solid var(--color-error);
}

.container___ORXc3.contained___BtFIk.primary___V1cdt {
  background-color: var(--color-primary-background);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}



.sheet___DbgbQ {
  z-index: 400;
  position: absolute;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--color-white);
  width: max-content;
}
.sheet___DbgbQ.minWidth___n5MAI {
  min-width: 112px;
}

.list___c2oTF {
  margin: var(--spacing-30) var(--spacing-00);
  font-size: 14px;
  color: var(--color-mute);
}
.list___c2oTF.maxHeight___cfeMl {
  max-height: 170px;  
}

.listItem___vCcNA {
  padding: var(--spacing-30) var(--spacing-50);
  align-items: center;
  cursor: pointer;
}
.listItem___vCcNA:hover {
  background-color: var(--color-background-light);
}
.listItem___vCcNA.keyboardSelected___sB2bY {
  background-color: var(--color-background-light);
  color: var(--color-primary);
}
.listItem___vCcNA.selected___BY575 {
  color: var(--color-primary);
}
.listItem___vCcNA.inactive___psf8n {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}

.formError___Iuv34 {
  border: 1px solid var(--color-red);
  padding: var(--spacing-30) var(--spacing-40);
  border-radius: 0px;
  color: var(--color-red);
  margin-top: var(--spacing-30);
  margin-bottom: var(--spacing-70);
}

.container___F1wJt {
  align-self: stretch;
  position: relative;
  /*margin-top: var(--spacing-30);*/
}

.inputContainer___T1HVa {
  align-items: center;
  position: relative;
}

.inputContentContainer___k1xCF {
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
}

.disabled___eNKi6 .input___uJAhn::placeholder{
  color: var(--color-grey-040);
}

.disabled___eNKi6 .input___uJAhn{
  color: var(--color-grey-060);
}
.iconContainer___rkNMl {
  align-self: center;
  color: var(--color-grey-100);
}
.iconContainer___rkNMl.leadingIconContainer___JKMWI {
  padding-right: var(--spacing-40);
}
.iconContainer___rkNMl.trailingIconContainer___HhRIV {
  padding-left: var(--spacing-40);
}
.inputContainer___T1HVa:focus-within .iconContainer___rkNMl {
  color: var(--color-primary);
}

.input___uJAhn, .textarea___E6fo1 {
  border: none;
  color: var(--color-grey-100);
  flex-grow: 1;
  background-color: transparent;
  resize: none;
}
.input___uJAhn::placeholder {
  color: var(--color-grey-060);
}
.input___uJAhn:focus, .textarea___E6fo1:focus {
  outline: none;
}
.input___uJAhn:focus::-webkit-input-placeholder, .textarea___E6fo1:focus::-webkit-input-placeholder {
  color: transparent;
}
.input___uJAhn:focus:-moz-placeholder, .textarea___E6fo1:focus:-moz-placeholder {
  color: transparent;
}
.input___uJAhn:focus::-moz-placeholder, .textarea___E6fo1:focus::-moz-placeholder {
  color: transparent;
}
.input___uJAhn:focus:-ms-input-placeholder, .textarea___E6fo1:focus:-ms-input-placeholder {
  color: transparent;
}

.label___pACXr {
  position: absolute;
  display: none;
  top: 0px;
  left: 8px;
  color: var(--color-grey-080);
}
.disabled___eNKi6 .label___pACXr{
  color: var(--color-grey-040);
}
.input___uJAhn:focus ~ .label___pACXr, .textarea___E6fo1:focus ~ .label___pACXr {
  display: block;
}

.selectedValues___vIRWU {
  order: -1;
  /*margin: calc(-1 * var(--spacing-20)) var(--spacing-00);*/
  /*margin-bottom: var(--spacing-10);*/
  margin-right: var(--spacing-30);
}

.outline___d00ui .inputContainer___T1HVa {
  border: solid 1px;
  border-color: var(--color-grey-060);
  border-radius: 4px;
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
  align-items: flex-start;
}
.outline___d00ui .inputContainer___T1HVa.disabled___eNKi6{
  border-color: var(--color-grey-040);
}

.outline___d00ui .selectedValues___vIRWU:first-of-type {
  /*margin-top: 18px;*/
}
/*.outline .inputContentContainer {
  padding-left: 12px;
  align-items: center;
}*/
.outline___d00ui .input___uJAhn, .outline___d00ui .textarea___E6fo1 {
  padding: var(--spacing-40) var(--spacing-00);
}
.outline___d00ui .label___pACXr {
  top: -12px;
  left: 8px;
  padding: var(--spacing-00) var(--spacing-30);
  background: linear-gradient(transparent, white 60%, transparent);
}
.outline___d00ui .inputContainer___T1HVa:focus-within {
  border-color: var(--color-primary);
}
.outline___d00ui .inputContentContainer___k1xCF.hasValues___KxWh8 {
  padding: var(--spacing-40) var(--spacing-00);
}
.outline___d00ui .input___uJAhn:focus ~ .label___pACXr, .outline___d00ui .textarea___E6fo1:focus ~ .label___pACXr {
  color: var(--color-primary);
}
.outline___d00ui .input___uJAhn.hasValues___KxWh8, .outline___d00ui .textarea___E6fo1.hasValues___KxWh8 {
  padding: var(--spacing-00) var(--spacing-00);
  /*padding: 6px 0px 8px 0px;*/
  /*margin-bottom: 12px;*/
}

.fill___E5OY5 .inputContainer___T1HVa {
  align-items: flex-end;
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
  padding-bottom: 1px;
  border-bottom: solid 1px;
  border-color: var(--color-dull, #21212152);
  border-radius: 4px 4px 0px 0px;
  background-color: var(--color-grey-020);
}
.fill___E5OY5 .input___uJAhn, .fill___E5OY5 .textarea___E6fo1 {
  padding: var(--spacing-50) var(--spacing-00);
}
.fill___E5OY5.underline___D3cp8 .inputContainer___T1HVa {
  background-color: unset;
  padding-left: var(--spacing-00);
  padding-right: var(--spacing-00);
}
.fill___E5OY5.underline___D3cp8 .iconContainer___rkNMl {
  align-self: flex-end;
  padding-bottom: var(--spacing-20);
}
.fill___E5OY5 .selectedValues___vIRWU:first-of-type {
  /*margin-top: 20px;*/
}
.fill___E5OY5.underline___D3cp8 .input___uJAhn, .fill___E5OY5.underline___D3cp8 .textarea___E6fo1 {
  padding: var(--spacing-60) 0px var(--spacing-20) 0px;
}
.fill___E5OY5.underline___D3cp8 .label___pACXr {
  left: 0px;
}
.fill___E5OY5 .input___uJAhn.alwaysShowLabel___OEAzU {
  padding-top: var(--spacing-70);
  padding-bottom: var(--spacing-30);
}
.fill___E5OY5.underline___D3cp8 .input___uJAhn.alwaysShowLabel___OEAzU {
  padding: var(--spacing-60) 0px var(--spacing-20) 0px;
}
.fill___E5OY5 .inputContainer___T1HVa:focus-within {
  border-color: var(--color-primary);
  border-width: 2px;
  padding-bottom: var(--spacing-00);
}
/*.fill input:focus ~ .inputContentContainer {
  align-items: flex-end;
  padding-bottom: 4px;
}*/
.fill___E5OY5 .inputContentContainer___k1xCF.hasValues___KxWh8 {
  padding-top: 20px;
}
.fill___E5OY5 .input___uJAhn:focus, .fill___E5OY5 .textarea___E6fo1:focus {
  padding-top: var(--spacing-70);
  padding-bottom: var(--spacing-30);
}
.fill___E5OY5.underline___D3cp8 .input___uJAhn:focus, .fill___E5OY5.underline___D3cp8 .textarea___E6fo1:focus {
  padding: var(--spacing-60) 0px var(--spacing-20) 0px;
}
.fill___E5OY5 .input___uJAhn:focus ~ .label___pACXr, .fill___E5OY5 .textarea___E6fo1:focus ~ .label___pACXr {
  color: var(--color-primary);
}
.fill___E5OY5 .input___uJAhn.hasValues___KxWh8, .fill___E5OY5 .textarea___E6fo1.hasValues___KxWh8 {
  padding: 6px 0px 8px 0px;
}
/*.fill.underline input.hasValues {
  padding: 6px 0px 8px 0px;
}*/

.helperText___QjBly {
  margin-left: var(--spacing-40);
}
.fill___E5OY5.underline___D3cp8 .helperText___QjBly {
  margin-left: var(--spacing-00);
}

.error___FZGSi .inputContainer___T1HVa,
.error___FZGSi .inputContainer___T1HVa:focus-within {
  border-color: var(--color-red);
}
.error___FZGSi .inputContainer___T1HVa:focus-within .iconContainer___rkNMl {
  color: var(--color-red);
}
.error___FZGSi .input___uJAhn:focus ~ .label___pACXr, .error___FZGSi .textarea___E6fo1:focus ~ .label___pACXr {
  color: var(--color-red);
}
.error___FZGSi .helperText___QjBly {
  color: var(--color-red);
}

.dropdownSheet___C3vUC {
  z-index: 400;
  position: absolute;
  min-width: 112px;
  max-width: 280px;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--color-white);
}

.dropdownList___ydMx5 {
  margin: var(--spacing-30) var(--spacing-00);
  font-size: 14px;
  color: var(--color-mute);
}

.dropdownListItem___d2A6F {
  height: 32px;
  padding: var(--spacing-00) var(--spacing-50);
  align-items: center;
  cursor: pointer;
}
.dropdownListItem___d2A6F:hover {
  background-color: var(--color-grey-020);
}
.dropdownListItem___d2A6F.active___ezYKW {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}

.readonlyLabel___sr55x {
  margin-right: var(--spacing-50);
  width: 160px;
}

.inputListRow___uAmpS {
  padding: var(--spacing-30) var(--spacing-00);
}
.inputListRow___uAmpS:first-child {
  padding-top: var(--spacing-00);
}
.inputListRow___uAmpS:last-child {
  padding-bottom: var(--spacing-00);
}

.cursorPointer___HOZ_9 {
  cursor: pointer;
}

.staticLabel___xTfiz {
  margin-bottom: var(--spacing-50);
}

.marginHelperText___X5NG3 {
  margin-bottom: 20px;
}

.inputHeight___DZ8qd {
  height: 43px;
}

.addIcon___YxIg0 {
  margin-right: var(--spacing-20);
}

.disabled___eNKi6{
  color: var(--color-grey-040)
}

.header___h_RqK{
  font-weight: 800;  
}

.arrayInput___wlXNa .arrayInputRow___CME7c .header___h_RqK {
  margin: var(--spacing-50) var(--spacing-00);
}
.arrayInput___wlXNa .arrayInputRow___CME7c:first-child .header___h_RqK {
  margin-top: var(--spacing-00);
}
.arrayInput___wlXNa .addButtonContainer___SRxce {
  margin-top: var(--spacing-50);
}
.container___nMecj {
  padding: var(--spacing-40) var(--spacing-00);
}
.circleContainer___kAeDf {
  width: var(--spacing-50);
  height: var(--spacing-50);
}
.currentCircleContainer___Hv01Z {
  width: var(--spacing-60);
  height: var(--spacing-60);
  border-radius: 50%;
  border: 1px solid var(--color-primary);
  padding: var(--spacing-10);
  margin-top: calc(-1*var(--spacing-10));
}
.circle___UPX9W {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.pathContainer___EeBCM {
  height: var(--spacing-20);
  min-width: var(--spacing-80);
}
.path___JdfIe {
  width: 100%;
}
.completed___nBuFA {
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
}
.pending___GJYXn {
  border: 1px solid var(--color-dull);
  background-color: var(--color-dull);
}
.stepDetails___yIYm4 {
  margin-right: var(--spacing-40);
}
.stepCount___YFd6d {
  color: var(--color-mute);
  margin-right: var(--spacing-20);
}
.stepName___Rb_Bz {
  font-weight: 400;
}
.container___QmHQS {
  padding: var(--spacing-00) var(--spacing-60);
}

.header___nDZJI {
  margin: var(--spacing-00) calc(-1 * var(--spacing-30));
}
.header___nDZJI .month___tWF66, .header___nDZJI .year___YKQAg {
  padding-left: var(--spacing-30);
}

.calendar___eYGa7 {
  margin: var(--spacing-00) calc(-1 * var(--spacing-50));
}
.calendar___eYGa7 .datesContainer___ToqZD {
  width: 0; 
  flex-grow: 1;
}
.calendar___eYGa7 .itemContainer___cYjUL {
  padding: var(--spacing-00) var(--spacing-30); 
}
.calendar___eYGa7 .itemContainer___cYjUL.inRange___fwXiR {
  background-color: var(--color-primary-extra-light);
}
.calendar___eYGa7 .itemContainer___cYjUL.startDate___T2pxG {
  border-radius: 21px 0px 0px 21px;
}
.calendar___eYGa7 .itemContainer___cYjUL.endDate___ZoKqS {
  border-radius: 0px 21px 21px 0px;
}
/*.calendar .itemContainer:nth-child(7n) {
  border-radius: 0px 21px 21px 0px;
}
.calendar .itemContainer:nth-child(7n+1) {
  border-radius: 21px 0px 0px 21px;
}*/
.calendar___eYGa7 .item___Plc55 {
  border: solid 1px transparent;
  border-radius: 21px;
}
.calendar___eYGa7 .today___WfGvm {
  border-color: var(--color-dull);
}
.calendar___eYGa7 .item___Plc55.selected___l6mW7 {
  border-color: var(--color-primary);
}
.calendar___eYGa7 .date___lVwUw {
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.calendar___eYGa7 .week___irVIt {
  color: var(--color-dull);
}

.months___ADKKC, .years___O2mnD {
  width: 300px;
  padding-top: var(--spacing-50);
  margin: var(--spacing-00) calc(-1 * var(--spacing-50));
}
.months___ADKKC .month___tWF66, .years___O2mnD .year___YKQAg {
  padding: var(--spacing-00) var(--spacing-30);
  flex-grow: 1;
  flex-shrink: 1; 
}
.months___ADKKC .month___tWF66 {
  width: 30%;
}
.years___O2mnD {
  height: 180px;
  overflow-y: scroll;
}
.years___O2mnD .year___YKQAg {
  width: 20%;
  flex-grow: 0;
}

.divider___tSIsd {
  border-right: solid 1px var(--color-grey-20);
}
.container___KO3hf {
}

.stepHeader___hh_d1 {
  padding-bottom: calc(var(--spacing-100) - 6px);
  /* border-bottom: 1px solid var(--color-dull); */
}
.buttonContainer___h7eZJ {
  cursor: pointer;
  margin-right: var(--spacing-30);
  background-color: transparent;
}
.buttonContainer___h7eZJ.disabled___kLriq {
  pointer-events: none;
  color: var(--color-grey-040) !important;
}
.buttonContainer___h7eZJ.checked___wgYQI {
  color: var(--color-primary);
}

.row___cVECp .item___U1qti {
  padding: var(--spacing-30) var(--spacing-50) 0 0;
  flex: 0 1 auto;
}

.column___azETI .item___U1qti {
  margin-top: calc(-1 * var(--spacing-30));
}
.column___azETI .item___U1qti:first-child {
  margin-top: var(--spacing-00);
}
.column___azETI .item___U1qti .display___YY9Qy {
  margin: var(--spacing-30) var(--spacing-00);
}
.disabled___kLriq {
  color: var(--color-grey-040);
}

.buttonContainer___W7yRq {
  cursor: pointer;
  margin-right: var(--spacing-30);
  background-color: transparent;
}
.buttonContainer___W7yRq.disabled___XBH2h {
  pointer-events: none;
  color: var(--color-grey-040);
}
.buttonContainer___W7yRq.checked___vTUKT {
  color: var(--color-primary);
}

.row___b1JlU {
  align-items: flex-end;
 
}
.item___QIOui{
  padding-bottom:10px;
}
.row___b1JlU .item___QIOui {
  padding: var(--spacing-30) var(--spacing-50) 0 0;
  flex: 0 1 auto;
 
}

.column___PZHoL .item___QIOui {
  margin-top: calc(-1 * var(--spacing-30));
}
.column___PZHoL .item___QIOui:first-child {
  margin-top: var(--spacing-00);
}

.disabled___XBH2h {
  color: var(--color-grey-040);
}

.table___ZQwxQ {
  border: 1px solid var(--color-grey-040);
  border-radius: var(--spacing-20);
}

.table___ZQwxQ.tight___MmN3C {}

.header___XGrrt {
  height: 64px;
  padding: var(--spacing-00) var(--spacing-70);
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  background-color: var(--color-background-light);
}
.tight___MmN3C .header___XGrrt {
  height: 32px;
}

.action___eTcMw {
  margin: var(--spacing-00) var(--spacing-20);
  padding: var(--spacing-30);
  border-radius: 20px;
  cursor: pointer;
}
.action___eTcMw:last-child {
  margin-right: calc(-1 * var(--spacing-30));
}
.action___eTcMw:hover {
  background-color: var(--color-background-light);
}
.action___eTcMw.active___JQI6U {
  background-color: var(--color-background-dark);
}

.footer___hOhUV {
  height: 48px;
  padding: var(--spacing-00) var(--spacing-50);
  color: var(--color-mute);
  align-items: center;
  justify-content: flex-end;
  border-top: solid 1px;
  border-color: var(--color-border);
}
.footer___hOhUV .action___eTcMw {
  margin: 0px;
  padding: var(--spacing-20);
  border-radius: var(--spacing-50);
}

.sideSheet___xOwxX {
  border-left: solid 1px var(--color-border);
  max-width: 320px;
  flex-shrink: 0;
}

.rowContainer___WtSI6 {
  border-top: solid 1px var(--color-border);
}
.rowContainer___WtSI6:hover {
  background-color: var(--color-background-light);
}
.rowContainer___WtSI6.disableHover___nERS3 {
  background-color: transparent;
}
.rowContainer___WtSI6:first-child {
  border-top: none;
}
.rowContainer___WtSI6.headerRow___GFLj9 {
  color: var(--color-black);
  background-color: var(--color-grey-020);
  font-weight: 600;
}

.row___O4TxQ {
  /* padding: var(--spacing-00) var(--spacing-30); */
}

.cell___yWpQ0 {
  min-width: 0;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}
.cell___yWpQ0:first-child {
  padding-left: var(--spacing-30);
}
.cell___yWpQ0:last-child {
  padding-right: var(--spacing-30);
}
.cell___yWpQ0.leftVerticalDivider___tVvQo {
  border-left: solid 1px var(--color-border);
}
.cell___yWpQ0.leftVerticalDivider___tVvQo:first-child {
  border-left: none;
}
.cell___yWpQ0.editable___sShyc {}
.cell___yWpQ0.uneditable___SJIbH {
  background: repeating-linear-gradient(-45deg, transparent, transparent 2px, var(--color-background-light) 2px, var(--color-background-light) 4px);
}
.headerRow___GFLj9 .cell___yWpQ0.uneditable___SJIbH {
  background: none;
}
.headerRow___GFLj9 .cell___yWpQ0:hover {
  border-left: solid 1px var(--color-border);
  border-right: solid 1px var(--color-border);
}

.cellData___lAzAW {
  padding: var(--spacing-50) var(--spacing-30) ;
  flex-grow: 1;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.inputOuterContainerClassName____KSyW, .inputContainerClassName___C1sy4, .inputBodyClassName___g5DzK {
  height: 100%;
}
.domInputClassName___D3E66 {
  padding: var(--spacing-00) calc(var(--spacing-30) - 1px);
  border: solid 1px transparent;
}
.domInputClassName___D3E66:hover {
  background-color: var(--color-background-light);
}
.domInputClassName___D3E66:focus {
  border: solid 1px var(--color-primary);
}
.buttonContainer___W0N4O {
  cursor: pointer;
  padding: var(--spacing-30);
  margin-right: var(--spacing-50);
  border-radius: 18px;
  background-color: transparent;
}
.buttonContainer___W0N4O:hover {
  background-color: var(--color-background-light);
}
.buttonContainer___W0N4O.disabled___rLyNj {
  pointer-events: none;
  color: var(--color-dull);
}

.primary___hrGIT .tooltip___qAafh {
  background-color: var(--color-grey-080);
  color: var(--color-grey-010);
  padding: var(--spacing-30) var(--spacing-50);
  margin: var(--spacing-00);
  border-radius: 3px;
  white-space: pre;
}

.tooltip___qAafh a {
  color: var(--color-grey-010);
}

.wide___Fhwv_ .tooltip___qAafh {
  background-color: var(--color-grey-080);
  color: var(--color-grey-010);
  padding: var(--spacing-30) var(--spacing-50);
  margin: var(--spacing-00);
  border-radius: 3px;
  white-space: normal; 
  max-width: 400px;
}

.info___YZgRn .tooltip___qAafh{
  font-size: 14px;
  font-weight: normal;
  background-color: var(--color-white);
  padding: var(--spacing-30) var(--spacing-50);
  margin: var(--spacing-00);
  border-radius: 3px;
  white-space: normal; 
  max-width: 300px;
  color: var(--color-grey-080);
}

.separator___Y31WW {
  width: 100%;
  border: 1px solid  var(--color-grey-20);
  margin: var(--spacing-60) var(--spacing-00) ; 
}

.groupInputSeparator____8EcB {
  margin-right: var(--spacing-20);
}
.containerDropdown___yxBY8 .item___ngeTy {
  padding: var(--spacing-30) var(--spacing-40);
}
.containerDropdown___yxBY8 .item___ngeTy:hover {
  background-color: var(--color-background-light);
}
.containerDropdown___yxBY8 .item___ngeTy .count___xD5cN {
  padding: var(--spacing-00) var(--spacing-30);
}
.containerDropdown___yxBY8 .item___ngeTy .action___OlgUY {
  cursor: pointer;
  color: var(--color-primary);
}
.containerDropdown___yxBY8 .item___ngeTy .action___OlgUY.inactive___nEGzt {
  pointer-events: none;
  color: inherit;
}
.container___GKV6x {
  margin: calc(-1 * var(--spacing-30));
  flex-grow: 1;
}
.innerContainer___AncZ2 {
  /* padding: var(--spacing-50); */
}
.innerContainerXXS___tdqok {
  padding: var(--spacing-00);
}
.item___IIbyB {
  padding: var(--spacing-30);
}
.card___OdAVr {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin-bottom: 0;
  height: auto;
  padding-bottom: 0 !important;
  width: 100%;
  position: relative;
}

.cardHeader___C9Xua {
  background-color: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.cardBody___iJQIt {
  max-width: 95%;
  margin: 0 auto;
  margin-bottom: 16px;
  align-items: center;
  background-color: white;
  padding: var(--spacing-0) var(--spacing-0) !important;
}

.icon___nCz1n {
  padding: var(--spacing-00) var(--spacing-30);
}

.alignButtons___YIHZV {
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
  justify-content: space-between;
  padding-bottom: 15px;
}

.cardFooter___aF_ge {
  background-color: #F1F4FB;
  padding: var(--spacing-60) var(--spacing-50) !important;
}

.listItem___iL6GQ {
  padding: var(--spacing-30) var(--spacing-50);
  align-items: center;
  cursor: pointer;
}

.listItem___iL6GQ:hover {
  background-color: var(--color-background-light);
}

.listItem___iL6GQ.keyboardSelected___VNOm7 {
  background-color: var(--color-background-light);
  color: var(--color-primary);
}

.listItem___iL6GQ.selected___RV40l {
  color: var(--color-primary);
}

.listItem___iL6GQ.inactive___KuyKq {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .card___OdAVr {
    padding: 8px;
    max-width: 100%;
  }

  .cardHeader___C9Xua {
    flex-direction: row;
    align-items: flex-start;
  }

  .cardBody___iJQIt {
    padding: 8px;
  }

  .alignButtons___YIHZV {
    flex-direction: column;
    align-items: stretch;
  }
}
.filterSheetOverlay___VkMMs {
  position: absolute;
  right: 0;
  background-color: var(--color-white);
  z-index: 100;
}

.dropdownContainer___Dvm9S {
  margin-right: var(--spacing-50);
  margin-top: calc(1px + var(--spacing-50));
}

.dropdown___teCbt {
  padding: var(--spacing-50) var(--spacing-70) var(--spacing-00) var(--spacing-70);
}
.groupInputSeparator___BwvCV {
  margin-right: var(--spacing-20);
}
.dndCalculatorSideNav___JX__D {
  width: 70%;
  max-width: 70%;
}

@media screen and (max-width: 599px) {
  .dndCalculatorSideNav___JX__D {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .dndCalculatorSideNav___JX__D {
    width: 100%;
    max-width: 100%;
  }
}

.card___R06KR.editing___UnQGd {
  border: solid 1px var(--color-primary);
}

.label___myU_I {
  color: var(--color-mute);
}

.icon___PTB7L {
  padding: var(--spacing-00) var(--spacing-30);
}

.cancelButton___wSL4V {
  color: var(--color-mute);
}

.inputContainer___wMBwF {
  margin-top: calc(-1 * var(--spacing-80));
}

.inputRow___z9kg6 {
  padding: var(--spacing-50);
  border: solid 1px var(--color-grey-020);
}
.inputRow___z9kg6:nth-child(odd) {
  background-color: var(--color-grey-020);
}
.inputRow___z9kg6:first-child {
  padding-top: var(--spacing-50);
}
.hasArrayLabel___R2DG3 .inputRow___z9kg6:first-child {
  margin-top: var(--spacing-50);
}

.image___F_7T0 {
  width: inherit;
  height: inherit;
}
.fill___FjryC {
  object-fit: fill;
}
.contain___HRCFo {
  object-fit: contain;
}
.cover___vCx2K {
  object-fit: cover;
}
.none___FY54u {
  object-fit: none;
}
.scaleDown___jZoQr {
  object-fit: scale-down;
}
.plannerContainer___cMC6i {
  padding: var(--spacing-50) !important;
}

.title___ZTHaZ {
  margin-bottom: var(--spacing-50);
}

.formRow___Nega5 {
  flex-grow: 1;
  flex-shrink: 1;
}
/* .formRowMd,
.formRowSm,
.formRowXs {
  flex-wrap: wrap;
} */
.formRow___Nega5 .item___mh9DS  {
  padding-right: var(--spacing-50);
  flex-grow:1;
}
.formRow___Nega5 .item___mh9DS:last-child  {
  margin-right: calc(-1*var(--spacing-50));
}
.formRow___Nega5 .itemXs___o_esH {
  margin-right: unset;
  margin-top: var(--spacing-50);
  padding-right: var(--spacing-00);
}
.formRow___Nega5 .itemMd___ady39,
.formRow___Nega5 .itemSm___yCUWF {
  padding-right: var(--spacing-30);
  margin-top: var(--spacing-50);
}
.formRow___Nega5 .buttonContainer___t71Vu {
}
.formRow___Nega5 .buttonContainer___t71Vu .button___OkEax {
  height: 100%;
}
.formRow___Nega5 .buttonContainer___t71Vu .button___OkEax.search___XhvSF {
  padding: var(--spacing-30) var(--spacing-80);
}

.containerDropdown___ICidV .item___mh9DS {
  padding: var(--spacing-30) var(--spacing-40);
}
.containerDropdown___ICidV .item___mh9DS:hover {
  background-color: var(--color-background-light);
}
.containerDropdown___ICidV .item___mh9DS .count___RrrTv {
  padding: var(--spacing-00) var(--spacing-30);
}
.containerDropdown___ICidV .item___mh9DS .action___hPRWB {
  cursor: pointer;
  color: var(--color-primary);
}
.containerDropdown___ICidV .item___mh9DS .action___hPRWB.inactive___WwGqL {
  pointer-events: none;
  color: inherit;
}
.searchContainer___OsoGY{
  
  text-align: center;
  align-items:center;
  size: unset;
  margin-left: var(--spacing-50);
  flex-grow: 0;
  flex-shrink: 0;
}
.innerContainer___AXaG1{
  justify-content: flex-end;
}
.iconStyle___GUfB4{
  color: var(--color-primary);
}
.rowStyle___QqrGT{
  margin-top: var(--spacing-50);
  flex-shrink: 0; 
}
.rowStyleXs___YRjPG{
  width: 100%;  
}




.scheduleFilterCard___XpYRR {
  margin-left: 0px;
  /* margin-right: 8px; */
  padding-top: 23px;

}

.scheduleFilterCardContent___Oxzcm {

  padding: var(--spacing-50);
  margin-bottom: 16px;
  border: solid 1px var(--color-dull);
}

.filterTitle___mru8o {
  padding-top: 4px;
  padding-left: 4px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: var(--spacing-40);
}

.filterInputContainer___h2sGN {
  /* padding-left: var(--spacing-50); */
  width: 100%;
  /* padding-right: var(--spacing-50); */
}

.radio___l857j {
  padding-bottom: 10px;
}

.filtersButtonGtSm___gS395 {
  display: none ! important;
}

.filters___PxArN {
  flex-grow: 0;
}

.filtersXs___eBgIH {
  margin-right: var(--spacing-00);
  width: 100%;
}

.filtersSm___cfgGr {
  display: none !important;
}

.checkboxSpacing___QGZYC {
  padding: var(--spacing-30);
}
.background___c5uJ8 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px;
  z-index: 200;
  background: rgba(0, 0, 0, 0.4);
  overflow: auto;
}

.container___vmA6w {
  background: white;
}
/* .slider{
  position:absolute;
  height:5px;
  overflow-x: hidden;
}

.line{
  position:absolute;
  opacity: 0.4;
  background: var(--color-primary);
  width:150%;
  height:5px;
}

.subline{
  position:absolute;
  background: var(--color-primary);
  height:5px; 
}
.inc{
animation: increase 2s infinite;
}
.dec{
animation: decrease 2s 0.5s infinite;
}

@keyframes increase {
 from { left: -5%; width: 5%; }
 to { left: 130%; width: 100%;}
}
@keyframes decrease {
 from { left: -80%; width: 80%; }
 to { left: 110%; width: 10%;}
} */
.loader___kMxqk{
  /* position: absolute; */
  /* width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
}

.circular___P_JiO{
  animation: rotate___BtFV6 2s linear infinite;
  height: 100px;
  position: relative;
  width: 100px;
  top:-30px
}

.path___DV_k2 {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  stroke:var(--color-primary);
  animation:
   dash___luM2g 1.5s ease-in-out infinite,
   color___gQsc8 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate___BtFV6{
 100%{
  transform: rotate(360deg);
 }
}
@keyframes dash___luM2g{
 0%{
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
 }
 50%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -35;
 }
 100%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -124;
 }
}
@keyframes color___gQsc8{
  100%, 0%{
    stroke: var(--color-primary);
  }
  40%{
    stroke: var(--color-primary);
  }
  66%{
    stroke: var(--color-primary);
  }
  80%, 90%{
    stroke: var(--color-primary);
  }
}
.container___YTLGd {
  padding: var(--spacing-40);
}
.container___vbkJ6 {
  padding: var(--spacing-40);
}
.actionsRow___rBBN2 {
  margin-bottom: var(--spacing-50);
}

.separator___evZma {
  padding-right: var(--spacing-60);
}

.tinyLoader___YBb9V {
  margin-right: var(--spacing-30);
  width: var(--spacing-70);
}

.container___a7VPo {
  padding: var(--spacing-40);
}

.buttonSpacer___LfVe0 {
  padding: var(--spacing-40) var(--spacing-00);
}
.container___ZceWd {
  padding: var(--spacing-40);
}
.status___GhaFn {
  margin-left: var(--spacing-30);
  color: var(--color-white);
}
.actionsRow___wUvY6 {
  margin-bottom: var(--spacing-50);
}

.separator___PmyUD {
  margin-right: var(--spacing-60);
}

.fullWidthContainer___tk1hV {
  width: 100%;
}

.invoiceContainer___MtEyv {
  border: 1px solid var(--color-dull);
  margin: var(--spacing-30) var(--spacing-00); 
}
.invoice___lM9ka {
  padding-top: var(--spacing-50); 
}
.circleContainer___gwfel {
  width: var(--spacing-50);
  height: var(--spacing-50);
}
.currentCircleContainer___tH6N8 {
  width: var(--spacing-60);
  height: var(--spacing-60);
  border-radius: 50%;
  border: 1px solid var(--color-primary);
  padding: var(--spacing-10);
  margin-top: calc(-1*var(--spacing-10));
}
.circle___UvTcA {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.pathContainer___GsuEr {
  height: var(--spacing-20);
  min-width: var(--spacing-80);
}
.path___Id4NA {
  width: 100%;
}
.completed___gVg_t {
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
}
.pending___EJ6D0 {
  border: 1px solid var(--color-dull);
  background-color: var(--color-dull);
}
.stepDetails___c9qTw {
  margin-right: var(--spacing-40);
}
.stepCount___vr2oX {
  color: var(--color-mute);
  margin-right: var(--spacing-20);
}
.stepName___M1gYm {
  font-weight: 400;
}
:root {
  --color-summary-box-first: linear-gradient(to bottom, #4ADE80, #16A34A);
  --color-summary-box-second: linear-gradient(to bottom, #2DD4BF, #0D9488);
  --color-summary-box-third: linear-gradient(to bottom, #60A5FA, #2563EB);
  --color-summary-box-fourth: linear-gradient(to bottom, #A78BFA, #7C3AED);
  --color-summary-box-warning: linear-gradient(to bottom, #d97706, #92400E);
  --color-summary-box-error: linear-gradient(to bottom, #DC2626, #991B1B);

  --spacing-summary-box-xs: 8px;
  --spacing-summary-box-sm: 16px;
  --spacing-summary-box-md: 16px;
  --spacing-summary-box-gt-md: 32px;
  --spacing-summary-box-lg: 32px;
  --spacing-summary-box-gt-lg: 64px;
}

.summaryBoxes___yBgSu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.summaryBoxWholeContainer___VEmLQ {
  flex: 1;
  height: 100%;
}

.summaryBoxContainer___UcWpH {
  flex-grow: 1;
  padding: 16px;
}

.summaryBoxValue___AAt44,
.summaryBoxTitle___NZIxd {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.summaryBoxSubTitle___LcGsS {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  color: var(--color-error);
  font-weight: 600;
  margin-top: var(--spacing-30);
}

.summaryBoxValue___AAt44 {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: var(--color-black);
  margin-bottom: 8px;
}
.summaryBoxTitle___NZIxd {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--color-black);
}
.summaryBoxTitle___NZIxd > * {
  text-align: left;
}

.firstSummaryBoxContainer___T1wqu {
  /* background: var(--color-summary-box-warning); */
  background: var(--color-warning-background) !important;
  border: 1px solid var(--color-warning)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}
.secondSummaryBoxContainer___rYWkt {
  /* background: var(--color-summary-box-error); */
  background: var(--color-success-background) !important;
  border: 1px solid var(--color-success)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}
.thirdSummaryBoxContainer___KizIW {
  /* background: var(--color-summary-box-third); */
  background: var(--color-warning-background) !important;
  border: 1px solid var(--color-warning)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}
.fourthSummaryBoxContainer___EaxzS {
  /* background: var(--color-summary-box-fourth); */
  background: var(--color-success-background) !important;
  border: 1px solid var(--color-success)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}
.warningSummaryBoxContainer___VkEHn {
  /* background: var(--color-summary-box-warning); */
  background: var(--color-warning-background) !important;
  border: 1px solid var(--color-warning)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}
.defaultSummaryBoxContainer___HMA1_ {
  background: var(--color-primary-background) !important;
  border: 1px solid var(--color-primary)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}

.successSummaryBoxContainer___VsMKp {
  background: var(--color-success-background) !important;
  border: 1px solid var(--color-success)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}

.errorSummaryBoxContainer___aN7cG {
  background: var(--color-error-background) !important;
  border: 1px solid var(--color-error)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}

.blankSummaryBoxContainer___iRji0 {
  background: var(--color-blank-background) !important;
  border: 1px solid var(--color-blank)!important;
  color: var(--color-black) !important;
  border-radius: var(--spacing-20);
}

.label___WO8E8 {
  color: #616E7C;
}
.bold___qngjI {
  font-weight: bold;
}

.summary___yu08T {
  border: solid 1px #CBD2D9;
  margin: 16px 0px;
  background-color: #FFFFFF;
}
.summary___yu08T .row___fjsKo {
  padding: 16px;
  border-bottom: solid 1px #CBD2D9; 
}
.summary___yu08T .row___fjsKo:last-child {
  border-bottom: none;
}
.summary___yu08T .label___WO8E8 {
  margin-right: 8px;
}
.summary___yu08T .routeRow___rwDcJ {
  overflow-x: scroll;
  padding: 40px 0px;
}
.summary___yu08T .carrier___qj6eC {
  margin-right: 16px;
}
.summary___yu08T .station___MuMkT {
  flex-grow: 1;
  align-items: center;
  position: relative;
}
.summary___yu08T .station___MuMkT:last-child {
  flex-grow: 0;
}
.summary___yu08T .station___MuMkT .circle___SJkqw {
  height: 32px;
  width: 32px;
  border-radius: 100%;
}
.summary___yu08T .station___MuMkT .circle___SJkqw.gray___INZTt {
  background-color: #CBD2D9;
}
.summary___yu08T .station___MuMkT .circle___SJkqw .icon___yy5v4 {
  height: 32px;
  width: 32px;
}
.summary___yu08T .station___MuMkT .circle___SJkqw.gray___INZTt .icon___yy5v4 {
  color: #232d37;
}
.summary___yu08T .station___MuMkT .locationName___n7ktO {
  position: absolute;
  top: 44px;
  font-weight: bold;
  margin: 0 -50%;
  white-space: nowrap;
}
.summary___yu08T .station___MuMkT:first-child .locationName___n7ktO {
  margin: 0;
  left: 0;
}
.summary___yu08T .station___MuMkT:last-child .locationName___n7ktO {
  left: 0;
}
.summary___yu08T .station___MuMkT .departureTime___gRSIt {
  position: absolute;
  left: 40px;
  margin-bottom: 28px;
}
.summary___yu08T .station___MuMkT .arrivalTime___YVOUH {
  position: absolute;
  align-items: flex-end;
  width: 80px;
  margin-bottom: 28px;
  margin-left: -88px;
}
.summary___yu08T .station___MuMkT .flight___JNXkE {
  flex-grow: 1;  
  margin: 0px 8px;
  align-items: center;
  position: relative;
}
.summary___yu08T .station___MuMkT .flight___JNXkE .label___WO8E8 {
  margin-right: 0px;
}
.summary___yu08T .station___MuMkT .flight___JNXkE .line___V6Fst {
  height: 2px;
  background-color:var(--color-primary-light);
  align-self: stretch;
  min-width: 200px;
}
.summary___yu08T .station___MuMkT .flight___JNXkE .line___V6Fst.gray___INZTt {
  background-color: #CBD2D9;
}
.summary___yu08T .station___MuMkT .flight___JNXkE .number___7zgbk {
  position: absolute;
  margin-top: 8px;
  height: 20px;
}
.summary___yu08T .lastUpdate___jxPJu {
}

.details___I9nYJ {
  border: solid 1px #CBD2D9;
  padding: 16px
}
.details___I9nYJ .station___MuMkT {
  margin-top: 16px;
}
.details___I9nYJ .station___MuMkT:first-child {
  margin-top: 0px;
}
.details___I9nYJ .station___MuMkT .circle___SJkqw {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color:var(--color-primary-light);
}
.details___I9nYJ .station___MuMkT .circle___SJkqw.gray___INZTt {
  background-color: #CBD2D9;
}
.details___I9nYJ .station___MuMkT .circle___SJkqw .tick___CTFnn {
  width: 12px;
  height: 12px;
}
.details___I9nYJ .station___MuMkT .topLine___cJFIp {
  height: 32px;
  align-self: center;
  margin-top: -16px;
  border: solid 1px var(--color-primary-light);
}
.details___I9nYJ .station___MuMkT .bottomLine___K8ltu {
  flex-grow: 1;
  align-self: center;
  border: solid 1px var(--color-primary-light);
}
.details___I9nYJ .station___MuMkT .transparentLine___QBlo_ {
  border: none;
}
.details___I9nYJ .station___MuMkT .grayLine___e7Ga5 {
  border-color: #CBD2D9;
}
.details___I9nYJ .station___MuMkT .trackInfo___vSN6h {
  margin-left: 16px;
  padding: 16px;
  background-color: #F5F7FA;  
}
.details___I9nYJ .station___MuMkT .trackInfo___vSN6h .iconContainer___gcUag {
  width: 24px;
  margin-right: 8px;
}
.details___I9nYJ .station___MuMkT .trackInfo___vSN6h .iconContainer___gcUag .icon___yy5v4 {
  width: 20px;
  height: 20px;
}
.details___I9nYJ .station___MuMkT .trackInfo___vSN6h .iconContainer___gcUag .icon___yy5v4.tick___CTFnn {
  padding: 2px;
}
.details___I9nYJ .station___MuMkT .trackInfoRow___ca97A {
  margin-top: 8px;
}
.label___UavO4 {
  color: #616E7C;
}
.bold___ARw1y {
  font-weight: bold;
}

.summary___Q5bZr {
  border: solid 1px #CBD2D9;
  margin: 16px 0px;
}
.summary___Q5bZr .row___XBmHF {
  padding: 16px;
  border-bottom: solid 1px #CBD2D9; 
}
.summary___Q5bZr .row___XBmHF:last-child {
  border-bottom: none;
}
.summary___Q5bZr .label___UavO4 {
  margin-right: 8px;
}
.summary___Q5bZr .routeRow___VX0Eu {
  padding-bottom: 12px;
  padding-top: 39px;
  overflow: auto;
}
.summary___Q5bZr .carrier___Pmoju {
  margin-right: 16px;
}
.summary___Q5bZr .station___bNLxk {
  flex-grow: 1;
  align-items: center;
}
.summary___Q5bZr .station___bNLxk:last-child {
  flex-grow: 0;
}
.summary___Q5bZr .station___bNLxk .circle___m_gZW {
  height: 32px;
  width: 32px;
  border-radius: 16px;
  margin-right: 4px;
  background-color: #0552B5;
}
.summary___Q5bZr .station___bNLxk .circle___m_gZW.gray___B3mQp {
  background-color: #CBD2D9;
}
.summary___Q5bZr .station___bNLxk .flight___iQto1 {
  flex-grow: 1;  
  margin: 0px 8px;
  align-items: center;
  position: relative;
  min-width: 320px;
}
.summary___Q5bZr .station___bNLxk .flight___iQto1 .label___UavO4 {
  margin-right: 0px;
}
.summary___Q5bZr .station___bNLxk .flight___iQto1 .line___O26po {
  height: 2px;
  background-color: #0552B5;
  align-self: stretch;
}
.summary___Q5bZr .station___bNLxk .flight___iQto1 .line___O26po.gray___B3mQp {
  background-color: #CBD2D9;
}
.summary___Q5bZr .station___bNLxk .flight___iQto1 .departureTime___bhyPt {
  position: absolute;
  bottom: 0px;
  left: 0;
  margin-bottom: 16px;
}
.summary___Q5bZr .station___bNLxk .flight___iQto1 .arrivalTime___l8a6E {
  position: absolute;
  bottom: 0px;
  right: 0;
  margin-bottom: 16px;
  align-items: flex-end;
}
.summary___Q5bZr .station___bNLxk .flight___iQto1 .number___K8aKi {
  position: absolute;
  margin-top: 8px;
  height: 20px;
}
.summary___Q5bZr .lastUpdate___ACFbd {
}

.details___mLKqf {
  border: solid 1px #CBD2D9;
  padding: 16px
}
.details___mLKqf .station___bNLxk {
  margin-top: 16px;
}
.details___mLKqf .station___bNLxk:first-child {
  margin-top: 0px;
}
.details___mLKqf .station___bNLxk .circle___m_gZW {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: #0552B5;
}
.details___mLKqf .station___bNLxk .circle___m_gZW.gray___B3mQp {
  background-color: #CBD2D9;
}
.details___mLKqf .station___bNLxk .circle___m_gZW .tick___Wf5ID {
  width: 12px;
  height: 12px;
}
.details___mLKqf .station___bNLxk .topLine___IKmm5 {
  height: 32px;
  align-self: center;
  margin-top: -16px;
  border: solid 1px #0552B5;
}
.details___mLKqf .station___bNLxk .bottomLine___w2hGD {
  flex-grow: 1;
  align-self: center;
  border: solid 1px #0552B5;
}
.details___mLKqf .station___bNLxk .transparentLine___J4Jsc {
  border: none;
}
.details___mLKqf .station___bNLxk .grayLine___t_jcS {
  border-color: #CBD2D9;
}
.details___mLKqf .station___bNLxk .trackInfo___VVuux {
  margin-left: 16px;
  padding: 16px;
  background-color: #F5F7FA;  
}
.details___mLKqf .station___bNLxk .trackInfo___VVuux .iconContainer___ruON0 {
  width: 24px;
  margin-right: 8px;
}
.details___mLKqf .station___bNLxk .trackInfo___VVuux .iconContainer___ruON0 .icon___heQuV {
  width: 20px;
  height: 20px;
}
.details___mLKqf .station___bNLxk .trackInfo___VVuux .iconContainer___ruON0 .icon___heQuV.tick___Wf5ID {
  padding: 2px;
}
.details___mLKqf .station___bNLxk .trackInfoRow___zYE0g {
  margin-top: 8px;
}
.container___TwLP7 {
  /* padding: var(--spacing-00) var(--spacing-50); */
}

.journeyContainer___BdABX {

}


.notificationsContainer___ePyr3 {
  margin-top: var(--spacing-70);
}

.tabRow___VHuy3 {
  width: 100%;
  background-color: var(--color-grey-020);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--spacing-40) ;
}
.tab___fpKtf {
 color: var(--muted-color);
 padding: var(--spacing-30);
 margin-right: var(--spacing-50);
 cursor: pointer;
}
.selectedTab___Jbawe {
  border-bottom: 2px solid var(--color-primary);
}
.selectedTab___Jbawe .tabTitle___rIbSu{
  font-weight: 600;
}
.milestonesContainer___SCRUI {
  /* border-top: 1px solid var(--color-grey-30); */
  /* margin-top: var(--spacing-70); */
}
.milestonesList___DXmuY {
  margin-top: var(--spacing-00);
}
.mutedColor___Zn3LE {
  color: var(--muted-color);
}
.locationCard____xbum {
  margin-bottom: var(--spacing-40);
  padding: var(--spacing-30) var(--spacing-40);
  border-radius: var(--spacing-20);
}
.currentLocation___XqdrI {
  background-color: var(--color-primary-background);
}
.locationCard____xbum .location___iDUB0 {
  padding: var(--spacing-30) var(--spacing-00);
  align-items: center;
}
.locationCard____xbum .location___iDUB0 .locationCode___HPFV1 {
  font-weight: 700;
}
.locationCard____xbum .location___iDUB0 .locationName___HAXrT {
  margin-left: var(--spacing-20);
}

.locationCard____xbum .milestoneDetails___OYOPS {
  padding: var(--spacing-30) var(--spacing-00);
  color: var(--color-black);
}

.locationCard____xbum .icon___uLPwT {
  /* align-self: center; */
  /* margin-top: var(--spacing-10); */
  justify-content: flex-start;
  margin-right: var(--spacing-30);
  color: var(--color-primary);
}

.locationCard____xbum .displayText___v0hRC {
  max-width: 70%;
}

.arrow___LztJg {
  width: 14px;
  display: inline-block;
  transition: 0.4s ease;
  margin-top: 4px;
  text-align: left;
  transform: rotate(45deg);
  margin-right: var(--spacing-30);
}
.arrow___LztJg:before, .arrow___LztJg:after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 8px;
  height: 2px;
  background-color: var(--color-grey-100);
  transition: 0.4s ease;
}
.arrow___LztJg:after {
  position: absolute;
  transform: rotate(90deg);
  top: -3px;
  left: 3px;
}
.active___MgAFf {
  transform: rotate(45deg) translate(-3px, -3px);
}
.active___MgAFf:before {
  transform: translate(6px, 0);
}
.active___MgAFf:after {
  transform: rotate(90deg) translate(6px, 0);
}


.locationCard____xbum .milestoneTime___XwNNM {
  /* align-self: center; */
}
.timelineIcon___GP3KW {
  margin-top: var(--spacing-40);
  color: var(--color-primary);
  margin-right: var(--spacing-30);
}
.timeline___GCDlo {
  margin-right: var(--spacing-30);
  /* margin-top: -10%; */
  margin-bottom: -100%;
  align-self: center;
}

.timeline___GCDlo .timelinePath___oCj9p {
  height:98%;
  width: 1px; 
}

.timeline___GCDlo .timelinePathCompleted___t8ZqS {
  border: 1px solid var(--color-primary);
}

.timeline___GCDlo .timelinePathPending___ZMGI2 {
  border: 1px dashed #CBD2D9;
}

.lastTimeline___CyIU4 {
  margin-right: var(--spacing-30);
}
.tabs___tspYR {
  width: 60%;
}

.tinyLoader___PhID4 {
  padding: var(--spacing-40) var(--spacing-60);
  width: var(--spacing-100);
  /* align-items: ;s */
}
.marginTop___TgFOY {
  margin-top: var(--spacing-40);
}

.spacing___mUxbN {
  padding: var(--spacing-50) var(--spacing-00);
}

.displayContents___iIN6h {
  display: contents;
}

.title___k29qT{
  margin-bottom: var(--spacing-40);
}

.modeIcon___Z438t{
  margin-right: var(--spacing-40);
}

.cursor___BlANA{
  cursor: pointer;
}

.link___Hagjl{
  position: relative;
}

.hr___qwZBK{
  border: 0;
  height: 1px;
  background: var(--color-grey-040); 
  flex-grow: 1;
  margin-right: var(--spacing-40);
  margin-left: var(--spacing-40);
}

.textWarp___uBsRK{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cards___PIriz .card___cvxZW {
  padding: var(--spacing-50) var(--spacing-30);
  margin: var(--spacing-30) var(--spacing-00);
  flex-grow: 1;
}

.cards___PIriz .card___cvxZW .cell___ehqdr {
  padding: var(--spacing-00) var(--spacing-30);
  width: 25%;
  flex-shrink: 1;
  flex-grow: 1;
}

.timeline___EooAq {
  /* border-top: solid 1px var(--color-grey-050); */
  margin-top: var(--spacing-60);
}

.timeline___EooAq .fetching___uGRJc {
  padding: var(--spacing-60) var(--spacing-50);
  text-align: center;
}

.timeline___EooAq .row___PgcD4 {
  margin: var(--spacing-60) var(--spacing-00);
  align-items: center;
}

.timeline___EooAq .row___PgcD4 .event___G0GtF {
  padding: var(--spacing-00) var(--spacing-30);
  width: 200px;
  flex-shrink: 0;}

.timeline___EooAq .row___PgcD4 .time___Q3kM2 {
  padding: var(--spacing-00) var(--spacing-30);
  width: 180px;
  flex-shrink: 0;
  }

.timeline___EooAq .row___PgcD4 .location___VtOXd {
  padding: var(--spacing-00) var(--spacing-30);
}

.timeline___EooAq .stem___GjvSr {
  width: 60px;
  margin: calc(-1*var(--spacing-60)) var(--spacing-00);
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  }

.timeline___EooAq .stem___GjvSr .line___u5BTf {
  width: 2px;
  background-color: var(--color-mute);
  flex-grow: 1;
  flex-shrink: 1;
}

.timeline___EooAq .stem___GjvSr .circle___RimsJ {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--color-primary);
}

.location___VtOXd .iconContainer___yo3q6 {
  padding: var(--spacing-40);
  border-radius: 100%;
  background-color: var(--color-primary);
  margin-right: var(--spacing-40);
  color: var(--color-white);
}

.location___VtOXd .label___y6kIy .locationType___ghVKs {
  color: var(--color-mute);
  position: absolute;
  margin-top: calc(-1*var(--spacing-50));
  font-size: 12px;
}

.location___VtOXd .label___y6kIy .locationName___DDzjY {}

.details___S3KEb .lineContainer___WhW9l {
  width: 44px;
  margin-right: var(--spacing-40);
  min-height: 120px;
  align-self: stretch;
  justify-content: stretch;
  align-items: center;
}

.details___S3KEb .lineContainer___WhW9l .line___u5BTf {
  width: 2px;
  background-color: var(--color-primary);
  height: 100%;
}

.details___S3KEb .seeMore___A4rzx {
  text-align: center;
  padding-top: var(--spacing-50);
  cursor: pointer;
}

.details___S3KEb .timelineContainer___giFt8 {
  padding: var(--spacing-50);
  margin-top: var(--spacing-50);
  border: solid 1px var(--color-highlight);
  align-items: stretch;
}

.details___S3KEb .timelineContainer___giFt8 .header___TvbDB {
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-50);
}

.details___S3KEb .timelineContainer___giFt8 .header___TvbDB .transportIcon___i6vmE {
  border: solid 1px var(--color-primary);
  padding: var(--spacing-20);
  color: var(--color-primary);
  margin-right: var(--spacing-30);
  border-radius: 100%;
}

.details___S3KEb .timelineContainer___giFt8 .header___TvbDB .transportDetails___h33v9,
.details___S3KEb .timelineContainer___giFt8 .header___TvbDB .container___rjMd1 {
  font-weight: 500;
}

.details___S3KEb .timelineContainer___giFt8 .timeline___EooAq {
  position: relative;
}

.details___S3KEb .timelineContainer___giFt8 .timeline___EooAq .location___VtOXd {
  z-index: 1;
  /* padding-bottom: 40px; */
}

.details___S3KEb .timelineContainer___giFt8 .timeline___EooAq .location___VtOXd .icon___NZ4qO {
  color: var(--color-primary);
}

.details___S3KEb .timelineContainer___giFt8 .timeline___EooAq .location___VtOXd .locationDetails___tKNCe {
  /* position: absolute; */
  /* margin-top: 32px; */
}

.details___S3KEb .timelineContainer___giFt8 .timeline___EooAq .route___NftyT {
  margin-top: calc(-1*var(--spacing-20));
  align-items: center;
  /* width: 100%; */
  flex-grow: 1;
}

.details___S3KEb .timelineContainer___giFt8 .timeline___EooAq .lineContainer___WhW9l {
  height: 32px;
  flex-grow: 1;
  min-height: unset;
  justify-content: center;
  margin-right: var(--spacing-00);
  position: absolute;
  width: 100%;
}

.details___S3KEb .timelineContainer___giFt8 .timeline___EooAq .lineContainer___WhW9l .line___u5BTf {
  background-color: var(--color-primary);
  width: 100%;
  height: 2px;
}

.container___rjMd1 {
  padding: var(--spacing-40) var(--spacing-00);
}

.equipment___lULQm {
  /* background-color: var(--color-gray); */
  border-radius: var(--spacing-20);
  border: 1px solid var(--color-grey-040);
  padding: var(--spacing-50);
  margin-bottom: var(--spacing-50);
}

.equipment___lULQm .referenceId___rq82W {
  padding-left: var(--spacing-30);
  flex-grow: 1;
}

.equipment___lULQm .expand___aSdPu {
  cursor: pointer;
}

.equipment___lULQm .create___ONdRK {
  margin-top: var(--spacing-50);
}
.error___fmTg5 {
  color: var(--color-error);
}

.title___TR13L{
  margin-bottom: var(--spacing-40);
}
.header___avcpb {
  padding-bottom: var(--spacing-50);
  background-color: var(--color-white);
}

.headerActions___nC05i {}
.headerActions___nC05i > * {
  margin-left: var(--spacing-50);
}

.table___mU1gL {}
.tableFullWidth___lQpDB {
  box-shadow: none;
  border-bottom: solid 1px;
  border-color: var(--color-dull);
  border-radius: 0;
}

.footer___gBszX {
  justify-content: space-between !important;
  flex-direction: row-reverse; 
}
.footerWithoutPagination___UNbqO{
  justify-content: flex-start;
}
.footerCell___TvlxD {
  margin-left: var(--spacing-30);
  margin-right: var(--spacing-30);
}

.linkContainer___yBvrN {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--spacing-30);
  padding: var(--spacing-30) var(--spacing-40);
}
.linkContainer___yBvrN:hover {
  background-color: var(--color-primary-extra-light);
}

.link___AgSQI {
  width: 100%;
  color: var(--color-primary);
}

.downloadLink___gun9Z {
  text-transform: uppercase;
}

.searchFormChip___g02Sn {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}
.searchContainer___NWL9a {
  margin: var(--spacing-00);
}
.searchInputContainer___INLBz {}
.searchInput___BIKo0 {
  padding: var(--spacing-00) var(--spacing-30);
}

.filterApplyButton___rxZns {
  margin-bottom: var(--spacing-50);
}

.typeWidth___K5scH{
  width: 100px; 
  margin: var(--spacing-40)
}

.filterIcon___ueAA7{
  margin-right: var(--spacing-30);
}

.columnSelector___COeuM {
  padding: var(--spacing-40);
  width: max-content;
}
.columnSelector___COeuM .titleSeparator___xf_Cg {
  margin-bottom: var(--spacing-20);
}

.sortableHeader___xLhSl {
  cursor: pointer;
}
.sortableHeader___xLhSl .sortIcon___XPdD9 {
  display: flex !important;
}
.sortableHeader___xLhSl:hover .sortIcon___XPdD9 {
  /* display: none !important; */
}
.sortableHeader___xLhSl .newSortIcon___A46pA {
  display: none !important;
  color: var(--color-grey-060);
}
.sortableHeader___xLhSl:hover .newSortIcon___A46pA {
  display: flex !important;
}

.columnConfiguration___VZWc4 {}
.columnConfiguration___VZWc4 .draggableField___inKBQ {
  cursor: grab;
}
.columnConfiguration___VZWc4 .dropTarget___pzpAk {
  /* min-width: var(--spacing-60); */
  height: var(--spacing-50);
  border: dashed 1px var(--color-border);
  background-color: var(--color-background-light);
}
.columnConfiguration___VZWc4 .dropTarget___pzpAk.hidden___dmFjC {
  background-color: transparent;
  border-color: transparent;
}
.columnConfiguration___VZWc4 .dragOver___RnMgL {
  border: solid 1px var(--color-primary);
}
.container___lZQcY .marginTop50___ut1Jf {
  margin-top: var(--spacing-50);
}

.shipmentContainer___ZDQUd {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
}

.legDetails___yk6eS {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 10px;
}

.legDetails___yk6eS.firstChild___amjUu {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.card___CBQVr {
  /* padding: var(--spacing-30); */
  border: 1px solid var(--color-grey-040);
  margin: var(--spacing-30);
  width: fit-content;
  height: auto; 
}
.div1___ni0U6{
  font-size: 13px;
}
.div___Q2EKN {
  padding-top: 10px;
  color: var(--color-primary);
  font-size: 20pt; 
}

.spacing___wSK8n {
    padding: var(--spacing-50) var(--spacing-00);
}
.cursor___AqNyT{
    cursor: pointer;
}
.arrow___ZF2Gh {
    width: 14px;
    display: inline-block;
    transition: 0.4s ease;
    margin-top: 4px;
    text-align: left;
    transform: rotate(45deg);
    margin-right: var(--spacing-30);
}
.arrow___ZF2Gh:before, .arrow___ZF2Gh:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 8px;
    height: 2px;
    background-color: var(--color-grey-100);
    transition: 0.4s ease;
}
.arrow___ZF2Gh:after {
    position: absolute;
    transform: rotate(90deg);
    top: -3px;
    left: 3px;
}

.hr___oNBag{
    border: 0;
    height: 1px;
    background: var(--color-grey-040); 
    flex-grow: 1;
    margin-right: var(--spacing-40);
    margin-left: var(--spacing-40);
}
  
.textWarp___J0uHi{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.active___mDTFT {
    transform: rotate(45deg) translate(-3px, -3px);
}
.active___mDTFT:before {
    transform: translate(6px, 0);
}
.active___mDTFT:after {
    transform: rotate(90deg) translate(6px, 0);
}

.key___R6dKJ{
  color: var(--color-grey-080);
  margin-right: var(--spacing-30);
}

.value___gHOh7{
  color: var(--color-grey-100);
  font-weight: 500;
}
 
.title___LtLUG{ 
  margin-bottom: var(--spacing-40);
}

.locationCard___triJZ {
    margin-bottom: var(--spacing-40);
    padding: var(--spacing-30) var(--spacing-40);
    border-radius: var(--spacing-20);
}

.locationCard___triJZ .location___Kz1SB {
    padding: var(--spacing-30) var(--spacing-00);
    align-items: center;
  }
  .locationCard___triJZ .location___Kz1SB .locationCode___MY_4O {
    font-weight: 700;
  }
  .locationCard___triJZ .location___Kz1SB .locationName___k05m8 {
    margin-left: var(--spacing-20);
  }
  
  .locationCard___triJZ .milestoneDetails___qEpoc {
    padding: var(--spacing-30) var(--spacing-00);
    color: var(--color-black);
  }
  
  .locationCard___triJZ .icon___hT1n0 { 
    justify-content: flex-start;
    margin-right: var(--spacing-30);
    color: var(--color-primary);
  }
  
  .locationCard___triJZ .displayText___Z1FPz {
    max-width: 70%;
  }

  .displayContents___piodR {
    display: contents;
  }


  .summaryCard___oZjL9 {
    margin-top: var(--spacing-50);
  }
  .summaryCard___oZjL9 .items___euQYf {
  margin-top: calc(-1 * var(--spacing-50));
  }
  .summaryCard___oZjL9 .items___euQYf .item___qEWee {
  width: 25%;
  flex-grow: 0;
  flex-shrink: 1;
  padding: var(--spacing-50);
  }
  .summaryCard___oZjL9 .items___euQYf .item___qEWee .name___xAxDO {
  margin-bottom: var(--spacing-30);
  }  
.tinyLoader___AHEk7 {
    padding: var(--spacing-40) var(--spacing-60);
    width: var(--spacing-100);
    /* align-items: ;s */
  }

  .containerCard___dTOh2 {
    margin-bottom: var(--spacing-40);
    padding: var(--spacing-30) var(--spacing-40);
    border-radius: var(--spacing-20);
  }

  .cursor___NCOKf{
    cursor: pointer;
  }

.arrow___Wf31c {
  width: 14px;
  display: inline-block;
  transition: 0.4s ease;
  margin-top: 10px;
  text-align: left;
  transform: rotate(45deg);
  margin-right: var(--spacing-30);
  margin-left: var(--spacing-30);
  cursor: pointer;
}

.arrow___Wf31c:before, .arrow___Wf31c:after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 8px;
  height: 2px;
  background-color: var(--color-grey-100);
  transition: 0.4s ease;
}

.arrow___Wf31c:after {
  position: absolute;
  transform: rotate(90deg);
  top: -3px;
  left: 3px;
}

.active___RsdZK {
  transform: rotate(45deg) translate(-3px, -3px);
}

.active___RsdZK:before {
  transform: translate(6px, 0);
}

.active___RsdZK:after {
  transform: rotate(90deg) translate(6px, 0);
}

.containersCardList___PHCHu{
  margin: var(--spacing-50) var(--spacing-00);

}

.cardTitle___7APhC{
  margin: var(--spacing-30) var(--spacing-00);
  width: 100%;
  
}

.estText___Sjlsm{
  color: var(--color-grey-080)
}

.amount___WHXqu{
  color: var(--color-grey-100)
}

.hr___f12u2{
  border: 0;
  height: 1px;
  background: var(--color-grey-040); 
  flex-grow: 1;
  margin-right: var(--spacing-20);
  margin-left: var(--spacing-10);
}
.cardDetailFirstRow___qcmk8{
  margin: var(--spacing-30) var(--spacing-00) ;
}

.cardDetailSecondRow___YGQs6{
  margin-top: var(--spacing-30);
  margin-bottom: var(--spacing-50);
}

.noRatesFound___EV7b7{
  font-size: small;
}

.dndRateTitle___xS7sC{
  margin-bottom: var(--spacing-30);
  margin-top: var(--spacing-30);
}


.table___JgD5q{
  width: 55%;
  margin: var(--spacing-30) var(--spacing-00) var(--spacing-40)  var(--spacing-00)
}
.tableHeader___T02oK {
  font-size: 14px;
  width: max-content;
  width: 100%;
}

.editText___XOMiy{
  margin-left: var(--spacing-10);
}

.saveBtnRow___usvF3{
  margin-top: var(--spacing-50);
  margin-bottom: var(--spacing-20);
}

.cancelBtn___NxYWR{
  margin-right: var(--spacing-40) ;
}

.removeSlabBtn___hIzKH{
  margin-top: var(--spacing-30)
}

.clearAllSlabsBtn___vBmZ_{
  color: var(--color-error);
}

.clearAllSlabsBtn___vBmZ_:hover {
  color: var(--color-red-050);
}

.deleteLastSlabBtn___eNNZA{
  color: var(--color-error);
}

.deleteLastSlabBtn___eNNZA:hover {
  color: var(--color-red-050);
}


.exchangeCurrencyRates___cFCVu{
  font-size: smaller;
  color:var(--color-mute);
  margin-top: -10px
}

.clearAllSlabsText___gZlNf {
  margin-top: var(--spacing-10);
}

.clearAllSlabsIcon___b3PAl{
  margin-top: -2px;
}

.demurrageAndDetentionSection___GXPu7{
  margin-top: var(--spacing-40) !important;
}

.eventDateText___TgvdX{
  color: var(--color-grey-060)
}

.gapBtwInput___QcMtA{
  margin-right: var(--spacing-50);
}

.toDaysInput___FgSnA{
  margin-right: var(--spacing-50);
  margin-left: var(--spacing-50);
  /* width: 40%; */
}

.btmMargin___UJBUh{
  margin-bottom: var(--spacing-40);
}

.editRateTitle___EC4cj {
  margin: var(--spacing-40)  var(--spacing-00);
}

.actionRow___gGQLh{
  margin-top: var(--spacing-60)
}

.editRateDialog___MWrnk {
  width: 1200px;
  border-radius: 4px;
}


.cardClass___T39Hj {
  margin-bottom: var(--spacing-40);
  padding: var(--spacing-50) var(--spacing-50);
  border-radius: var(--spacing-20);
}
.summaryBox___kqg_m {
  opacity: 0.6;
}

.icon___Vootc {
  cursor: pointer;
}
.icon___Vootc.previous___mFw7d {
  margin-left: var(--spacing-20);
}
.icon___Vootc.next___G_abp {
  margin-right: calc(-1 * var(--spacing-30));
}
.container___FWfeI {
  padding: var(--spacing-40);
}
.scheduleCard___fYBmt {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: var(--color-white);
  border: solid 1px var(--color-dull);
  margin-bottom: 16px;
}

.firstLayout___HYjMF {
  flex: 1 1 100%;
  max-width: 10%;
  min-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.firstLayoutMobile___pq1A4 {
  flex: unset;
  max-width: unset;
  min-width: unset;
  max-height: unset;
}

.scheduleTransitTime___pfRsg {
  font-size: 40px;
  line-height: 40px;
  /* margin-bottom: 8px; */
  align-self: center;
}

.scheduleTitle___bkP1_ {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  /* line-height: 20px; */
  color: var(--color-grey-40) !important;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scheduleTransitTitle___pszuT {
  overflow: unset;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-grey-40) !important;
  text-align: center;
  white-space: nowrap;
  align-self: center;
}

.scheduleBottomTitle___o53Sn {
  text-align: center;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  white-space: nowrap;
  color: var(--color-grey-100) !important;

}

.scheduleBottomTitleMobile___MTrct {
  white-space: unset;
  font-size: 14px;
  width: 110px;
  align-self: center;
  color: var(--color-grey-100) !important;
}

.scheduleBottomTitleTab___mYNIE {
  font-size: 14px;
  white-space: unset;
  width: 200px;
  align-self: center;
  color: var(--color-grey-100) !important;
}

.layout___izzVV {
  flex: 1 1 100%;
  max-width: 25%;
  min-width: 25%;
  max-height: 100%;
  box-sizing: border-box;

}

.layoutSmallMobile___zF1Ld {
  max-width: 25%;
  min-width: 40%;
}

.layoutSmallMobileLeft___pw1BB {
  max-width: 25%;
  min-width: 40%;
  padding-right: 15px;
}

.layoutSmallMobileRight___gNSpy {
  max-width: 25%;
  min-width: 40%;
  padding-left: 15px;
}

.layoutMobile___jpVbx {
  flex: 1 1 100%;
  max-width: 35%;
  min-width: 10%;
  max-height: 100%;
}

.secondLayout___hdhR1 {

  max-width: 100%;
  min-width: 100%;

}

.scheduleHeader___E6zE7 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #0A0A0A;
  text-align: center;
  line-height: 40px;
  white-space: nowrap;
}

.scheduleHeaderMobile___qgnKs {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #0A0A0A;
  text-align: center;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.arrowLayout___dJuin {
  flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  align-items: center;
  box-sizing: border-box;
}

.arrowLayoutMobile___mYVZW {
  flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  align-items: center;
}

.arrowLayout___dJuin .image___WlYWl {
  width: 50px;
  padding-top: 30px
}

.arrowLayout___dJuin .arrowTitle___HuegT {

  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  padding-top: 12px;
}

.arrowLayout___dJuin .arrowTitleMobile___PtaRP {
  white-space: nowrap;
}

.cellRowDesktop___PlNGY {
  flex-direction: unset;
  display: contents;
}

.cellRowTab___yzV4V {
  flex-direction: unset;
  display: contents;
}

.cellTopRowMobile___R3_JT {
  justify-content: space-between;
  flex-direction: row;
  display: flex;
  padding-bottom: 15px
}

.cellRowMobile___dOdwq {
  justify-content: space-between;
  flex-direction: row;
  display: flex;
  padding-top: 15px
}

.separator___ZdWWF {
  border: 0.3px solid;
  color: var(--color-grey-040);
}
.bodyContainer___lZPo6 {
  margin-top: calc(var(--spacing-70));
}

.title___HNnsy {
  margin-bottom: 25px;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
}

.filters___g1BcJ {
  flex-grow: 0;
}

.filtersXs___MlpFQ {
  margin-right: var(--spacing-00);
  width: 100%;
}

.filtersSm___Zkc9T {
  margin-right: var(--spacing-00);
  width: 100%;
}

.filters___g1BcJ .filter___gCoWS {
  margin-bottom: var(--spacing-50);
  padding: var(--spacing-50);
}

.filters___g1BcJ .filter___gCoWS .title___HNnsy {
  margin-bottom: var(--spacing-30);
}

.bottomSheetFilter___RA_pM {
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}

.bottomSheetFilterGtsm___gadBg {
  display: none !important;
}

.bottomSheet____YGxs {
  position: fixed;
  top: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  
}

.filterHeader___nowGY {
  padding: var(--spacing-20) var(--spacing-40);
  background-color: var(--color-secondary-extra-light);
  position: fixed;
  width: 100%;
  z-index: 3;
}

.sideFilter___eUeJ7 {
  padding: var(--spacing-40);
  background-color: var(--color-white);
  z-index: 2;
  width: auto;
  margin-top: var(--spacing-80);
  margin-bottom: 45vh;
}

.filtersContainerGteXs___I2xtN {
  display: none;
}

.filtersContainerGteMd___X0lum {
  display: block;
}

.hide___y8YAu {
  display: none;
}
.show___ZPf1i {
  display: flex;
}
.actionButtonText___T3eis {
  margin-left: var(--spacing-20);
}

.zeroPadLeft___RJSGM {
  padding-left: var(--spacing-00);
}
.zeroPadRight___wvN6W {
  padding-right: var(--spacing-00);
}
.bottomSheetFilter___TttK8 {
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}

.bottomSheet___FmaKg {
  position: fixed;
  top: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  overflow-y: scroll;

}

.filterHeader___Obelg {
  padding: var(--spacing-20) var(--spacing-40);
  background-color: var(--color-secondary-extra-light);
  position: fixed;
  width: 100%;
  z-index: 3;
}

.sideFilter___QGw1s {
  padding: var(--spacing-40);
  background-color: var(--color-white);
  z-index: 2;
  width: auto;
  margin-top: var(--spacing-80);
  margin-bottom: 50vh;
}
.sheet___jmCxH {
  width: 320px;
  flex-shrink: 0;
  padding: var(--spacing-50) var(--spacing-00);
}

.sheetContent___aGxuJ > * {
  padding: var(--spacing-00) var(--spacing-50);
}

.header___TjdzM {
  height: 64px;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  margin-bottom: var(--spacing-30);
  margin-top: calc(-1 * var(--spacing-50));
}

.action___cqqG7 {
  margin: var(--spacing-00) var(--spacing-20);
  padding: var(--spacing-30);
  border-radius: 20px;
  cursor: pointer;
}
.action___cqqG7:last-child {
  margin-right: calc(-1 * var(--spacing-30));
}
.action___cqqG7:hover {
  background-color: var(--color-background-light);
}
.action___cqqG7.active___aORYA {
  background-color: var(--color-background-dark);
}


md-card.instant-rate-border___hoHy4{
  border: 1px solid rgb(216, 216, 216);
  margin: 8px;
  /*height: 185px;
  width :200px;*/
  box-shadow:none;
}
md-card-actions.instant-rate-action___uvnIB{
   background-color: #59ABB9;
   margin: auto 0 0 0;
   padding: 0px;
   color:var(--color-white);
 
}

.instant-rate-action-text___eotXD{
 margin: 0  auto;
}

md-card.md-card-content-pad___Txydn{
 padding: 0 !important;
}

.instant-rate-list-optiontext___uUgN2{
 color : #A8A8A8;
 margin-top:40px;
}

.greytext____GyqK{
 color : #A8A8A8;
}
.instant-rate-card-content___wpdMG{
 text-align: right; 
 margin-right: 5px;
}
.instant-rate-md-card-content___uXLJX{
 padding-top:10px !important;
 padding-left:0px !important;
 padding-right:15px !important;
 padding-bottom:10px !important;
}

.pad-top-10___gtOpO{
 margin-top: 10px;
}

.md-button___uOXob.instant-rate___K5Hqs{
 border-color: #59ABB9;
 color: #59ABB9;
 border-style: solid;
   border-width: 1px;
   border-radius: 0px;
   text-transform:none;
  
}

.md-button___uOXob.instant-rate___K5Hqs:not([disabled]):hover {
 background-color: var(--color-white);
  }

md-autocomplete input {
   color:#515151 !important;
}

.custom-input-container___C6mYB md-select md-select-value, .custom-input-container___C6mYB md-datepicker md-select-value{
 color:#515151 !important;
}

.md-button___uOXob.get-new-quote___ZI8P9{

 color: #59ABB9 !important;
 border-style: solid;
   border-width: 0px;
   border-radius: 0px;
   text-transform:none;
  
}

.md-button___uOXob.get-new-quote___ZI8P9:not([disabled]):hover {
 background-color: var(--color-white);
  }
.new-enquiry-popup___iUoNa{
      height: 75% !important;   
  max-height: 75% !important;  
}  

.main-menu-notification___NMUSz{
  color:#59ABB9;
  font-size: x-large !important;
}

.primary-text-color___hr23E{
  color:#59ABB9 !important;
}
.menu-down-arrow___y5a5U{
 font-size: large;
 color:#B4DCE0; 
}
.main-menu-user-icon___c5_iO{
  font-size: large;
  color:#A8A8A8;
}

.font-85___zQbew{
  font-size: 85%;
 }

.right-align-text___F92NO{
  text-align: right;
}

 .left-align-text___D5dRb{
  text-align: left;
}

.freight-price____kfM1{
  font-size: 200%; 
  margin-top: -4px;
}

.padding-top2-btm-5___dFI_a{
 padding-top: 20px; 
 padding-bottom: 5px;
}

.instant-rate-card-content-font___AR4vZ{
   font-family:Arial , Helvetica, sans-serif;font-weight: 500;
}

.pad-btm-5____rqUH{
 padding-bottom: 5px;
}

.pad-5___MCmQg{
 padding: 5px;
}

.pad-btm-10___eOyL1{
 padding-bottom: 10px;
} 

.instant-rate-btm-div___e16hP{
  background-color: #EEEEEE; 
  margin-left: -21px; 
  margin-right: -20px; 
  margin-bottom: -25px;
  min-height: 191px;
}

.mrg-10___gJGXJ{
 margin: 10px;
}

.mrg-15____XsM_{
 margin: 15px;
}

.mrg-top-25-pcent___oYby8 {
 margin-top: 25%
}

.new-enquiry-popup-error___yBa3m{
 color:var(--color-red-060);
 margin:5px;
 border-color:var(--color-red-060);
 border-style: solid;
 border-width: 1px;
}
.new-priced-enquiry-popup-title___zxcoU{
color:#797D7E;
font-size:x-large;
}

.pad-right-25___yWyGp{
   padding-right:25px;
}


/* New Added Css  12 nov*/
.mrg-btm-5___ZXXs2{
 margin-bottom: -5px;
}

/* modified Css*/
.main-menu-notification___NMUSz{
  color:#59ABB9;
  font-size: x-large !important;
}

.mrg-btm--12___I9eNm{
 margin-bottom: -12px;
}

md-switch.dumb-toggle-switch___Uv0ku.md-checked___TNCQw .md-bar___Roo71 {
 background-color: #9e9e9e; }
md-switch.dumb-toggle-switch___Uv0ku.md-checked___TNCQw .md-thumb___YGOqj {
 background-color: #fafafa; }
md-switch.dumb-toggle-switch___Uv0ku.md-checked___TNCQw .md-ink-ripple___p7DVd {
 color: unset; }
.container___LGITz {
  padding: var(--spacing-40);
}

.overLay___TzmXN{
  opacity:0.5; 
  background: var(--color-grey-020); 
  width: 100%;
  height: 100%; 
  z-index: 10;
  top:10%; 
  left: 0; 
  position: fixed; 
  left: 0;
  right: 0;
}


.column___kKfXq{
  display: flex;
  flex-direction: column;
}
.row___WkZId{
  display: flex;
  flex-direction: row;
}
.rowstyle___MMbpR{
  width: 100%;
}
.noWrapEllipsisText___q9ejE {
  white-space: nowrap; 
  text-overflow: ellipsis; 
  overflow: hidden;
}

.timeline___nLStl {
  padding: var(--spacing-80) var(--spacing-30);
  width: 100%;
  display: flex;
  flex-grow: 1;
  border-radius: 4px;
  overflow: scroll;
}
.timeline___nLStl .locationContainer___lwGRd {
  width: var(--spacing-90);
  justify-content: center;
}

.timeline___nLStl .locationContainerLtSm___Gh9u7 {
  width: 100%;
  justify-content: flex-start;
}

.timeline___nLStl .location___rFmqg {
  position: relative;
  margin: var(--spacing-30) var(--spacing-00);
}
.timeline___nLStl .locationContainerLtSm___Gh9u7 .locationLtSm___IOHVa {
  align-items: flex-start;
  width: 100%;
}
.timeline___nLStl .location___rFmqg .date___syctn, .timeline___nLStl .location___rFmqg .name___uNtAf {
  position: absolute;
  color: var(--color-black);
  width: max-content;
}

.timeline___nLStl .locationLtSm___IOHVa .dateLtSm___Npjm9 {
  right: 0;
  top: calc(1.5* var(--spacing-20));
}
.timeline___nLStl .location___rFmqg .dateGteSm___ZV1Kq {
  top: calc(-1 * var(--spacing-80));
  /* left: -100%; */
}
.timeline___nLStl .locationContainer___lwGRd:last-child .location___rFmqg .date___syctn {
  bottom: calc(-1 * var(--spacing-80));
  left: -200%;
  max-width: 120px;
}

.timeline___nLStl .locationContainer___lwGRd:first-child .location___rFmqg .name___uNtAf,  .timeline___nLStl .locationContainer___lwGRd:last-child .location___rFmqg .name___uNtAf {
  left: 0%;
}
.timeline___nLStl .location___rFmqg .nameLtSm___t3KHT, .timeline___nLStl .locationContainer___lwGRd:first-child .location___rFmqg .nameLtSm___t3KHT,  .timeline___nLStl .locationContainer___lwGRd:last-child .location___rFmqg .nameLtSm___t3KHT {
  left: calc(1.2 * var(--spacing-80));
  bottom: calc(3* var(--spacing-10))
}

.timeline___nLStl .location___rFmqg .nameGteSm___laQtl,.timeline___nLStl .locationContainer___lwGRd:first-child .location___rFmqg .nameGteSm___laQtl {
  bottom: calc(-1 * var(--spacing-80));
  left: -15%
}
.timeline___nLStl .locationContainer___lwGRd:last-child .location___rFmqg .locationName___APCBz {
  max-width: 50px;
  text-align: right;
}
.timeline___nLStl .locationContainer___lwGRd:last-child .location___rFmqg .locationNameLtSm___PDvUh{
  max-width: unset;
}
.timeline___nLStl .locationContainer___lwGRd:last-child .location___rFmqg .locationNameGteSm___KyQ7g{
  max-width: 50px;
}

.timeline___nLStl .locationContainer___lwGRd:last-child .location___rFmqg .nameGteSm___laQtl
{
  bottom: calc(-1 * var(--spacing-80));
  left: -50%;
  max-width: 100px;
}
.timeline___nLStl .path___HNrNr {
  border: solid 1px var(--color-primary);
  background-color: var(--color-primary);
  flex-shrink: 1;
  height: 1px;
  align-self: center;
}

.timeline___nLStl .pathGteXxs___wYDfi {
  align-self: flex-start;
  width: 1px;
  min-height: var(--spacing-50);
  margin: var(--spacing-00) calc(1.1 * var(--spacing-40));
}

.timeline___nLStl .pathGteSm___avvAD { 
  align-self: center;
  width: unset;
  height: 1px;
  min-height: unset;
  margin: unset;
}
.timeline___nLStl .path___HNrNr.inactive___MrzFi {
  border-color: var(--color-dull);
}
.locationCard___d1AGV {
  margin-bottom: var(--spacing-40);
  padding: var(--spacing-30) var(--spacing-40);
  border: none;
  box-shadow: none;
  background-color: var(--color-background-light);
}
.currentLocation___mjfxv {
  background-color: var(--color-primary-background);
}
.locationCard___d1AGV .location___ZEslL {
  padding: var(--spacing-30) var(--spacing-00);
  align-items: center;
}


.locationCard___d1AGV .icon___QOpYo {
  justify-content: flex-start;
  margin-right: var(--spacing-30);
  color: var(--color-primary);
}

.locationCard___d1AGV .displayText___ZnpwG {
  padding: var(--spacing-20) var(--spacing-00);
}

.timelineIcon___ye2lX {
  margin-top: var(--spacing-20);
  color: var(--color-primary);
  margin-right: var(--spacing-30);
}
.timeline___iT9BY {
  margin-right: var(--spacing-30);
  /* margin-top: -10%; */
  margin-bottom: -100%;
  align-self: center;
}

.timeline___iT9BY .timelinePath___Fzevf {
  height:98%;
  width: 1px; 
}

.timeline___iT9BY .timelinePathCompleted___ovJHK {
  border: 1px solid var(--color-primary);
}

.timeline___iT9BY .timelinePathPending___p1zz7 {
  border: 1px dashed #CBD2D9;
}

.lastTimeline___SNzll {
  margin-right: var(--spacing-30);
}

.displayContents___OOzOu {
  display: contents;
}
.container___EIY52 {
  padding: var(--spacing-40);
  width: inherit;
}
.card___sSA8A {
  margin: var(--spacing-50) var(--spacing-00);
}
.detailsBox___YIK9K {
  border: 1px solid var(--color-dull);
  padding: var(--spacing-50);
}
.horizontalTimelineContainer___yhzcV {
  border-left: 1px solid var(--color-dull);
  border-right: 1px solid var(--color-dull);;
}
.milestoneContainer___TpJD7 {
  border-left: 1px solid var(--color-dull);
  border-right: 1px solid var(--color-dull);
  border-bottom: 1px solid var(--color-dull);
}
.labelSpacing____qG2v {
  margin-right: var(--spacing-50) ;
}
.red___D48Ig {
  color: var(--color-error);
}
.red___D48Ig:hover {
  color: var(--color-red-050);
}

.hidden___nne6P {
  display: none;
}


.errorCard___imuIv {
  padding:  var(--spacing-100) var(--spacing-50);
}
.errorCard___imuIv .title___ysrVo {
  margin-bottom:  var(--spacing-30);
  color: var(--color-mute);
}


.milestonesList___Q9qZO {
  margin: var(--spacing-50);
}

.column____dj2Y{
  display: flex;
  flex-direction: column;
}
.row___lH8xk{
  display: flex;
  flex-direction: row;
}
.inheritWidth___YgHj9{
  width: inherit;
}
.noWrapEllipsisText___gYARX {
  white-space: nowrap; 
  text-overflow: ellipsis; 
  overflow: hidden;
}

.timeline___nD2F9 {
  padding: var(--spacing-80) var(--spacing-30);
  width: 100%;
  display: flex;
  flex-grow: 1;
  border-radius: 4px;
  overflow: scroll;
}
.timeline___nD2F9 .locationContainer___ufNaS {
  width: var(--spacing-90);
  justify-content: center;
}

.timeline___nD2F9 .locationContainerLtSm___squqR {
  width: 100%;
  justify-content: flex-start;
}

.timeline___nD2F9 .location___prKgQ {
  position: relative;
  margin: var(--spacing-30) var(--spacing-00);
}
.timeline___nD2F9 .locationContainerLtSm___squqR .locationLtSm___cfZvV {
  align-items: flex-start;
  width: 100%;
}
.timeline___nD2F9 .location___prKgQ .date___D8HeI, .timeline___nD2F9 .location___prKgQ .name___qGQWz {
  position: absolute;
  color: var(--color-black);
  width: max-content;
}

.timeline___nD2F9 .location___prKgQ .arrivalTime___lAjqo {
  left:-300%
}
.timeline___nD2F9 .location___prKgQ .departTime___XlIPX {
  left:100%
}
.timeline___nD2F9 .locationLtSm___cfZvV .dateLtSm___FOqlS {
  right: 0;
  top: calc(1.5* var(--spacing-20));
}
.timeline___nD2F9 .location___prKgQ .dateGteSm___fUPMq {
  top: calc(-1 * var(--spacing-80));
  /* left: -100%; */
}

.timeline___nD2F9 .locationContainer___ufNaS:last-child .location___prKgQ .date___D8HeI {
  bottom: calc(-1 * var(--spacing-70));
  left: -200%;
  max-width: 120px;
}

.timeline___nD2F9 .locationContainer___ufNaS:first-child .location___prKgQ .name___qGQWz,  .timeline___nD2F9 .locationContainer___ufNaS:last-child .location___prKgQ .name___qGQWz {
  left: 0%;
}
.timeline___nD2F9 .location___prKgQ .nameLtSm___YYTAv, .timeline___nD2F9 .locationContainer___ufNaS:first-child .location___prKgQ .nameLtSm___YYTAv,  .timeline___nD2F9 .locationContainer___ufNaS:last-child .location___prKgQ .nameLtSm___YYTAv {
  left: calc(1.2 * var(--spacing-70));
  bottom: calc(3* var(--spacing-10))
}

.timeline___nD2F9 .location___prKgQ .nameGteSm___PcP05,.timeline___nD2F9 .locationContainer___ufNaS:first-child .location___prKgQ .nameGteSm___PcP05 {
  bottom: calc(-1 * var(--spacing-70));
}
.timeline___nD2F9 .locationContainer___ufNaS:last-child .location___prKgQ .locationName___OdrxC {
  max-width: 50px;
  text-align: right;
}
.timeline___nD2F9 .locationContainer___ufNaS:last-child .location___prKgQ .locationNameLtSm___rbqNP{
  max-width: unset;
}
.timeline___nD2F9 .locationContainer___ufNaS:last-child .location___prKgQ .locationNameGteSm___dJH2W{
  max-width: 50px;
}

.timeline___nD2F9 .locationContainer___ufNaS:last-child .location___prKgQ .nameGteSm___PcP05
{
  bottom: calc(-1 * var(--spacing-70));
  max-width: 100px;
}
.timeline___nD2F9 .path___fehUZ {
  border: solid 1px var(--color-primary);
  background-color: var(--color-primary);
  flex-shrink: 1;
  height: 1px;
  align-self: center;
}

.timeline___nD2F9 .pathGteXxs___vht77 {
  align-self: flex-start;
  width: 1px;
  min-height: var(--spacing-50);
  margin: var(--spacing-00) calc(1.1 * var(--spacing-40));
}

.timeline___nD2F9 .pathGteSm___Q32Pi { 
  align-self: center;
  width: unset;
  height: 1px;
  min-height: unset;
  margin: unset;
}
.timeline___nD2F9 .path___fehUZ.inactive___e69LR {
  border-color: var(--color-dull);
}
.timeline___nD2F9 .path___fehUZ .flightNumber___I0nkN {
  padding-top: var(--spacing-20);
}
.locationCard___uHMkQ {
  margin-bottom: var(--spacing-40);
  padding: var(--spacing-30) var(--spacing-40);
  border: none;
  box-shadow: none;
  background-color: var(--color-background-light);
}
.currentLocation___D5QtG {
  background-color: var(--color-primary-background);
}
.locationCard___uHMkQ .location___JqCin {
  padding: var(--spacing-30) var(--spacing-00);
  align-items: center;
}


.locationCard___uHMkQ .icon___Ya7HU {
  justify-content: flex-start;
  margin-right: var(--spacing-30);
  color: var(--color-primary);
}

.locationCard___uHMkQ .displayText___GmNd6 {
  padding: var(--spacing-20) var(--spacing-00);
}

.timelineIcon___qnosM {
  margin-top: var(--spacing-20);
  color: var(--color-primary);
  margin-right: var(--spacing-30);
}
.timeline___OLYLY {
  margin-right: var(--spacing-30);
  /* margin-top: -10%; */
  margin-bottom: -20%;
  align-self: center;
}

.timeline___OLYLY .timelinePath___mS5Ln {
  height:98%;
  width: 1px; 
}

.timeline___OLYLY .timelinePathCompleted___ZGi7j {
  border: 1px solid var(--color-primary);
}

.timeline___OLYLY .timelinePathPending___H_EKo {
  border: 1px dashed #CBD2D9;
}

.lastTimeline___cdV7l {
  margin-right: var(--spacing-30);
}

.displayContents___g58YT {
  display: contents;
}
.container___vkPI8 {
  padding: var(--spacing-40);
  width: inherit;
}
.card___sqtb4 {
  margin: var(--spacing-50) var(--spacing-00);
}
.detailsBox___yG4P2 {
  border: 1px solid var(--color-dull);
  padding: var(--spacing-50);
}
.horizontalTimelineContainer___F6Rg7 {
  border-left: 1px solid var(--color-dull);
  border-right: 1px solid var(--color-dull);;
}
.milestoneContainer___Z6RcF {
  border-left: 1px solid var(--color-dull);
  border-right: 1px solid var(--color-dull);
  border-bottom: 1px solid var(--color-dull);
}
.labelSpacing___AkYxI {
  margin-right: var(--spacing-50) ;
}
.red___zYzF6 {
  color: var(--color-error);
}
.red___zYzF6:hover {
  color: var(--color-red-050);
}

.hidden___uQLzc {
  display: none;
}


.errorCard___nlLkq {
  padding:  var(--spacing-100) var(--spacing-50);
}
.errorCard___nlLkq .title___gIuEM {
  margin-bottom:  var(--spacing-30);
  color: var(--color-mute);
}


.milestonesList___QbiYc {
  margin: var(--spacing-50);
}
.uploadSection___VWjUv{
  /* margin: var(--spacing-60) var(--spacing-00); */
  padding: var(--spacing-50) var(--spacing-00); 
  background-color: var(--color-grey-10);
  border-radius: var(--spacing-20);
  align-items: center;
  justify-content: center;
  width:100%;
  font-weight: 600;
}

.idealBorder___cX7Ce{
  border: 2px dashed var(--color-grey-30); 
}

.activeBorder___OfNG9{
  border: 2px dashed var(--color-mute); 
}
.uploadTxt___kDODz{
 margin: var(--spacing-00) var(--spacing-10);; 
}
 
.uploadBtn___QT2BQ{ 
  display: none; 
  border: none;
  text-transform: none; 
  opacity: 0;
}
.container___AfgEw {
  margin: calc(-1 * var(--spacing-50));
  height: calc(100vh - 64px);
}

.messageIconCell___x19uP {
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 16px;
  margin-top: 8px;
  cursor: pointer;
}

.unreadDot___KoXuF {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--color-red-060);
  border-radius: 50%;
  vertical-align: middle;
  justify-content: end;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.container___ZqEEi {
  padding: var(--spacing-40);
}

.noBookings___Ex3y1 {
  padding: var(--spacing-40);
  height: 250px;
}

.buttonSpacer___pl_n2 {
  padding: var(--spacing-40) var(--spacing-00);
}

.status___xWzY4 {
  text-transform: capitalize;
}
.status___xWzY4.draft___y5O4g.status___xWzY4.draft___y5O4g {
  background-color: var(--color-dull);
  color: var(--color-white);
  border: 1px solid var(--color-white);
}
.status___xWzY4.ammended___zXzKR.status___xWzY4.ammended___zXzKR {
  background-color: var(--color-dull);
  color: var(--color-white);
  border: 1px solid var(--color-white);
}
.status___xWzY4.error___P6umW.status___xWzY4.error___P6umW {
  background-color: var(--color-warning-background);
  color: var(--color-warning);
  border: 1px solid var(--color-warning);
}
.status___xWzY4.submitted___n5QVT.status___xWzY4.submitted___n5QVT {
  background-color: var(--color-warning-background);
  color: var(--color-warning);
  border: 1px solid var(--color-warning);
}
.status___xWzY4.cancelled___uTIF6.status___xWzY4.cancelled___uTIF6 {
  background-color: var(--color-error-background);
  color: var(--color-error);
  border: 1px solid var(--color-error);
}
.status___xWzY4.declined___YwEU8.status___xWzY4.declined___YwEU8 {
  background-color: var(--color-error-background);
  color: var(--color-error);
  border: 1px solid var(--color-error);
}
.status___xWzY4.accepted___OoYM8.status___xWzY4.accepted___OoYM8 {
  background-color: var(--color-success-background);
  color: var(--color-success);
  border: 1px solid var(--color-success);
}

.tabHeader___r_5Ms {
  margin: calc(-1 * var(--spacing-30)) var(--spacing-00);
  text-align: center;
}
.tabHeader___r_5Ms .tab___o_A_c {
  padding: var(--spacing-50) var(--spacing-70);
  /* background-color: var(--color-background-light); */
  cursor: pointer;
  border-bottom: 1px solid var(--color-grey-030);
  background-color: var(--color-grey-010);
  color: var(--color-grey-060);
}
.tabHeader___r_5Ms .tab___o_A_c:hover {
  /* background-color: var(--color-primary-extra-light); */
  color: var(--color-primary);
  color: var(--color-grey-100);
}
.tabHeader___r_5Ms .tab___o_A_c.selected___EBDds {
  background-color: var(--color-white);
  color: var(--color-primary);
  pointer-events: none;
  border-bottom: 2px solid var(--color-primary);
}

.tabContent___SbnSC {
  /* composes: scroll from "../theme/Scrollbar.css" !important; */
  background-color: var(--color-white);
  padding: var(--spacing-50) var(--spacing-00);
}
.uploadIcon___ENlla {
    margin-bottom: var(--spacing-50);
}

.uploadDialog___eXJPV {
    width: 800px;
    border-radius: 4px;
}
.paid___zgIEa{
    color: var(--color-success) !important;
}

.unPaid___f8U8w{
    color: var(--color-error) !important;
}
.topContainer___MLIOI {
  color: #0A0A0A;
  background-color: var(--color-white);
  padding: 32px;
}

.header____OtBm {
}

.headerTitle___OqxZz {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.chartContainer___jsgYP {
  margin-top: 24px;
}
.chartTitle___tUSVl {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 8px;
}

.headerPeriod___DJ5xt {
}
.headerPeriodXs___yrQXQ {
  margin-top: 16px;
}

.summaryCards___FucqS {
  margin-left: -8px;
  margin-top: 16px;
}

.summaryCardContainer___WKpY0 {
  padding-left: 8px;
  margin-top: 8px;
  height: 96px;
}

.summaryCard___NrULv {
  background-color: var(--color-primary-extra-light);
  width: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  text-align: center;
  margin-top: 8px;
  color: var(--color-white);
}

.usageCount___BoOIq {
  font-weight: 500;
}

.usageCountLimitType___FRGkf {
  letter-spacing: 0.1px;
  text-transform: capitalize;
  color: var(--color-white);
}


.actionBox___ZhLPY {
  margin-top: var(--spacing-40);
  padding: var(--spacing-00) var(--spacing-60);
}
.actionBox___ZhLPY .downloadButton___l4Lrx {
 margin-right: var(--spacing-40);
}

.actionBox___ZhLPY .bankBranchInput___I6qWI {
  width: 30%;
}

.leftAlightButton___WKPzO {
  align-self: flex-start;
}

.regularize___CrIvw {
  position: absolute;
  margin-top: -60px;
  right: 0px;;
}
.title___I3VhJ {
  padding-bottom: var(--spacing-50);
}
.fullWidth___gx8cP {
  width: 100% !important;
}

.alignButtons___pQ6UP {
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
  justify-content: space-between;
  padding-bottom: 15px;
}

.button___SdjYX {
  min-width: 250px;

}

.titleAndButton___iv9Mf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.card___oZaHn {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  margin-bottom: 0;
  height: auto;
  padding-bottom: 0 !important;
  width: 100%;
  position: relative;
  /* min-height: 1000px; */
}

.cardHeader___HkYUs {
  background-color: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.cardBody___NFell {
  max-width: 95%;
  margin: 0 auto;
  margin-bottom: 16px;
  align-items: center;
  background-color: #f5f5f5;
  padding: var(--spacing-0) var(--spacing-0) !important;
}

.cardFooter___TzwaW {
  background-color: #F1F4FB;
  padding: var(--spacing-60) var(--spacing-50) !important;
}

.icon___ORwBa {
  padding: var(--spacing-00) var(--spacing-30);
}

@media screen and (max-width: 768px) {
  .card___oZaHn {
    padding: 8px;
    max-width: 100%;
  }

  .cardHeader___HkYUs {
    flex-direction: row;
    align-items: flex-start;
  }

  .cardBody___NFell {
    padding: 8px;
  }

  .alignButtons___pQ6UP {
    flex-direction: column;
    align-items: stretch;
  }
}
.fullWidth___zjZAm {
  width: 100% !important;
}
.stepHeader___XmCSV {
  width: 100% !important;
}
.stepHeader___XmCSV .step___imd42 {}
.stepHeader___XmCSV .step___imd42 .title___mgKMU {
   margin-top: var(--spacing-30);

   /* align-self: center;  */
  
}
.stepHeader___XmCSV .step___imd42 .horizontalStepDetails___l6QO_ {
  margin-left: var(--spacing-30);
}
.stepHeader___XmCSV .step___imd42 .titleMobile___m9WX1 {
  width: 123px;
 
}

.stepHeader___XmCSV .step___imd42 .titleltXs___xtkCF {
  width: 150px;
  padding-left: 20px;
 
}


.stepHeader___XmCSV .step___imd42 .titleTime___aJ2N9 {
 
  padding-right: 10px;
 
}

.stepHeader___XmCSV .step___imd42 .titleTime___aJ2N9{
 
  text-align: center;
  font-weight: 400;
  color:var(--color-grey-50)
  
}
/* .stepHeader .step:first-child .titleTime {
  text-align: left;
} */

.stepIndicator___gxqBX {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--color-grey-20);
  color: var(--color-white);
  /* margin: var(--spacing-00) var(--spacing-30); */
}
.stepIndicator___gxqBX.small___G4m58 {
  width: 22px;
  height: 22px;
}
.stepIndicator___gxqBX.outline___JTQoX {
  background-color: transparent;
  border: solid 1px var(--color-primary);
}
.stepIndicator___gxqBX.primary___ws8cG {
  background-color: var(--color-primary);
  /* cursor: pointer; */
}

.stepDividerHorizontal___Qeovk {
  width: 1px;
  min-height: var(--spacing-80);
  border: solid 1px var(--color-grey-20); 
  margin: var(--spacing-30) var(--spacing-00)
}
.stepDividerHorizontal___Qeovk.primary___ws8cG {
  border-color: var(--color-primary);
}
.stepDividerHorizontal___Qeovk.transparent___id4zv {
  border-color: transparent;
}


.stepDividerVertical___PJ_eZ {
  min-width: var(--spacing-50);
  border: solid 1px var(--color-grey-20);
  margin: var(--spacing-40) var(--spacing-00);
  
}
.stepDividerVertical___PJ_eZ.primary___ws8cG {
  border-color: var(--color-primary);
}
.stepDividerVertical___PJ_eZ.transparent___id4zv {
  border-color: transparent;
}

.tooltipContainer___aTEFn {
}

.tooltip___dGLwj{
  font-size: small;
  padding: var(--spacing-00) var(--spacing-30) ;
  min-width: 200px
}

.tooltipKey___eAllP{
  margin-right:  var(--spacing-40);
}

.tooltipValue___B7I25{
   font-weight: 600;
}
.pointer___b2Dch {
  cursor: pointer;
}

.fullWidth___Bpcek {
  width: 100% !important;
}
.fullWidth___fS2S7 {
  width: 100% !important;
}
.fullWidth___hYiai {
  width: 100% !important;
  padding-top: 55px;
}


:root {
  --color-1: #a8d36f;
  --color-2: #80b2d8;
  --color-3: #df959a;
  --color-4: #9dc2a0;
  --color-5: #6d8cbf;
  --color-6: #da7e84;
  --color-7: #c3d171;
  --color-8: #9fb3cd;
  --color-9: #e2a8be;
  --color-10: #f1cb68;
  --color-11: #70c0af;
}
.fullWidth___MGK9r {
  width: 100% !important;
}

:root {
  --color-1: #a8d36f;
  --color-2: #80b2d8;
  --color-3: #df959a;
  --color-4: #9dc2a0;
  --color-5: #6d8cbf;
  --color-6: #da7e84;
  --color-7: #c3d171;
  --color-8: #9fb3cd;
  --color-9: #e2a8be;
  --color-10: #f1cb68;
  --color-11: #70c0af;
}
.fullWidth____GM6J {
  width: 100% !important;
}

:root {
  --color-1: #a8d36f;
  --color-2: #80b2d8;
  --color-3: #df959a;
  --color-4: #9dc2a0;
  --color-5: #6d8cbf;
  --color-6: #da7e84;
  --color-7: #c3d171;
  --color-8: #9fb3cd;
  --color-9: #e2a8be;
  --color-10: #f1cb68;
  --color-11: #70c0af;
}
.fullWidth___wZEym {
  width: 100% !important;
}
.fullWidth___jGOod {
  width: 100% !important;
  padding-top: 55px;
}
.fullWidth___KJQCF {
  width: 100% !important;
}

.highcharts-title___jhima,
.highcharts-subtitle___JJoKE,
.highcharts-axis-labels___gDLU7,
.highcharts-data-labels___ISD2E,
.highcharts-legend-item-text___jg2MI {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
}
.fullWidth___HsEek {
  width: 100% !important;
}
.fullWidth___occkx {
   width:100% !important;
}

:root {
   --color-1: #a8d36f;
   --color-2: #80b2d8;
   --color-3: #df959a;
   --color-4: #9dc2a0;
   --color-5: #6d8cbf;
   --color-6: #da7e84;
   --color-7: #c3d171;
   --color-8: #9fb3cd;
   --color-9: #e2a8be;
   --color-10: #f1cb68;
   --color-11: #70c0af;
 }

 
.fullWidth___M8j1n {
  width: 100% !important;
}

:root {
  --color-1: #186ADE;
  --color-2: #8F49DE;
  --color-3: #b494de;
  --color-4: #df959a;
}
.fullWidth___Hq8u9 {
  width: 100% !important;
  padding-top: 55px;
}

:root {
  --color-1: #a8d36f;
  --color-2: #80b2d8;
  --color-3: #df959a;
  --color-4: #9dc2a0;
  --color-5: #6d8cbf;
  --color-6: #da7e84;
  --color-7: #c3d171;
  --color-8: #9fb3cd;
  --color-9: #e2a8be;
  --color-10: #f1cb68;
  --color-11: #70c0af;
}
.container___biI0s {
  border-radius: 8px;
  padding: 16px 20px;
  margin: 16px 0px;
}
.formSpacingTop___WcDQh {
  margin-top: var(--spacing-50);
}
.inputRowTopSpacing___u32Ej {
  margin-top: var(--spacing-40);
}
.inputLeftSpacing___LvC_o {
  margin-left: var(--spacing-50);
}
.inputLabel___jDsZ2 {
  text-transform: capitalize;
}

.inputContainer___zL136{
  width: 50%;
}
.formSpacingTop___mu3iG {
    margin-top: var(--spacing-50);
  }
  .inputRowTopSpacing___nq4a4 {
    margin-top: var(--spacing-40);
  }
  .inputLeftSpacing___FcwLU {
    margin-left: var(--spacing-50);
  }
  .inputLabel___JtNVe {
    text-transform: capitalize;
  }
  
  .inputContainer___H204I{
    width: 50%;
  }

  .cancelSub___SX6w0{
    margin-right: var(--spacing-40);
  }
.container___WdIve{
  height: 8px !important;
  width: 150px !important;
  background-color: #e0e0de !important;
  border-radius: 5px !important;
  margin: 5px!important;
}

.filler___zAom5 {
  /* height: 100% !important;
  width: 90% !important; */
  background-color: #0F766E!important;
  border-radius: 5px !important;
  text-align: right !important;
}
.card___xHwAK {
  padding: var(--spacing-50) !important;
  margin-bottom: var(--spacing-50);
  min-width: 380px;
}

 

.tableHeader___tr6ll{ 
  width: 100%;
  background-color: var( --color-grey-20) !important;
  font-size: 14px;
}

.multiSelectActionRow___Pr4Zt {
  width: 100%;
  background-color: var( --color-grey-20);
  font-size: 14px;
  padding: var(--spacing-30);
  margin-bottom: var(--spacing-40);
}
.multiSelectActionRow___Pr4Zt .selectionCounter___O5aF5 {
  margin-left: var(--spacing-30);
}
.multiSelectActionRow___Pr4Zt .spacing___HPTjh {
  margin-left: var(--spacing-80);
  margin-right: var(--spacing-80);
}
.multiSelectActionRow___Pr4Zt .defaultActionSpacing___I8d3X {
  margin-left: var(--spacing-80);
}
.multiSelectActionRow___Pr4Zt .pointer___DwjM1 {
  cursor: pointer;
}

.tableContainer___vsZ1V{
  width: 100%; 
}

.historyVerTableRow___H5lVa{
  font-size: 14px;
}

.documentCount___Y0OnJ{
  font-size:  14px;
  font-weight: 600;
  margin: var(--spacing-00) var(--spacing-20); 
}

.titleRow___dUpyj{
  margin-bottom: var(--spacing-50);
}

.subTitleRow___AX4hH{
  margin-bottom: var(--spacing-30);
}

.noHover___uIpIO:hover {
  background-color: white !important;
}

.noBorder___mxQUW{
  border: none  !important; 
}
.versionDialog___FIi9w{
  min-height: 300px;
  width: 1350px;
  border-radius: 4px;
}

.versionTable___tujIa{
  margin-top: var(--spacing-40);
  border: 2px dashed #ddd;
  padding: var(--spacing-50);
}

.cellRight___OlP5u {
  padding-right: var(--spacing-30);
  flex-shrink: 1;
  flex-grow: 1;
}

.cellLeft___aZuci {
  padding-left: var(--spacing-30);
  flex-shrink: 1;
  flex-grow: 1;
}

.uploadedFileName___GqY0C{ 
  font-weight: 600;
  color: var( --color-primary);
}

.documentActionRow___pzupc{
  margin-top: var(--spacing-80);
}

.commentDialog___DfoO9{
  min-height: 600px;
  max-height: 750px; 
  width: 1400px;
  border-radius: 4px;
}

.permissionDialog___Obfkb{
  min-height: 300px;
  max-height: 750px; 
  width: 800px;
  border-radius: 4px;
  overflow: scroll;
}

.bulkShareDocumentsDialog___wmbin{
  min-height: 300px;
  width: 800px;
  display: flex;
  flex-direction: column;
}
.bulkShareDocumentsDialog___wmbin .topSpacing___sp_K7 {
  margin-top: var(--spacing-40);
}

.uploadBtnRow___MpZ4u {
  margin: -6px var(--spacing-00);
}

.uploadBtn___XIno2{
  padding: 9px var(--spacing-40);
}

.tooltip___j9YcX{
  font-size: small;
  padding: var(--spacing-00) var(--spacing-30) ;
  width: 150px; 
}

.actionMenu___g9caV{
  padding: var(--spacing-20) var(--spacing-00);
  cursor: pointer;
}

.actionMenuRow___hZKrH{
  padding: var(--spacing-20) var(--spacing-00);
}

.mandatoryLbl___Ea1y1{
  margin-top:  var(--spacing-30) ;
  font-size: x-small;
  color: var(--color-mute);
}

.pendingStatus___zmiTc{
  background-color: var(--color-pending);
  width: var(--spacing-30);
  margin-right: var(--spacing-30);
  height: var(--spacing-30);
  border-radius: var(--spacing-30);
}

.rejectedStatus___sD4BL{
  background-color: var(--color-red);
  width: var(--spacing-30);
  margin-right: var(--spacing-30);
  height: var(--spacing-30);
  border-radius: var(--spacing-30);
}

.uploadedStatus___ubTyY{
  background-color: var(--color-success);
  width: var(--spacing-30);
  margin-right: var(--spacing-30);
  height: var(--spacing-30);
  border-radius: var(--spacing-30);
}

.ml4___PlJ6f{
  margin-left: var(--spacing-40);
  font-size: 14px;
  margin-top: var(--spacing-10);
}

.uploadedByLbl___ByRhc{
  font-size: 14px; 
  font-weight:500;
  margin-bottom: var(--spacing-40);
}

.uploaderName___Wp3h8{
  font-size: 14px;
  font-weight: 600;
  padding-right: var(--spacing-20);
}


.companyName___MialV{
  font-size: 16px;
  font-weight: 600;
  padding-right: var(--spacing-20);
}


.uploaderEmail___KUt8F{
  font-weight: 400;
  color:var(--color-mute)
}

.roleLbl___IArBC{
  font-size: 14px; 
  font-weight:500;
  margin-bottom: var(--spacing-40);
}

.expandIcon___zwnCa {
  cursor: pointer;
  margin-right: var(--spacing-30)
}

.docTableRow___AbUoW{
  font-size: 14px !important;
}

.docTableRow___AbUoW .docTableCell___ITkZb{
/* display:none; */
}
.docTableRow___AbUoW:hover .docTableCell___ITkZb {
 /* display:block; */
}

.uploaded___THfQ3{
  color: var(--color-mute);
  font-size: 13px;
}

.disabledBtn___gWevc{
  background-color: var(--color-grey-20);
}

.disabledBtn___gWevc:hover {
  background-color: var(--color-grey-20);
}

.disabledCancelBtn___e3QG7{
  background-color: #fff;
  color: var(--color-grey-20);
}

.disabledCancelBtn___e3QG7:hover {
  background-color: #fff;
  color: var(--color-grey-20);
}

.showLogs___l1tvn{
  color: var(--color-primary);
  font-size: 15px;
  margin-top: var(--spacing-20);
  margin-left: var(--spacing-20);
  cursor: pointer;
}

.documentLogActionText___BJaL7{
  margin-left: var(--spacing-20);
    margin-top: var(--spacing-10);
}

.rejectionReason___liws_{
  border: solid 1px var(--color-grey-30);
  padding: var(--spacing-30);
  margin-top: var(--spacing-20); 
}
.mandatory___KMu99 {
  color: var(--color-primary);
  font-size: var(--spacing-60);
  font-weight: 500;
}
.docUploadBtn___fkZqD{
  margin-left: var(--spacing-40);
}
.container___YyzHn{
  width: 100%;
  border: solid 1px var(--color-grey-30);
  padding: var(--spacing-40);
  margin-right:1000px;
}
.containerlt___sp6Xb{
  width: 100%;
  border: solid 1px var(--color-grey-30);
  padding: var(--spacing-40);
  margin-right: 100px;
}
.containersm___C7N4P{
  width: 100%;
  border: solid 1px var(--color-grey-30);
  padding: var(--spacing-40);
  margin-right: 800px;
}


.primary___IKOHb {
  color: var(--color-primary) !important;
  /* cursor: pointer; */
}

.green___hO10Q {
  color: green !important;
  /* cursor: pointer; */
}

.commentOn____Y2wN{
  font-size: 80%;
  opacity: 0.4;
  margin-left: var(--spacing-30);
}


.commentRow___LRLVo{ 
  margin:var(--spacing-40) var(--spacing-00);
}

.commentLine___KP4Ze{
  line-height: var(--spacing-70);
}

.scroll___PEsCV {
  width: 100%;
  min-height: 100px;
  max-height: 400px;
}

.actionButtonRow___hihJ5{
  margin-bottom: calc(-1 * var(--spacing-40)); 
  z-index: 99;
}

.actionBtnWithReply___JkxkP{
  margin-bottom: calc(-1 * var(--spacing-40)); 
  z-index: 99;
}
 
.replyCustomerCheck___MVCce{
  color: black  !important;
}

.actionBtn___gSfWa{
  margin-bottom: var(--spacing-50);
  cursor: pointer;
}
.pointer___TnXUc{
  cursor: pointer;
}
 
.container___FADac {
  width: 50%;
}

.title___p_nDP {
  padding-bottom: var(--spacing-50);
}

.templateCardRow____0ZNn {
  margin: calc(-1 * var(--spacing-50));
  padding: var(--spacing-50);
}
.templateCard___dKCt3 {
  align-items: center;
  width: 160px;
  flex-shrink: 0;
  padding: var(--spacing-50);
  cursor: pointer;
}
.templateCard___dKCt3:hover {
  background-color: var(--color-background-light);
}
.templateCard___dKCt3 .card___mHYdZ {
  border: solid 1px var(--color-border);
  padding: var(--spacing-70);
}
.templateCard___dKCt3 .display___YZX59 {
  text-align: center;
  padding-top: var(--spacing-30);
}
.bodyContainer___YBWx4 {
  /* margin-top: var(--spacing-70); */
}
.searchBoxContainer___PF6Qy {
  min-width: 600px;
}
.fullWidthSearch___4wmpo {
  width: 100%;
}

.borderTop___FLUFN {
  border-top: solid 1px var(--color-dull);
}

.resultList___0MdXs {
  margin-top: var(--spacing-40);
}

.inputRow___FszBI {
  margin-bottom: var(--spacing-10);
}

.listBody___jH5vD {
  margin-top: var(--spacing-50);
}
.listBody___jH5vD .listHeading___AOLBB {
  margin-right: var(--spacing-50);
}

.advanceSearchSpacing___nQiJ6 {
  margin-top: var(--spacing-50);
}
.cancelIcon___Zrmc6 {
  padding: var(--spacing-60);
}
.item___AxoIZ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--color-primary);
  padding-left: 16px;
  padding-right: 16px;
}
.item___AxoIZ.active___XAmf1 {
  padding-top: 4px;
  border-bottom: solid 4px;
  border-color: var(--color-primary);
}
.item___AxoIZ:hover {
  background-color: var(--color-primary-extra-light);
  border-left: solid 1px;
  border-right: solid 1px;
  border-color: var(--color-primary-extra-light);
  padding-left: 15px;
  padding-right: 15px;
}
.item___AxoIZ.active___XAmf1:hover {
  background-color: transparent;
  border-left: none;
  border-right: none;
  padding-left: 16px;
  padding-right: 16px;
}
.item___AxoIZ:first-child {
  margin-left: 8px;
}
.item___AxoIZ:last-child {
  margin-right: 8px;
}

.disableLink___XyPLT {
  cursor: default;
  pointer-events: none;
}

.hide___CyEFj{
  display:none;
}