/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/App.scss ***!
  \***********************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/RouteSelection.scss ***!
  \****************************************************************************************************************************************************************/
.RouteSelection---whiteSmallBox---kGK3L {
  background-color: white;
  border-radius: 4px;
}

.RouteSelection---whiteBigBox---prjPM {
  background-color: white;
  border-radius: 4px;
}

.RouteSelection---subHeading---hswhL {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  color: #323841;
  margin: 1rem;
  font-size: 18px;
}

.RouteSelection---subHeadingLite---RtoFe {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #5F6772;
  margin: 1rem;
}

.RouteSelection---routeContainer---D3rHy {
  display: flex;
  margin: 5px 1rem;
  gap: 5px;
  padding: 8px;
  border-radius: 6px;
  position: relative;
  align-items: flex-start;
}

.RouteSelection---containerDisabled---jn5R5 {
  cursor: not-allowed;
}

.RouteSelection---cursorDisabled---rFfGw {
  cursor: not-allowed;
}

.RouteSelection---containerDisabled---jn5R5:hover .RouteSelection---tooltipTextContainer---YaXdX {
  visibility: visible;
  opacity: 1;
}

.RouteSelection---routeContainerSelected---ybm4I {
  background-color: #EDF3FF;
}

.RouteSelection---customCheckBox---IYcPv {
  border: 2px solid #B0B6BE;
  border-radius: 2px;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  margin-top: 2px;
}

.RouteSelection---fixedContainer---Y9eKe {
  height: 110vh;
  overflow-y: auto;
  overflow-x: auto;
  box-sizing: border-box;
}

.RouteSelection---tooltipText---r08vL {
  background-color: #323841;
  border-radius: 20px;
  padding: 15px;
  color: #fff;
  font-family: Inter Variable, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.RouteSelection---tooltipTextContainer---YaXdX {
  visibility: hidden;
  border-radius: 5px;
  position: absolute;
  z-index: 9;
  bottom: 90%;
  left: 50%;
  margin-left: -90px;
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.RouteSelection---seatLayoutIcon---cMvyZ {
  opacity: 0;
}

.RouteSelection---routeTextContainer---IwOAZ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 34px;
}

.RouteSelection---routeTextContainer---IwOAZ:hover .RouteSelection---seatLayoutIcon---cMvyZ {
  opacity: 1;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/MinMaxUpdateInputContainer.scss ***!
  \****************************************************************************************************************************************************************************/
.MinMaxUpdateInputContainer---innerRowContainer---WpQmp {
  display: flex;
  margin-top: 8px;
  justify-content: space-around;
}

.MinMaxUpdateInputContainer---seatCatContainer---FV0yF {
  display: flex;
  gap: 5px;
}

.MinMaxUpdateInputContainer---priceDetails---McaPw {
  font-size: 12px;
  color: #5F6772;
}

.MinMaxUpdateInputContainer---labelBold---MjsAg {
  font-weight: 700;
}

.MinMaxUpdateInputContainer---rowContainer---QCfPd {
  margin: 5px 1rem;
  padding: 8px;
  border-radius: 6px;
}

.MinMaxUpdateInputContainer---routeContainerSelected---qsBLK {
  border: 1px solid #CACED3;
}

.MinMaxUpdateInputContainer---fareHeading---YC7jQ {
  font-size: 14px;
  font-weight: 500;
}

.MinMaxUpdateInputContainer---customInput---Jj_EN {
  width: 114px;
  height: 40px;
  border: 1px solid #B0B6BE !important;
  padding: 10px !important;
  border-radius: 8px !important;
  margin: 8px 0 !important;
}

.MinMaxUpdateInputContainer---customInput---Jj_EN:focus {
  border-color: #315ED1 !important;
  outline: none;
}

.MinMaxUpdateInputContainer---customInput---Jj_EN::placeholder {
  opacity: 0.5;
}

.MinMaxUpdateInputContainer---errorText---E7tvW {
  font-size: 13px;
  padding-top: 10px;
  color: #DC3312;
}

.MinMaxUpdateInputContainer---bigInputText---gl6Bz {
  width: 100%;
  min-height: 50px !important;
  border-radius: 10px !important;
  border: 1px solid #B0B6BE !important;
  margin-top: 15px;
  padding-left: 10px;
}
.MinMaxUpdateInputContainer---bigInputText---gl6Bz:focus {
  border-color: #315ED1 !important;
  outline: none;
}
.MinMaxUpdateInputContainer---bigInputText---gl6Bz::placeholder {
  opacity: 0.5;
}

.MinMaxUpdateInputContainer---commentsContainer---vu_SO {
  margin: 2rem 1rem 0 1rem;
}

.MinMaxUpdateInputContainer---commentsText---xGgwl {
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.MinMaxUpdateInputContainer---headingContainer---cQKi_ {
  display: flex;
  align-items: center;
}

.MinMaxUpdateInputContainer---tooltipTextContainer---pgDt8 {
  visibility: hidden;
  border-radius: 5px;
  position: absolute;
  z-index: 9;
  bottom: 110%;
  left: -235px;
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 100px;
  margin: 0 2rem;
}

.MinMaxUpdateInputContainer---tooltipText---p6z8Z {
  background-color: #323841;
  border-radius: 18px;
  padding: 12px 20px;
  color: #fff;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.MinMaxUpdateInputContainer---toolTipContainer---V6M5F {
  position: relative;
}
.MinMaxUpdateInputContainer---toolTipContainer---V6M5F:hover .MinMaxUpdateInputContainer---tooltipTextContainer---pgDt8 {
  visibility: visible;
  opacity: 1;
}

.MinMaxUpdateInputContainer---catNameContainer---WuktK {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/FareResetInputContainer.scss ***!
  \*************************************************************************************************************************************************************************/
.FareResetInputContainer---optionsContainer---reSEB {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-left: 1.1rem;
  gap: 13px;
  margin-top: 13px;
}

.FareResetInputContainer---inputContainer---Mp58s {
  display: flex;
  gap: 5px;
  align-items: flex-start;
}

.FareResetInputContainer---customInput---vM8qz {
  width: 100%;
  height: 40px;
  border: 1px solid #B0B6BE !important;
  padding: 10px !important;
  border-radius: 8px !important;
  margin: 8px 0 !important;
}

.FareResetInputContainer---customInput---vM8qz:focus {
  border-color: #315ED1 !important;
  outline: none;
}

.FareResetInputContainer---customInput---vM8qz::placeholder {
  opacity: 0.5;
}

.FareResetInputContainer---radio---w0eJ7 {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.FareResetInputContainer---radio---w0eJ7:active {
  border: 6px solid #315ED1 !important;
}

.FareResetInputContainer---fareHelperText---tEuDC {
  font-size: 12px;
  font-weight: 400;
  color: #1D8844;
  margin-left: 20px;
}

.FareResetInputContainer---headingContainer---pIo9I {
  display: flex;
  align-items: center;
}

.FareResetInputContainer---tooltipTextContainer---TfnHQ {
  visibility: hidden;
  border-radius: 5px;
  position: absolute;
  z-index: 9;
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
  left: -30px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 2rem;
}

.FareResetInputContainer---tooltipText---j6h7Y {
  background-color: #323841;
  border-radius: 18px;
  padding: 12px 20px;
  color: #fff;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.FareResetInputContainer---toolTipContainer---KAp8w {
  position: relative;
}
.FareResetInputContainer---toolTipContainer---KAp8w:hover .FareResetInputContainer---tooltipTextContainer---TfnHQ {
  visibility: visible;
  opacity: 1;
}

.FareResetInputContainer---catNameContainer---n3t7t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.FareResetInputContainer---warningText---URdpY {
  font-size: 12px;
  color: #D98200;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/SeatLayoutComponent.scss ***!
  \*********************************************************************************************************************************************************************/
.SeatLayoutComponent---busFront---DpxX4 {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.SeatLayoutComponent---seatContainer---q3wIS {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.SeatLayoutComponent---seatContainer---q3wIS:hover .SeatLayoutComponent---tooltipTextContainer---KvtHM {
  visibility: visible;
  opacity: 1;
}

.SeatLayoutComponent---priceText---JTVJR {
  font-family: Noto Sans, serif;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #4A4A4A;
}

.SeatLayoutComponent---rotate---kwqbi {
  transform: rotate(270deg);
  padding-bottom: 70px;
  padding-left: 40px;
  display: inline-block;
}

.SeatLayoutComponent---steeringWheel---Zck8T {
  padding-left: 12px;
  padding-top: 20px;
}

.SeatLayoutComponent---tooltipTextContainer---KvtHM {
  visibility: hidden;
  border-radius: 5px;
  position: absolute;
  z-index: 9;
  bottom: 110%;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.SeatLayoutComponent---tooltipTextContainerForSoldOnText---cfAhj {
  left: auto;
  width: 500%;
}

.SeatLayoutComponent---tooltipText---aLl2t {
  background-color: #323841;
  border-radius: 18px;
  padding: 12px 20px;
  color: #fff;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.SeatLayoutComponent---legendContainer---OnAgA {
  background-color: #F3F5F8;
  border-radius: 10px;
  padding: 10px;
  margin: 1rem;
}

.SeatLayoutComponent---legendItemContainer---nw6Sw {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 20px;
  margin-top: 10px;
}

.SeatLayoutComponent---legendBodyContainer---lpOUF {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.SeatLayoutComponent---genderTextIndicator---vLs_W {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  pointer-events: none;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}

.SeatLayoutComponent---genderTextIndicatorMultiLeg---mmlw8 {
  font-size: 12px;
  left: 35%;
  top: 65%;
}

.SeatLayoutComponent---genderTextIndicatorSeater---PXRop {
  font-size: 10px;
  left: 45%;
}

.SeatLayoutComponent---genderTextIndicatorSeater---PXRop.SeatLayoutComponent---genderTextIndicatorMultiLeg---mmlw8 {
  font-size: 8px;
  top: 67%;
  left: 30%;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/UpdateFareLayout.scss ***!
  \******************************************************************************************************************************************************************/
@keyframes UpdateFareLayout---slideIn---HGf8M {
  from {
    right: -100px;
  }
  to {
    right: 0;
  }
}
@keyframes UpdateFareLayout---slideOut---GD8YJ {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}
.UpdateFareLayout---sliderPopupHidden---UBN9a {
  display: none;
}

.UpdateFareLayout---sliderPopupVisible---SzStW {
  width: 93%;
  height: 100%;
  background-color: #E7EBEF;
  position: fixed;
  top: 0;
  z-index: 999999;
  border-radius: 8px 0 0 0;
  overflow: auto;
  overflow-x: hidden;
  right: -100px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  animation: UpdateFareLayout---slideIn---HGf8M 0.3s forwards;
  opacity: 1;
  transform: translateX(0);
}

.UpdateFareLayout---sliderPopupHidden---UBN9a {
  animation: UpdateFareLayout---slideOut---GD8YJ 0.3s forwards;
  opacity: 0;
  transform: translateX(100%);
}

.UpdateFareLayout---headerStyles---ygI38 {
  width: 100%;
  background-color: #323841;
  min-height: 70px;
}

.UpdateFareLayout---headerMainFont---MP5EL {
  font-weight: 700;
}

.UpdateFareLayout---headerInnerContainer---Nzbcp {
  color: white;
  display: flex;
  gap: 10px;
  padding: 15px 15px;
  align-items: center;
}

.UpdateFareLayout---outerContainer---PHttJ {
  position: relative;
}

.UpdateFareLayout---whiteBox---hizid {
  background-color: white;
  border-radius: 4px;
}

.UpdateFareLayout---subHeading---o4mNr {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  color: #323841;
  margin: 1rem;
  font-size: 20px;
}

.UpdateFareLayout---cardsWrapper---BWQYl {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 10px;
  padding: 1rem;
}

.UpdateFareLayout---fontStyle---pIxZK {
  color: black;
}

.UpdateFareLayout---bottomOuterContainer---HmbXv {
  display: flex;
}

.UpdateFareLayout---overlay---iX1tv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}

.UpdateFareLayout---overlayActive---Z5ZgF {
  opacity: 1;
  visibility: visible;
}

.UpdateFareLayout---closeButton---_6MGd {
  position: fixed;
  top: 5px;
  left: 50px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  z-index: 999999;
  color: black;
}
.UpdateFareLayout---closeButton---_6MGd:hover {
  background-color: #ffffff !important;
  border: none !important;
}
.UpdateFareLayout---closeButton---_6MGd:hover path {
  fill: red;
}

.UpdateFareLayout---hideButton---PmvTp {
  display: none;
}

.UpdateFareLayout---stickyContainer---iiReB {
  position: sticky;
  top: 0;
  z-index: 9999;
}

.UpdateFareLayout---footerContainer---L_fQY {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.UpdateFareLayout---cancelButton---_hMLd {
  border-radius: 8px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  background: white !important;
  border: none !important;
  color: #315ED1 !important;
}

.UpdateFareLayout---cancelButton---_hMLd:hover {
  background: white !important;
  border: none !important;
  color: #315ED1 !important;
}

.UpdateFareLayout---updateFareButton---W7Epk {
  margin: 0.5rem;
  border-radius: 8px;
  padding: 11px 15px;
  background-color: #315ED1 !important;
  border: none !important;
  color: white !important;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
}

.UpdateFareLayout---disableFareButton---YPSvx {
  margin: 0.5rem;
  border-radius: 8px;
  padding: 11px 15px;
  border: none !important;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  background-color: #E7EBEF !important;
  color: #B0B6BE !important;
}

.UpdateFareLayout---updateFareButton---W7Epk:hover {
  background-color: #315ED1 !important;
  border: none !important;
  color: white !important;
}

.UpdateFareLayout---popupOverlay---REH9R {
  position: fixed;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.UpdateFareLayout---popupHeadingContainer---MLci5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  background-color: #323841;
}

.UpdateFareLayout---popupBodyContainer---iAwmM {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.UpdateFareLayout---mesageContainer---di_kX {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.UpdateFareLayout---popupFooterContainer---ii_HV {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 1rem;
}

.UpdateFareLayout---loader---gfc1N {
  background: url(/icons/preloader.gif?18dd1c198a2a917efa9a) no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: relative;
  overflow: auto;
  z-index: 1000;
  left: 0;
  right: 0;
  margin: auto;
}

.UpdateFareLayout---selectedTimeContainer---FRvzR {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #315ED1;
  color: black;
  border-radius: 10px;
  margin: 0 10px;
  width: 158px;
  background-color: #EDF3FF;
}

.UpdateFareLayout---DPDatePicker---yppKm {
  width: 80px;
  font-size: 0.8em;
}

.UpdateFareLayout---calenderIcon---h1e4v {
  background: url(/icons/dpcalender.svg?efdf59b86c8ce3ae5475) no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
}

.UpdateFareLayout---calendar---ut5hw {
  z-index: 1001;
  left: -25px !important;
}

.UpdateFareLayout---calendarContainer---DXvhv {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.UpdateFareLayout---arrowContainer---KWIZL {
  width: 34px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #CACED3;
  border-radius: 10px;
  cursor: pointer;
}

.UpdateFareLayout---popupContainer---siCVG {
  position: sticky;
  top: 50%;
  left: 50%;
  transform: translate(-20%, -50%);
  z-index: 99999;
  width: 40%;
}

.UpdateFareLayout---subLiteHeading---WAEjY {
  font-size: 16px;
  font-weight: 700;
  color: #323841;
  margin-right: 10px;
}

.UpdateFareLayout---dateConfirmation---qWt89 {
  color: white;
  background-color: #315ED1;
  padding: 5px 10px;
  border-radius: 8px;
  animation: UpdateFareLayout---blink---bWemz 2s infinite ease-in;
  border: 1px solid #315ED1;
  margin-right: 10px;
}

@keyframes UpdateFareLayout---blink---bWemz {
  0%, 50% {
    background-color: #315ED1;
    color: white;
  }
  50%, 100% {
    background-color: transparent;
    color: #315ED1;
  }
}
.UpdateFareLayout---viaRoutePricingContainer---sWxjM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.5rem;
}

.UpdateFareLayout---flex---CAqCn {
  display: flex;
  align-items: center;
}

.UpdateFareLayout---routeSelectionContainer---zBR_H {
  margin-right: 0.5rem;
  flex: 1;
}

.UpdateFareLayout---inputContainer---Mldo6 {
  margin-left: 2px;
  flex: 1;
}

.UpdateFareLayout---backgroundWhite---SkoaZ {
  border-top: 1px solid #CACED3;
  background-color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: flex-end;
}

.UpdateFareLayout---viewDemoButton---ehfwu {
  background-color: #efe310 !important;
  border: 2px solid #000000 !important;
  border-radius: 20px !important;
  display: flex;
  align-items: center;
  color: black;
}
.UpdateFareLayout---viewDemoButton---ehfwu:hover {
  background-color: #efe310 !important;
  border: 2px solid #000000 !important;
  color: black;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/minMaxHybridInputContainer.scss ***!
  \****************************************************************************************************************************************************************************/
.minMaxHybridInputContainer---inputWidth---nB3i9 {
  width: 90%;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/Utility.scss ***!
  \*********************************************************************************************************************************************************/
.Utility---box---mWAlC, .Utility---errorBox---h_hO1, .Utility---warningBox---L53Dr, .Utility---infoBox---TIDK4 {
  border-radius: 4px;
  font-size: 12px;
  padding: 5px 10px;
}
.Utility---box---mWAlC > span:first-of-type, .Utility---errorBox---h_hO1 > span:first-of-type, .Utility---warningBox---L53Dr > span:first-of-type, .Utility---infoBox---TIDK4 > span:first-of-type {
  font-weight: 600;
}

.Utility---infoBox---TIDK4 {
  background-color: #f0fafd;
  border: 1px solid #3db7f7;
}

.Utility---warningBox---L53Dr {
  background-color: #fff8eb;
  border: 1px solid #f3a73b;
}

.Utility---errorBox---h_hO1 {
  background-color: #feeeee;
  border: 1px solid #f95a5b;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/ToolTipDP.scss ***!
  \***********************************************************************************************************************************************************/
.ToolTipDP---tooltip---tN7yf {
  position: absolute;
  z-index: 999999999;
  padding: 6px 10px;
  font-size: 13px;
  color: #fff;
  background: #000;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  transform: translateX(-50%);
  white-space: nowrap;
  pointer-events: none;
}

.ToolTipDP---tooltipTarget---y_dKD {
  display: inline-block;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/DPDropDown.scss ***!
  \************************************************************************************************************************************************************/
.DPDropDown---dropdownContainer---lNjla {
  position: relative;
  width: 300px;
}

.DPDropDown---dropdownButton---I2ydI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 16px;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  color: black;
}

.DPDropDown---dropdownButtonContent---girg_ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.DPDropDown---dropdownValue---SR_WW {
  color: #1a202c;
  font-size: 14px;
}

.DPDropDown---dropdownChevron---AGW_S {
  transition: transform 0.2s ease;
}

.DPDropDown---dropdownChevron---AGW_S.DPDropDown---open---mRheg {
  transform: rotate(180deg);
}

.DPDropDown---dropdownItem---xfzZa {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  color: #1a202c;
  transition: background-color 0.2s ease;
}

.DPDropDown---dropdownItem---xfzZa:hover {
  background-color: #f7fafc;
}

.DPDropDown---dropdownItem---xfzZa:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.DPDropDown---dropdownItem---xfzZa:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.DPDropDown---customDropDown---JgMPB {
  background: white !important;
  color: black !important;
  border-radius: 0.5rem !important;
  width: 90%;
  border: solid 1px #CACED3 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 1rem;
}

.DPDropDown---customDropDownHighlighted---QQ3pB {
  background: #EDF3FF !important;
  border: solid 1px #315ED1 !important;
}

.DPDropDown---conciseText---Yk12F {
  font-size: 15px !important;
}

.DPDropDown---customDropDownOneRouteSelected---gNBBq {
  background: #EDF3FF !important;
  border: solid 1px #315ED1 !important;
}

.DPDropDown---dropDownText---V9358 {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #5F6772;
}

.DPDropDown---dropDownTextHighlighted---UOTej {
  color: black !important;
}

.DPDropDown---selectedPlaceText---apSOH {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #323841;
}

.DPDropDown---ellipsis---s_Nb5 {
  display: inline-block;
  max-width: 55%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DPDropDown---marginForFirstOption---FlhpM {
  margin-bottom: 10px;
}

.DPDropDown---dropdownSearchContainer---fTFb6 {
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  width: 90%;
  left: 1rem;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.DPDropDown---searchContainer---EpzU9 {
  position: relative;
}

.DPDropDown---search---iN5w9 {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #CACED3;
}

.DPDropDown---stateContainer---c96hp {
  display: flex;
  justify-content: space-between;
  align-content: center;
  cursor: pointer;
  padding: 10px;
}

.DPDropDown---checkboxTextContainer---yiHa7 {
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 5px;
}

.DPDropDown---customInputText---KhANG {
  border: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin-left: 5px;
}

.DPDropDown---customInputText---KhANG:focus {
  border: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

.DPDropDown---innerPlaceContainer---YhWJy {
  display: flex;
  background-color: #F3F5F8;
  gap: 5px;
  align-items: flex-start;
  padding: 10px 10px 10px 28px;
}

.DPDropDown---dropdownTextContainer---flncw {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 90%;
}

.DPDropDown---countTextStyles---f5A2A {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #315ED1;
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/DPDropdownUtility.scss ***!
  \*******************************************************************************************************************************************************************/
.DPDropdownUtility---option---J1yCr {
  padding: 8px;
  cursor: pointer;
}
.DPDropdownUtility---option---J1yCr:hover {
  background-color: #EDF3FF;
}

.DPDropdownUtility---flexOption---JL8iP {
  display: flex;
  align-items: flex-start;
  padding: 8px;
  gap: 10px;
  cursor: pointer;
}
.DPDropdownUtility---flexOption---JL8iP:hover {
  background-color: #EDF3FF;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/SideNav.scss ***!
  \***************************************************************************************************************************************/
.SideNav---sideNav---N49ri {
  position: fixed;
  width: 64px;
  height: calc(100% - 3em);
  top: 3em;
  background: #ffffff;
  box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.12);
  bottom: 32px;
  overflow: hidden;
  padding-top: 4px;
  white-space: nowrap;
  transition: width 0.15s ease-in-out;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.SideNav---sideNav---N49ri div {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .SideNav---sideNav---N49ri:hover {
    width: 248px;
    overflow-y: auto;
    z-index: 99999;
  }
}
.SideNav---sideNav---N49ri::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}

::-webkit-scrollbar {
  cursor: pointer;
}

.SideNav---sideNav---N49ri::-webkit-scrollbar-thumb {
  border-radius: 5px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.SideNav---openNav---Jyumf {
  width: 248px;
  overflow-y: auto;
  transition: 0.1s;
  z-index: 99999;
}

.SideNav---a---SUbg3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 22px;
  font-size: 12px;
  height: 48px;
  min-height: 48px;
  font-weight: 600;
  border-left: solid 5px transparent !important;
}
.SideNav---a---SUbg3:hover {
  background: #f7f7f7;
}

.SideNav---subNav---a4X71, .SideNav---subNavIntl---CeZj_ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 27px;
  font-size: 12px;
  height: 48px;
  min-height: 48px;
  width: 90%;
}
.SideNav---subNav---a4X71:hover, .SideNav---subNavIntl---CeZj_:hover {
  background: #f7f7f7;
}

.SideNav---subNavIntl---CeZj_ {
  padding-left: 68px;
  width: 100%;
}

.SideNav---nav---gbgB4, .SideNav---cstMasterIcon---FD0Qv, .SideNav---resolveComplaints---_cpM6, .SideNav---financials---Cxy9v, .SideNav---busConfig---E3G58, .SideNav---riseicon---eH8_q, .SideNav---primoIcon---NMoT6, .SideNav---training---eIVvT, .SideNav---discAndAds---NtDWi, .SideNav---routeSuggestion---V6IlU, .SideNav---primo---u5_jq, .SideNav---yb---GIss8, .SideNav---users---c06Ud, .SideNav---bp---V4QsL, .SideNav---bi---WGgIY, .SideNav---ir---SykV3, .SideNav---amenities---Z6Yed, .SideNav---pd---BXNWL, .SideNav---pa---K8jNK, .SideNav---addOns---uzR6d, .SideNav---ads---eUHKa, .SideNav---srp---MUp7d, .SideNav---servicenotes---jCA_a, .SideNav---qa---sVLFn, .SideNav---zcafe---vBYh3, .SideNav---reststops---chCd4, .SideNav---demandCalendar---mkbpU, .SideNav---campaign---NCdF5, .SideNav---driverrnr---EUSo7, .SideNav---freeBoardingPass---w_0Y0, .SideNav---childFare---OPybf, .SideNav---streak---peu6n, .SideNav---dashboard---PJpBx, .SideNav---sales---iJwwt, .SideNav---dynamicPricing---Gu8AZ, .SideNav---sponsoredAds---L2Yj9, .SideNav---star---pl_M_, .SideNav---arrow_down---eDP6J, .SideNav---arrow_up---rjU3n {
  height: 20px;
  width: 20px;
  background-size: 20px !important;
  background-repeat: no-repeat !important;
  padding-right: 37px;
}

.SideNav---active---WCaaC {
  border-left: solid 5px #00acf1 !important;
  background: #e2edfc;
  color: #00acf1;
}

.SideNav---activeSubNav---KOwXU {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 27px;
  font-size: 12px;
  height: 48px;
  min-height: 48px;
  width: 90%;
  color: #00acf1;
}

.SideNav---visible---c_8e2 {
  display: block;
  transition: 0.1s;
}

.SideNav---visible---c_8e2 > div {
  display: flex;
  align-items: center;
}
.SideNav---visible---c_8e2 > div:hover {
  background: #f7f7f7;
}

.SideNav---verticalLine---s3QGL {
  border-left: 1px solid #ccc;
  height: 48px;
  margin-left: 35px;
}

.SideNav---invisible---qIj6_ {
  display: none;
}

.SideNav---bottomPaddingBlock---FYhpA {
  height: 40px;
}

.SideNav---arrow---UIK5e {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.SideNav---quad---qIYSu {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.SideNav---arrowIcon---wB6tm, .SideNav---active---WCaaC .SideNav---arrow_down---eDP6J, .SideNav---arrow_down---eDP6J, .SideNav---active---WCaaC .SideNav---arrow_up---rjU3n, .SideNav---arrow_up---rjU3n {
  height: 20px;
  width: 20px;
  padding-right: 28px;
}

.SideNav---arrow_up---rjU3n {
  background: url(/icons/arrow_down_sidenav.svg?2a67345b83cf160e4ec7);
  transform: rotate(180deg);
}

.SideNav---active---WCaaC .SideNav---arrow_up---rjU3n {
  background: url(/icons/arrow_down_sidenav_filled.svg?c45ab2a410f2e2bdd182);
  transform: rotate(180deg);
}

.SideNav---arrow_down---eDP6J {
  background: url(/icons/arrow_down_sidenav.svg?2a67345b83cf160e4ec7);
}

.SideNav---active---WCaaC .SideNav---arrow_down---eDP6J {
  background: url(/icons/arrow_down_sidenav_filled.svg?c45ab2a410f2e2bdd182);
}

.SideNav---star---pl_M_ {
  background: url(/icons/Complaints.svg?32f550f4590eb651c6ad);
}

.SideNav---active---WCaaC .SideNav---star---pl_M_ {
  background: url(/icons/userFeedback_filled.svg?c2fbe3b204265e88ff37);
}

.SideNav---sponsoredAds---L2Yj9 {
  background: url(/icons/sponsoredAds.svg?7a5ca4d82065b03818e5);
}

.SideNav---active---WCaaC .SideNav---sponsoredAds---L2Yj9 {
  background: url(/icons/sponsoredAdsActive.svg?4776f16d00a231fbb556);
}

.SideNav---dynamicPricing---Gu8AZ {
  background: url(/icons/DP_empty.svg?873848d43df671236f9d);
}

.SideNav---active---WCaaC .SideNav---dynamicPricing---Gu8AZ {
  background: url(/icons/DP_filled.svg?3f780225fae84b9cd0d6);
}

.SideNav---sales---iJwwt {
  background: url(/icons/Sales_empty.svg?329c3ae8d09f546c27d7);
}

.SideNav---active---WCaaC .SideNav---sales---iJwwt {
  background: url(/icons/Sales_filled.svg?68568021398549d0e1c9);
}

.SideNav---dashboard---PJpBx {
  background: url(/icons/dashboard.svg?a9121cb959e79d6b2ba4);
}

.SideNav---streak---peu6n {
  background: url(/icons/Streaks.svg?c7d8c99c5399f91a44cd);
}

.SideNav---childFare---OPybf {
  background: url(/icons/Childfaredefault.svg?17654981daf9bb348de0);
}

.SideNav---freeBoardingPass---w_0Y0 {
  background: url(/icons/freeBoardingPass.svg?46e3a0dc5c97b6de5f25);
}

.SideNav---active---WCaaC .SideNav---streak---peu6n {
  background: url(/icons/streaks_filled.svg?7918de4a1d3273e88d83);
}

.SideNav---active---WCaaC .SideNav---childFare---OPybf {
  background: url(/icons/Childfareselected.svg?4fa5307fb3d8abf82e67);
}

.SideNav---active---WCaaC .SideNav---freeBoardingPass---w_0Y0 {
  background: url(/icons/freeBoardingPass_filled.svg?6ca3bfba2283ba24c795);
}

.SideNav---active---WCaaC .SideNav---dashboard---PJpBx {
  background: url(/icons/Dashboard_filled.svg?aadf2e42d77d69b50ce2);
}

.SideNav---driverrnr---EUSo7 {
  background: url(/icons/DriverRnR/drnrmain.svg?f41a11bc323fb0c2b5c7);
}

.SideNav---active---WCaaC .SideNav---driverrnr---EUSo7 {
  background: url(/icons/DriverRnR/drnrmain.svg?f41a11bc323fb0c2b5c7);
}

.SideNav---campaign---NCdF5 {
  background: url(/icons/Campaign_empty.svg?110f8ba2b06b8083411b);
}

.SideNav---active---WCaaC .SideNav---campaign---NCdF5 {
  background: url(/icons/Campaign_filled.svg?b24c6d398b0714857c7c);
}

.SideNav---demandCalendar---mkbpU {
  background: url(/icons/demand_calendar.svg?77ea959d7e62fbb5415b);
}

.SideNav---active---WCaaC .SideNav---demandCalendar---mkbpU {
  background: url(/icons/demandCalendar_filled.svg?be7082237b2afe326e42);
}

.SideNav---reststops---chCd4 {
  background: url(/icons/reststops.svg?1b1cf95f9e47a445521a);
}

.SideNav---active---WCaaC .SideNav---reststops---chCd4 {
  background: url(/icons/reststops-blue.svg?02fadd62e28214c81486);
}

.SideNav---zcafe---vBYh3 {
  background: url(/icons/ZeCaFe_empty.svg?5ed1f7ce21ff3398cbb0);
}

.SideNav---active---WCaaC .SideNav---zcafe---vBYh3 {
  background: url(/icons/ZeCaFe_filled.svg?b6d79c9df41bb348f5b6);
}

.SideNav---qa---sVLFn {
  background: url(/icons/quick.svg?d94cedfb7b3313ea0d3c);
}

.SideNav---active---WCaaC .SideNav---qa---sVLFn {
  background: url(/icons/quick_blue.svg?e8d56db68fb28861e5d3);
}

.SideNav---servicenotes---jCA_a {
  background: url(/icons/servicenote.svg?7b6bdee862823ee61f6f);
}

.SideNav---active---WCaaC .SideNav---servicenotes---jCA_a {
  background: url(/icons/servicenote-blue.svg?a81e76d1d945d86edabf);
}

.SideNav---srp---MUp7d {
  background: url(/icons/iframe_empty.svg?a0b25e5a1993430b57c0);
}

.SideNav---active---WCaaC .SideNav---srp---MUp7d {
  background: url(/icons/iframe_filled.svg?d143693e2dc4c457cc2b);
}

.SideNav---ads---eUHKa {
  background: url(/icons/Ads_unfilled.svg?c2863abf7e2f83c2c91d);
}

.SideNav---active---WCaaC .SideNav---ads---eUHKa {
  background: url(/icons/Ads_filled.svg?af904892d3e5a84d2986);
}

.SideNav---addOns---uzR6d {
  background: url(/icons/addon_unfilled.svg?a57f483575095bf88765);
}

.SideNav---active---WCaaC .SideNav---addOns---uzR6d {
  background: url(/icons/addon_filled.svg?cd05ad5ce4249e093ac4);
}

.SideNav---pa---K8jNK {
  background: url(/icons/pricing.svg?4e406d05d8ff07879ac2);
}

.SideNav---active---WCaaC .SideNav---pa---K8jNK {
  background: url(/icons/pricing_filled.svg?7e3895ee3e6920c94559);
}

.SideNav---pd---BXNWL {
  background: url(/icons/pd.svg?ad42bde40b322276ffba);
}

.SideNav---active---WCaaC .SideNav---pd---BXNWL {
  background: url(/icons/pd_filled.svg?96e0dfa7d49600a1bf57);
}

.SideNav---amenities---Z6Yed {
  background: url(/icons/amenities.svg?c89a1a1ed45fcb7f60ed);
}

.SideNav---active---WCaaC .SideNav---amenities---Z6Yed {
  background: url(/icons/amenities_filled.svg?6c2b452b617f273fba8d);
}

.SideNav---ir---SykV3 {
  background: url(/icons/iref.svg?456b668b9580d6da51fa);
}

.SideNav---active---WCaaC .SideNav---ir---SykV3 {
  background: url(/icons/ir_filled.svg?c3bcd82a8189060be1ef);
}

.SideNav---bi---WGgIY {
  background: url(/icons/bi.svg?ba4716bfe7e474b178df);
}

.SideNav---active---WCaaC .SideNav---bi---WGgIY {
  background: url(/icons/bi_filled.svg?54fce8577630d09966d2);
}

.SideNav---bp---V4QsL {
  background: url(/icons/bpDefault.svg?c871760557abc73d1ac2);
}

.SideNav---active---WCaaC .SideNav---bp---V4QsL {
  background: url(/icons/bpSelected.svg?76c01dcf9c6be4276759);
}

.SideNav---users---c06Ud {
  background: url(/icons/quick.svg?d94cedfb7b3313ea0d3c);
}

.SideNav---active---WCaaC .SideNav---users---c06Ud {
  background: url(/icons/quick_blue.svg?e8d56db68fb28861e5d3);
}

.SideNav---yb---GIss8 {
  background: url(/icons/tracking.svg?0f25c03e675114950622);
}

.SideNav---active---WCaaC .SideNav---yb---GIss8 {
  background: url(/icons/tracking_filled.svg?3e634958b85ac9937be7);
}

.SideNav---primo---u5_jq {
  background: url(/icons/primo_star.svg?5a4c8c1537c1ce86d74a);
}

.SideNav---active---WCaaC .SideNav---primo---u5_jq {
  background: url(/icons/primo_star_filled.svg?e724c7b0a5dde91e89fa);
}

.SideNav---routeSuggestion---V6IlU {
  background: url(/icons/Route_suggestion.svg?42748edecbaad9d5a581);
}

.SideNav---active---WCaaC .SideNav---routeSuggestion---V6IlU {
  background: url(/icons/Active_Route_Suggestion_icon.svg?8ab46ee7a4531f6578a4);
}

.SideNav---marketplaceIcon---y6TWN {
  display: flex;
  background-image: url(/icons/marketPlace.svg?13292e261716a514aba2);
  width: 37px;
  height: 24px;
  background-repeat: no-repeat;
}

.SideNav---navItemContent---cvCXQ {
  display: flex;
  align-items: center;
  gap: 5px;
}

.SideNav---novaLogo---rCjI2 {
  height: 10px;
  margin-right: 5px;
  vertical-align: middle;
}

.SideNav---discAndAds---NtDWi {
  background: url(/icons/discAndAds.svg?dc84bcdf027db0a49727);
}

.SideNav---active---WCaaC .SideNav---discAndAds---NtDWi {
  background: url(/icons/discAndAds_filled.svg?ce761a9119f39b85feb4);
}

.SideNav---training---eIVvT {
  background: url(/icons/training.svg?1ac32e4ca44a21febcab);
}

.SideNav---active---WCaaC .SideNav---training---eIVvT {
  background: url(/icons/training_filled.svg?29362b833ac8bb16ffea);
}

.SideNav---primoIcon---NMoT6 {
  background: url(/icons/primoIcon.svg?c7240aec88472c5b45b3);
}

.SideNav---active---WCaaC .SideNav---primoIcon---NMoT6 {
  background: url(/icons/primoActive.svg?fe6582b928e4d07d3534);
}

.SideNav---riseicon---eH8_q {
  background: url(/icons/riseIcon.svg?497ed1ce7df607439c9c);
}

.SideNav---active---WCaaC .SideNav---riseicon---eH8_q {
  background: url(/icons/riseActive.svg?7f50e8f4791563550519);
}

.SideNav---busConfig---E3G58 {
  background: url(/icons/myBusConfig.svg?efbb10aad7280cebfacc);
}

.SideNav---active---WCaaC .SideNav---busConfig---E3G58 {
  background: url(/icons/busConfig_filled.svg?7c7301381c3b6e6d4621);
}

.SideNav---financials---Cxy9v {
  background: url(/icons/financials.svg?43c66568971d3c27efd2);
}

.SideNav---active---WCaaC .SideNav---financials---Cxy9v {
  background: url(/icons/financials_filled.svg?3bcbd953394ca1d1edf4);
}

.SideNav---notificationContainer---kERyZ {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.SideNav---innerNotification---lu6U5 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.SideNav---animatedNotification---sCz2n {
  position: absolute;
  top: -13px;
  left: 11px;
  z-index: 99;
  height: 20px;
  width: 20px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f06164;
  color: #fff;
  animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  -webkit-animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  animation-iteration-count: 3;
}

.SideNav---staticNotification---eDFmi {
  height: 20px;
  width: 20px;
  margin-right: 14px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f06164;
  color: #fff;
}

.SideNav---staticComplaintsNotification---Hwoto {
  height: 15px;
  width: 15px;
  margin-left: auto;
  margin-right: 14px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f06164;
  color: #fff;
}

.SideNav---notificationContainer---kERyZ {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.SideNav---innerNotification---lu6U5 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.SideNav---animatedComplaintsNotification---m98J_ {
  position: absolute;
  top: -13px;
  left: 11px;
  z-index: 99;
  height: 20px;
  width: 20px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f06164;
  color: #fff;
  animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  -webkit-animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  animation-iteration-count: 3;
}

.SideNav---YBDAnime---pEzT3 {
  position: absolute;
  top: -13px;
  left: 11px;
  z-index: 99;
  height: 25px;
  width: 25px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 25%/50%;
  background: #f06164;
  color: #fff;
  animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  -webkit-animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  animation-iteration-count: 3;
}

.SideNav---staticYBDAnime---eOTop {
  height: 20px;
  width: 30px;
  margin-right: 10px;
  margin-left: 8px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 25%/50%;
  background: #1D8844;
  color: #fff;
}

.SideNav---staticYBDComplaintsAnime---kOVGF {
  height: 20px;
  width: 30px;
  margin-right: 10px;
  margin-left: 8px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 25%/50%;
  background: #1D8844;
  color: #fff;
}

.SideNav---notificationContainerDot---djltw {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}

.SideNav---innerNotificationDot---_k2ZW {
  position: absolute;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}

.SideNav---Dot---uoBzO, .SideNav---modifiedDot---TmfG3, .SideNav---newDot---znEzB {
  position: absolute;
  top: 2px;
  left: 13px;
  z-index: 99;
  height: 8px;
  width: 8px;
  display: flex;
  font-size: 0.7em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f06164;
  color: #fff;
  animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  -webkit-animation: SideNav---SideNav---bounce---4s1Ss---v4x4v 1s;
  animation-iteration-count: 3;
}

.SideNav---newDot---znEzB {
  left: 110% !important;
  justify-content: flex-end !important;
}

.SideNav---modifiedDot---TmfG3 {
  left: 75% !important;
  top: 73px !important;
}

.SideNav---staticDot---U5UNe {
  height: 10px;
  width: 10px;
  margin-left: 30px;
  font-size: 0.7em;
  border-radius: 50%;
  background: #f06164;
  color: #fff;
}

.SideNav---expandContainer---t7eLW {
  height: 1px;
  background: #5F6772;
  width: 100%;
}

.SideNav---expandContainerHover---Vm04R {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding-left: 0px;
}

.SideNav---parentExpandContainer---FWsnj {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
}

.SideNav---expand---opoPt {
  display: flex;
  justify-content: center;
  width: 40%;
}

.SideNav---horizontalLine---GFxxt {
  height: 1px;
  background: #5F6772;
  width: 50%;
}

.SideNav---hide---ZmePk {
  display: none;
}

.SideNav---showNew---C33IN, .SideNav---showNewYb---z9jvu {
  background: #1D8844;
  color: #fff;
  position: absolute;
  right: 1px;
  top: 105px;
  border-radius: 5px;
  font-size: 6px;
  padding: 2px;
}

.SideNav---fleet---sB5Mk {
  margin-left: 5px;
}

.SideNav---showNewYb---z9jvu {
  top: -9px !important;
}

.SideNav---resolveComplaints---_cpM6 {
  background: url(/icons/ComplaintsNew.svg?d989e25df80dbf8be81c);
}

.SideNav---active---WCaaC .SideNav---resolveComplaints---_cpM6 {
  background: url(/icons/ComplaintsNew_filled.svg?b2c379ebbf36c4587f24);
}

.SideNav---cstMasterIcon---FD0Qv {
  background: url(/icons/CST/PriceRightIcon.svg?1cd6df894e345b314de2);
}

.SideNav---active---WCaaC .SideNav---cstMasterIcon---FD0Qv {
  background: url(/icons/CST/PriceRightIcon.svg?1cd6df894e345b314de2);
}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes SideNav---bounce---WGxXL {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-10px);
  }
}
@-moz-keyframes SideNav---bounce---WGxXL {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
  }
}
@keyframes SideNav---bounce---WGxXL {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@media screen and (max-width: 767px) {
  .SideNav---sideNav---N49ri {
    width: 0;
    overflow: hidden;
  }
  .SideNav---sideNav---N49ri:hover {
    width: 0;
  }
  .SideNav---sideNav---N49ri.SideNav---openNav---Jyumf {
    width: 248px !important;
    overflow-y: auto;
    z-index: 99999;
  }
}
/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/DPSideNav.scss ***!
  \*****************************************************************************************************************************************/
.DPSideNav---dpsideNav---gA9Cm {
  position: fixed;
  width: 15vw;
  height: 100%;
  top: 3em;
  background: #E2E6EF;
  z-index: 10;
}

.DPSideNav---dpsideNav---gA9Cm ul {
  cursor: pointer;
}

.DPSideNav---dpsideNav---gA9Cm ul li {
  font-size: 0.8em;
}

.DPSideNav---dpNavContainer---bQAbT {
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 20px 5px 20px 10px;
  border-left: 5px solid #E2E6EF;
  padding-left: 10px;
}

.DPSideNav---active---COfVX {
  font-weight: bold;
  background: #fff;
  color: #32c5ff;
}

.DPSideNav---active---COfVX > .DPSideNav---dpNavContainer---bQAbT {
  background-color: white;
  margin: 20px 5px 20px 10px;
  border-left: 5px solid #32c5ff;
  border-top-right-radius: 20px;
  padding-left: 10px;
  border-bottom-right-radius: 20px;
}

.DPSideNav---dpmonitor---yPTpc {
  background: url(/icons/dpmonitorinactive.svg?b5570041a4a963265e68);
}

.DPSideNav---active---COfVX .DPSideNav---dpmonitor---yPTpc {
  background: url(/icons/dpmonitoractive.svg?d470c3d2acd131abe482);
  background-color: white !important;
}

.DPSideNav---dpdashboard---Xh962 {
  background: url(/icons/dpdashboardinactive.svg?afc623376d78c7c6ae76);
}

.DPSideNav---active---COfVX .DPSideNav---dpdashboard---Xh962 {
  background: url(/icons/dpdashboardactive.svg?7738ce6fdcd9f5be9d7c);
  background-color: white !important;
}

.DPSideNav---dpbackarrow---QjFIP {
  background: url(/icons/arrow_left.svg?178d872006c51580c49e);
}

.DPSideNav---dpnav---YYl4O, .DPSideNav---dpmonitor---yPTpc, .DPSideNav---active---COfVX .DPSideNav---dpmonitor---yPTpc, .DPSideNav---dpdashboard---Xh962, .DPSideNav---active---COfVX .DPSideNav---dpdashboard---Xh962, .DPSideNav---dpbackarrow---QjFIP {
  height: 40px;
  width: 30px;
  background-size: 20px !important;
  background-repeat: no-repeat !important;
  background-position-y: center;
}

.DPSideNav---dpBranding---b4ocq {
  background: #C7E3F1;
  color: #04ACF1;
  padding: 10px 10px;
  display: flex;
  margin: 0 10px;
  border-radius: 15px;
  justify-content: center;
  font-weight: 600;
  font-size: 1.1em;
}

@media only screen and (max-device-width: 768px) {
  .DPSideNav---dpsideNav---gA9Cm {
    width: 65px;
  }
  .DPSideNav---dpsideNav---gA9Cm ul li {
    font-size: 0.5em;
  }
  .DPSideNav---active---COfVX, .DPSideNav---dpNavContainer---bQAbT {
    padding-left: 0 !important;
    margin: 20px 5px 20px 0px !important;
  }
  .DPSideNav---dpBranding---b4ocq {
    margin: 0;
  }
  .DPSideNav---dpnav---YYl4O, .DPSideNav---dpmonitor---yPTpc, .DPSideNav---active---COfVX .DPSideNav---dpmonitor---yPTpc, .DPSideNav---dpdashboard---Xh962, .DPSideNav---active---COfVX .DPSideNav---dpdashboard---Xh962, .DPSideNav---dpbackarrow---QjFIP {
    height: 20px;
    width: 15px;
  }
  .DPSideNav---dpNavContainer---bQAbT div:nth-child(2) {
    margin-left: 5px;
  }
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/WelcomePage.scss ***!
  \*******************************************************************************************************************************************/
.WelcomePage---card---MQKhG {
  text-align: center;
  padding-top: 2em;
  color: #9b9b9b;
}

.WelcomePage---noaccess---i4y7Z {
  background: url(/icons/noaccess.png?f1be0f9cf1660afe4891) no-repeat;
  width: 18em;
  height: 12em;
  background-size: 100%;
  margin: 1em auto;
}

.WelcomePage---red---gIrhd {
  color: #e32932;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/ErrorOperator.scss ***!
  \*********************************************************************************************************************************************/
.ErrorOperator---body---YTJrF {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.ErrorOperator---message---eyS0u {
  border: 1.5px solid #005793;
  box-shadow: 0 2px 4px 0 #005793;
  padding: 3rem;
  border-radius: 1rem;
  color: #005793;
  font-size: 1rem;
  text-align: center;
}
.ErrorOperator---message---eyS0u > button {
  margin-top: 8px;
}

.ErrorOperator---header---BOki9 {
  font-weight: bold;
  padding: 0.5rem;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Header.scss ***!
  \**************************************************************************************************************************************/
.Header---title---Cpjyu {
  color: #005793;
  margin: 1em 1em;
  font-weight: bold;
  overflow: hidden;
}

.Header---header---TSenO {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Header---ham_menu---iYdVm {
  height: 32px;
  padding-left: 8px;
}
.Header---ham_menu---iYdVm:hover {
  cursor: pointer;
}

.Header---primo_header---wsS7I {
  background: #00377b;
}
.Header---primo_header---wsS7I .Header---title---Cpjyu {
  color: white;
}
.Header---primo_header---wsS7I .Header---title---Cpjyu > div {
  color: white;
}

.Header---primo_icon_container---dDBAJ {
  display: flex;
  align-items: center;
}

.Header---primo_icon---DYx4s {
  height: 42px;
  margin-left: 20px;
  padding-bottom: 4px;
}

.Header---rise_icon---HKI7O {
  height: 42px;
  margin-left: 20px;
  padding-bottom: 4px;
}

.Header---meta---EW0nI {
  font-size: 0.6em;
  font-weight: normal;
  color: #9b9b9b;
}

.Header---clickHere---A6ekJ {
  position: fixed;
  top: 3.2em;
  left: 4rem;
  /* left: 0%; */
  text-align: center;
  /* width: 80%; */
  /* margin-left: 5%; */
  width: 100%;
  border-radius: 4px;
  background-color: #F3F5F8;
  color: #323841;
  padding-top: 18px;
  padding-bottom: 7px;
  font-size: 12px;
  /* margin-top: 2.8%; */
  z-index: 999;
}

.Header---clickHereResponsive---hXrSu {
  position: fixed;
  top: 3rem;
  left: 4rem;
  /* right: 1rem; */
  text-align: center;
  width: 80%;
  /* margin-left: 5%; */
  width: -webkit-fill-available;
  background-color: #F3F5F8;
  color: #323841;
  padding: 7px;
  z-index: 999;
  font-size: 12px;
}

.Header---clickHereBtn---uWBnU {
  margin-left: 1%;
  background: Transparent;
  border: 1px solid #315ED1;
  color: #315ED1;
  padding: 3px;
  font-size: 12px;
  cursor: pointer;
}

.Header---clickHereBtn---uWBnU:hover {
  background: Transparent;
  border: 1px solid #315ED1;
  color: #315ED1;
}

.Header---opDetailsHidden---GOYP2 {
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.Header---headerRightSection---SKAmW {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
  gap: 0;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .Header---title---Cpjyu {
    font-size: 0.9em;
    white-space: nowrap;
  }
  .Header---clickHereResponsive---hXrSu {
    font-size: 12px;
  }
  .Header---primo_header_responsive---t3dxy {
    overflow-x: auto;
  }
  .Header---primo_header_responsive---t3dxy::-webkit-scrollbar {
    display: none;
  }
  .Header---headerRightSection---SKAmW {
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .Header---clickHere---A6ekJ {
    left: 0;
  }
  .Header---clickHereResponsive---hXrSu {
    left: 0;
  }
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/App.scss (1) ***!
  \***************************************************************************************************************************************/
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif, "Montserrat";
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong, .App---bold---XcL1c {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/*Base CSS */
/*test css*/
/* grey buttons */
/* header specific */
/*toast msg block */
/* footer styles  */
/*materia input */
/*mixin for content width */
/* mixin for inputs */
/* mixin for creating border */
/* to make boxshadow  */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

*:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.App---text-left---PySQI {
  text-align: left;
}

.App---textRight---opQRa {
  text-align: right;
}

.App---text_center---_wm4S {
  text-align: center;
}

.App---text-justify---sL4Um {
  text-align: justify;
}

.App---text-nowrap---WPcPj {
  white-space: nowrap;
}

.App---text-lowercase---qDqe8 {
  text-transform: lowercase;
}

.App---text-uppercase---GpOtS {
  text-transform: uppercase;
}

.App---text-capitalize---PHv7r {
  text-transform: capitalize;
}

.App---clearfix---zmk5H:before, .App---clearfix---zmk5H:after {
  content: " ";
  display: table;
}

.App---clearfix---zmk5H:after {
  clear: both;
}

.App---center-block---J_WAa {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.App---img-block---O3kTB {
  display: block;
  max-width: 100%;
  height: auto;
}

.App---fr---_0tE8 {
  float: right;
}

.App---fl---Mdz7p {
  float: left;
}

.App---hide---vs95q {
  display: none !important;
}

.App---show---ahhai {
  display: block !important;
}

.App---btn---B5HCF {
  border-radius: 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
}

.App---btn---B5HCF:focus, .App---btn---B5HCF.App---focus---sznV8, .App---btn---B5HCF:active:focus, .App---btn---B5HCF:active.App---focus---sznV8, .App---btn---B5HCF.App---active---uDySu:focus, .App---btn---B5HCF.App---active---uDySu.App---focus---sznV8 {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.App---btn---B5HCF:hover, .App---btn---B5HCF:focus, .App---btn---B5HCF.App---focus---sznV8 {
  color: #5A5A5A;
  text-decoration: none;
}

.App---btn---B5HCF:active, .App---btn---B5HCF.App---active---uDySu {
  outline: 0;
  background-image: none;
}

.App---btn---B5HCF.App---disabled---YIzde, .App---btn---B5HCF[disabled], fieldset[disabled] .App---btn---B5HCF {
  cursor: not-allowed;
}

a.App---btn---B5HCF.App---disabled---YIzde, fieldset[disabled] a.App---btn---B5HCF {
  pointer-events: none;
}

.App---btn-link---Oelha {
  color: #5a5a5a;
  font-weight: normal;
  border-radius: 0;
}

.App---btn-link---Oelha, .App---btn-link---Oelha:active, .App---btn-link---Oelha.App---active---uDySu, .App---btn-link---Oelha[disabled], fieldset[disabled] .App---btn-link---Oelha {
  background-color: transparent;
}

.App---btn-link---Oelha, .App---btn-link---Oelha:hover, .App---btn-link---Oelha:focus, .App---btn-link---Oelha:active {
  border-color: transparent;
}

.App---btn-link---Oelha:hover, .App---btn-link---Oelha:focus {
  color: #5a5a5a;
  text-decoration: underline;
  background-color: transparent;
}

.App---btn-link---Oelha[disabled]:hover, .App---btn-link---Oelha[disabled]:focus, fieldset[disabled] .App---btn-link---Oelha:hover, fieldset[disabled] .App---btn-link---Oelha:focus {
  color: #CCCCCC;
  text-decoration: none;
}

.App---btn-block---PaRnV {
  display: block;
  width: 100%;
}

input[type=submit], input[type=reset], input[type=button] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

input[type=submit].App---btn-block---PaRnV, input[type=reset].App---btn-block---PaRnV, input[type=button].App---btn-block---PaRnV {
  width: 100%;
}

input:focus {
  outline: none;
  border: #00acf1 1px !important;
}

input[type=text], input[type=number], input[type=password] {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: 1px solid #bababa;
  background: transparent;
  padding: 6px 15px;
  border-radius: 4px;
}

.App---card-block---FF453 {
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 4px #D4D4D4;
  -webkit-box-shadow: 1px 1px 4px #D4D4D4;
  -moz-box-shadow: 1px 1px 4px #D4D4D4;
  -ms-box-shadow: 1px 1px 4px #D4D4D4;
  padding: 12px;
}

button:focus {
  outline: none !important;
}

/* End of Base Css */
.App---app---_5r1E {
  background-color: #aaa;
  height: 50px;
  border: 1px solid blue;
}

.App---bap---uEsVD {
  background-color: red;
  height: 25px;
}

body {
  margin: 0px;
  font-family: "Montserrat";
  background: #fff;
  color: #4a4a4a;
  overflow-y: scroll;
  font-size: 16px;
  position: relative;
  min-height: 100vh;
  min-width: 1024px;
  overflow-x: auto;
}

@media all and (min-width: 320px) {
  body {
    font-size: 16px;
  }
}
@media all and (min-width: 481px) {
  body {
    font-size: 16px;
  }
}
@media all and (min-width: 600px) {
  body {
    font-size: 16px;
  }
}
@media all and (min-width: 801px) {
  body {
    font-size: 16px;
  }
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: none;
}

header {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.47);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.47);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.47);
  height: 3.2em;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}

.App---header_main---Xyu1Z {
  position: relative;
}

.App---hd-rb-logo---rPVpH {
  width: 22%;
  float: left;
}

.App---hd-rb-logo---rPVpH a {
  width: 100%;
  float: left;
  min-height: 2.5em;
  background: url(https://st.redbus.in/Content/images/logo1.png);
  background-repeat: no-repeat;
  background-position-y: 0.4em;
  background-size: 3em;
  text-indent: -10000px;
}

.App---hd-menu---bPWgJ {
  width: 23%;
  float: left;
  text-align: right;
}

#App---reactContentMount---y6cPk {
  padding: 0 0 2em;
  margin-top: 3.8em;
}

.App---hd-menu---bPWgJ a {
  line-height: 0.6em;
  padding: 0.7em;
  margin: 0.1em;
  display: inline-block;
}

.App---hd-mid-text---EUOTU {
  width: 55%;
  float: left;
  text-align: center;
  padding: 5px 0;
}

.App---bus-route---cjt57 {
  font-size: 0.7em;
  font-weight: 700;
  line-height: 1.5em;
}

.App---doj---Ibirg {
  width: 80%;
  margin: 0 auto;
}

.App---doj---Ibirg a {
  display: inline-block;
}

.App---date-display---g8oX9 {
  width: 60%;
  display: inline-block;
  padding-top: 0.1em;
  color: #787878;
}

.App---next-day---JEEqx, .App---prev-day---iOZzI {
  background: url(https://st.redbus.in/Content/images/search_icons.png) no-repeat;
  height: 1.5em;
}

.App---prev-day---iOZzI {
  padding: 0 0.2em;
  width: 10%;
  background-position: 0.3em -17.6em;
  background-size: 7.2em;
}

.App---next-day---JEEqx {
  padding: 0 0.2em;
  width: 10%;
  background-position: 0.3em -13.9em;
  background-size: 7.2em;
}

.App---hd-menu---bPWgJ .App---hd-cust-care---JrvXs, .App---hd-more---bmyPm {
  background: url(https://st.redbus.in/Content/images/header_icons.png) no-repeat;
}

.App---hd-menu---bPWgJ .App---hd-cust-care---JrvXs {
  background-position: 0 -2.3em;
  background-size: 4.3em;
}

.App---hd-menu---bPWgJ .App---hd-cust-care---JrvXs {
  background-position: 0 -2.3em;
  background-size: 4.3em;
}

.App---hd-menu---bPWgJ .App---hd-cust-care---JrvXs {
  background-position: 0 -2.3em;
  background-size: 4.3em;
}

.App---hd-menu---bPWgJ .App---hd-more---bmyPm {
  background-position: -3em -2.3em;
  background-size: 4.3em;
}

/* Header css */
.App---lines_button---AwGW6 {
  outline: none;
  background: transparent;
  border: solid 1px transparent;
  height: 32px;
  display: inline-block;
  padding: 0px;
  position: relative;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  cursor: default;
  user-select: none;
  border-radius: 4.57143px;
  width: 32px;
  top: 0.5em;
  left: 0;
}

.App---lines_button---AwGW6:hover {
  opacity: 1;
}

.App---lines_button---AwGW6:active {
  transition: 0;
}

.App---lines---L0buK {
  display: inline-block;
  width: 100%;
  height: 3.55556px;
  background: #027eaf;
  border-radius: 0px;
  transition: 0.2s;
  position: relative;
  /*create the upper and lower lines as pseudo-elements of the middle line*/
}

.App---lines---L0buK:before, .App---lines---L0buK:after {
  display: inline-block;
  width: 100%;
  height: 3.55556px;
  background: #027eaf;
  border-radius: 0px;
  transition: 0.2s;
  position: absolute;
  left: 0;
  content: "";
  transform-origin: 1.77778px center;
}

.App---lines---L0buK:before {
  top: 8px;
}

.App---lines---L0buK:after {
  top: -8px;
}

.App---lines_button---AwGW6:hover {
  opacity: 1;
}

.App---lines_button---AwGW6:hover .App---lines---L0buK:before {
  top: 9.14286px;
}

.App---lines_button---AwGW6:hover .App---lines---L0buK:after {
  top: -9.14286px;
}

.App---lines_button---AwGW6.App---arrow---qrit2.App---close---lasIG {
  transform: scale3d(0.8, 0.8, 0.8);
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  -moz-transform: scale3d(0.8, 0.8, 0.8);
}

.App---lines_button---AwGW6.App---arrow---qrit2.App---close---lasIG .App---lines---L0buK:before, .App---lines_button---AwGW6.App---arrow---qrit2.App---close---lasIG .App---lines---L0buK:after {
  top: 0;
  width: 17.77778px;
}

.App---lines_button---AwGW6.App---arrow---qrit2.App---close---lasIG .App---lines---L0buK:before {
  transform: rotate3d(0, 0, 1, 40deg);
}

.App---lines_button---AwGW6.App---arrow---qrit2.App---close---lasIG .App---lines---L0buK:after {
  transform: rotate3d(0, 0, 1, -40deg);
}

.App---lines_button---AwGW6.App---arrow-up---ypeaf.App---close---lasIG {
  transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}

.App---title---rKqG0 {
  width: 70%;
  position: relative;
  top: 11px;
  font-weight: bold;
  font-size: 1.3em;
  padding-left: 1em;
  text-align: left;
}

.App---xl_font---N8_lo {
  font-size: 1.3em;
}

.App---m_font---wJ33C {
  font-size: 0.87em;
}

.App---s_font---taie7 {
  font-size: 0.75em;
}

h3 {
  font-size: 1em;
  color: #4a4a4a;
}

/* End of Header css */
/* Main body css*/
main {
  padding: 3.2em 0;
}

.App---aside---WmRRb {
  position: fixed;
  width: 60%;
  top: 0;
  background: #fff;
  height: 100%;
  z-index: 1001;
  overflow-y: auto;
}

.App---aside---WmRRb.App---transform---ldVu6 {
  transition: transform 0.3s ease-in;
  transform: translateX(0);
}

.App---aside---WmRRb.App---backtransform---CSTY3 {
  transition: transform 0.5s ease-in;
  transform: translateX(-100%);
}

.App---opaque---tKxZC {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #aaa;
  z-index: 1000;
  opacity: 0.7;
}

button {
  border: solid 1px #00acf1;
  background: #00acf1;
  font-weight: 500;
  color: #fff;
  padding: 6px 15px;
  font-size: 14px;
  border-radius: 4px;
}

/* End of main body css */
/* Some common styles*/
.App---new_card---gvUcw {
  background: #fff;
  min-height: 90vh;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.App---curved_card---snJJb {
  background: #fff;
  min-height: 165px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.App---normal_card---YyVkK {
  background: #fff;
  min-height: 165px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.App---bigText---UFqC0 {
  font-size: 1.7em;
  display: block;
  color: #027eaf;
  text-align: center;
}

.App---text---ua7sA {
  display: block;
  margin: 16px 0px;
}

select {
  font-family: inherit;
  background-color: #fff;
  width: 100%;
  padding: 8px 8px;
  border: 1px solid #bababa;
  background: url(/icons/arrow_down.svg?148ffeb876b3c33d3c46) no-repeat right;
  -webkit-appearance: none;
  border-radius: 4px;
  -moz-appearance: none;
}

select:focus {
  outline: none;
}

.App---show---ahhai {
  display: block;
}

.App---hide---vs95q {
  display: none;
}

[contenteditable] {
  border: 1px solid #d8d8d8;
  line-height: 1.4em;
  max-height: 120px;
  min-height: 60px;
  overflow-y: scroll;
}

.App---loader---owyTt {
  background: url(/icons/loader.gif?76a57b7794bb765337e8) no-repeat;
  background-size: 100px;
  width: 100px;
  height: 150px;
  position: fixed;
  overflow: auto;
  z-index: 10000001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.App---padd---uSrXP {
  padding: 0px 0.5em;
}

.App---fullPadd---KO4Ej {
  padding: 0.5em;
}

/*End of some common styles */
.App---ripple---AIeHN {
  transform-style: flat;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);
}

.App---ripple---AIeHN::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 0;
  width: 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  content: "";
}

.App---ripple---AIeHN:active {
  -webkit-box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.App---ripple---AIeHN:active::before {
  -webkit-animation-name: App---ripple---AIeHN;
  -moz-animation-name: App---ripple---AIeHN;
  -ms-animation-name: App---ripple---AIeHN;
  -o-animation-name: App---ripple---AIeHN;
  animation-name: App---ripple---AIeHN;
}

@-webkit-keyframes App---ripple---AIeHN {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    padding-top: 150%;
    width: 150%;
    opacity: 0;
  }
}
@-moz-keyframes App---ripple---AIeHN {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    padding-top: 150%;
    width: 150%;
    opacity: 0;
  }
}
@keyframes App---ripple---AIeHN {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    padding-top: 150%;
    width: 150%;
    opacity: 0;
  }
}
.App---notification---W27aw {
  background: url(/icons/bell.svg?fca4f47910d30d4510ce);
  width: 2em;
  height: 2em;
  margin: 0.5em 0;
}

.App---error---Vwev7 {
  text-align: center;
  padding: 50px 0;
  color: #e32932;
}

.App---errorInline---WAfoD {
  text-align: center;
  color: #e32932;
}

.App---noInfo---Kpply {
  text-align: center;
  padding: 50px 0;
  color: #027eaf;
}

input:focus {
  border: solid 1px #00acf1 !important;
}

.App---disabledBtn---mRxmt {
  background: #bababa;
  border-radius: 4px;
  border: solid 1px #bababa;
  padding: 6px 15px;
  color: #fff;
  cursor: not-allowed;
}

.App---disabledBtn1---lvt2M {
  color: #bababa;
  border-radius: 4px;
  border: solid 1px #bababa;
  padding: 6px 15px;
  background: #fff;
  cursor: not-allowed;
}

button:hover {
  background: #027eaf;
  border: solid 1px #027eaf;
  color: #fff;
}

button:active {
  background: #005793;
  color: #fff;
  border: solid 1px #027eaf;
}

.App---disabledBtn---mRxmt:hover, .App---disabledBtn---mRxmt:active {
  background: #bababa !important;
  border: solid 1px #bababa;
}

.App---disable---hxe8B {
  visibility: hidden;
}

.App---pd---wjMit {
  cursor: default !important;
  opacity: 0.5;
  visibility: hidden;
}

button[disabled] {
  background: #aaa;
  opacity: 0.5;
  visibility: hidden;
}

.App---button2---SiY4N {
  border: solid 1px #00acf1;
  color: #00acf1;
  text-transform: uppercase;
  font-weight: bold;
  background: #fff;
  padding: 6px 15px;
  font-size: 12px;
  border-radius: 4px;
}

input.App---Select-input---HjoAY:focus {
  border: none;
  padding: 0px;
}

.App---noactive---YV_Ko {
  background: url(/icons/noactive.png?b7a0c90a2057f0c0d5ae) no-repeat;
  width: 10em;
  height: 6em;
  margin: 0 auto;
  margin-top: 2em;
  background-size: 100%;
}

.App---left---wlg8w {
  text-align: left;
}

.App---display_inline---GtYZW {
  display: inline-block;
}

.App---center---sJJdp {
  text-align: center;
}

.App---seatLevelStrip---ERnge {
  padding: 0px 0px;
  width: 100%;
  background: #ebeaea;
  height: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.App---w50---EpauY {
  width: 50%;
}

.App---w70---bn8Ie {
  width: 60%;
}

.App---w65---yF49e {
  width: 65%;
}

.App---w35---N6qsX {
  width: 35%;
}

.App---w30---axyXc {
  width: 40%;
}

.App---visibleScroller---D2qH5::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}

.App---visibleScroller---D2qH5::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
}

.App---limitedLine---ijmkV {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
}

.App---errorImg---OwOn2 {
  background: url(/icons/error.png?37db272483a1b66cbad1);
  width: 200px;
  height: 150px;
  margin: auto;
  margin-top: 30px;
  background-size: 100%;
  box-shadow: 0px 0px 50px 50px #f4f7f9;
}

.App---citySearch---q2gOA {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #4A4A4A;
}
.App---citySearch---q2gOA > div:first-child {
  background-color: white;
}
.App---citySearch---q2gOA input {
  border-radius: 4px !important;
  width: 350px;
}
.App---citySearch---q2gOA > img {
  margin: 0 8px 0 18px;
}

.App---errorCitySearch---dGwba > div:first-child {
  border: 1px solid red;
  border-radius: 4px;
}

.App---flexWrapDiv---EwGlA {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.App---flexWrapDivScrollable---t77Ac {
  display: flex;
  align-items: center;
  overflow-x: scroll;
}

.App---flexWrapDivScrollable---t77Ac::-webkit-scrollbar {
  height: 4px;
  cursor: pointer !important;
}

.App---flexWrapDivScrollable---t77Ac::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer !important;
}

.App---unclickable---pvAEG {
  touch-action: none;
  pointer-events: none;
}

.App---clickableLink---HXZ0E {
  text-decoration: underline;
  cursor: pointer;
  color: #00ACF1;
}

.App---loaderOverlay---w4P_p {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0.2;
  background-size: 300% 300%;
  background-image: linear-gradient(90deg, white 0%, #918f8f 25%, white 50%, white 75%, white 100%);
  -webkit-animation: App---AnimateBG---BUguQ 1s ease-in-out infinite alternate-reverse;
  animation: App---AnimateBG---BUguQ 1s ease-in-out infinite alternate-reverse;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes App---AnimateBG---BUguQ {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes App---AnimateBG---BUguQ {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media screen and (max-width: 767px) {
  main {
    padding-bottom: 0;
  }
}
/* Global element styles */
button[disabled] {
  background-color: #afafaf;
  border-color: #afafaf;
  color: #ffffff;
  visibility: visible;
}

/* Global body font styles */
body {
  font-family: "Inter" !important;
}

/* Global form element styles */
textarea {
  resize: none;
}

/* Global label styles */
label {
  display: block;
}

/* Global list styles */
ul {
  list-style: none;
}

ol {
  list-style: decimal;
  position: relative;
  padding: 2%;
}

li {
  list-style: none;
}

/* Global select/option styles */
option.App---holder---VzG9X {
  color: #bababa;
  opacity: 0.7;
}

select option:nth-child(odd) {
  background: #f2f2f2;
}

/* Global input styles */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=text] {
  border-radius: unset;
}

/* Global hr styles */
hr {
  margin: 0 auto;
  border-top: 1px solid #CACED3;
}

/* Global img styles */
img {
  object-fit: cover;
}

/* Global button styles */
button {
  background: #00acf1;
  color: white;
  border-radius: 4px;
  padding: 8px 12px;
}

/* Additional global form element styles from other .scss files */
textarea {
  border: 1px solid #ccc;
  padding: 5px 8px;
}

/* Only keeping global element styles that are not component-specific */
table {
  width: 100.1%;
  border-collapse: collapse;
}

/* General form element styles */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #00acf1;
}

input[disabled] {
  background: #aaa;
  opacity: 0.5;
  border: 1px solid #aaa;
  cursor: not-allowed;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/SignOut.scss ***!
  \***************************************************************************************************************************************/
.SignOut---signout---viB42 {
  background: #005793;
  display: flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  text-transform: uppercase;
}

.SignOut---primoSignOut---BPlIF {
  background: #fff;
  color: #005793;
}

.SignOut---signoutWrap---b7VLh {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 100%;
  font-size: 0.8em;
  line-height: 1;
  vertical-align: top;
}

.SignOut---user---mu7tE {
  padding: 0 1em;
  line-height: 1;
  color: #005793;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

.SignOut---meta---l2LIt {
  line-height: 1;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.SignOut---name---wVI6r {
  font-weight: bold;
}

.SignOut---primo---VdDF4 {
  color: white;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/AccountOptions.scss ***!
  \**********************************************************************************************************************************************/
.AccountOptions---options---Xbhq3 {
  position: absolute;
  width: 200px;
  right: 1em;
  border: 1px solid #4a90e2;
  background: #fff;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0px 0px 3px #4a90e2;
  z-index: 1;
  cursor: pointer;
  top: 3.5em;
}
.AccountOptions---options---Xbhq3 > ul > li {
  padding: 0.3em;
  font-size: 1.2em;
}

.AccountOptions---up---uSqrL {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #4a90e2;
  top: -10px;
  right: 3px;
  position: absolute;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Options.scss ***!
  \***************************************************************************************************************************************/
.Options---right---oQTw6 {
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: #00acf1;
  margin: 0;
  vertical-align: top;
}

.Options---right---oQTw6 > div {
  padding: 0 1em;
  font-size: 0.8em;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1;
}

.Options---screenshotButton---k1SI0 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em !important;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  height: 100%;
}
.Options---screenshotButton---k1SI0:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.Options---screenshotButton---k1SI0:hover .Options---cameraIcon---r5tiS {
  animation: Options---cameraShakeShine---adpBZ 0.6s ease-in-out;
}

.Options---cameraIcon---r5tiS {
  width: 18px;
  height: 18px;
  filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(104%) contrast(97%);
  transition: all 0.3s ease;
  animation: Options---periodicShake---imkaX 20s ease-in-out infinite;
}

@keyframes Options---cameraShakeShine---adpBZ {
  0% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(104%) contrast(97%);
  }
  10% {
    transform: translateX(-2px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(150%) contrast(120%);
  }
  20% {
    transform: translateX(2px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(160%) contrast(130%);
  }
  30% {
    transform: translateX(-1px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(150%) contrast(120%);
  }
  40% {
    transform: translateX(1px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(140%) contrast(110%);
  }
  50% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(170%) contrast(140%);
  }
  100% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(104%) contrast(97%);
  }
}
@keyframes Options---periodicShine---mhbLR {
  0%, 90% {
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(104%) contrast(97%);
  }
  95% {
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(130%) contrast(110%);
  }
  100% {
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(104%) contrast(97%);
  }
}
@keyframes Options---periodicShake---imkaX {
  0%, 95% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(104%) contrast(97%);
  }
  95.5% {
    transform: translateX(-2px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(150%) contrast(120%);
  }
  96% {
    transform: translateX(2px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(160%) contrast(130%);
  }
  96.5% {
    transform: translateX(-1px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(150%) contrast(120%);
  }
  97% {
    transform: translateX(1px);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(140%) contrast(110%);
  }
  97.5% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(170%) contrast(140%);
  }
  100% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(190deg) brightness(104%) contrast(97%);
  }
}
.Options---loadingSpinner---PiEEB {
  width: 18px;
  height: 18px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  animation: Options---spin---Oep9A 1s linear infinite;
}

@keyframes Options---spin---Oep9A {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Options---inline---rN_dV {
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.Options---primo---_Zy5k > a {
  color: white;
}
.Options---primo---_Zy5k .Options---right---oQTw6 > div {
  color: white;
}
.Options---primo---_Zy5k .Options---cameraIcon---r5tiS {
  filter: brightness(0) saturate(100%) invert(100%);
  animation: Options---periodicShakeWhite---KRbnJ 20s ease-in-out infinite;
}
.Options---primo---_Zy5k .Options---loadingSpinner---PiEEB {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
}
.Options---primo---_Zy5k .Options---screenshotButton---k1SI0:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.Options---primo---_Zy5k .Options---screenshotButton---k1SI0:hover .Options---cameraIcon---r5tiS {
  animation: Options---cameraShakeShineWhite---moNFF 0.6s ease-in-out;
}

@keyframes Options---cameraShakeShineWhite---moNFF {
  0% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(100%);
  }
  10% {
    transform: translateX(-2px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.3);
  }
  20% {
    transform: translateX(2px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.5);
  }
  30% {
    transform: translateX(-1px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.3);
  }
  40% {
    transform: translateX(1px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.2);
  }
  50% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.6);
  }
  100% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(100%);
  }
}
@keyframes Options---periodicShineWhite---W5Sp5 {
  0%, 90% {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  95% {
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.3);
  }
  100% {
    filter: brightness(0) saturate(100%) invert(100%);
  }
}
@keyframes Options---periodicShakeWhite---KRbnJ {
  0%, 95% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(100%);
  }
  95.5% {
    transform: translateX(-2px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.3);
  }
  96% {
    transform: translateX(2px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.5);
  }
  96.5% {
    transform: translateX(-1px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.3);
  }
  97% {
    transform: translateX(1px);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.2);
  }
  97.5% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(100%) brightness(1.6);
  }
  100% {
    transform: translateX(0);
    filter: brightness(0) saturate(100%) invert(100%);
  }
}
.Options---learnFeatures---rjfZ4 {
  border-radius: 4px;
  margin: 0 1em;
  min-width: 18em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Options---learnFeaturesArrow---iAgZa {
  background: url(/icons/arrow_down.svg?148ffeb876b3c33d3c46) right no-repeat;
  height: 1.5em;
  width: 2em;
}

.Options---dot---hzRxt {
  background: #6ab21b;
  border: solid 1px #bababa;
  width: 12px;
  height: 12px;
  display: inline-block;
  animation-duration: 2s;
  animation-name: Options---circle---E9rXR;
  animation-iteration-count: infinite;
  margin-right: 0.5em;
}

@keyframes Options---circle---E9rXR {
  from {
    background: #02b875;
  }
  to {
    background: #f7f7f7;
  }
}
div.Options---adsPush---b82we {
  position: relative;
  padding: 0 1.5em;
}

div.Options---safetyPlus---m1K7J {
  position: relative;
  padding: 0 1.5em;
}
div.Options---safetyPlus---m1K7J::after {
  content: " ";
  width: 20px;
  height: 10px;
  background: url(/icons/Badge.svg?5828d893b979adf2a556);
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}

@media only screen and (max-device-width: 768px) {
  .Options---title---koLEG {
    font-size: 0.9em;
  }
  .Options---inline---rN_dV {
    display: none;
  }
  .Options---screenshotButton---k1SI0 {
    padding: 0.3em !important;
  }
  .Options---cameraIcon---r5tiS {
    width: 16px;
    height: 16px;
  }
  .Options---right---oQTw6 > div {
    height: auto;
  }
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/LearnFeatures.scss ***!
  \*********************************************************************************************************************************************/
.LearnFeatures---body---pUa6E {
  position: fixed;
  top: 0;
  right: 11em;
  font-size: 0.8em;
  margin: 0.5em;
  z-index: 10000001;
  background: #fff;
  color: #00acf1;
  width: 21em;
  border: solid 1px #00acf1;
  border-radius: 4px;
}

.LearnFeatures---body---pUa6E div {
  border-bottom: solid 1px #bababa;
  cursor: pointer;
  height: 32px;
  padding: 0 0.5em 0.5em;
}

.LearnFeatures---body---pUa6E div:hover {
  background: #00acf1;
  color: #fff;
}

.LearnFeatures---heading---liS63 {
  background: #00acf1;
  color: #fff;
}

.LearnFeatures---overlay---KgHP6 {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Help.scss ***!
  \************************************************************************************************************************************/
.Help---showHelpOverlay---B8xUy {
  position: fixed;
  top: 0%;
  left: 0%;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 10050;
}

.Help---showHelpOverlayContent---BUirR {
  background: #fff;
  width: 70%;
  position: absolute;
  top: 33%;
  left: 33%;
  margin-left: -250px;
  height: 450px;
  margin-top: -100px;
  padding: 14px 0 14px 0;
}

.Help---helpText---K2D5V {
  padding-left: 2%;
  color: #005793;
  border-bottom: 1px solid #c1c1c1;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.Help---feature---WYaOo {
  color: #4a494a;
  font-size: 0.75em;
}
.Help---feature---WYaOo div {
  display: inline-block;
  width: 50%;
  text-align: left;
  padding-left: 8em;
}

.Help---item---DKTxR:nth-child(even) {
  background: #f7f7f7;
}
.Help---item---DKTxR:nth-child(even) .Help---hi---yiskZ {
  border-bottom: solid 1px #fff;
}

.Help---item---DKTxR:nth-child(odd) .Help---hi---yiskZ {
  border-bottom: solid 1px #f7f7f7;
}

.Help---download---UqeU5 {
  color: #00acf1;
  font-size: 0.8em;
  text-align: center;
  border: solid 1px #bababa;
  width: 100px;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.Help---close1---Mu0Li {
  background: url(/icons/close.svg?419072eae72200595b59);
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  cursor: pointer;
}

.Help---list---Yorm8 {
  max-height: 400px;
  overflow-y: auto;
}

.Help---thumbnail---DyHCv {
  width: 25% !important;
  padding: 0.5em;
  display: inline-block;
}
.Help---thumbnail---DyHCv p {
  text-align: center;
  font-size: 12px;
  color: #027eaf;
  margin: 0;
  margin-top: -1em;
}

.Help---icon---bP_a8 {
  background: url(/icons/video_gray.svg?e993345a2694d9b3832a) no-repeat;
  width: 6em;
  height: 5em;
  background-size: 100%;
  margin: auto;
  cursor: pointer;
}

.Help---icon---bP_a8:hover {
  background: url(/icons/video_blue.svg?df0eed11481a36906b93) no-repeat;
  background-size: 100%;
}

.Help---arrow---OKQlD {
  color: #027eaf;
  font-size: 150%;
  margin-top: -4px;
}

.Help---heading---LYIbk {
  padding: 0 0.5em;
  padding-bottom: 0.5em;
  text-transform: uppercase;
}

.Help---h---UpOD7 {
  display: inline-block;
  text-align: left;
  padding: 0.2em;
  padding-left: 3em;
  font-size: 0.87em;
  font-weight: bold;
}

.Help---video---zzelG {
  width: 100%;
  height: 90vh;
  position: absolute;
  top: 8vh;
  z-index: 1001;
  left: 0;
}

.Help---close---sToPN {
  background: url(/icons/close.svg?419072eae72200595b59);
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  z-index: 1003;
}

.Help---label---xMXea {
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 0.5em;
  text-align: center;
  color: #02b875;
  z-index: 1002;
  background: #fff;
}

.Help---s1---s_lok {
  width: 35%;
}

.Help---s2---qkamU {
  width: 65%;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/ReportIssue.scss ***!
  \*******************************************************************************************************************************************/
.ReportIssue---showHelpOverlay---SfUPg {
  position: fixed;
  top: 0%;
  left: 0%;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 10050;
}

.ReportIssue---showHelpOverlayContent---VDTX6 {
  background: #fff;
  width: 70%;
  top: 0;
  left: 0;
  position: fixed;
  height: 500px;
  padding: 0.5em 0;
  margin: auto;
  bottom: 0;
  right: 0;
}

.ReportIssue---helpText---VlqPs {
  color: #005793;
  border-bottom: 1px solid #c1c1c1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 2em;
}

.ReportIssue---closeHelp---LVmO8 {
  margin-top: -1em;
  cursor: pointer;
}

.ReportIssue---section---r8auO {
  display: inline-block;
  width: 100%;
  padding: 0 2em;
  color: #4a4a4a;
  font-weight: normal;
  max-height: calc(90vh - 100px);
  overflow-y: auto;
}

.ReportIssue---section---r8auO > div {
  margin: 0.5em 0;
}

option.ReportIssue---holder---EHBCe {
  color: #bababa;
  opacity: 0.7;
}

.ReportIssue---select---TUiZP {
  margin: 0.3em 0;
}

.ReportIssue---urlInput---BGm0g {
  width: 100% !important;
  margin: 0.3em 0;
  padding: 8px;
  border: 1px solid #bababa;
  border-radius: 4px !important;
  font-size: 14px;
  box-sizing: border-box;
}
.ReportIssue---urlInput---BGm0g:focus {
  border-color: #027eaf;
  outline: none;
}

.ReportIssue---msgBody---wkZMU {
  margin: 0.5em 0;
  border: solid 1px #bababa;
  border-radius: 4px;
  padding: 8px;
  overflow-y: auto;
  resize: vertical;
  height: 100%;
  max-height: none;
}

.ReportIssue---msgBody---wkZMU:active {
  border: solid 1px #027eaf;
}

.ReportIssue---msgBody---wkZMU[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
}

.ReportIssue---btn---VeVBN {
  text-transform: none;
  float: right;
  margin-top: 0.5em;
}

.ReportIssue---section---r8auO > div > div:first-child {
  font-weight: 500;
  margin-bottom: 0.5em;
  color: #4a4a4a;
}

@media (max-width: 768px) {
  .ReportIssue---showHelpOverlayContentReportIssue---Wjbkp {
    width: 95%;
    height: auto;
    max-height: 95vh;
  }
  .ReportIssue---section---r8auO {
    padding: 0 1em;
  }
  .ReportIssue---screenshotImage---V3KMn {
    max-height: 120px;
  }
  .ReportIssue---issueBodyContainer---QMZK9 {
    flex-direction: column;
    gap: 15px;
  }
  .ReportIssue---issueBodyContainer---QMZK9 > div {
    width: 100%;
  }
  .ReportIssue---uploadBtn---g2Rrm {
    font-size: 0.8em;
    padding: 8px 16px;
  }
  .ReportIssue---removeScreenshotBtn---qAmzT,
  .ReportIssue---editScreenshotBtn---euNN7 {
    width: 20px;
    height: 20px;
    font-size: 12px;
    top: -6px;
    right: -6px;
  }
  .ReportIssue---screenshotActions---DWURr {
    top: -6px;
    right: -6px;
    gap: 2px;
  }
}
.ReportIssue---showHelpOverlayContentReportIssue---Wjbkp {
  background: #fff;
  width: 80%;
  max-width: 900px;
  top: 0;
  left: 0;
  position: fixed;
  height: auto;
  max-height: 90vh;
  min-height: 500px;
  padding: 0.5em 0;
  margin: auto;
  bottom: 0;
  right: 0;
  overflow-y: auto;
}

.ReportIssue---close---mEvnp {
  background: url(/icons/close.svg?419072eae72200595b59);
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  cursor: pointer;
}

.ReportIssue---screenshotPreview---qaxx2 {
  margin: 0.5em 0;
  border: solid 1px #bababa;
  border-radius: 4px;
  padding: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f9f9f9;
  max-height: 250px;
  min-height: 120px;
}

.ReportIssue---screenshotImage---V3KMn {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  border: solid 1px #bababa;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  object-fit: contain;
}
.ReportIssue---screenshotImage---V3KMn:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ReportIssue---screenshotInfo---yRsVg {
  margin-top: 0.5em;
  font-size: 0.75em;
  color: #4a4a4a;
  opacity: 0.7;
  text-align: center;
}

.ReportIssue---screenshotContainer---uW6EV {
  position: relative;
  display: inline-block;
}

.ReportIssue---screenshotActions---DWURr {
  position: absolute;
  top: -8px;
  right: -8px;
  display: flex;
  gap: 4px;
}

.ReportIssue---editScreenshotBtn---euNN7 {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}
.ReportIssue---editScreenshotBtn---euNN7:hover {
  background: #0056b3;
  transform: scale(1.1);
}
.ReportIssue---editScreenshotBtn---euNN7 .ReportIssue---editIcon---cNmVB {
  font-size: 10px;
  font-weight: bold;
  transform: rotate(-16deg);
}

.ReportIssue---removeScreenshotBtn---qAmzT {
  background: #ff4444;
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}
.ReportIssue---removeScreenshotBtn---qAmzT:hover {
  background: #cc3333;
  transform: scale(1.1);
}

.ReportIssue---noScreenshotContainer---fQiWo {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.ReportIssue---noScreenshotArea---rPuNm {
  padding: 20px;
  color: #999;
  text-align: center;
  font-style: italic;
  border: 2px dashed #ddd;
  border-radius: 4px;
  background-color: #fafafa;
  cursor: pointer;
  transition: all 0.2s ease;
}
.ReportIssue---noScreenshotArea---rPuNm:hover {
  border-color: #007bff;
  background-color: #f0f8ff;
}
.ReportIssue---noScreenshotArea---rPuNm.ReportIssue---processing---i8GBN {
  cursor: default;
}
.ReportIssue---noScreenshotArea---rPuNm.ReportIssue---processing---i8GBN:hover {
  border-color: #ddd;
  background-color: #fafafa;
}

.ReportIssue---noScreenshotIcon---CtlWM {
  font-size: 1.5em;
  margin-bottom: 10px;
}
.ReportIssue---noScreenshotIcon---CtlWM.ReportIssue---uploadIcon---tCx__ {
  background: url(/icons/file-upload.svg?9f8d51bacc3469f47d63) no-repeat center;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto 10px;
  display: block;
}

.ReportIssue---noScreenshotText---HII3d {
  margin-bottom: 0;
}

.ReportIssue---noScreenshotSubtext---ixeCV {
  font-size: 0.8em;
  margin-top: 5px;
}

.ReportIssue---noScreenshotFileInfo---bfhpy {
  font-size: 0.7em;
  color: #666;
  margin-top: 10px;
}

.ReportIssue---issueBodyContainer---QMZK9 {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
}

.ReportIssue---issueBodyContainer---QMZK9 > div {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/ModalBox/ModalBox.scss ***!
  \*******************************************************************************************************************************************************/
.ModalBox---modalBoxContainer---QOQOV {
  position: absolute;
  top: -5em;
  left: 0;
  width: 100%;
  height: calc(100% + 5em);
  overflow: hidden;
  z-index: 10000;
}

.ModalBox---modalBackDrop---doKyE {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.25;
  z-index: 10000;
  pointer-events: none;
  overflow: hidden;
}

.ModalBox---modalBox---_954U {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0px;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: calc(50% + 12px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10001;
}

.ModalBox---modalBoxHeader---NOTZu {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px 8px 0px 0px;
  background: #323841;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
}
.ModalBox---modalBoxHeader---NOTZu .ModalBox---cross---zFxy_, .ModalBox---modalBoxHeader---NOTZu svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.ModalBox---modalBoxContent---YSaEP {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  background: #FFFFFF;
  color: #323841;
  overflow: scroll;
  width: 100%;
}

.ModalBox---modalBoxFooter---fftJR {
  display: flex;
  padding: 16px;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  background: #FFFFFF;
  gap: 8px;
  border-top: 1px solid #CACED3;
}

.ModalBox---small---EkcKW {
  width: 400px;
}

.ModalBox---large---rr9pj {
  width: 80vw;
}

.ModalBox---largeContent---_JNjj {
  height: 65vh;
  background: #E7EBEF;
}

.ModalBox---largeFooter---eR3_c {
  border-top: 1px solid #CACED3;
  background: #FFFFFF;
  width: 100%;
}

.ModalBox---medium---sYptZ {
  width: 800px;
}

.ModalBox---stopScroll---cBOfV {
  height: 100%;
  overflow: hidden;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/ImageEditor.scss ***!
  \*******************************************************************************************************************************************/
.ImageEditor---imageEditorOverlay---ETJrB {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10060;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ImageEditor---imageEditorContainer---GWaJG {
  background: #fff;
  border-radius: 8px;
  width: 90vw;
  height: 85vh;
  max-width: 1200px;
  max-height: 800px;
  min-width: 800px;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.ImageEditor---editorHeader---f2VKN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: #323841;
}
.ImageEditor---editorHeader---f2VKN h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: white;
}

.ImageEditor---closeBtn---Tto4k {
  background: none;
  border: none;
  color: white;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.ImageEditor---closeBtn---Tto4k:hover {
  background: rgba(255, 255, 255, 0.2);
}

.ImageEditor---toolbar---lQ2fc {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 1rem;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  flex-wrap: wrap;
}

.ImageEditor---toolGroup---SnjTA {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ImageEditor---toolGroup---SnjTA label {
  font-weight: 500;
  color: #4a4a4a;
  white-space: nowrap;
}

.ImageEditor---toolButtons---hFzwO {
  display: flex;
  gap: 4px;
}

.ImageEditor---toolBtn---G42Gq {
  background: transparent;
  border: none;
  border-radius: 6px;
  padding: 6px 8px;
  cursor: pointer;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cecece;
}
.ImageEditor---toolBtn---G42Gq.ImageEditor---active---qJUQt {
  color: #00acf1;
}

.ImageEditor---iconPencil---blLf9 {
  font-size: 24px;
  font-weight: bold;
  font-family: "Arial", sans-serif;
  color: inherit;
}

.ImageEditor---iconRectangle---Wi_yk {
  font-size: 24px;
  font-weight: bold;
  font-family: "Arial", sans-serif;
  color: inherit;
}

.ImageEditor---iconCircle---Qgfk2 {
  font-size: 24px;
  font-weight: bold;
  font-family: "Arial", sans-serif;
  color: inherit;
}

.ImageEditor---iconArrow---lYecP {
  font-size: 24px;
  font-weight: bold;
  font-family: "Arial", sans-serif;
  color: inherit;
}

.ImageEditor---iconUndo---I9_HU {
  font-size: 14px;
  font-weight: bold;
  margin-right: 4px;
  font-family: "Arial", sans-serif;
}

.ImageEditor---iconTrash---BrR5B {
  font-size: 14px;
  margin-right: 4px;
  font-weight: bold;
  font-family: "Arial", sans-serif;
}

.ImageEditor---colorPicker---sFcnU {
  width: 30px;
  height: 30px;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  cursor: pointer;
  padding: 0;
  background: none;
}
.ImageEditor---colorPicker---sFcnU::-webkit-color-swatch-wrapper {
  padding: 0;
  border-radius: 4px;
}
.ImageEditor---colorPicker---sFcnU::-webkit-color-swatch {
  border: none;
  border-radius: 4px;
}

.ImageEditor---widthSlider---nhqZO {
  width: 80px;
  cursor: pointer;
}

.ImageEditor---widthValue---d91g9 {
  font-size: 0.9rem;
  color: #4a4a4a;
  min-width: 35px;
  text-align: center;
}

.ImageEditor---actionButtons---O2HIH {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.ImageEditor---actionBtn---jNbdV {
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #00acf1;
}
.ImageEditor---actionBtn---jNbdV:hover:not(.ImageEditor---disabled---vUodh) {
  background: #f8f9fa;
  border-color: #005793;
}
.ImageEditor---actionBtn---jNbdV.ImageEditor---disabled---vUodh {
  opacity: 0.5;
  cursor: not-allowed;
}

.ImageEditor---canvasContainer---eOyS8 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #f8f9fa;
  overflow: auto;
  min-height: 400px;
  max-height: calc(85vh - 200px);
}

.ImageEditor---editCanvas---NN2UU {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  cursor: crosshair;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  min-width: 800px;
  min-height: 500px;
}
.ImageEditor---editCanvas---NN2UU:active {
  cursor: crosshair;
}

.ImageEditor---editorFooter---InnG2 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 1rem;
  background: white;
  border-top: 1px solid #dee2e6;
}

.ImageEditor---cancelBtn---PQEd0 {
  background: #6c757d;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 1rem;
  min-width: 100px;
  box-sizing: border-box;
}
.ImageEditor---cancelBtn---PQEd0:hover {
  background: #5a6268;
}

.ImageEditor---saveBtn---S5lNY {
  background: #005793;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 1rem;
  min-width: 120px;
  box-sizing: border-box;
}
.ImageEditor---saveBtn---S5lNY:hover {
  background: rgb(0, 56.8163265306, 96);
}

@media (max-width: 768px) {
  .ImageEditor---imageEditorContainer---GWaJG {
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
  }
  .ImageEditor---toolbar---lQ2fc {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    padding: 0.75rem;
  }
  .ImageEditor---toolGroup---SnjTA {
    justify-content: space-between;
  }
  .ImageEditor---toolGroup---SnjTA:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
  }
  .ImageEditor---toolButtons---hFzwO {
    gap: 8px;
  }
  .ImageEditor---toolBtn---G42Gq {
    flex: 1;
    min-width: auto;
  }
  .ImageEditor---actionButtons---O2HIH {
    margin-left: 0;
    justify-content: space-between;
  }
  .ImageEditor---actionBtn---jNbdV {
    flex: 1;
  }
  .ImageEditor---canvasContainer---eOyS8 {
    padding: 10px;
    min-height: 250px;
    max-height: calc(100vh - 250px);
  }
  .ImageEditor---editCanvas---NN2UU {
    min-width: auto;
    min-height: auto;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
  }
  .ImageEditor---editorFooter---InnG2 {
    padding: 0.75rem;
  }
  .ImageEditor---cancelBtn---PQEd0,
  .ImageEditor---saveBtn---S5lNY {
    flex: 1;
    padding: 12px 16px;
  }
}
@media (max-width: 480px) {
  .ImageEditor---editorHeader---f2VKN {
    padding: 0.75rem;
  }
  .ImageEditor---editorHeader---f2VKN h3 {
    font-size: 1rem;
  }
  .ImageEditor---toolGroup---SnjTA {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .ImageEditor---toolGroup---SnjTA label {
    text-align: center;
  }
  .ImageEditor---widthSlider---nhqZO {
    width: 100%;
  }
  .ImageEditor---canvasContainer---eOyS8 {
    min-height: 200px;
    max-height: calc(100vh - 300px);
    padding: 5px;
  }
  .ImageEditor---editCanvas---NN2UU {
    min-width: auto;
    min-height: auto;
  }
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Vms.scss ***!
  \***********************************************************************************************************************************/
@charset "UTF-8";
.Vms---overlayDiv---rmOqm {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.Vms---overlayDivContent---JY2j7 {
  overflow: auto;
  background: #fff;
  width: 80%;
  position: absolute;
  top: 23%;
  left: 10%;
  height: 525px;
  margin-top: -60px;
  padding: 14px 0;
}

.Vms---terms---PLId7 {
  font-weight: bold;
  font-size: 16px;
  padding-left: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #bababa;
}
.Vms---terms---PLId7 button {
  float: right;
  margin-top: -9px;
  margin-right: 8px;
}

.Vms---step1---e0gbn {
  color: #027eaf;
  font-weight: bold;
  padding-top: 4em;
  padding-bottom: 2em;
}

.Vms---boName---yyjAD {
  width: 20%;
  display: inline-block;
  text-align: left;
  margin-right: 10%;
}

.Vms---boCode---O1fKS {
  width: 20%;
  display: inline-block;
  text-align: left;
}

.Vms---enDiv---xtM39 {
  text-align: center;
  padding-bottom: 12em;
}
.Vms---enDiv---xtM39 .Vms---codeInput---MGXcr,
.Vms---enDiv---xtM39 .Vms---nameInput---yZywx {
  width: 20%;
  margin-top: 4px;
  pointer-events: none;
  border: none;
  padding: 0;
  text-overflow: ellipsis;
}
.Vms---enDiv---xtM39 .Vms---nameInput---yZywx {
  margin-right: 10%;
}

.Vms---legalName---R8P5q {
  text-align: left;
  width: 50%;
  display: inline-block;
  margin-top: 1em;
  padding-bottom: 4px;
}

.Vms---legalName_IDN_one---k1Fsh {
  text-align: left;
  width: 30%;
  display: inline-block;
  margin-top: 1em;
  padding-bottom: 4px;
}

.Vms---legalName_IDN_two---GsDPk {
  text-align: left;
  width: 50%;
  display: inline-block;
  margin-top: 1em;
  padding-bottom: 4px;
}

.Vms---enDiv---xtM39 {
  text-align: center;
  padding-bottom: 12em;
}
.Vms---enDiv---xtM39 .Vms---codeInput---MGXcr,
.Vms---enDiv---xtM39 .Vms---nameInput_IDN---M6TRU {
  width: 20%;
  margin-top: 4px;
  pointer-events: none;
  border: none;
  padding: 0;
  text-overflow: ellipsis;
}
.Vms---enDiv---xtM39 .Vms---nameInpu_IDN---Rn5nB {
  margin-right: 10%;
}

.Vms---legalNameInput---E2OkJ {
  width: 50%;
  margin-left: 9%;
}

.Vms---buttonDiv---A94x2 {
  display: flex;
  justify-content: space-between;
  padding: 0 1%;
  align-items: center;
  height: 45px;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 2px solid #bababa;
}

.Vms---updateBtn---AvMgD {
  margin-left: 1%;
}

.Vms---finalPopup---lE8rF {
  z-index: 10010;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 60%;
  height: 75%;
}

/* NBFC T&C bottom sheet (mobile only) — AgreementDisplayGeneric */
/* Inner root: fills BottomSheet height; overflow hidden so only .tncSheetBody scrolls (iOS). */
.Vms---tncSheetScrollRoot---SigUW {
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.Vms---tncSheetContent---UYmV8 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  background: #fff;
  padding: 0;
}

.Vms---tncSheetHeader---fhAdk {
  flex-shrink: 0;
  font-weight: bold;
  font-size: 16px;
  padding: 16px;
  border-bottom: 2px solid #bababa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFF;
  background-color: #323841;
}
.Vms---tncSheetHeader---fhAdk button {
  margin: 0;
}

.Vms---tncSheetBody---ixKQa {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  -webkit-overflow-scrolling: touch;
}

.Vms---tncSheetFooter---J5Ag4 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 12px 16px;
  border-top: 2px solid #bababa;
  background: #fff;
}

.Vms---tncSheetFooterCheckbox---rGlpI {
  display: flex;
  align-items: center;
  width: 100%;
}
.Vms---tncSheetFooterCheckbox---rGlpI label {
  margin: 0;
}

.Vms---tncSheetFooterButtons---qNimJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 12px;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Dialog.scss ***!
  \**************************************************************************************************************************************/
.Dialog---dialog---bt4pn {
  position: fixed;
  top: 0%;
  left: 0%;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 10001;
}

.Dialog---main---hl4vA {
  background: #fff;
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -100px;
}

.Dialog---heading---PIQgS {
  padding: 10px 10px;
  border-bottom: 1px solid #aaa;
  background: #027eaf;
  color: #fff;
}

.Dialog---body---cUyQc {
  padding: 10px 10px;
  overflow-y: auto;
  height: 160px;
}

.Dialog---buttons---temre {
  position: absolute;
  padding: 10px 10px;
  bottom: 0;
  overflow: auto;
  width: 100%;
}

.Dialog---no---NkB3d {
  float: left;
  cursor: pointer;
}

.Dialog---yes---hv3g6 {
  float: right;
  padding: 5px 10px;
  background: #027eaf;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}

@media (max-width: 834px) {
  .Dialog---dialog---bt4pn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
  }
  .Dialog---main---hl4vA {
    width: 100%;
    max-width: 400px;
    max-height: 85vh;
    margin: 0;
    left: auto;
    top: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  }
  .Dialog---heading---PIQgS {
    padding: 14px 16px;
    font-size: 17px;
    flex-shrink: 0;
  }
  .Dialog---body---cUyQc {
    flex: 1;
    min-height: 80px;
    max-height: 50vh;
    height: auto;
    padding: 16px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .Dialog---buttons---temre {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    padding: 14px 16px;
    border-top: 1px solid #eee;
    flex-shrink: 0;
  }
  .Dialog---no---NkB3d {
    float: none;
    padding: 10px 16px;
    min-height: 44px;
    border-radius: 6px;
  }
  .Dialog---yes---hv3g6 {
    float: none;
    padding: 10px 20px;
    min-height: 44px;
    border-radius: 6px;
  }
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/CampaignCreatedMsg.scss ***!
  \**************************************************************************************************************************************************/
.CampaignCreatedMsg---popupBody---J8dHK {
  background: #fff;
  padding: 1em;
  z-index: 10001;
  border-radius: 8px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  .CampaignCreatedMsg---popupBody---J8dHK {
    padding: 1.5em;
    margin: 20px;
  }
}

.CampaignCreatedMsg---mailSentImg---QWM7S {
  background: url(/icons/mail_sent.png?f3b10a768f40664da5bc);
  width: 200px;
  height: 150px;
  margin: auto;
  margin-top: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .CampaignCreatedMsg---mailSentImg---QWM7S {
    width: 150px;
    height: 120px;
    margin-top: 20px;
  }
}

.CampaignCreatedMsg---text---h3EQx {
  padding: 10px;
  text-align: center;
  width: 100%;
  font-size: 20px;
  word-wrap: break-word;
}
@media (max-width: 768px) {
  .CampaignCreatedMsg---text---h3EQx {
    font-size: 16px;
    padding: 8px;
    line-height: 1.4;
  }
}

.CampaignCreatedMsg---okbtn---O0Xib {
  background: #32bdf4;
  color: #fff;
  width: 15%;
  margin-left: 42.5%;
  margin-top: 10px;
  border-radius: 2px;
  border: none;
  padding: 5px 0;
  cursor: pointer;
}
@media (max-width: 768px) {
  .CampaignCreatedMsg---okbtn---O0Xib {
    width: 40%;
    margin-left: 30%;
    padding: 10px 0;
    font-size: 16px;
    border-radius: 6px;
  }
}

.CampaignCreatedMsg---closebtn---H_JL1 {
  float: right;
  font-size: 25px;
  color: #32bdf4;
  cursor: pointer;
}
@media (max-width: 768px) {
  .CampaignCreatedMsg---closebtn---H_JL1 {
    font-size: 20px;
    padding: 5px;
  }
}

.CampaignCreatedMsg---errorImg---kTS66 {
  background: url(/icons/error.png?37db272483a1b66cbad1);
  width: 200px;
  height: 150px;
  margin: auto;
  margin-top: 30px;
  background-size: 100%;
}
@media (max-width: 768px) {
  .CampaignCreatedMsg---errorImg---kTS66 {
    width: 150px;
    height: 120px;
    margin-top: 20px;
  }
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/VmsPopup.scss ***!
  \****************************************************************************************************************************************/
.VmsPopup---canvasDiv---JllsT {
  height: 436px;
  overflow: auto;
  overflow-x: hidden;
  text-align: center;
  border-bottom: 1px solid #bababa;
}

.VmsPopup---disagreebutton---qSa65 {
  color: #FFF;
  background: #e32932;
  border-color: #e32932;
}

.VmsPopup---disagreebutton---qSa65:hover {
  color: #FFF;
  background: #f30410;
  border-color: #f30410;
}

.VmsPopup---noteStyle---VcpuZ {
  color: #047FAF;
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .VmsPopup---canvasDiv---JllsT {
    overflow-x: auto;
    height: auto;
  }
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/AddendumListPopup.scss ***!
  \*************************************************************************************************************************************************/
.AddendumListPopup---popup---McPAQ {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  /* height: 400px;
  overflow-y: scroll; */
}

.AddendumListPopup---popup---McPAQ.AddendumListPopup---active---MGv6s {
  display: block;
}

.AddendumListPopup---popup---McPAQ.AddendumListPopup---active---MGv6s .AddendumListPopup---modal---IQjOn::-webkit-scrollbar {
  width: 0 !important;
}

.AddendumListPopup---popup---McPAQ.AddendumListPopup---active---MGv6s .AddendumListPopup---modal---IQjOn {
  transition: max-height 0.4s ease-in;
  width: 30%;
  max-height: 700px;
  overflow-y: scroll;
}

.AddendumListPopup---modalNewMobile---t276R {
  width: 60% !important;
  margin: 13% auto !important;
}

.AddendumListPopup---popupLoaderContainer---OkOXF {
  background-image: url(//s1.rdbuz.com/assets/Images/SelectBus/loader.gif) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.AddendumListPopup---popup---McPAQ.AddendumListPopup---inactive---QeGZz {
  display: none;
}

.AddendumListPopup---popup---McPAQ .AddendumListPopup---modal---IQjOn {
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #ffffff;
  margin: 5% auto;
  position: relative;
}

.AddendumListPopup---popup---McPAQ .AddendumListPopup---modal---IQjOn .AddendumListPopup---content---uge8p {
  margin-top: 20px;
  padding: 0px 2em;
  text-align: center;
  color: #7a7a7a;
  margin: 0em 2em;
}

.AddendumListPopup---popup---McPAQ .AddendumListPopup---close---V_9cG {
  position: absolute;
  top: 5px;
  color: #aaa;
  float: right;
  font-size: 1em;
  font-weight: bold;
  height: 25px;
  width: 25px;
  right: 7px;
  background-color: #d8d8d8;
  border: 1px solid #d8d8d8;
  padding: 2px;
  z-index: 9999;
}

.AddendumListPopup---responseContainer---Y3ucK {
  display: flex;
  flex-direction: column;
  padding: 10px;
  position: relative;
  z-index: 2;
  height: 60vh;
  max-height: 60vh;
  overflow: hidden;
}

/* Addendum list bottom sheet (mobile) */
.AddendumListPopup---addendumSheetContent---xJIR9 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: #fff;
  padding-bottom: env(safe-area-inset-bottom, 0);
}

.AddendumListPopup---sheetHandle---v_dpG {
  flex-shrink: 0;
  border-radius: 2px;
}

.AddendumListPopup---sheetHeader---UdRS9 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 14px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #323841;
}

.AddendumListPopup---sheetTitle---Vcz3M {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  flex: 1;
  padding-right: 12px;
  word-wrap: break-word;
  color: #FFF;
}

.AddendumListPopup---sheetClose---R2TPS {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: none;
  background: #e8e8e8;
  border-radius: 50%;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #555;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.AddendumListPopup---sheetBody---zpnfR {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
}

.AddendumListPopup---sheetList---KvLgM {
  list-style: none;
  padding: 0;
  margin: 0;
}

.AddendumListPopup---addendumSheetContent---xJIR9 .AddendumListPopup---sheetBody---zpnfR .AddendumListPopup---addendumLi---voJ5T {
  margin: 10px 0;
  padding: 12px 14px;
}

.AddendumListPopup---addendumSheetContent---xJIR9 .AddendumListPopup---agreementsListContainer---i4Caj {
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 834px) {
  .AddendumListPopup---popup---McPAQ.AddendumListPopup---active---MGv6s .AddendumListPopup---modal---IQjOn {
    width: 92% !important;
    max-width: 92%;
    max-height: 85vh;
    margin: 5% auto;
  }
  .AddendumListPopup---responseContainer---Y3ucK {
    height: 75vh;
    max-height: 75vh;
    padding: 12px 14px;
    min-height: 0;
  }
  .AddendumListPopup---responseContainer---Y3ucK h4 {
    font-size: 16px;
    word-wrap: break-word;
    padding-right: 28px;
  }
  .AddendumListPopup---agreementsListContainer---i4Caj {
    -webkit-overflow-scrolling: touch;
  }
  .AddendumListPopup---addendumLi---voJ5T {
    margin: 12px 0;
    padding: 12px;
    word-wrap: break-word;
  }
  .AddendumListPopup---addendumName---S05pH {
    font-size: 14px;
    word-break: break-word;
  }
  .AddendumListPopup---addendumStatus---fjm87,
  .AddendumListPopup---addendumStatusGreen---k9xwI {
    font-size: 11px;
    padding: 3px 6px;
  }
}
.AddendumListPopup---agreementsListContainer---i4Caj {
  flex: 1;
  overflow-y: auto;
  padding-right: 5px;
  /* Custom scrollbar styling */
}
.AddendumListPopup---agreementsListContainer---i4Caj::-webkit-scrollbar {
  width: 6px;
}
.AddendumListPopup---agreementsListContainer---i4Caj::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.AddendumListPopup---agreementsListContainer---i4Caj::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.AddendumListPopup---agreementsListContainer---i4Caj::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.AddendumListPopup---outsideClick---Se8pq {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
}

.AddendumListPopup---addendumLi---voJ5T {
  margin: 15px 0;
  border: 1px solid #cecece;
  padding: 10px;
  border-radius: 7px;
}

.AddendumListPopup---addendumName---S05pH {
  color: #00acf1;
  text-decoration: underline;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
}

.AddendumListPopup---addendumStatus---fjm87 {
  border: 1px solid #e32932;
  color: #e32932;
  font-size: 12px;
  border-radius: 5px;
  padding: 2px 5px;
  margin-left: 4px;
}

.AddendumListPopup---addendumStatusGreen---k9xwI {
  border: 1px solid #3fc299;
  color: #3fc299;
  font-size: 12px;
  border-radius: 5px;
  padding: 2px 5px;
}

.AddendumListPopup---sellerName---m2fpf {
  font-size: 12px;
}

.AddendumListPopup---tentativeExpiresAt---cYSIP {
  font-size: 10px;
}

.AddendumListPopup---novaDetails---ArxPD {
  margin-top: 10px;
}

.AddendumListPopup---disabled---vcJsu {
  cursor: not-allowed;
  opacity: 0.5;
}

.AddendumListPopup---groupedNovaAddendum---dSkiU {
  position: relative;
  /* Dynamic border-left and margin-left will be applied via inline styles */
}
.AddendumListPopup---groupedNovaAddendum---dSkiU.AddendumListPopup---disabled---vcJsu {
  /* Override disabled opacity for grouped Nova addendums to preserve border visibility */
  opacity: 1;
  cursor: not-allowed;
  /* Apply disabled styling only to the content, not the border */
}
.AddendumListPopup---groupedNovaAddendum---dSkiU.AddendumListPopup---disabled---vcJsu .AddendumListPopup---addendumName---S05pH,
.AddendumListPopup---groupedNovaAddendum---dSkiU.AddendumListPopup---disabled---vcJsu .AddendumListPopup---addendumStatus---fjm87,
.AddendumListPopup---groupedNovaAddendum---dSkiU.AddendumListPopup---disabled---vcJsu .AddendumListPopup---addendumStatusGreen---k9xwI,
.AddendumListPopup---groupedNovaAddendum---dSkiU.AddendumListPopup---disabled---vcJsu .AddendumListPopup---novaDetails---ArxPD {
  opacity: 0.5;
}
/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/tippy.js/dist/tippy.css ***!
  \****************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/Responsive/BottomSheet/BottomSheet.scss ***!
  \************************************************************************************************************************************************************************/
.BottomSheet---bottomSheetWrapper---dMFxW {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  max-width: 100vw;
  max-height: 90vh;
  background-color: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: bottom 0.3s ease-in-out;
  z-index: 1000;
}

.BottomSheet---open---o88vS {
  bottom: 0;
}

.BottomSheet---bottomSheetOverlay---dDYmk {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashBoard.scss ***!
  \***************************************************************************************************************************************************/
.DashBoard---body---A_Gyp {
  width: 100%;
  margin: 0 auto;
}

.DashBoard---appStrip---_P3Q4 {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  border-radius: 5px;
  cursor: pointer;
  background-color: #00acf1;
  color: white;
  display: flex;
  justify-content: start;
  align-items: center;
}

.DashBoard---logoSection---WTxoz {
  clip-path: polygon(90% 0, 100% 25%, 90% 100%, 0 100%, 0 0);
  background-color: #d84e55;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 5px 10px;
  height: 100%;
  border-radius: 5px;
  width: 20%;
}

.DashBoard---logo---W93Az, .DashBoard---appstorelogo---GZ3NS, .DashBoard---playstorelogo---eDlck, .DashBoard---redprologo---Y8KB8 {
  height: 25px;
  margin: 0 5px;
}

.DashBoard---redprologo---Y8KB8 {
  width: 100px;
  background: url(/icons/red-pro-logo.svg?45428afc974bbe1ab0b3);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.DashBoard---playstorelogo---eDlck {
  width: 25px;
  background: url(/icons/google-play-arrow-logo.svg?f12e536eadfcfbb639d3);
  background-repeat: no-repeat;
  background-size: contain;
}

.DashBoard---appstorelogo---GZ3NS {
  width: 25px;
  background: url(/icons/apple-logo-black.svg?351b67648cdaec5a0014);
  background-repeat: no-repeat;
  background-size: contain;
}

.DashBoard---textSection---cBig9 {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
  width: 80%;
  overflow: hidden;
}

.DashBoard---illustration---npml7 {
  width: 70px;
  height: 100%;
  margin-right: 10px;
  background: url(/icons/board-any-bus-illustration.svg?d56f7682a9ce3f4dc086);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.DashBoard---adPopupBG---_bwO1 {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 9999999;
  background: rgba(255, 255, 255, 0.8);
  top: -15px;
  left: 0;
  justify-content: center;
}

.DashBoard---popupBanner---zapeZ {
  width: 635px;
  margin: 5vh auto;
  background-color: #0aabf1;
  border-radius: 5px;
  max-height: 700px;
}

.DashBoard---headerBanner---Tidmp {
  padding: 20px 20px 0 20px;
  font-size: 24px;
  text-align: center;
}

.DashBoard---headingBanner---WTlvH {
  color: white;
  font-size: 24px;
  display: inline;
  font-weight: 600;
}

.DashBoard---close---fssy7 {
  display: inline;
  float: right;
  color: white;
  font-weight: 600;
  font-size: 20px;
  cursor: pointer;
}

.DashBoard---leftBanner---z1Xeb {
  flex-basis: 50%;
  position: relative;
  align-items: right;
  display: flex;
  padding: 10px;
}

.DashBoard---leftImageBanner---GsQvv {
  position: absolute;
  width: 95%;
  right: -30px;
}

.DashBoard---rightBanner---QEyKE {
  flex-basis: 50%;
  padding: 75px 10px 75px 10px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 16px;
}

.DashBoard---contentBanner---T49vJ {
  display: flex;
  flex-direction: row;
}

.DashBoard---footer---PxVo9 {
  display: flex;
  justify-content: center;
  align-items: start;
  padding-bottom: 20px;
}

.DashBoard---footerDiv---yODKO {
  width: 25%;
  margin: 0px 30px;
  cursor: pointer;
}

.DashBoard---android---snoet {
  background: url(/icons/android@2x.png?c5bdf877fc5243e543e2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 7vh;
}

.DashBoard---ios---z6QLZ {
  background: url(/icons/ios.png?3237824c6afdad25787a);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 7vh;
}

.DashBoard---footerText---Vo8fc {
  color: white;
  text-align: center;
  font-size: 12px;
}

.DashBoard---rightSection---LfhUn {
  padding: 5% 25% 5% 0;
}

.DashBoard---rightSectionLabel---fK2nZ {
  padding: 5px;
  font-size: 16px;
  font-weight: 600;
}

.DashBoard---rightSectionText---D_jqp {
  padding: 5px;
  font-size: 14px;
}

.DashBoard---rightSideNav---wRE5K {
  position: fixed;
  z-index: 999;
  top: 3em;
  right: 0%;
  display: flex;
  height: 100vh;
  background: #ffffff;
  box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding-top: 4px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .DashBoard---rightSideNav---wRE5K {
    display: none !important;
  }
}

.DashBoard---rightSideNavItems---FP2uR {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: 64px;
  gap: 10px;
}

.DashBoard---active---IjPzh {
  border-right: 2px solid #315ED1;
  background: #EDF3FF;
}

.DashBoard---rightSideNavItems---FP2uR > div {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.DashBoard---showTaskList---T2pz1, .DashBoard---hideTaskList---v87Cc {
  visibility: visible;
  width: 314px;
  background-color: #FFF;
  box-shadow: -1px 0px 3px lightgray;
  overflow-y: scroll;
  height: calc(90vh - 12px);
  display: flex;
  flex-direction: column;
}

.DashBoard---hideTaskList---v87Cc {
  display: none;
  padding: 0px;
  transition: width 0.5s;
}

.DashBoard---taskListContainerOne---FxtEG {
  width: 100%;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.DashBoard---taskListContainerOneAction---YKdqQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.DashBoard---taskListContainerOneProgress---ihVHL {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.DashBoard---mainBar---ARBRq {
  background-color: #f3f5f9;
  height: 4px;
  border-radius: 6px;
}

.DashBoard---ratBar---iE2Je {
  height: 4px;
  border-radius: 6px;
}

.DashBoard---taskListContainerTwoBody---CeO1a {
  display: flex;
  flex-direction: column;
  background: #E7EBEF;
  padding: 12px;
}

.DashBoard---taskListActionContainer---lb6lg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 12px;
  gap: 4px;
}

.DashBoard---taskListActionContainer---lb6lg > :nth-child(1) {
  width: 45%;
  margin-bottom: 10px;
}

.DashBoard---taskListActionContainer---lb6lg > :nth-child(2) {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.DashBoard---taskListActionContainer---lb6lg > div {
  width: 100%;
}

.DashBoard---taskListBody---HyGln {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 2px;
}

.DashBoard---taskListComplete---gHyra {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 8px;
  flex: 1 0 0;
  background: #EBFFF2;
  font-size: 14px;
  font-weight: 400;
}

.DashBoard---taskListBodyContent---mA_vV {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.DashBoard---taskListBodyContent---mA_vV > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  flex: 1 0 0;
  background: #FFF;
}

.DashBoard---taskListBar---LSkFA {
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.DashBoard---orangeTag---uFmRD {
  background: #FFF7EB;
  border: 1px solid #D98200;
  color: #D98200;
}

.DashBoard---orangeBarTag---Go1j7 {
  background-color: #D98200;
}

.DashBoard---greenTag---QTWoZ {
  background: #EBFFF2;
  border: 1px solid #02B875;
  color: #02B875;
}

.DashBoard---greenBarTag---Zth_F {
  background-color: #1D8844;
}

.DashBoard---redTag---T7KZd {
  background: #FFF0ED;
  border: 1px solid #DC3312;
  color: #DC3312;
}

.DashBoard---redBarTag---FL2bx {
  background-color: #DC3312;
}

.DashBoard---taskListBodyContentContainer---e4ARv {
  display: flex;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 4px;
  align-self: stretch;
  background: #FFF;
}

.DashBoard---alert---SBPKA {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  font-size: 14px;
  font-weight: 400;
}

.DashBoard---tasksCompleted---kvpqT {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.DashBoard---tasksTextOne---BPppP {
  font-size: 16px;
  font-weight: 700;
}

.DashBoard---tasksTextTwo---lwbxo {
  font-size: 14px;
  font-weight: 400;
}

.DashBoard---error---d3KUw {
  margin-top: 40%;
}

.DashBoard---description---pcL7h {
  font-size: 14px;
  color: #5F6772;
}

.DashBoard---title---ufVNz {
  font-size: 16px;
  font-weight: 500;
}

.DashBoard---modalOverlay---SFsI6 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.DashBoard---novaModalContainer---UQXJS {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  max-width: 700px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.DashBoard---modalHeader---a8Trn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #E5E7EB;
}
.DashBoard---modalHeader---a8Trn h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1F2937;
}
.DashBoard---modalHeader---a8Trn img {
  width: 20px;
  height: 20px;
}

.DashBoard---modalBody---tWCsw {
  padding: 24px;
  flex: 1;
  overflow-y: auto;
}

.DashBoard---staffInsuranceContent---raPXd {
  text-align: center;
  padding: 40px 20px;
}
.DashBoard---staffInsuranceContent---raPXd .DashBoard---insuranceMessage---QVByp {
  font-size: 24px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 12px;
}
.DashBoard---staffInsuranceContent---raPXd .DashBoard---insuranceSubtext---k9u9B {
  font-size: 16px;
  color: #6B7280;
  margin: 0;
}

.DashBoard---vehicleInsuranceContent---YchT8 .DashBoard---tableHeader---QIoIf {
  font-size: 16px;
  font-weight: 500;
  color: #1F2937;
  margin-bottom: 16px;
}
.DashBoard---vehicleInsuranceContent---YchT8 .DashBoard---noVehicles---VfL5S {
  text-align: center;
  padding: 40px 20px;
  font-size: 16px;
  color: #6B7280;
}

.DashBoard---vehicleTableContainer---Hi7JO {
  overflow-x: auto;
}

.DashBoard---vehicleTable---ea8sU {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E5E7EB;
  border-radius: 4px;
}
.DashBoard---vehicleTable---ea8sU thead {
  background-color: #F9FAFB;
}
.DashBoard---vehicleTable---ea8sU thead tr th {
  padding: 12px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  border-bottom: 1px solid #E5E7EB;
}
.DashBoard---vehicleTable---ea8sU thead tr th:not(:last-child) {
  border-right: 1px solid #E5E7EB;
}
.DashBoard---vehicleTable---ea8sU tbody tr:not(:last-child) {
  border-bottom: 1px solid #E5E7EB;
}
.DashBoard---vehicleTable---ea8sU tbody tr:hover {
  background-color: #F9FAFB;
}
.DashBoard---vehicleTable---ea8sU tbody tr td {
  padding: 12px 16px;
  font-size: 14px;
  color: #1F2937;
}
.DashBoard---vehicleTable---ea8sU tbody tr td:not(:last-child) {
  border-right: 1px solid #E5E7EB;
}

.DashBoard---modalFooter---xie1e {
  padding: 16px 24px;
  border-top: 1px solid #E5E7EB;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/PopUpAfterCoachMarks.scss ***!
  \****************************************************************************************************************************************************/
.PopUpAfterCoachMarks---showPopUpOverlay---rgy4Z {
  position: fixed;
  top: 0%;
  left: 0%;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 10050;
}

.PopUpAfterCoachMarks---showPopUpOverlayContent---dlH22 {
  background: #fff;
  width: 60%;
  top: 0;
  left: 0;
  position: fixed;
  height: 380px;
  padding: 1em;
  margin: auto;
  bottom: 0;
  right: 0;
}

.PopUpAfterCoachMarks---exploreFtr---ZPGfX {
  text-align: center;
  padding-bottom: 1em;
  border-bottom: solid 1px #bababa;
  margin: auto;
  width: 80%;
}
.PopUpAfterCoachMarks---exploreFtr---ZPGfX h4 {
  color: #005793;
}

.PopUpAfterCoachMarks---popupBtn---hxeyH {
  width: 25%;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
}
.PopUpAfterCoachMarks---popupBtn---hxeyH button {
  width: 55%;
}

.PopUpAfterCoachMarks---later---g2R7z {
  text-align: center;
  color: #4a4a4a;
  padding-top: 1em;
  font-weight: bold;
  cursor: pointer;
}

.PopUpAfterCoachMarks---btns---xKRHz {
  display: flex;
  justify-content: space-between;
  padding: 1.5em;
  width: 80%;
  border-bottom: solid 1px #bababa;
  margin: auto;
}

.PopUpAfterCoachMarks---img---FKGOa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  margin: 1em auto;
}

.PopUpAfterCoachMarks---dash---WOZIc {
  background: url(/icons/Dashboard_empty.svg?97c2de05bb6759eae265);
  background-repeat: no-repeat;
  background-position: center;
}

.PopUpAfterCoachMarks---rnr---C_CCW {
  background: url(/icons/RnR_empty.svg?d9a2869ca88d19c6c279);
  background-repeat: no-repeat;
  background-position: center;
}

.PopUpAfterCoachMarks---rd---UhP6d {
  background: url(/icons/Campaign_empty.svg?110f8ba2b06b8083411b);
  background-repeat: no-repeat;
  background-position: center;
}

.PopUpAfterCoachMarks---pa---E83G4 {
  background: url(/icons/PriceAlert_empty.svg?c17b45586e4eb29b3b20);
  background-repeat: no-repeat;
  background-position: center;
}

.PopUpAfterCoachMarks---text---YRWla {
  color: #027eaf;
}

.PopUpAfterCoachMarks---box---VJ2jr {
  border: solid 1px #bababa;
  width: 120px;
  height: 100px;
  text-align: center;
  cursor: pointer;
}

.PopUpAfterCoachMarks---box---VJ2jr:hover {
  background: #00acf1;
  border: none;
  border-radius: 4px;
  font-weight: bold;
}

.PopUpAfterCoachMarks---box---VJ2jr:hover .PopUpAfterCoachMarks---text---YRWla {
  color: #fff !important;
}

.PopUpAfterCoachMarks---box---VJ2jr:hover .PopUpAfterCoachMarks---dash---WOZIc {
  background: url(/icons/Dashboard_white.svg?7794d89e2f1254db9005) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.PopUpAfterCoachMarks---box---VJ2jr:hover .PopUpAfterCoachMarks---rnr---C_CCW {
  background: url(/icons/RnR_white.svg?b2a0abcf61624944c31c) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.PopUpAfterCoachMarks---box---VJ2jr:hover .PopUpAfterCoachMarks---rd---UhP6d {
  background: url(/icons/Campaign_white.svg?10d7a2f00dddd07e0ef1) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.PopUpAfterCoachMarks---box---VJ2jr:hover .PopUpAfterCoachMarks---pa---E83G4 {
  background: url(/icons/PriceAlert_white.svg?9286bb9b1aba3bd89345) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.PopUpAfterCoachMarks---skip---fQ9Zj {
  text-align: center;
  padding-top: 1em;
}

.PopUpAfterCoachMarks---explore---FYySj {
  padding-top: 1.5em;
  color: #005793;
  text-align: center;
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/CoachMarks.scss ***!
  \******************************************************************************************************************************************/
.CoachMarks---svg---lzGan {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: auto;
  min-height: 100vh;
  width: 100%;
  margin: 0;
}
.CoachMarks---svg---lzGan rect {
  position: absolute;
}

.CoachMarks---box---pC3lj {
  color: #005793;
  position: absolute;
  top: 40%;
  text-align: center;
  font-size: 1.2em;
  z-index: 1001;
  width: 20%;
  margin-left: -10%;
  padding: 1em;
  background: #ecfddb;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.47);
}
.CoachMarks---box---pC3lj div {
  padding-bottom: 0.5em;
}

.CoachMarks---box---pC3lj:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 8px 10px;
  border-color: #ecfddb transparent;
  display: block;
  width: 0;
  z-index: 1001;
  top: -10px;
  left: 50%;
}

.CoachMarks---right---TQHdW {
  text-align: right;
}

.CoachMarks---btn---gUDo9 {
  padding: 0.5em 1em;
  margin: auto;
  opacity: 1;
  z-index: 1001;
  background: #027eaf;
  border: none;
}

.CoachMarks---heading---WODU_ {
  font-weight: bold;
  text-transform: uppercase;
}

.CoachMarks---text---PRtxi {
  font-size: 0.9em;
}

.CoachMarks---info---Ybixo {
  font-size: 0.8em;
  color: #9b9b9b;
  padding-top: 0.5em;
}

.CoachMarks---close---GmXbg {
  background-color: #9b9b9b;
  float: right;
  border-radius: 50%;
  width: 1em;
  color: #fff !important;
  height: 1em;
  text-align: center;
  margin: auto;
  margin-bottom: 0.5em;
  vertical-align: middle;
  background: url(/icons/close.svg?419072eae72200595b59);
  background-size: 100%;
  cursor: pointer;
}

.CoachMarks---points---KrZbF {
  text-align: left;
  padding-left: 0.5em;
}

.CoachMarks---points---KrZbF li {
  font-size: 0.8em;
  list-style-type: circle;
  text-align: left;
}

.CoachMarks---btn1---gbDje {
  border: none !important;
  background: transparent;
  color: #005793;
}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashBoardSales.scss ***!
  \********************************************************************************************************************************************************/
.DashBoardSales---body---TbzPM {
  padding: 2em 0;
}

.DashBoardSales---header---Jt2_o {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5em;
}

.DashBoardSales---leftHeader---mG7o7 {
  justify-content: space-between;
  align-items: center;
}

.DashBoardSales---boxCont---m_4EL {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DashBoardSales---box---ZveeY {
  padding: 3% 2% 3% 6%;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 0px 6px 0 #d0d0d0;
  width: 250px;
  margin-bottom: 1em;
  background: #FFF;
}

.DashBoardSales---seat---EJBDd {
  background: url(/icons/Seat.svg?3e883622b6a7883364e5) no-repeat;
  background-size: 49px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSales---gmv---_0woN {
  background: url(/icons/Rupee.svg?a82eb83e7e70fb8fafc8) no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSales---tickets---kCHbd {
  background: url(/icons/Ticket.svg?defda2394e92995e0aee) no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSales---cancelled---Mf4hd {
  background: url(/icons/Cancel.svg?55bf9e3bb3cafad95c67) no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSales---value---nYuRV {
  color: #027eaf;
  font-weight: bold;
  font-size: 1.6em;
}

.DashBoardSales---text---qENwQ {
  font-size: 1em;
  font-weight: bold;
}

.DashBoardSales---date---o5EhW {
  padding-left: 1em;
}

.DashBoardSales---headerText---jBobJ {
  color: #005793;
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
}

.DashBoardSales---light---Jwo6R {
  color: #555;
  text-transform: capitalize;
  font-size: 0.9em;
}

.DashBoardSales---cont---cr0Eu {
  padding-left: 15%;
}

.DashBoardSales---warn---OaSeI {
  background: url(/icons/warning-sign.svg?b443e16ed1750e35910f);
  display: inline-block;
  height: 20px;
  background-size: 20px;
  width: 20px;
  margin-left: 10px;
}

.DashBoardSales---warn---OaSeI:hover ~ .DashBoardSales---msg---b3KTd {
  display: block;
}

.DashBoardSales---msg---b3KTd {
  position: absolute;
  z-index: 1;
  line-height: 30px;
  color: #0681b1;
  text-align: center;
  padding: 4px 8px;
  margin-top: -32px;
  margin-left: 600px;
  background: #fff;
  border-radius: 2px;
  display: none;
  border: solid 1px #0681b1;
  font-size: 12px;
}

.DashBoardSales---msg---b3KTd:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #0681b1;
  display: block;
  width: 0;
  z-index: 1;
  left: -7px;
  top: 8px;
}

.DashBoardSales---meta---qO70L {
  font-size: 0.8em;
  padding: 0.5em;
  padding-left: 0;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashBoardSalesData.scss ***!
  \************************************************************************************************************************************************************/
.DashBoardSalesData---body---DD0H4 {
  padding: 2em 0;
}

.DashBoardSalesData---header---J_p9L {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5em;
}

.DashBoardSalesData---leftHeader---Jk7PM {
  justify-content: space-between;
  align-items: center;
}

.DashBoardSalesData---boxCont---fe26Z {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DashBoardSalesData---box---eUFvu {
  padding: 3% 7%;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 0px 6px 0 #d0d0d0;
  width: 250px;
  margin-bottom: 1em;
}

.DashBoardSalesData---seat---FsczC {
  background: url(/icons/Seat.svg?3e883622b6a7883364e5) no-repeat;
  background-size: 49px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSalesData---gmv---hFeT3 {
  background: url(/icons/Rupee.svg?a82eb83e7e70fb8fafc8) no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSalesData---tickets---FFyts {
  background: url(/icons/Ticket.svg?defda2394e92995e0aee) no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSalesData---cancelled---TyGup {
  background: url(/icons/Cancel.svg?55bf9e3bb3cafad95c67) no-repeat;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 30px;
  left: 10px;
}

.DashBoardSalesData---value---H4Hs6 {
  color: #027eaf;
  font-weight: bold;
  font-size: 1.6em;
}

.DashBoardSalesData---text---Zjjti {
  font-size: 1em;
  font-weight: bold;
}

.DashBoardSalesData---date---CLhOH {
  padding-left: 1em;
}

.DashBoardSalesData---headerText---cFlKv {
  color: #005793;
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
}

.DashBoardSalesData---light---YJtbG {
  color: #555;
  text-transform: capitalize;
  font-size: 0.9em;
}

.DashBoardSalesData---cont---Zrold {
  padding-left: 30px;
}

.DashBoardSalesData---warn---vzCTD {
  background: url(/icons/warning-sign.svg?b443e16ed1750e35910f);
  display: inline-block;
  height: 20px;
  background-size: 20px;
  width: 20px;
  margin-left: 10px;
}

.DashBoardSalesData---warn---vzCTD:hover ~ .DashBoardSalesData---msg---Ycw3s {
  display: block;
}

.DashBoardSalesData---msg---Ycw3s {
  position: absolute;
  z-index: 1;
  line-height: 30px;
  color: #0681b1;
  text-align: center;
  padding: 4px 8px;
  margin-top: -32px;
  margin-left: 600px;
  background: #fff;
  border-radius: 2px;
  display: none;
  border: solid 1px #0681b1;
  font-size: 12px;
}

.DashBoardSalesData---msg---Ycw3s:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #0681b1;
  display: block;
  width: 0;
  z-index: 1;
  left: -7px;
  top: 8px;
}

.DashBoardSalesData---meta---ny8_w {
  font-size: 0.8em;
  padding: 0.5em;
  padding-left: 0;
}

.DashBoardSalesData---card---epYUv {
  background: #fff;
  margin: 8px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px 0 #d0d0d0;
  border: solid 1px lightgrey;
}

.DashBoardSalesData---opt---NrqSv {
  display: inline-block;
  width: 150px;
  border: solid 1px #bababa;
  text-align: center;
  text-transform: uppercase;
  padding: 0.3em 0.5em;
  font-size: 0.8em;
  cursor: pointer;
}

.DashBoardSalesData---active---ivJve {
  background: #005793;
  color: #fff;
  border: solid 1px #005793;
  font-weight: bold;
}

.DashBoardSalesData---duration---GBhsU {
  padding: 0.5em;
  border-bottom: solid 1px #bababa;
}

.DashBoardSalesData---data---VK0oW {
  padding: 1em;
  font-size: 0.8em;
  border-bottom: solid 1px #bababa;
}

.DashBoardSalesData---heading---Q9twP > div {
  width: 20%;
  text-transform: uppercase;
  font-weight: bold;
  color: #9b9b9b;
  display: inline-block;
  padding: 0.5em 0;
}

.DashBoardSalesData---values---pCpYm > div {
  color: #027eaf;
  width: 20%;
  display: inline-block;
  padding: 0.5em 0;
}
.DashBoardSalesData---values---pCpYm > div > font {
  font-size: 0.7em;
}

.DashBoardSalesData---value---H4Hs6 {
  font-size: 2em;
  font-weight: bold;
}

.DashBoardSalesData---compare---DvGZK {
  color: #027eaf;
  background: url(/icons/arrow_right.svg?805cc6e96acc2b56393a) right no-repeat;
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 0.5em;
  width: 8em;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashBoardCF.scss ***!
  \*****************************************************************************************************************************************************/
.DashBoardCF---header---eW0Xn {
  padding-bottom: 0.8em;
}

.DashBoardCF---leftHeader---HbRiN {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DashBoardCF---date---gUAEv {
  padding-left: 25px;
  color: #027eaf;
}

.DashBoardCF---headerText---Dxgb1 {
  color: #005793;
  font-weight: bold;
  font-size: 1.3em;
}

.DashBoardCF---main---TWyJX {
  box-shadow: 0px 0px 5px #aaa;
  margin-bottom: 1em;
}

.DashBoardCF---cont---xUaa7 {
  display: flex;
  padding: 0px 32px;
  background: #FFF;
}

.DashBoardCF---leftCont---hjA7P {
  flex-grow: 1;
  border-right: 2px solid #d2f1fe;
}

.DashBoardCF---rightCont---ewGZJ {
  flex-grow: 8;
}

.DashBoardCF---footer---aI7uX {
  font-size: 0.8em;
  padding: 0.5em;
  padding-bottom: 1em;
  padding-left: 0;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashBoardRR.scss ***!
  \*****************************************************************************************************************************************************/
.DashBoardRR---header---YHynS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5em;
}

.DashBoardRR---headerText---HRO8w {
  color: #005793;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
}

.DashBoardRR---duration---NofGo {
  font-size: 0.8em;
}

.DashBoardRR---reviews---C36u0, .DashBoardRR---ratings---wbkao {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DashBoardRR---body---Cofhg {
  padding: 1em;
  border-bottom: 2px solid #d2f1fe;
}

.DashBoardRR---body---Cofhg:last-of-type {
  border-bottom: none;
}

.DashBoardRR---rrCount---lBWQi {
  color: #027eaf;
  font-size: 1.6em;
  font-weight: bold;
}

.DashBoardRR---reviews---C36u0 > div:last-of-type div, .DashBoardRR---ratings---wbkao > div:last-of-type div {
  padding: 4px 10px;
  background: #027eaf;
  color: #fff;
}

.DashBoardRR---smallText---m5iSD {
  font-size: 0.9em;
}

.DashBoardRR---body---Cofhg a {
  padding: 6px 15px;
  background: #00acf1;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
}

.DashBoardRR---body---Cofhg a:hover {
  background: #005793;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashBoardSW.scss ***!
  \*****************************************************************************************************************************************************/
.DashBoardSW---header---LTIEB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1em;
  border-bottom: 2px solid #d2f1fe;
}

.DashBoardSW---headerText---Nf1NF {
  color: #005793;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
}

.DashBoardSW---duration---U7O2B {
  font-size: 0.8em !important;
}

.DashBoardSW---body---JuLJg {
  padding: 15px 2% 10px;
  border-bottom: 2px solid #d2f1fe;
}

.DashBoardSW---body---JuLJg:last-of-type {
  border-bottom: none;
}

.DashBoardSW---swCont---NBzeu {
  display: flex;
}

.DashBoardSW---leftCont---sOXQ_, .DashBoardSW---rightCont---jUGrN {
  flex-grow: 1;
  position: relative;
}

.DashBoardSW---leftCont---sOXQ_ {
  padding-right: 20px;
}

.DashBoardSW---padding---H165j {
  padding: 5px;
}

.DashBoardSW---link---xFK_E {
  color: #027eaf;
  font-size: 0.8em;
}

.DashBoardSW---greenText---xx59E {
  color: #3fc299;
  font-weight: bold;
}

.DashBoardSW---orangeText---dDaYO {
  color: #f5a623;
  font-weight: bold;
}

.DashBoardSW---redText---q9XU4 {
  color: #f06164;
  font-weight: bold;
}

.DashBoardSW---green---wCztt {
  background: #3fc299;
  font-weight: bold;
  color: #fff;
  padding: 0.4em 0.3em;
  border-radius: 4px;
  min-width: 40px;
  text-align: center;
}

.DashBoardSW---orange---k6V7m {
  background: #f5a623;
  font-weight: bold;
  color: #fff;
  padding: 0.4em 0.3em;
  border-radius: 4px;
  min-width: 40px;
  text-align: center;
}

.DashBoardSW---red---i7fo1 {
  background: #f06164;
  font-weight: bold;
  color: #fff;
  padding: 0.4em 0.3em;
  border-radius: 4px;
  min-width: 40px;
  text-align: center;
}

.DashBoardSW---borderB---QxN7f {
  border-bottom: 2px solid #d2f1fe;
}

.DashBoardSW---list---FZs5k.DashBoardSW---borderB---QxN7f:last-of-type {
  border-bottom: none;
}

.DashBoardSW---list---FZs5k {
  font-size: 0.8em;
}

.DashBoardSW---ilist---D0UjB {
  display: flex;
}

.DashBoardSW---ilist---D0UjB > div {
  flex-grow: 1;
}

.DashBoardSW---ilist---D0UjB p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.DashBoardSW---lightText---lRUMK {
  color: #555;
  padding-top: 5px;
}

.DashBoardSW---ratings---zxIoo {
  display: flex;
  align-items: center;
}

.DashBoardSW---redArrow---SHgfY {
  color: #f06164;
  background: url(/icons/negative.svg?7e033d10f66debc77e65);
  display: inline-block;
  background-size: 12px;
  width: 60px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 35px;
  font-weight: bold;
  margin-left: 5px;
}

.DashBoardSW---greenArrow---hOaFb {
  color: #3fc299;
  background: url(/icons/positive.svg?f937eab3f2abd124300a);
  display: inline-block;
  background-size: 12px;
  width: 50px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 35px;
  font-weight: bold;
  padding-left: 5px;
}

.DashBoardSW---orangeArrow---PP8j3 {
  color: #f5a623;
  font-weight: bold;
  padding-left: 5px;
  display: inline-block;
  background-size: 12px;
  width: 50px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 35px;
  font-weight: bold;
  content: " ";
}

.DashBoardSW---loader---fotw4 {
  background: url(/icons/preloader.gif?18dd1c198a2a917efa9a);
  background-size: 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  overflow: auto;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.DashBoardSW---r---HTEf2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashboardOcc.scss ***!
  \******************************************************************************************************************************************************/
.DashboardOcc---headingCont---rmeRM {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-grow: 0;
  -webkit-flex-grow: 0;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 100%;
  padding: 1em 1.2em;
  font-size: 0.8em;
  border-bottom: 1px solid #4a4a4a;
}

.DashboardOcc---headingCont---rmeRM:last-of-type {
  border-bottom: none;
}

.DashboardOcc---column---GUaXv {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
  display: flex;
  align-items: center;
  width: 25%;
}

.DashboardOcc---header---GO3bJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DashboardOcc---leftHeader---GAYFH {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DashboardOcc---headerText---RFHzN {
  color: #005793;
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
}

.DashboardOcc---right---Dw7Vv {
  justify-content: flex-end;
}

.DashboardOcc---center---VgGpI {
  justify-content: center;
}

.DashboardOcc---loader---mxabo {
  background: url(/icons/preloader.gif?18dd1c198a2a917efa9a);
  background-size: 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  overflow: auto;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.DashboardOcc---rel---GXWaV {
  position: relative;
  min-height: 150px;
  background: #fff;
  padding: 0.5em 0.5em;
  border-radius: 4px;
  box-shadow: 0px 0px 6px 0 #d0d0d0;
}

.DashboardOcc---error---KFd3_ {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  height: 50px;
  text-align: center;
  color: #e32932;
}

.DashboardOcc---noInfo---VEzQ5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  color: #027eaf;
}

.DashboardOcc---body---CI_rj {
  padding-bottom: 3em;
}

.DashboardOcc---date---tCKL6 {
  font-size: 0.8em;
}

.DashboardOcc---mainH---JThMF {
  height: 7px;
  background: rgba(170, 170, 170, 0.3);
  width: 40px;
  border-radius: 10px;
  margin-top: 5px;
}

.DashboardOcc---h---ztscq {
  height: 7px;
  border-radius: 10px;
}

.DashboardOcc---light---n2my9 {
  color: #027eaf;
  font-size: 0.9em;
}

.DashboardOcc---green---CrFxo {
  background: #3fc299;
}

.DashboardOcc---orange---vWW_e {
  background: #f5a623;
}

.DashboardOcc---red---XA0UI {
  background: #f06164;
}

.DashboardOcc---bold---TOlQs {
  font-weight: bold;
  font-size: 1.2em;
}

.DashboardOcc---meta---WsO8I {
  font-size: 0.8em;
  padding: 0.5em;
  padding-bottom: 1em;
  padding-left: 0;
}

.DashboardOcc---warn---am8nZ {
  background: url(/icons/warning-sign.svg?b443e16ed1750e35910f);
  display: inline-block;
  height: 20px;
  background-size: 20px;
  width: 20px;
  margin-left: 10px;
}

.DashboardOcc---updated---DJVNQ {
  padding-left: 1em;
}

.DashboardOcc---warn---am8nZ:hover ~ .DashboardOcc---msg---DCvZh {
  display: block;
}

.DashboardOcc---msg---DCvZh {
  position: absolute;
  z-index: 1;
  line-height: 30px;
  color: #0681b1;
  text-align: center;
  padding: 4px 8px;
  margin-top: -32px;
  margin-left: 800px;
  background: #fff;
  border-radius: 2px;
  display: none;
  border: solid 1px #0681b1;
  font-size: 12px;
}

.DashboardOcc---msg---DCvZh:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #0681b1;
  display: block;
  width: 0;
  z-index: 1;
  left: -7px;
  top: 8px;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/DashboardRF.scss ***!
  \*****************************************************************************************************************************************************/
.DashboardRF---mainRF---CQoo7 {
  margin-bottom: 16px;
}

.DashboardRF---cardContainer---Sg2_v {
  display: flex;
}

.DashboardRF---recommendForYou---WUMC6 {
  color: #005793;
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
}

.DashboardRF---isLoading---SKubi {
  border: 1px solid #e6e6e6;
  padding: 16px;
  display: flex;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  margin-bottom: 16px;
}

.DashboardRF---isError---p8VpV {
  border: 1px solid #e6e6e6;
  padding: 16px;
  display: flex;
  border-radius: 4px;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #C63C3C;
  font-size: 14px;
  font-weight: 500;
  min-height: 150px;
  margin-bottom: 16px;
}

.DashboardRF---isEmpty---XCHj2 {
  border: 1px solid #e6e6e6;
  padding: 16px;
  display: flex;
  border-radius: 4px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  min-height: 150px;
  margin-bottom: 16px;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/CardCarousel.scss ***!
  \******************************************************************************************************************************************************/
.CardCarousel---cardCarouselContainer---sB6fJ {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.CardCarousel---cardCarousel---M7pVI {
  display: flex;
  transition: all 0.3s ease;
  width: max-content;
}

.CardCarousel---roundedBorder---EPnQl {
  border: 1px solid #ccc;
  border-radius: 14px;
}

.CardCarousel---invert_effect---RlY4_ {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.CardCarousel---card---PM2My {
  flex: 0 0 300px;
  margin: 0 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.CardCarousel---prevButton---FT6ta,
.CardCarousel---nextButton---EQwC4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

.CardCarousel---prevButton---FT6ta {
  left: 0;
}

.CardCarousel---nextButton---EQwC4 {
  right: 0;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/accessories/PopUp.scss ***!
  \*************************************************************************************************************************************************/
@charset "UTF-8";
.PopUp---popup---ZRgMM {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  min-width: fit-content;
}

.PopUp---popup---ZRgMM.PopUp---active---VDiMd {
  display: block;
}

.PopUp---popup---ZRgMM.PopUp---active---VDiMd .PopUp---modal---MLhzE {
  transition: max-height 0.4s ease-in;
  width: 70%;
}

.PopUp---popup---ZRgMM.PopUp---inactive---XmSFl {
  display: none;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE {
  background-color: #ffffff;
  border-radius: 2px;
  margin: 10% auto;
  position: relative;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---content---c1zQI {
  margin-top: 20px;
  padding: 0px 2em;
  text-align: center;
  color: #7a7a7a;
  margin: 0em 2em;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---content---c1zQI div:nth-child(1) {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-gap: 10px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---content---c1zQI div:nth-child(2) {
  display: grid;
  grid-template-columns: 1.6fr 3.4fr 5fr;
  font-size: 0.83em;
  padding: 15px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---content---c1zQI div:nth-child(3) {
  display: grid;
  grid-gap: 25px;
  grid-auto-flow: column dense;
  grid-auto-columns: max-content;
  grid-template-columns: fit-content(100%);
  font-size: 0.83em;
  text-align: left;
  padding: 10px;
  padding-left: 20px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---content---c1zQI div:nth-child(4) {
  margin-top: 2em;
  padding-top: 1em;
  font-size: 0.75em;
  border-top: 2px solid #ccc;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---content---c1zQI div input[type=text] {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 5px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---footer---rf25B {
  position: absolute;
  border-top: 2px solid #ccc;
  bottom: 10px;
  left: 0px;
  width: 100%;
  padding-top: 1em;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---footer---rf25B button {
  border-radius: 2px;
  background-color: #005793;
  border: solid 1px #005793;
  float: right;
  margin-right: 10px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---footer---rf25B.PopUp---route---uar9c button {
  border-radius: 2px;
  background-color: #005793;
  border: solid 1px #aeaeae;
  float: right;
  margin-right: 10px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---radio-container---D0cnU {
  padding: 0px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---radio-container---D0cnU .PopUp---radio-button---Ou967 {
  position: absolute;
  top: 0;
  border-radius: 50%;
  left: 0px;
  height: 14px;
  width: 14px;
  background: #ffffff;
  border: none;
  box-shadow: 0px 0px 5px 1px #7a7a7a;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---radio-container---D0cnU .PopUp---radio-button---Ou967:after {
  top: 3px;
  width: 8px;
  height: 8px;
  background: rgba(122, 122, 122, 0.7490196078);
  left: 3px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---head---Q2IQ3 .PopUp---b-bottom---Jsj6k {
  margin: 15px;
  font-size: 1em;
  color: #4a4a4a;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
}

.PopUp---popup---ZRgMM .PopUp---close---GzGpG {
  position: absolute;
  top: 0px;
  color: #aaa;
  float: right;
  font-size: 1em;
  font-weight: bold;
  height: 25px;
  width: 25px;
  right: 0px;
  background-color: #d8d8d8;
  border: 1px solid #d8d8d8;
  padding: 2px;
  z-index: 9999;
}

.PopUp---popup---ZRgMM .PopUp---close---GzGpG .PopUp---times---lBwUa {
  border: 2px solid #7a7a7a;
  background-color: #7a7a7a;
  color: #ffffff;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  top: 1px;
  left: 1px;
  position: absolute;
}

.PopUp---popup---ZRgMM .PopUp---close---GzGpG .PopUp---times---lBwUa:before {
  position: absolute;
  content: "❌";
  top: -3px;
  left: 2px;
  font-size: 14px;
}

.PopUp---popup---ZRgMM .PopUp---close---GzGpG:hover,
.PopUp---popup---ZRgMM .PopUp---close---GzGpG:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---head---Q2IQ3 .PopUp---row---Exx4Y {
  display: grid;
  padding: 10px 10px 5px 10px;
  width: 96%;
  margin-left: 10px;
  grid-template-columns: 0.25fr 0.25fr 0.1fr 0.15fr 0.15fr;
  grid-gap: 10px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---row---Exx4Y {
  display: grid;
  padding: 10px 10px 5px 10px;
  width: 96%;
  margin-left: 10px;
  grid-template-columns: 0.25fr 0.25fr 0.1fr 0.15fr 0.15fr;
  grid-gap: 10px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---row---Exx4Y .PopUp---col3---jB8H4 {
  grid-column-start: 3;
}

.PopUp---rowLabel---i3Nxa {
  padding: 5px 10px;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---row---Exx4Y .PopUp---box---iR2Pf input[type=text] {
  width: 70%;
  border-radius: 2px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 1px #ccc;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---row---Exx4Y label {
  line-height: 28px;
  display: block;
}

.PopUp---popup---ZRgMM .PopUp---modal---MLhzE .PopUp---row---Exx4Y.PopUp---b-light---Ug_5s {
  border-bottom: solid 2px #ccc;
  font-size: 0.863em;
}

.PopUp---popup---ZRgMM.PopUp---active---VDiMd.PopUp---route---uar9c .PopUp---modal---MLhzE {
  transition: max-height 0.4s ease-in;
  width: 60em;
  height: 30em;
}

.PopUp---b-bottom---Jsj6k {
  border-bottom: 1px solid #ccc;
}

.PopUp---body---RPQQv {
  overflow-y: scroll;
  max-height: 20em;
  padding-bottom: 11em;
  z-index: 9999;
}

.PopUp---body---RPQQv::-webkit-scrollbar {
  width: 7px;
  border-radius: 5px;
  background-color: #f2f2f2;
}

.PopUp---body---RPQQv::-webkit-scrollbar-thumb {
  background-color: #c2c1c2;
  border-radius: 30px;
}

label {
  display: block;
}

.PopUp---booking---xW5QD .PopUp---close---GzGpG {
  position: relative;
  padding-right: 5px;
  background: transparent;
  border: none;
}
.PopUp---booking---xW5QD .PopUp---close---GzGpG .PopUp---times---lBwUa {
  background: transparent;
  border: none;
  color: #4a4a4a;
  left: 5px;
}
.PopUp---booking---xW5QD .PopUp---close---GzGpG .PopUp---times---lBwUa:before {
  content: "";
}

.PopUp---clear---GxrTv {
  clear: both;
}

.PopUp---higherZIndex---ynyWr {
  z-index: 1002 !important;
}

.PopUp---newDatePickerPopup---OqTDJ > div {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: unset !important;
}

@media screen and (max-width: 600px) {
  .PopUp---newDatePickerPopup---OqTDJ > div {
    top: 18%;
  }
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/featureRecommendations/Recom.scss ***!
  \**********************************************************************************************************************************************************************/
.Recom---main---EZRL1 {
  padding: 24px;
}

.Recom---header---d7Tia {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.Recom---headerBB---CLPBB {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 16px;
  padding: 16px 0;
}

.Recom---buttonContainer---sVQ1w {
  display: flex;
  align-items: center;
  width: 41%;
  margin-left: auto;
}

.Recom---contentClose---mXoDx {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}

.Recom---headerText---Tq1cm {
  font-size: 16px;
  font-weight: 600;
}

.Recom---contentPrice---OdPsP {
  display: flex;
  margin: 16px 0;
}

.Recom---contentPriceHalf---bRHUx {
  width: 50%;
  margin: 16px 0;
}

.Recom---bottomSpace1---lrugI {
  margin-bottom: 16px;
}

.Recom---contentSupportDetailsName---IUmyA {
  font-size: 14px;
  font-weight: 500;
}

.Recom---contentSupportDetailsNumber---G3npV {
  font-size: 12px;
  font-weight: 400;
}

.Recom---contentSupportHead---atoBW {
  color: #4787ED;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.Recom---contentSupport---oyzkV {
  background-color: #F3F5F9;
  padding: 16px 0;
  border-radius: 4px;
}

.Recom---contentSupportDetails---fvMaQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}

.Recom---borderDivider---tzys4 {
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.Recom---contentHeadText---hXsEn {
  font-size: 14px;
  font-weight: 600;
}

.Recom---contentHeadText1---Z0tEo {
  font-size: 16px;
  font-weight: 500;
  margin: 8px 0;
}

.Recom---contentHeadText2---QXhHw {
  margin: 8px 0;
  font-size: 12px;
  font-weight: 400;
}

.Recom---contentText---SfRgy {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 16px;
}

.Recom---contentSaathiDetail---nx5qI {
  display: flex;
  margin: 16px 0;
  justify-content: space-between;
}

.Recom---content---ccR68 {
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
}

.Recom---contentDivDetail---GWbAc {
  display: flex;
  justify-content: space-between;
}

.Recom---contentDivDetailOne---oY6Nh {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.Recom---contentDivDetailTwo---wuP16 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.Recom---contentDivDetailThree---AWwTL {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.Recom---contentDivPrice---EJxMr {
  border: 2px solid #D98200;
  padding: 8px;
  border-radius: 4px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  margin: 16px 0;
}

.Recom---footerDiv---KgzfL {
  padding: 8px 14px;
  background-color: #F3F5F9;
  font-size: 12px;
  font-weight: 400;
}

.Recom---footerDivBB---oWLGU {
  padding: 8px 14px;
  background-color: #F3F5F9;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
}

.Recom---downloadBB---VbH6v {
  display: flex;
  justify-content: end;
}

.Recom---interested---miDbv {
  display: block;
  margin: 0 0 0 auto;
}

.Recom---slightBold---X4kKv {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  min-height: 40px;
}

.Recom---normalText---CrDmg {
  font-size: 12px;
  font-weight: 400;
}

.Recom---isLoading---jcHmT {
  border: 1px solid #e6e6e6;
  padding: 16px;
  display: flex;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-height: 150px;
}

.Recom---isError---gGMcK {
  border: 1px solid #e6e6e6;
  padding: 16px;
  display: flex;
  border-radius: 4px;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #C63C3C;
  font-size: 14px;
  font-weight: 500;
  min-height: 150px;
}

.Recom---isEmpty---nL2DE {
  border: 1px solid #e6e6e6;
  padding: 16px;
  display: flex;
  border-radius: 4px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  min-height: 150px;
}

.Recom---footerBB---JiF8_ {
  margin: 0 16px;
  padding: 16px 0;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/Buttons/buttons.scss ***!
  \*****************************************************************************************************************************************************/
.buttons---btn---UWIZx {
  height: 32px;
  border: none;
  border-radius: 2px;
  background: #00acf1;
  box-shadow: 1px 1px 0px 0px #d4cec5;
  transition-duration: 100ms;
}
.buttons---btn---UWIZx:hover {
  border: none;
  background: rgb(0, 153.8008298755, 215.5);
  box-shadow: 1px 1px 5px #d4cec5;
}
.buttons---btn---UWIZx:active {
  background: rgb(0, 135.601659751, 190);
}
.buttons---btn---UWIZx[disabled] {
  opacity: 0.5;
  visibility: visible;
  background: #00acf1;
  cursor: not-allowed;
}

.buttons---btn---UWIZx.buttons---secondary---Vuuos {
  background: #fff;
  border: 1px solid #00acf1;
  color: #00acf1;
}
.buttons---btn---UWIZx.buttons---secondary---Vuuos:hover {
  color: rgb(0, 153.8008298755, 215.5);
  border: 1px solid rgb(0, 153.8008298755, 215.5);
  box-shadow: 1px 1px 5px #d4cec5;
}

.buttons---btn---UWIZx.buttons---borderLess---fkqN2 {
  background: #fff;
  color: #00acf1;
}
.buttons---btn---UWIZx.buttons---borderLess---fkqN2:hover {
  color: rgb(0, 153.8008298755, 215.5);
  box-shadow: 1px 1px 5px #d4cec5;
  border: none;
  background: #e6f8ff;
}

.buttons---btn---UWIZx.buttons---destructive---a4AJX {
  background: #fff;
  border: 1px solid #d0021a;
  color: #d0021a;
}
.buttons---btn---UWIZx.buttons---destructive---a4AJX:hover {
  box-shadow: 1px 1px 5px #d4cec5;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/Toast/Toast.scss ***!
  \*************************************************************************************************************************************************/
.Toast---toastContainer---rNjWu, .Toast---fadeintoastContainer---RsXc2, .Toast---fadeouttoastContainer---PUmCY {
  position: fixed;
  top: 80%;
  left: 50%;
  z-index: 10002;
  background-color: #6f6f6f;
  transform: translateX(-50%);
  padding: 20px;
  color: white;
  border-radius: 5px;
  transition: opacity 1s;
  display: flex;
  align-items: center;
}

.Toast---fadeouttoastContainer---PUmCY {
  opacity: 0;
}

.Toast---fadeintoastContainer---RsXc2 {
  opacity: 1;
}

.Toast---toastContainer---rNjWu button, .Toast---fadeouttoastContainer---PUmCY button, .Toast---fadeintoastContainer---RsXc2 button {
  height: 32px;
  border: 1px solid white;
  border-radius: 2px;
  background: #6f6f6f;
  color: white;
  transition-duration: 100ms;
  font-size: 14px;
  margin: 0 5px;
}
.Toast---toastContainer---rNjWu button:hover, .Toast---fadeouttoastContainer---PUmCY button:hover, .Toast---fadeintoastContainer---RsXc2 button:hover {
  border: none;
  background: white;
  color: #6f6f6f;
  border: 1px solid #6f6f6f;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/dashboard/Card.scss ***!
  \**********************************************************************************************************************************************/
.Card---card---XF2Dw {
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  margin: 16px;
}
.Card---card---XF2Dw:first-child {
  margin-left: 0px;
}
.Card---card---XF2Dw:last-child {
  margin-right: 0px;
}

.Card---quickMoneyDisButton---j30oA {
  font-size: 14px;
  font-weight: 500;
  color: #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  cursor: text;
}

.Card---cardHeader---zeRvx {
  padding: 8px 8px 8px 16px;
  border-bottom: 1px solid #ccc;
  text-align: left;
  min-height: 125px;
  display: flex;
  justify-content: space-between;
  width: 340px;
  position: relative;
}

.Card---cardFooterStatusText---oGx0j {
  font-size: 12px;
  font-weight: 400;
}

.Card---cardFooterBenz---I3jJy {
  background-color: #FFF7EB;
  color: #D98200;
  padding: 2px;
}

.Card---cardHeaderDetails---Wujzq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 99999;
}

.Card---cardHeaderImg---k6DA5 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}

.Card---cardFeatureName---TnT7x {
  width: 50%;
  height: 40%;
}

.Card---cardFeatureNameGap---mxMPj {
  width: 50%;
}

.Card---bharatBenz---wn2_Y {
  font-size: 18;
  font-weight: 700;
}

.Card---cardFeatureSubTitle---u1Wxq {
  font-size: 12px;
  font-weight: 400;
}

.Card---cardFeatureTitle---GuE4f {
  font-size: 18px;
  font-weight: 500;
}

.Card---cardFooter---SIhzO {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  text-align: center;
  background: #FFF;
}

.Card---cardFooter---SIhzO button {
  margin-right: 8px;
}

.Card---spaceBorder---J9kFE {
  padding: 8px 0;
}

.Card---staticNew---rW_g7 {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0px 0px 8px 0px;
  background: #900CCF;
  font-weight: 500;
  color: #FFF;
  width: 29px;
  padding-left: 2px;
  height: 22px;
  font-size: 10px;
}

.Card---staticExclusiveNew---WP3e5 {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0px 0px 8px 0px;
  font-weight: 600;
  color: #FFF;
  font-size: 10px;
  padding: 3px;
  background: linear-gradient(125deg, #1D8844 0%, #1D8844 40%, #FFF 50%, #1D8844 60%, #1D8844 100%);
  background-size: 200% 100%;
  animation: Card---shine---NZAED 3s infinite linear;
}

@keyframes Card---shine---NZAED {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.Card---animation---DOlS9 {
  margin-top: 21px;
}

.Card---overflow---H2ktJ {
  position: absolute;
  right: -20%;
  opacity: 0.1;
}

.Card---move---bRcHd {
  position: relative;
  right: 10px;
  font-size: 12px;
  font-weight: 400;
}

.Card---cardHeaderNbfc---vcU8t {
  border-bottom: 1px solid #ccc;
  text-align: left;
  min-height: 125px;
  display: flex;
  justify-content: space-between;
  width: 340px;
  position: relative;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/Buttons/ButtonsV1.scss ***!
  \*******************************************************************************************************************************************************/
.ButtonsV1---primaryActive---TyXGP, .ButtonsV1---primaryActive---TyXGP:hover, .ButtonsV1---primaryActive---TyXGP:active, .ButtonsV1---primaryActive---TyXGP:focus, .ButtonsV1---primaryDisabled---jkvCr {
  background: #315ED1;
  color: #FFFFFF;
  border-radius: 4px;
  display: flex;
  gap: 12px;
  padding: 9px 12px;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 14px;
}
.ButtonsV1---primaryActive---TyXGP svg, .ButtonsV1---primaryActive---TyXGP:hover svg, .ButtonsV1---primaryActive---TyXGP:active svg, .ButtonsV1---primaryActive---TyXGP:focus svg, .ButtonsV1---primaryDisabled---jkvCr svg {
  height: 14px;
  width: 14px;
}

.ButtonsV1---primaryActive---TyXGP:hover {
  background: #2972E5;
}

.ButtonsV1---primaryActive---TyXGP:active {
  background: #0C3EBD;
}

.ButtonsV1---primaryDisabled---jkvCr, .ButtonsV1---primaryActive---TyXGP:disabled {
  background: #E8EBEF !important;
  color: #5F6772;
  border: none !important;
  pointer-events: none;
  opacity: 1;
  pointer-events: none;
}

.ButtonsV1---primaryDestructive---MpVL0 {
  background: #DC3312 !important;
}

.ButtonsV1---primaryDestructive---MpVL0:hover {
  background: #ED6146;
}

.ButtonsV1---primaryDestructive---MpVL0:active {
  background: #880B0B;
}

.ButtonsV1---primaryDestructive---MpVL0:focus {
  border: 2px solid #FFF0ED;
}

.ButtonsV1---tertiaryActive---mDYpd, .ButtonsV1---tertiaryDestructive---il8By, .ButtonsV1---tertiaryDestructive---il8By:hover, .ButtonsV1---tertiaryDestructive---il8By:active, .ButtonsV1---tertiaryDestructive---il8By.ButtonsV1---focus---FAQqO, .ButtonsV1---tertiaryDisabled---QE6HS, .ButtonsV1---tertiaryActive---mDYpd:disabled, .ButtonsV1---tertiaryDestructive---il8By:disabled, .ButtonsV1---tertiaryActive---mDYpd:hover, .ButtonsV1---tertiaryActive---mDYpd:active, .ButtonsV1---tertiaryActive---mDYpd:focus {
  background: transparent;
  color: #315ED1;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 14px;
}
.ButtonsV1---tertiaryActive---mDYpd svg, .ButtonsV1---tertiaryDestructive---il8By svg, .ButtonsV1---tertiaryDestructive---il8By:hover svg, .ButtonsV1---tertiaryDestructive---il8By:active svg, .ButtonsV1---tertiaryDestructive---il8By.ButtonsV1---focus---FAQqO svg, .ButtonsV1---tertiaryActive---mDYpd:disabled svg, .ButtonsV1---tertiaryDestructive---il8By:disabled svg, .ButtonsV1---tertiaryActive---mDYpd:hover svg, .ButtonsV1---tertiaryActive---mDYpd:active svg, .ButtonsV1---tertiaryActive---mDYpd:focus svg, .ButtonsV1---tertiaryDisabled---QE6HS svg {
  height: 14px;
  width: 14px;
}

.ButtonsV1---tertiaryActive---mDYpd:hover, .ButtonsV1---tertiaryDestructive---il8By:hover, .ButtonsV1---tertiaryDisabled---QE6HS:hover {
  background: #EDF3FF;
}

.ButtonsV1---tertiaryActive---mDYpd:active, .ButtonsV1---tertiaryDestructive---il8By:active, .ButtonsV1---tertiaryDisabled---QE6HS:active {
  color: #0C3EBD;
  background: #B3CCFF;
}

.ButtonsV1---tertiaryDisabled---QE6HS, .ButtonsV1---tertiaryActive---mDYpd:disabled, .ButtonsV1---tertiaryDisabled---QE6HS:disabled, .ButtonsV1---tertiaryDestructive---il8By:disabled {
  background: #E8EBEF !important;
  color: #5F6772;
  border: none !important;
  opacity: 1;
  pointer-events: none;
}

.ButtonsV1---tertiaryDestructive---il8By, .ButtonsV1---tertiaryDestructive---il8By:hover, .ButtonsV1---tertiaryDestructive---il8By:active, .ButtonsV1---tertiaryDestructive---il8By.ButtonsV1---focus---FAQqO {
  color: #DC3312;
}

.ButtonsV1---tertiaryDestructive---il8By:hover {
  background: #FFF0ED;
}

.ButtonsV1---tertiaryDestructive---il8By:active {
  background: #FFBAB1;
}

.ButtonsV1---linkButton---yBRiv, .ButtonsV1---linkButton---yBRiv:disabled, .ButtonsV1---linkButton---yBRiv:disabled:hover, .ButtonsV1---linkButton---yBRiv:hover {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 4px;
  color: #2972E5;
  text-decoration: underline;
  background: transparent;
  border: none;
  border-radius: 2px;
  font-size: 12px;
  cursor: pointer;
}
.ButtonsV1---linkButton---yBRiv svg, .ButtonsV1---linkButton---yBRiv:disabled svg, .ButtonsV1---linkButton---yBRiv:disabled:hover svg, .ButtonsV1---linkButton---yBRiv:hover svg {
  fill: #2972E5;
  height: 14px;
  width: 14px;
}

.ButtonsV1---linkButton---yBRiv:visited {
  color: #6800B9;
}

.ButtonsV1---linkButton---yBRiv:disabled, .ButtonsV1---linkButton---yBRiv:disabled:hover {
  color: #5F6772;
  background: transparent !important;
  border: none !important;
  opacity: 1;
  cursor: not-allowed;
}
.ButtonsV1---linkButton---yBRiv:disabled svg, .ButtonsV1---linkButton---yBRiv:disabled:hover svg {
  fill: #5F6772;
}

.ButtonsV1---secondaryActive---Y9NKx, .ButtonsV1---secondaryDestructive---EcoFg, .ButtonsV1---secondaryDestructive---EcoFg:hover, .ButtonsV1---secondaryDestructive---EcoFg:focus, .ButtonsV1---secondaryDestructive---EcoFg:active, .ButtonsV1---secondaryActive---Y9NKx:hover, .ButtonsV1---secondaryActive---Y9NKx:active, .ButtonsV1---secondaryActive---Y9NKx:focus, .ButtonsV1---secondaryDisabled---hyh5S {
  background: #FFFFFF;
  color: #315ED1;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border: 1px solid #315ED1;
  font-size: 14px;
}
.ButtonsV1---secondaryActive---Y9NKx svg, .ButtonsV1---secondaryDestructive---EcoFg svg, .ButtonsV1---secondaryDestructive---EcoFg:hover svg, .ButtonsV1---secondaryDestructive---EcoFg:focus svg, .ButtonsV1---secondaryDestructive---EcoFg:active svg, .ButtonsV1---secondaryActive---Y9NKx:hover svg, .ButtonsV1---secondaryActive---Y9NKx:active svg, .ButtonsV1---secondaryActive---Y9NKx:focus svg, .ButtonsV1---secondaryDisabled---hyh5S svg {
  height: 14px;
  width: 14px;
}

.ButtonsV1---secondaryActive---Y9NKx:hover, .ButtonsV1---secondaryDestructive---EcoFg:hover {
  background: #EDF3FF;
}

.ButtonsV1---secondaryActive---Y9NKx:active, .ButtonsV1---secondaryDestructive---EcoFg:active {
  background: #EDF3FF;
}

.ButtonsV1---secondaryDisabled---hyh5S, .ButtonsV1---secondaryActive---Y9NKx:disabled, .ButtonsV1---secondaryDestructive---EcoFg:disabled {
  border: 1px solid #E8EBEF !important;
  color: #5F6772;
  background: #bababa !important;
  opacity: 1;
  pointer-events: none;
  cursor: not-allowed;
}
.ButtonsV1---secondaryDisabled---hyh5S:hover, .ButtonsV1---secondaryDisabled---hyh5S:active, .ButtonsV1---secondaryDisabled---hyh5S:focus, .ButtonsV1---secondaryActive---Y9NKx:disabled:hover, .ButtonsV1---secondaryDestructive---EcoFg:disabled:hover, .ButtonsV1---secondaryActive---Y9NKx:disabled:active, .ButtonsV1---secondaryDestructive---EcoFg:disabled:active, .ButtonsV1---secondaryActive---Y9NKx:disabled:focus, .ButtonsV1---secondaryDestructive---EcoFg:disabled:focus {
  background: #bababa !important;
  color: #5F6772 !important;
  border: 1px solid #E8EBEF !important;
  box-shadow: none !important;
}

.ButtonsV1---secondaryDestructive---EcoFg, .ButtonsV1---secondaryDestructive---EcoFg:hover, .ButtonsV1---secondaryDestructive---EcoFg:focus, .ButtonsV1---secondaryDestructive---EcoFg:active {
  color: #DC3312;
  background: #FFFFFF;
  border: 1px solid #DC3312;
}

.ButtonsV1---secondaryDestructive---EcoFg:hover {
  background: #FFF0ED;
}

.ButtonsV1---secondaryDestructive---EcoFg:active {
  background: #FFBAB1;
}

.ButtonsV1---secondaryDestructive---EcoFg:focus {
  border: 2px solid #DC3312;
}

@media (max-width: 1440px) {
  .ButtonsV1---primaryButton---Lz1PW, .ButtonsV1---primaryDisabled---jkvCr, .ButtonsV1---primaryActive---TyXGP:disabled, .ButtonsV1---primaryDestructive---MpVL0, .ButtonsV1---primaryDestructive---MpVL0:hover, .ButtonsV1---primaryDestructive---MpVL0:active, .ButtonsV1---primaryDestructive---MpVL0:focus, .ButtonsV1---primaryButton---Lz1PW:hover, .ButtonsV1---primaryButton---Lz1PW:active, .ButtonsV1---primaryButton---Lz1PW:focus, .ButtonsV1---primaryButton---Lz1PW:disabled {
    padding: 12px 16px;
  }
  .ButtonsV1---secondaryButton---W26Uy, .ButtonsV1---secondaryDisabled---hyh5S, .ButtonsV1---secondaryActive---Y9NKx:disabled, .ButtonsV1---secondaryDestructive---EcoFg:disabled, .ButtonsV1---secondaryButton---W26Uy:hover, .ButtonsV1---secondaryButton---W26Uy:active, .ButtonsV1---secondaryButton---W26Uy:focus, .ButtonsV1---secondaryButton---W26Uy:disabled {
    padding: 12px 16px;
  }
  .ButtonsV1---linkButton---yBRiv, .ButtonsV1---linkButton---yBRiv:disabled, .ButtonsV1---linkButton---yBRiv:disabled:hover, .ButtonsV1---linkButton---yBRiv:hover {
    padding: 0 0;
  }
}
.ButtonsV1---tertiaryV2Btn---sFrQV {
  background: #EDF3FF;
  color: #315ED1 !important;
  text-align: center;
  border: none !important;
}
.ButtonsV1---tertiaryV2Btn---sFrQV:hover {
  background: #EDF3FF;
}
.ButtonsV1---tertiaryV2Btn---sFrQV:active {
  background: #B3CCFF;
  color: #0C3EBD !important;
  font-weight: 700;
}

.ButtonsV1---secondaryNotClicked---HK6ve {
  display: flex;
  height: 36px;
  padding: 8px 12px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #CACED3;
  background: #FFFFFF;
  color: #323841;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ButtonsV1---secondaryNotClicked---HK6ve:hover {
  color: #323841;
  border: 1px solid #5F6772;
  background: #F3F5F8;
}

.ButtonsV1---secondaryClicked---FxJFg {
  display: flex;
  height: 36px;
  padding: 8px 12px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #315ED1;
  background: #EDF3FF;
  color: #323841;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ButtonsV1---secondaryClicked---FxJFg:hover {
  color: #323841;
  border: 1px solid #315ED1;
  background: #EDF3FF;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/ErrorComponent.scss ***!
  \****************************************************************************************************************************************************/
.ErrorComponent---centerFlex---z_5ja {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 85vh;
  margin-top: 20px;
  padding: 0 20vw;
  gap: 22px;
}
@media (max-width: 500px) {
  .ErrorComponent---centerFlex---z_5ja {
    padding: 0 6vw;
  }
}

.ErrorComponent---boldTitle---s1A9M {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.ErrorComponent---footerFlex---p2vkD {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding-top: 15px;
}
@media (max-width: 500px) {
  .ErrorComponent---footerFlex---p2vkD {
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }
  .ErrorComponent---footerFlex---p2vkD > button {
    width: 100%;
  }
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/RevMaxDashboardMobile.scss ***!
  \***********************************************************************************************************************************************************************/
body {
  max-width: unset !important;
  margin: 0 !important;
  color: #4a4a4a !important;
  overflow-y: scroll;
  font-size: 1rem !important;
  position: relative !important;
  min-height: 100vh !important;
  overflow-x: auto !important;
  min-width: 100vw !important;
}

.RevMaxDashboardMobile---container---SxErm {
  margin: 60px auto 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow-x: hidden !important;
  max-width: 1280px;
  padding: 0 1em;
  margin-bottom: 30px;
}

.RevMaxDashboardMobile---pageContainer---Fra65 {
  background-color: #E7EBEF;
  min-height: 100vh;
  min-width: 100vw;
  height: 100%;
  width: 100%;
  font-family: Inter, sans-serif;
}

.RevMaxDashboardMobile---contentContainer---Hmc3a {
  padding: 16px;
}

.RevMaxDashboardMobile---headerContainer---_KMyi {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: white;
  padding: 16px;
}

.RevMaxDashboardMobile---boldBigText---NZGWw {
  font-weight: 700;
  font-size: 24px;
  color: #202124;
}

.RevMaxDashboardMobile---noDataText---qIjpr {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  font-weight: 600;
}

.RevMaxDashboardMobile---flexContainer---s_o3d {
  display: flex;
  align-items: center;
}

.RevMaxDashboardMobile---overFlowXHandler---c7aHH {
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.RevMaxDashboardMobile---overFlowXHandler---c7aHH::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.RevMaxDashboardMobile---boldSubTitleText---Yu1ye {
  font-weight: 700;
  font-size: 18px;
}

.RevMaxDashboardMobile---dottedLine---hPoN3 {
  border-bottom: 2px dotted #CACED3;
  width: 100%;
  height: 0;
  margin: auto;
}

.RevMaxDashboardMobile---legend---o0mBl {
  display: flex;
  align-items: center;
  gap: 8px;
}

.RevMaxDashboardMobile---legendOuterContainer---ynL1q {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: white;
  gap: 10px;
  margin: 10px 0;
}

.RevMaxDashboardMobile---legendContainer---Rjp2q {
  padding-right: 29px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  align-self: end;
}

.RevMaxDashboardMobile---dynamicContainer---sK9nY {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 30px;
}
.RevMaxDashboardMobile---dynamicContainer---sK9nY > div {
  width: 3px;
  height: 3px;
  transform: rotate(5deg);
}

.RevMaxDashboardMobile---legendIconContainer---mkFI1 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 30px;
}

.RevMaxDashboardMobile---square---VNIic {
  width: 3px;
  height: 3px;
  background-color: #979797;
  transform: rotate(5deg);
}

.RevMaxDashboardMobile---orangeSquare---w4o6u {
  width: 3px;
  height: 3px;
  background-color: #F5C242;
  transform: rotate(5deg);
}

.RevMaxDashboardMobile---orangeContainer---LosHr {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 15px;
  background: #FF7F50;
  height: 5px;
}

.RevMaxDashboardMobile---dateTitleInInsightCard---ojrS5 {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -1%;
  color: #5F6772;
}

.RevMaxDashboardMobile---insightContainer---_zTQ6 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 16px 16px 0 16px;
}

.RevMaxDashboardMobile---labelText---A6Zwc {
  font-weight: 400;
  font-size: 16px;
}

.RevMaxDashboardMobile---filterHeader---_5L5s {
  background-color: #323841;
  color: white;
}

.RevMaxDashboardMobile---filterFooter---u7w09 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 17px;
  gap: 20px;
}

.RevMaxDashboardMobile---searchDropdownContainer---Un_fE {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.RevMaxDashboardMobile---boldText---cf_WX {
  font-weight: 700;
  font-size: 14px;
}

.RevMaxDashboardMobile---filterSearchContainer---UIJ1E {
  display: flex;
  gap: 30px;
  flex-direction: column;
  margin: 10px 17px 134px 17px;
}

.RevMaxDashboardMobile---filterInnerContainer---guMfD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 17px;
}

.RevMaxDashboardMobile---applyButton---Dk5R7, .RevMaxDashboardMobile---applyButton---Dk5R7:hover {
  width: 100%;
  height: 40px;
  border: none;
  background-color: #315ED1;
  color: white;
}

.RevMaxDashboardMobile---closeButton---vFhEB, .RevMaxDashboardMobile---closeButton---vFhEB:hover {
  color: #315ED1;
  background-color: white;
  border: 1px solid #315ED1;
  width: 100%;
  height: 40px;
}

.RevMaxDashboardMobile---filterHeaderText---CcCu_ {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.RevMaxDashboardMobile---clearAllButton---SUE89 {
  color: #B0B6BE;
  background-color: #323841;
  border: none;
  transition: color 0.2s, background-color 0.2s;
}

.RevMaxDashboardMobile---clearAllButton---SUE89:hover {
  color: #ffffff;
  background-color: #323841;
  border: none;
}

.RevMaxDashboardMobile---sdSelected---NSQFs {
  color: #FFBAB1;
}

.RevMaxDashboardMobile---optionsContainer---nV338 {
  margin: 10px 0;
}

.RevMaxDashboardMobile---flexColumn---n3CgF {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.RevMaxDashboardMobile---carouselContainer---Sot7B {
  margin-top: 10px;
  display: flex;
  gap: 16px;
  align-items: center;
  flex-direction: column;
}

.RevMaxDashboardMobile---roundRedButton---HK6Hq {
  position: absolute;
  top: -5px;
  right: -5px;
  background: red;
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  z-index: 1;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/newDynamicPricing/WhiteCard.scss ***!
  \***********************************************************************************************************************************************************/
.WhiteCard---outerContainer---dgFwt {
  background-color: white;
  border-radius: 8px;
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/tag/Tag.scss ***!
  \*********************************************************************************************************************************************/
.Tag---tag---wChFP {
  padding: 2px 8px;
  font-size: 12px;
  margin-right: 4px;
  display: inline-block;
  display: flex;
  align-items: center;
  gap: 2px;
}

.Tag---BLUE---JHpxS {
  background-color: #EDF3FF;
  border-left: 2px solid #315ED1;
}

.Tag---PURPLE---UWL3E {
  border-radius: 4px;
  background: #F6EBFF;
  color: #A43CF5;
}

.Tag---ORANGE---ojbox {
  background-color: #FFF7EB;
  color: #D98200;
}

.Tag---GREEN---W1b9M {
  background-color: #EBFFF2;
  color: #1D8844;
}

.Tag---RED---v7d22 {
  background-color: #FFF0ED;
  color: #DC3312;
}

.Tag---GRAY---N3GfZ {
  background-color: #F3F5F8;
  color: #323841;
}

.Tag---TURQUOISE---W9Ns1 {
  background-color: #E9F7FF;
  color: #0098EE;
}

.Tag---VIOLET---xwiAu {
  background-color: #F6EBFF;
  color: #A43CF5;
}

.Tag---light_RED---VRd9r {
  color: #DC3312;
}

.Tag---iconTag---Obhgw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  gap: 8px;
  border-radius: 8px;
}

.Tag---lightOrange---o1FIx {
  background: #FFF7EB;
  border-left: 2px solid #D98200;
  color: #323841;
}

.Tag---green---WyRHG {
  background: #EBFFF2;
  border-left: 2px solid #1D8844;
  color: #323841;
}

.Tag---greenFullWidth---EKCeS {
  background: #EBFFF2;
  border-left: 2px solid #1D8844;
  color: #323841;
  width: 80vw;
}

@media (max-width: 450px) {
  .Tag---greenFullWidth---EKCeS {
    width: auto;
  }
}
.Tag---darkOrange---XgDkt {
  background: #B16A00;
  border-left: 2px solid #D98200;
  color: #fff;
}

.Tag---tagContainer---ZSegy {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
}

.Tag---crossIcon---X9Y6l {
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
  flex-grow: 0;
}

.Tag---redNewDot---uYYzA {
  display: flex;
  width: 2px;
  padding: 4px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #DC3312;
  transition: width 100ms;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(2px, -50%);
  z-index: 1;
}
.Tag---redNewDot---uYYzA span {
  font-size: 8px;
  color: white;
  font-weight: 600;
  display: none;
  line-height: 8px;
}

.Tag---redNewDot---uYYzA:hover {
  width: 24px;
  padding: 4px 8px;
  transition: width 100ms;
}
.Tag---redNewDot---uYYzA:hover span {
  width: 24px;
  display: block;
  height: 10px;
}

.Tag---fixedRedNewDot---q9_IL {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #DC3312;
}
.Tag---fixedRedNewDot---q9_IL span {
  font-size: 8px;
  color: white;
  font-weight: 600;
}

.Tag---iconColor---WNBs_ {
  color: #5F6772;
  font-size: 14px;
  font-weight: 700;
  background: #EBFFF2;
}

.Tag---textContainer---ZFaVG {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/EdgeCaseComponents/NoDataComponent.scss ***!
  \************************************************************************************************************************************************************************/
.NoDataComponent---noDataContainer---Y65ns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.NoDataComponent---title---ozKuH {
  font-size: 18px;
  font-weight: 600;
  color: black;
}

.NoDataComponent---message---iixuc {
  font-size: 14px;
  font-weight: 400;
  color: #323841;
}

.NoDataComponent---withBackground---YmsBh {
  background-color: #FFFFFF;
  border: 1px solid #CACED3;
  padding: 14px;
  border-radius: 8px;
}

@media screen and (max-width: 767px) {
  .NoDataComponent---title---ozKuH {
    text-align: center;
  }
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/RedDealBanner.scss ***!
  \*********************************************************************************************************************************************/
.RedDealBanner---adPopupBG---znqDs {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 9999998;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.RedDealBanner---modalBackDrop---jtGEy {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  z-index: 9999998;
  pointer-events: none;
  overflow: hidden;
}

.RedDealBanner---popupBanner---NIcYm {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 9999999;
  background-color: #E7EBEF;
  border-radius: 16px;
  width: 800px;
  overflow-y: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  max-height: 90%;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}

.RedDealBanner---headerBanner---FsUOD {
  width: 100%;
  padding-top: 10px;
}

.RedDealBanner---headingBannerIntro---ZztGM {
  background: #1D8844;
  color: #FFFFFF;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  width: fit-content;
  margin: 0 auto;
}

.RedDealBanner---headingBanner---S6mT0 {
  background-image: linear-gradient(to right, #E01616, #FDAC28);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 32px;
  font-weight: 600;
  width: fit-content;
  margin: 0 auto;
}

.RedDealBanner---confettiContainer---pHP2n {
  position: absolute;
  z-index: 999999;
  top: 5%;
  left: 20%;
  pointer-events: none;
}

.RedDealBanner---bannerContainer---rqRIo {
  display: flex;
  gap: 15px;
  padding: 30px;
}

.RedDealBanner---crossIcon---ryhAN {
  width: 30px;
  cursor: pointer;
  float: right;
  margin-right: 15px;
}

.RedDealBanner---footerContainer---ENwDg {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 65%;
  margin-bottom: 10px;
}

.RedDealBanner---singleButton---_ZfNN {
  display: flex;
  align-items: center;
  justify-content: center;
}

.RedDealBanner---noScroll---yXC_W {
  height: 100%;
  overflow: hidden;
}

.RedDealBanner---bannerContent---YH3hJ {
  overflow: scroll;
}

.RedDealBanner---checkBox---REly1 {
  display: flex;
}
.RedDealBanner---checkBox---REly1 :nth-child(2) {
  margin-left: 10px;
}

@media (max-width: 768px) {
  .RedDealBanner---popupBanner---NIcYm {
    width: calc(100vw - 32px);
    max-width: 100%;
    margin: 16px;
    margin-top: 60px;
    padding-top: 8px;
    padding-bottom: 16px;
    border-radius: 12px;
    max-height: calc(100vh - 80px);
  }
  .RedDealBanner---headerBanner---FsUOD {
    padding-top: 8px;
  }
  .RedDealBanner---headingBannerIntro---ZztGM {
    font-size: 10px;
    padding: 2px 6px;
  }
  .RedDealBanner---headingBanner---S6mT0 {
    font-size: 24px;
  }
  .RedDealBanner---confettiContainer---pHP2n {
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .RedDealBanner---confettiContainer---pHP2n > div {
    width: 280px !important;
    height: 280px !important;
  }
  .RedDealBanner---bannerContainer---rqRIo {
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding: 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .RedDealBanner---bannerContainer---rqRIo::-webkit-scrollbar {
    display: none;
  }
  .RedDealBanner---bannerContainer---rqRIo > div {
    flex: 0 0 auto;
    width: 200px;
    min-width: 200px;
    scroll-snap-align: center;
  }
  .RedDealBanner---crossIcon---ryhAN {
    width: 24px;
    margin-right: 10px;
  }
  .RedDealBanner---footerContainer---ENwDg {
    width: 100%;
    flex-direction: column;
    gap: 12px;
    padding: 0 16px;
  }
  .RedDealBanner---singleButton---_ZfNN {
    padding: 0 16px;
  }
  .RedDealBanner---singleButton---_ZfNN a {
    width: 100%;
  }
  .RedDealBanner---singleButton---_ZfNN a button {
    width: 100%;
  }
  .RedDealBanner---checkBox---REly1 {
    justify-content: center;
  }
  .RedDealBanner---checkBox---REly1 label {
    font-size: 14px;
  }
  .RedDealBanner---bannerContent---YH3hJ {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/GradienBanner.scss ***!
  \*********************************************************************************************************************************************/
.GradienBanner---gradientBanner---PDSuC {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: 10px;
  padding: 2.5em 1em;
  flex: 1;
  border-radius: 16px;
}

.GradienBanner---headerText---IEa3u {
  font-weight: 600;
  padding: 0px 10px;
  line-height: 20px;
}

.GradienBanner---descriptionText---DFinS {
  font-size: 14px;
  padding: 0px 10px;
  line-height: 1.3em;
}

.GradienBanner---lightOrange---iaBsK {
  border: 1px solid #EFCDAD;
  background: linear-gradient(180deg, #FFF 0%, #FFEFDF 100%);
}

.GradienBanner---lightGreen---IKk31 {
  border: 1px solid #A9D78D;
  background: linear-gradient(180deg, #FFF 0%, #E8FFE4 100%);
}

.GradienBanner---lightYellow---E5CxC {
  border: 1px solid #D9C973;
  background: linear-gradient(180deg, #FFF 0%, #FFF8D0 100%);
}

.GradienBanner---coloredHeader---bsuxp {
  width: 100%;
  color: #8E5500;
  font-weight: 500;
  background: linear-gradient(270deg, #FAFCFF 0%, #F2E288 100%);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  font-size: 14px;
  padding: 4px 8px;
  top: 0;
  right: 0;
  position: absolute;
}

.GradienBanner---gradientAnimation---ffBv7 {
  margin-top: 20px;
  padding: 0 10px;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/QuickFundBanner.scss ***!
  \***********************************************************************************************************************************************/
.QuickFundBanner---adPopupBG---zB3pB {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 9999998;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .QuickFundBanner---adPopupBG---zB3pB {
    align-items: center;
  }
}

.QuickFundBanner---adPopupBGFlyer---PNlb_ {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 9999998;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: auto;
}

.QuickFundBanner---modalBackDrop---btP2f {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000000;
  opacity: 0.5;
  z-index: 9999998;
  pointer-events: none;
}

.QuickFundBanner---modalBackDropFlyer---gkaVC {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 9999998;
  pointer-events: none;
  overflow: hidden;
  overflow-y: auto;
}

.QuickFundBanner---popupBanner---rDqYX {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 9999999;
  background-color: #E7EBEF;
  max-height: 90%;
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .QuickFundBanner---popupBanner---rDqYX {
    max-width: calc(100vw - 32px);
    margin-top: 0;
    max-height: 80vh;
  }
  .QuickFundBanner---popupBanner---rDqYX > div {
    max-width: 100%;
  }
  .QuickFundBanner---popupBanner---rDqYX > div > a {
    display: block;
  }
  .QuickFundBanner---popupBanner---rDqYX > div > a > div {
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto;
  }
}

.QuickFundBanner---cross---PZXDN {
  position: absolute;
  top: 3px;
  right: 4px;
  width: 30px;
  cursor: pointer;
  z-index: 10;
  color: #FFFFFF;
}
.QuickFundBanner---cross---PZXDN svg {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.QuickFundBanner---bannerContent---LpnDb {
  position: relative;
}
@media (max-width: 768px) {
  .QuickFundBanner---bannerContent---LpnDb {
    max-width: 100%;
    overflow: hidden;
  }
  .QuickFundBanner---bannerContent---LpnDb > a > div {
    width: 100% !important;
    max-width: 320px !important;
  }
}

.QuickFundBanner---outerCircleClose---vq38W {
  padding: 8px;
  background: #FFF;
  border-radius: 100px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 4px;
  width: 30px;
  z-index: 10;
  color: #FFFFFF;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Account.scss ***!
  \***************************************************************************************************************************************/
.Account---head---pDOnq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaa;
  margin-bottom: 2em;
  font-weight: bold;
}

.Account---card---yR0tg {
  background: #fff;
  margin: 8px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px 0 #d0d0d0;
  width: 800px;
  margin: auto;
}

.Account---item---hEZ_f {
  padding: 0.7em;
}

.Account---item---hEZ_f:nth-child(even) {
  background: #f7f7f7;
}

.Account---item---hEZ_f div:nth-child(1) {
  display: inline-block;
  width: 50%;
  padding-left: 20%;
}

.Account---item---hEZ_f div:nth-child(2) {
  display: inline-block;
  width: 50%;
  text-align: left;
  font-weight: bold;
  word-wrap: break-word;
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/PaddedBody.scss ***!
  \******************************************************************************************************************************************/
.PaddedBody---body---wfP2k {
  padding: 1em 0;
}

@media screen and (max-width: 0) {
  .PaddedBody---body---wfP2k {
    padding: 0;
  }
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/LoggedIn.scss ***!
  \****************************************************************************************************************************************/
.LoggedIn---main---YCRF4, .LoggedIn---fullscreen---JknFk {
  margin-left: 66px;
  /* margin-right: 3%; */
  overflow-x: hidden;
  min-height: 100vh;
  overflow: visible;
  min-width: 1200px;
  background: #E7EBEF;
}

.LoggedIn---main---YCRF4 > div {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 5em;
}

.LoggedIn---main---YCRF4 > section {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 5em;
}

.LoggedIn---responsiveBg---wMOiA > div {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 5em;
}

.LoggedIn---responsiveBg---wMOiA > section {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 5em;
}

.LoggedIn---padd---Ofa_Y {
  padding: 0 30px;
  margin-bottom: 1em;
}

.LoggedIn---margin---MK8Ik {
  margin-top: 3em;
}

.LoggedIn---marginExtra---RSxp3 {
  margin-top: 8px;
  margin-top: 3.3em;
}

.LoggedIn---marginExtra---RSxp3 {
  margin-top: 8px;
  margin-top: 3.3em;
}

.LoggedIn---bulkEmailerPopup---rmo_u {
  z-index: 1002;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 60%;
  height: 50%;
}

.LoggedIn---ybMain---OQTpc {
  margin-left: 0;
  margin-right: 0;
  background: #E7EBEF;
  padding-left: 9%;
  padding-right: 3%;
  min-height: 100vh;
}

.LoggedIn---slAdsMain---O4gJv {
  margin-left: 66px;
  margin-right: 0;
  background: #E7EBEF;
  min-height: 100vh;
  margin-top: 3em;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .LoggedIn---slAdsMain---O4gJv {
    margin-left: 0;
  }
}

.LoggedIn---dpMain---Mr9mV {
  margin-left: 15vw;
  background: #E2E6EF;
  width: 84vw;
  margin-top: 2em;
  min-width: 1120px;
}
@media screen and (max-width: 767px) {
  .LoggedIn---dpMain---Mr9mV {
    margin-left: 0;
    width: 100%;
    min-width: auto;
  }
}

.LoggedIn---tripReward---vRAIu {
  display: inline-flex;
  padding-bottom: 6%;
  flex-direction: column;
  align-items: flex-end;
  background: #E7EBEF;
  gap: 10px;
  margin-right: 0;
  padding-left: 7%;
  padding-right: 5%;
  min-height: 100vh;
  margin-left: 0;
  width: 100%;
}

.LoggedIn---routeSugg---pD3lc {
  background: #E7EBEF;
  padding-left: 7%;
  padding-right: 3%;
  min-height: 100vh;
  margin-left: 0;
  margin-top: 2em;
  margin-right: 0;
}

.LoggedIn---rev---wkFcG > div {
  max-width: 1280px;
}

.LoggedIn---responsiveBg---wMOiA {
  margin-left: 4rem;
  /* margin-top: 1.2em; */
  /* min-height: 80vh; */
  overflow-x: hidden;
  /* overflow: visible; */
  background-color: #E7EBEF;
  overflow-x: hidden !important;
}

/* NBFC page: white background for full scroll height (overrides .responsiveBg grey) */
.LoggedIn---nbfcPageWhite---jcedt {
  background-color: #FFFFFF !important;
}

@media screen and (max-width: 0) {
  /* .main should keep min-width to force desktop view */
  /* Only .responsiveBg pages should be responsive */
  .LoggedIn---ybMain---OQTpc {
    padding-left: 0;
    padding-right: 0;
  }
  body {
    min-width: auto;
  }
  .LoggedIn---margin---MK8Ik {
    margin: 3.2em 0 0 0;
  }
  .LoggedIn---responsiveBg---wMOiA {
    height: auto;
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .LoggedIn---responsiveBg---wMOiA {
    height: auto;
    min-height: 100vh;
  }
}
/* Small Phones - most modern smartphones */
@media (max-width: 767.98px) {
  /* .main keeps min-width: 1200px to force desktop view on mobile */
  /* Only margin-left is removed since sidenav is hidden */
  .LoggedIn---main---YCRF4 {
    margin-left: 0;
  }
  .LoggedIn---main---YCRF4 > div {
    padding: 0 10px;
  }
  .LoggedIn---main---YCRF4 > section {
    padding: 0 10px;
  }
  /* .responsiveBg is for pages that SHOULD be responsive on mobile */
  .LoggedIn---responsiveBg---wMOiA {
    margin-left: 0;
    min-width: auto;
  }
  .LoggedIn---responsiveBg---wMOiA > div {
    padding: 0 !important;
  }
}
/* Medium Devices - tablets in portrait/landscape */
@media (min-width: 768px) and (max-width: 991.98px) {
  .LoggedIn---main---YCRF4 > div {
    padding: 0 1em !important;
  }
  .LoggedIn---main---YCRF4 > section {
    padding: 0 1em !important;
  }
  .LoggedIn---responsiveBg---wMOiA > div {
    padding: 0 1em !important;
  }
}
@media (max-width: 1440px) {
  .LoggedIn---main---YCRF4 > div {
    max-width: 1280px;
  }
  .LoggedIn---main---YCRF4 > section {
    max-width: 1280px;
  }
  .LoggedIn---responsiveBg---wMOiA > div {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .LoggedIn---main---YCRF4 > div {
    max-width: 1726px;
  }
  .LoggedIn---main---YCRF4 > section {
    max-width: 1726px;
  }
  .LoggedIn---responsiveBg---wMOiA > div {
    max-width: 1726px;
  }
}
/* 16" Laptops or iMacs */
@media (min-width: 1600px) and (max-width: 1919.98px) {
  .LoggedIn---main---YCRF4 > div {
    max-width: 1726px;
  }
  .LoggedIn---main---YCRF4 > section {
    max-width: 1726px;
  }
  .LoggedIn---responsiveBg---wMOiA > div {
    max-width: 1726px;
  }
}
/* Large TVs / 4K Displays */
@media (min-width: 1920px) {
  .LoggedIn---main---YCRF4 > div {
    max-width: 1726px;
  }
  .LoggedIn---main---YCRF4 > section {
    max-width: 1726px;
  }
  .LoggedIn---responsiveBg---wMOiA > div {
    max-width: 1726px;
  }
}
/* Mobile overlay for closing side menu when clicking outside */
.LoggedIn---sideMenuOverlay---s1qm1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 4; /* Below sidenav (z-index: 99999 when open) but above main content */
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/SessionExpired.scss ***!
  \**********************************************************************************************************************************************/
.SessionExpired---userAddNewTop---Mmg51 {
  width: 490px;
  margin: 0 auto;
}

.SessionExpired---sessionExpired---JRtOJ {
  font-size: 18px;
  color: #01387B;
  font-weight: 600;
}

.SessionExpired---sessionMsg---hzbMc {
  margin-top: 20px;
  font-size: 14px;
  color: #01387B;
}

.SessionExpired---sessionExpContainer---_Kp_Y {
  display: flex;
  padding: 10px;
}

.SessionExpired---userSessionExp---v3PeX {
  padding: 0 10px;
}

.SessionExpired---sessionExpFooter---x_D5V {
  display: flex;
  justify-content: flex-end;
}

.SessionExpired---loginOkay---Mz1YI {
  margin-top: 20px;
  background: #00ACF1;
  font-size: 12px;
  color: #FFFFFF;
  width: 100px;
  height: 30px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/PrimoFeedbackPopup.scss ***!
  \**************************************************************************************************************************************************/
.PrimoFeedbackPopup---popupContainer---Ahsbt {
  height: auto;
  padding: 16px;
}

.PrimoFeedbackPopup---primoIconContainer---oNsca {
  text-align: center;
  margin: 16px;
  display: flex;
  align-items: flex-start;
}
.PrimoFeedbackPopup---primoIconContainer---oNsca > img {
  width: auto;
}

.PrimoFeedbackPopup---riseImg---wkkan {
  height: 42px;
  flex-grow: 10;
  object-fit: contain;
  margin-bottom: 12px;
}

.PrimoFeedbackPopup---primoImg---Y_xIE {
  height: 54px;
  flex-grow: 10;
  object-fit: contain;
}

.PrimoFeedbackPopup---primoPopUpClose---WgWgL {
  margin-left: auto;
  cursor: pointer;
}

.PrimoFeedbackPopup---feedbackLabel---oMscm {
  font-size: 16px;
  font-weight: 600;
  margin: 16px;
  text-align: center;
}

.PrimoFeedbackPopup---ratingContainer---mjZ6K {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px;
}

.PrimoFeedbackPopup---rating---C4t0K {
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  padding: 6px 10px;
  margin: 4px;
  cursor: pointer;
  height: 32px;
}

.PrimoFeedbackPopup---selectedRating---v3jrD.PrimoFeedbackPopup---bad---KtpRt, .PrimoFeedbackPopup---rating---C4t0K.PrimoFeedbackPopup---bad---KtpRt:hover {
  box-shadow: 0px 0px 4px 0px #db3838;
  background-color: #DB3838;
  color: white;
}

.PrimoFeedbackPopup---selectedRating---v3jrD.PrimoFeedbackPopup---good---g0Mhw, .PrimoFeedbackPopup---rating---C4t0K.PrimoFeedbackPopup---good---g0Mhw:hover {
  box-shadow: 0px 0px 4px 0px #F8A215;
  background-color: #F8A215;
  color: white;
}

.PrimoFeedbackPopup---selectedRating---v3jrD.PrimoFeedbackPopup---veryGood---E_nmb, .PrimoFeedbackPopup---rating---C4t0K.PrimoFeedbackPopup---veryGood---E_nmb:hover {
  box-shadow: 0px 0px 4px 0px #02B875;
  background-color: #02B875;
  color: white;
}

.PrimoFeedbackPopup---bad---KtpRt {
  color: #DB3838;
  border: 2px solid #DB3838;
}

.PrimoFeedbackPopup---good---g0Mhw {
  color: #F8A215;
  border: 2px solid #F8A215;
}

.PrimoFeedbackPopup---veryGood---E_nmb {
  color: #02B875;
  border: 2px solid #02B875;
}

.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6 {
  background-color: white;
  border: none;
  font-size: 16px;
  text-align: center;
  height: 24px;
}
.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6 > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.PrimoFeedbackPopup---emoji---SHBDh {
  height: 24px;
  width: 24px;
  margin-left: 4px;
}

.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6.PrimoFeedbackPopup---good---g0Mhw {
  color: #F8A215;
}
.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6.PrimoFeedbackPopup---good---g0Mhw .PrimoFeedbackPopup---emoji---SHBDh {
  background-image: url(/icons/satisfied_emoji.svg?6cabb0c9df5d6f0bf432);
}

.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6.PrimoFeedbackPopup---bad---KtpRt {
  color: #DB3838;
}
.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6.PrimoFeedbackPopup---bad---KtpRt .PrimoFeedbackPopup---emoji---SHBDh {
  background-image: url(/icons/disappointed_emoji.svg?7dc03731ba1e5ba3a84e);
}

.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6.PrimoFeedbackPopup---veryGood---E_nmb {
  color: #02B875;
}
.PrimoFeedbackPopup---selectedRatingDetails---I_GJ6.PrimoFeedbackPopup---veryGood---E_nmb .PrimoFeedbackPopup---emoji---SHBDh {
  background-image: url(/icons/very_satisfied_emoji.svg?9826c8311e5a6e61e950);
}

.PrimoFeedbackPopup---primoComment---J58hw {
  width: 100%;
  padding: 4px;
  font-size: 14px;
  height: 64px;
}

.PrimoFeedbackPopup---buttonContainer---jeM5j {
  margin: 20px 16px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.PrimoFeedbackPopup---buttonContainer---jeM5j > button, .PrimoFeedbackPopup---buttonContainer---jeM5j > span {
  margin-left: 4px;
}

.PrimoFeedbackPopup---imageContainer---fvjdH {
  background-size: 100%;
  width: 62px;
  height: 62px;
  margin: 16px auto;
}

.PrimoFeedbackPopup---loader---YuCnI {
  background-image: url(/icons/preloader.gif?18dd1c198a2a917efa9a);
}

.PrimoFeedbackPopup---success---aZSQi {
  background-image: url(/icons/CST/successCSTAdd.svg?112b900b093e7158c6ce);
}

.PrimoFeedbackPopup---failure---Aeiau {
  background-image: url(/icons/CST/cstFailure.svg?802e4d73df315b633855);
}

.PrimoFeedbackPopup---primoComment---J58hw::-webkit-scrollbar {
  width: 5px;
}

.PrimoFeedbackPopup---primoComment---J58hw::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.6);
}

.PrimoFeedbackPopup---okayBtn---vFRIP {
  display: block;
  margin: 0 auto;
}

.PrimoFeedbackPopup---textAreaContainer---YKFDp {
  position: relative;
  margin: 16px;
  width: calc(100% - 32px);
}

.PrimoFeedbackPopup---charLeft---gFE3H {
  position: absolute;
  bottom: -12px;
  right: 4px;
  font-size: 12px;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/tooltip/ToolTipV2.scss ***!
  \*******************************************************************************************************************************************************/
.ToolTipV2---toolTip---mkBkn, .ToolTipV2---leftToolTip---CiGHU, .ToolTipV2---rightToolTip---bJ0ZY {
  position: absolute;
  padding: 5px;
  min-width: 200px;
  height: auto;
  box-shadow: 0px 0px 20px 0 var(--shadowColor);
  display: none !important;
  background-color: var(--backgroundColor);
  color: var(--textColor);
  z-index: 10;
  border-radius: 2px;
  text-align: left;
  padding: 5px;
}

.ToolTipV2---bottomToolTip---gIBDY.ToolTipV2---rightToolTip---bJ0ZY::after {
  border-color: transparent transparent var(--backgroundColor) var(--backgroundColor);
  left: 0;
  bottom: 96%;
}

.ToolTipV2---bottomToolTip---gIBDY.ToolTipV2---leftToolTip---CiGHU::after {
  border-color: transparent var(--backgroundColor) var(--backgroundColor) transparent;
  right: 0;
  bottom: 96%;
}

.ToolTipV2---topToolTip---UixCi.ToolTipV2---rightToolTip---bJ0ZY::after {
  border-color: var(--backgroundColor) transparent transparent var(--backgroundColor);
  left: 0;
  top: 96%;
}

.ToolTipV2---topToolTip---UixCi.ToolTipV2---leftToolTip---CiGHU::after {
  border-color: var(--backgroundColor) var(--backgroundColor) transparent transparent;
  right: 0;
  top: 96%;
}

.ToolTipV2---toolTipTriangle---D2CO6, .ToolTipV2---bottomToolTip---gIBDY.ToolTipV2---rightToolTip---bJ0ZY::after, .ToolTipV2---bottomToolTip---gIBDY.ToolTipV2---leftToolTip---CiGHU::after, .ToolTipV2---topToolTip---UixCi.ToolTipV2---rightToolTip---bJ0ZY::after, .ToolTipV2---topToolTip---UixCi.ToolTipV2---leftToolTip---CiGHU::after {
  content: "";
  position: absolute;
  box-shadow: -8px 0px 5px -5px var(--shadowColor);
  z-index: 20;
  border-width: 5px;
  border-style: solid;
}

.ToolTipV2---toolTipContainerDark---MUwnx:hover > .ToolTipV2---toolTip---mkBkn, .ToolTipV2---toolTipContainerDark---MUwnx:hover > .ToolTipV2---leftToolTip---CiGHU, .ToolTipV2---toolTipContainerDark---MUwnx:hover > .ToolTipV2---rightToolTip---bJ0ZY, .ToolTipV2---toolTipContainer---BKb0r:hover > .ToolTipV2---toolTip---mkBkn, .ToolTipV2---toolTipContainer---BKb0r:hover > .ToolTipV2---leftToolTip---CiGHU, .ToolTipV2---toolTipContainer---BKb0r:hover > .ToolTipV2---rightToolTip---bJ0ZY {
  display: block !important;
}

.ToolTipV2---toolTipContainer---BKb0r {
  position: relative;
  --backgroundColor: #fff;
  --textColor: #4a4a4a;
  --shadowColor: #d0d0d0;
}

.ToolTipV2---toolTipContainerDark---MUwnx {
  position: relative;
  --backgroundColor: #282828;
  --textColor: #f5f5f5;
  --shadowColor: #3f3f3f;
}

.ToolTipV2---hoverableChild---UNtPI {
  display: inline;
}

.ToolTipV2---rightToolTip---bJ0ZY {
  left: 25%;
}

.ToolTipV2---leftToolTip---CiGHU {
  right: 25%;
}

.ToolTipV2---topToolTip---UixCi {
  bottom: 40px;
}

.ToolTipV2---bottomToolTip---gIBDY {
  top: 40px;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/BoCoPilot/BoCoPilot.scss ***!
  \***************************************************************************************************************************************************/
@charset "UTF-8";
.BoCoPilot---chatContainer---nTiTo {
  position: fixed;
  bottom: 460px;
  left: 73px;
  width: 450px;
  height: 415px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: transform 0.3s ease;
  transform: translateY(100%);
  z-index: 999;
}

.BoCoPilot---chatContainer---nTiTo.BoCoPilot---open---KaOJ0 {
  transform: translateY(0);
}

.BoCoPilot---chatHeader---xP4_N {
  background-color: #00acf1;
  color: #fff;
  padding: 10px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.BoCoPilot---headerShineOverlay---AVJK5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
  animation: BoCoPilot---headerShine---QRukq 2s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

.BoCoPilot---headerContent---LoR0t {
  position: relative;
  z-index: 2;
}

.BoCoPilot---screenSizeShift---dG_Tz {
  display: flex;
  gap: 7px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.BoCoPilot---headerControlImg---Kc4IU {
  height: 16px;
}

.BoCoPilot---headerControlImgMini---eshLE {
  opacity: 0.5;
  width: 16px;
}

.BoCoPilot---headerControlImgMaxi---ErcLT {
  opacity: 1;
  width: 20px;
}

.BoCoPilot---headerCloseImg---o5Ceu {
  width: 20px;
  height: 20px;
}

@keyframes BoCoPilot---headerShine---QRukq {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.BoCoPilot---chatBody---MC_j2 {
  height: 300px;
  overflow-y: auto;
  padding: 10px;
  background-color: #fff;
  z-index: 999;
}

.BoCoPilot---message---LfMsH {
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid #1D8844;
  background-color: #EBFFF2;
  color: #1D8844;
  clear: both;
  width: 95%;
  font-size: 0.8em;
  white-space: pre-line;
  position: relative;
  padding-bottom: 20px;
  cursor: pointer;
  border-top-left-radius: 0;
}

.BoCoPilot---feedBack---CDaW5 {
  position: absolute;
  display: flex;
  width: 40px;
  right: 32px;
  justify-content: space-between;
  bottom: -13px;
  display: flex;
  opacity: 0;
  transition: opacity 1s ease;
}
.BoCoPilot---feedBack---CDaW5 p {
  cursor: pointer;
}

.BoCoPilot---playBtn---Ncwm_ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
  position: absolute;
  right: 0px;
  bottom: -4px;
  opacity: 0;
  transition: opacity 1s ease;
  width: 100%;
}

.BoCoPilot---message---LfMsH:hover .BoCoPilot---feedBack---CDaW5 {
  opacity: 1;
}

.BoCoPilot---message---LfMsH:hover .BoCoPilot---playBtn---Ncwm_ {
  opacity: 1;
}

.BoCoPilot---feedBackSelected---QiaUv {
  position: absolute;
  display: flex;
  width: 15px;
  right: 32px;
  justify-content: space-between;
  bottom: -13px;
}
.BoCoPilot---feedBackSelected---QiaUv p {
  cursor: pointer;
}

.BoCoPilot---message---LfMsH.BoCoPilot---user---_CK7d {
  border: 1px solid #00acf1;
  background-color: #deeefb;
  color: #00acf1;
  float: right;
  text-align: left;
  border-bottom-right-radius: 0;
  padding-bottom: 10px;
}

.BoCoPilot---chatFooter---HE9HW {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background: #FFF;
  border-top: 1px solid #e6e4e4;
}

.BoCoPilot---chatFooter---HE9HW textarea {
  flex: 10;
  margin-right: 10px;
  padding: 2px;
}

.BoCoPilot---inputString---Xmo7d {
  border: 1px solid #00acf1;
  border-radius: 5px;
  font-size: 0.8em;
  color: #706f6f;
}
.BoCoPilot---inputString---Xmo7d::placeholder {
  color: #b4b4b4;
  font-size: 0.8em;
}
.BoCoPilot---inputString---Xmo7d:focus::placeholder {
  color: transparent;
}

.BoCoPilot---chatFooter---HE9HW button {
  border: 1px solid #00acf1;
  color: #fff;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
  z-index: 999;
  background: none;
  color: #00acf1;
  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
}

.BoCoPilot---chatFooter---HE9HW button:hover {
  background-color: #00acf1;
  color: #FFF;
}

.BoCoPilot---boCoPilotContainer---PLGO9 {
  position: fixed;
  transition: width 0.3s ease, max-height 0.25s cubic-bezier(1, 0.2, 0.7, 1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  bottom: 50px;
  left: 68px;
  padding: 3px;
  display: flex;
  z-index: 3;
  gap: 5px;
  justify-content: flex-start;
  background: transparent;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  height: 60px;
  border-radius: 50%;
}
.BoCoPilot---boCoPilotContainer---PLGO9 img {
  width: 24px;
  height: 24px;
  animation: BoCoPilot---rotate---uUo09 20s linear infinite;
}

@keyframes BoCoPilot---animate---vfNbm {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
@keyframes BoCoPilot---iconBounce---HNkql {
  0% {
    transform: translateY(0);
  }
  4% {
    transform: translateY(-4px);
  }
  8% {
    transform: translateY(-8px);
  }
  12% {
    transform: translateY(-4px);
  }
  16% {
    transform: translateY(-2px);
  }
  20% {
    transform: translateY(0);
  }
  20.1%, 100% {
    transform: translateY(0);
  }
}
@keyframes BoCoPilot---rotate---uUo09 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes BoCoPilot---glitter---CtpJF {
  0% {
    background: radial-gradient(circle at center, rgba(0, 172, 241, 0.3) 0%, rgba(0, 172, 241, 0.15) 40%, rgba(0, 172, 241, 0.08) 70%, transparent 100%);
    box-shadow: inset 0 0 15px rgba(0, 172, 241, 0.4);
  }
  12.5% {
    background: radial-gradient(circle at 20% 20%, rgba(0, 172, 241, 0.35) 0%, rgba(255, 255, 255, 0.15) 15%, rgba(0, 172, 241, 0.12) 45%, transparent 100%);
    box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.2), inset 0 0 12px rgba(0, 172, 241, 0.45);
  }
  25% {
    background: radial-gradient(circle at 30% 30%, rgba(0, 172, 241, 0.4) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(0, 172, 241, 0.1) 50%, transparent 100%);
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3), inset 0 0 10px rgba(0, 172, 241, 0.5);
  }
  37.5% {
    background: radial-gradient(circle at 60% 40%, rgba(0, 172, 241, 0.38) 0%, rgba(0, 172, 241, 0.18) 25%, rgba(255, 255, 255, 0.12) 45%, transparent 100%);
    box-shadow: inset 0 0 22px rgba(0, 172, 241, 0.55);
  }
  50% {
    background: radial-gradient(circle at 70% 70%, rgba(0, 172, 241, 0.35) 0%, rgba(0, 172, 241, 0.2) 30%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
    box-shadow: inset 0 0 18px rgba(0, 172, 241, 0.6);
  }
  62.5% {
    background: radial-gradient(circle at 80% 60%, rgba(255, 255, 255, 0.18) 0%, rgba(0, 172, 241, 0.32) 20%, rgba(0, 172, 241, 0.08) 55%, transparent 100%);
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.15), inset 0 0 12px rgba(0, 172, 241, 0.42);
  }
  75% {
    background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.25) 0%, rgba(0, 172, 241, 0.3) 25%, rgba(0, 172, 241, 0.1) 60%, transparent 100%);
    box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.2), inset 0 0 15px rgba(0, 172, 241, 0.4);
  }
  87.5% {
    background: radial-gradient(circle at 40% 20%, rgba(0, 172, 241, 0.33) 0%, rgba(255, 255, 255, 0.12) 18%, rgba(0, 172, 241, 0.14) 48%, transparent 100%);
    box-shadow: inset 0 0 16px rgba(0, 172, 241, 0.48);
  }
  100% {
    background: radial-gradient(circle at center, rgba(0, 172, 241, 0.3) 0%, rgba(0, 172, 241, 0.15) 40%, rgba(0, 172, 241, 0.08) 70%, transparent 100%);
    box-shadow: inset 0 0 15px rgba(0, 172, 241, 0.4);
  }
}
.BoCoPilot---coPilot0---xEGwG {
  padding: 5px;
  border-radius: 50%;
  border: #82d9fb 1px solid;
  cursor: pointer;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  animation: BoCoPilot---iconBounce---HNkql 10s ease-in-out infinite, BoCoPilot---glitter---CtpJF 6s ease-in-out infinite;
  background: radial-gradient(circle at center, rgba(0, 172, 241, 0.3) 0%, rgba(0, 172, 241, 0.15) 40%, rgba(0, 172, 241, 0.08) 70%, transparent 100%);
  box-shadow: inset 0 0 15px rgba(0, 172, 241, 0.4);
  overflow: hidden;
}

.BoCoPilot---loaderContainer---hygv9 {
  position: relative;
  width: 36px;
  flex: 2;
  padding: 10px;
  display: flex;
  justify-content: center;
  height: 56px;
  align-items: center;
}

.BoCoPilot---micContainer---h9b2b {
  border: 1px solid #cecece;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  cursor: pointer;
}

.BoCoPilot---loader---JkcMt {
  margin: 0 auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.BoCoPilot---loader---JkcMt > div {
  height: 100%;
  width: 8px;
  display: inline-block;
  float: left;
  margin-left: 2px;
  -webkit-animation: BoCoPilot---delay---YF0pS 0.8s infinite ease-in-out;
  animation: BoCoPilot---delay---YF0pS 0.8s infinite ease-in-out;
}
.BoCoPilot---loader---JkcMt .BoCoPilot---bar1---ZfkA9 {
  background-color: #754fa0;
}
.BoCoPilot---loader---JkcMt .BoCoPilot---bar2---ZWUZS {
  background-color: #09b7bf;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.BoCoPilot---loader---JkcMt .BoCoPilot---bar3---x9gp5 {
  background-color: #90d36b;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.BoCoPilot---loader---JkcMt .BoCoPilot---bar4---fntHp {
  background-color: #f2d40d;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.BoCoPilot---loader---JkcMt .BoCoPilot---bar5---p0UAi {
  background-color: #fcb12b;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.BoCoPilot---loader---JkcMt .BoCoPilot---bar6---Ave83 {
  background-color: #ed1b72;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes BoCoPilot---delay---YF0pS {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes BoCoPilot---delay---YF0pS {
  0%, 40%, 100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.BoCoPilot---showSuggestedContainer---joPum {
  padding: 10px;
}

.BoCoPilot---suggestedChip---vZlON {
  border: 1px dashed #00acf1;
  border-radius: 10px;
  text-align: center;
  margin-top: 10px;
  padding: 5px;
  font-size: 0.7em;
  color: #00acf1;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}

.BoCoPilot---speechContainer---THLdP {
  position: absolute;
}
.BoCoPilot---speechContainer---THLdP button {
  cursor: pointer;
  pointer-events: none;
  outline: none;
  background-color: #FFF !important;
  border: 1px solid #00acf1 !important;
  border-radius: 6px;
  font-size: 0.6em;
  width: 30px;
  height: 15px;
  padding: 0;
  color: #00acf1;
  content: "▶";
  margin: 0;
}

.BoCoPilot---speechBtn---r2uhw {
  opacity: 0;
}

.BoCoPilot---dataProcessLoader---UCtIK {
  padding-left: 30px;
  color: #09b7bf;
  overflow: hidden;
  border-right: 0.15em solid orange; /* The typing cursor */
  white-space: nowrap; /* Keep text in one line */
  font-family: monospace; /* Font for typewriter effect */
  font-size: 0.7em;
  animation: BoCoPilot---typing---wweLS 4s steps(40) infinite; /* Adjust speed with duration */
}

@keyframes BoCoPilot---typing---wweLS {
  from {
    width: 1%;
  }
  to {
    width: 60%;
  }
}
@keyframes BoCoPilot---blinking---o_mne {
  from {
    border-color: transparent;
  }
  to {
    border-color: orange;
  }
}
.BoCoPilot---micContainerDiv---JPMoK {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 20px;
}
.BoCoPilot---micContainerDiv---JPMoK .BoCoPilot---circle---N26eM {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transition: 0.5s;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.BoCoPilot---micContainerDiv---JPMoK .BoCoPilot---circle---N26eM i {
  color: #b2b1b1;
  font-size: 23px;
  transition: 0.9s;
}
.BoCoPilot---micContainerDiv---JPMoK .BoCoPilot---circle---N26eM:before {
  content: "";
  width: 80px;
  height: 80px;
  border-radius: 50%;
  opacity: 0.2;
  z-index: -1;
  position: absolute;
}
.BoCoPilot---micContainerDiv---JPMoK .BoCoPilot---circle---N26eM.BoCoPilot---active---zQIdO {
  background: #fb6e6e;
}
.BoCoPilot---micContainerDiv---JPMoK .BoCoPilot---circle---N26eM.BoCoPilot---active---zQIdO:before {
  background: gray;
  animation: BoCoPilot---bounce---goOjZ 0.8s ease-in-out infinite 0.5s;
}
.BoCoPilot---micContainerDiv---JPMoK .BoCoPilot---circle---N26eM.BoCoPilot---active---zQIdO i {
  color: #ffffff;
}

@keyframes BoCoPilot---bounce---goOjZ {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.4);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}
.BoCoPilot---coPilot0---xEGwG:hover .BoCoPilot---coPilot1---jSlDg {
  display: block;
}

.BoCoPilot---coPiloth1---HGv58 {
  font-size: 0.6em;
  font-weight: bold;
  color: #d63941;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #d63941 0%, #ff6b75 50%, #d63941 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: BoCoPilot---textShine---AfPfB 3s ease-in-out infinite;
}

.BoCoPilot---coPiloth2---_HjfN {
  font-size: 0.6em;
  color: #d63941;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #d63941 0%, #ff6b75 50%, #d63941 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: BoCoPilot---textShine---AfPfB 3s ease-in-out infinite;
  animation-delay: 0.5s;
}

@keyframes BoCoPilot---textShine---AfPfB {
  0% {
    background-position: -200% 0;
  }
  50% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/TypeWriter.scss ***!
  \************************************************************************************************************************************************/
.TypeWriter---typeWriterContainer---XONpN {
  display: flex;
  flex-direction: column;
  align-items: start;
  font-size: 13px;
  line-height: 1.6;
}

.TypeWriter---typeWriterText---fK2i9 {
  display: inline-block;
  white-space: pre-wrap;
  font-size: 1em;
  border-radius: 5px;
}

@keyframes TypeWriter---blink---sJmyU {
  50% {
    opacity: 0;
  }
}
.TypeWriter---blinkingCursor---jEvTq {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  color: #1D8844;
  animation: TypeWriter---blink---sJmyU 1s step-end infinite;
}

.TypeWriter---staticCursor---Rym4T {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  color: #1D8844;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/utils/HeaderTypeWriter.scss ***!
  \******************************************************************************************************************************************************/
.HeaderTypeWriter---headerTypeWriterContainer---jWDYe {
  min-height: 20px;
  display: flex;
  align-items: center;
  width: 100%;
}

.HeaderTypeWriter---headerTypeWriterText---GbSTn {
  font-size: 10px;
}

.HeaderTypeWriter---fadeInSoft---YWZRw {
  animation: HeaderTypeWriter---fadeIn---_AfoF 0.8s ease-in;
}

@keyframes HeaderTypeWriter---fadeIn---_AfoF {
  0% {
    opacity: 0;
    transform: translateY(-2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes HeaderTypeWriter---blink---uPJCP {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
.HeaderTypeWriter---blinkingCursor---aJCkP {
  animation: HeaderTypeWriter---blink---uPJCP 1s infinite;
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Login.scss ***!
  \*************************************************************************************************************************************/
.Login---shadow---mWMwu {
  box-shadow: 0 2px 4px 0 #e6e3e3;
}

.Login---logo---MZQv5 {
  background: url(/icons/logo1.png?5b479485f8b8084f50e7) no-repeat;
  height: 42px;
  width: 120px;
  background-size: 100%;
  margin: 0 auto;
  margin-left: 4em;
  margin-bottom: 1em;
}

.Login---adv---Infb6 {
  padding: 2em 1em;
  /* background: #f5f5f5; */
}

.Login---heading---I143i {
  text-align: center;
  font-size: 20px;
  margin: 0 auto;
  margin-bottom: 1em;
  font-weight: bold;
  color: #005793;
}

.Login---carouselText---S8kSN {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.Login---image---KsDEj {
  width: 200px;
  height: 130px;
  background-size: 100%;
  margin: 0 auto;
  margin-top: 1.5em;
}

.Login---img1---u0SJJ {
  background: url(/icons/splash1.png?7103805edf60f9fee32b) no-repeat;
}

.Login---img2---k8Ktx {
  background: url(/icons/splash2.png?aedb1e90ced96cb49ea2) no-repeat;
}

.Login---img3---xJlc8 {
  background: url(/icons/splash3.png?3ff3014dcd31ddc0f955) no-repeat;
}

.Login---stats---Uqt_Y {
  color: #005793;
  background: #f5f5f5;
  padding: 2em;
}

.Login---number---S42Bw {
  font-size: 2em;
  margin-top: 1.2em;
}

.Login---label---ZJRxr {
  margin-top: 0.5em;
  text-transform: uppercase;
}

.Login---text---H8beN,
.Login---number---S42Bw,
.Login---label---ZJRxr {
  text-align: center;
}

.Login---about---EGkP9 {
  color: #005793;
  /* background: #f5f5f5; */
  padding: 2em;
}

.Login---about---EGkP9 .Login---heading---I143i {
  color: #4a4a4a;
}

.Login---desc---BxFjF {
  font-size: 14px;
  text-align: justify;
}

.Login---footer---aNwJC {
  color: #005793;
  background: #f5f5f5;
  padding: 0 1em;
}

.Login---footer---aNwJC .Login---opts---UBJE1 {
  display: flex;
  justify-content: space-between;
  padding: 0.5em;
  border-top: solid 1px #bababa;
  border-bottom: solid 1px #bababa;
}

.Login---copyright---oTnXr {
  padding: 1em;
  text-align: center;
}

.Login---login---p4_zu {
  width: 60%;
  display: inline-block;
  background: #005793;
  color: #fff;
  text-transform: uppercase;
  height: 2.5em;
  border-radius: 6px;
  border: 0;
  max-width: 400px;
  cursor: pointer;
}

.Login---opt---u6jPJ {
  width: 32%;
  text-align: center;
}

.Login---btnContainer---BR_o2 {
  text-align: center;
}

.Login---signInText---fvOUj {
  padding: 1em;
  /* padding-bottom: 2em; */
  color: #005793;
  font-weight: bold;
  font-size: 1.5em;
}

.Login---shadowLoginTitle---HE8U2 {
  font-size: 1em;
  font-weight: bold;
  color: #005793;
  margin-bottom: 0.5em;
}

.Login---loginBox---fMeF4 {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #e6e3e3;
  width: 80%;
  max-width: 800px;
  border: solid 1px #f5f5f5;
  margin: auto;
  display: flex;
  margin-bottom: 2em;
  padding: 0.5em;
}

.Login---winBox---fv8p7 {
  width: 30%;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 0.5em;
  border-right: solid 1px #979797;
}

.Login---redprowinlogo---ZdWnY {
  background: url(/icons/logo.png?99eda46a1ff784fa1685) no-repeat center;
  background-size: contain;
  margin: 0 auto;
  height: 2em;
  width: 100%;
  margin-bottom: 0.5em;
}

.Login---appicon---BRuev {
  background: url(/icons/redpro.png?5659b5a627592b069256) no-repeat center;
  margin: 0 auto;
  background-size: 100%;
  width: 2.5em;
  height: 2.5em;
}

.Login---meta---JTatq {
  color: #9b9b9b;
  font-size: 0.8em;
}

.Login---loginBtnBox---YolEk {
  width: 60%;
  display: inline-block;
  margin: auto;
  text-align: center;
  padding-top: 1em;
}

.Login---loginFormBox---jfmA7 {
  width: 65%;
  display: flex;
  flex-direction: column;
  padding: 1em 2em;
  gap: 1em;
}

.Login---inputGroup---VsgAg {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.Login---inputLabel---ypeaj {
  font-size: 0.85em;
  color: #005793;
  font-weight: 600;
  margin-bottom: 0.3em;
}

.Login---inputField---FmGys {
  padding: 0.6em 0.8em;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;
  outline: none;
  transition: border-color 0.2s;
  height: 40px;
  box-sizing: border-box;
}
.Login---inputField---FmGys:focus {
  border-color: #005793;
}

.Login---btn---KP_9I {
  padding: 0.5em 1em !important;
  background: #005793;
  border: none;
  color: #fff;
  border-radius: 4px;
  width: 200px;
  text-transform: uppercase;
  cursor: pointer;
}

.Login---errorHint---s7TLZ {
  font-size: 0.75em;
  color: #9b9b9b;
  margin-top: 0.5em;
}

.Login---loader---LrDHD {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-top-color: transparent;
  animation: Login---spin---lNl4L 0.8s linear infinite;
}

@keyframes Login---spin---lNl4L {
  to {
    transform: rotate(360deg);
  }
}
.Login---btn---KP_9I:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Font imports moved to App.scss */
@media all and (min-width: 320px) {
  .Login---col---rGTCB {
    width: 100%;
  }
  .Login---loginBox---fMeF4 {
    display: block;
  }
  .Login---winBox---fv8p7 {
    border: none;
    width: 100%;
  }
  .Login---loginBtnBox---YolEk {
    padding: 0.5em 0;
  }
  .Login---loginFormBox---jfmA7 {
    width: 100%;
    padding: 1em;
  }
}
@media all and (min-width: 481px) {
  .Login---col---rGTCB {
    width: 100%;
    display: inline-block;
  }
  .Login---loginBox---fMeF4 {
    display: block;
  }
  .Login---winBox---fv8p7 {
    border-right: solid 1px #979797;
  }
}
@media all and (min-width: 600px) {
  .Login---col---rGTCB {
    width: 32%;
    display: inline-block;
  }
  .Login---loginBox---fMeF4 {
    display: flex;
  }
  .Login---winBox---fv8p7 {
    width: 30%;
    border-right: solid 1px #979797;
  }
  .Login---loginFormBox---jfmA7 {
    width: 65%;
    padding: 1em 2em;
  }
}
@media all and (min-width: 801px) {
  .Login---col---rGTCB {
    width: 32%;
    display: inline-block;
  }
  .Login---loginBox---fMeF4 {
    display: flex;
  }
}
.Login---info---FwoqU {
  display: none;
}

.Login---access---MYFsu {
  background: #f5f5f5;
  padding: 2em 5em;
}

.Login---access---MYFsu .Login---label---ZJRxr {
  text-transform: none;
  font-size: 0.75em;
  color: #005793;
  font-weight: bold;
}

.Login---access---MYFsu .Login---col---rGTCB {
  margin: 1em 0;
}

.Login---img---FxHy_ {
  height: 4em;
  width: 4em;
  margin: auto;
  background: url(/icons/1.png?458978e06b75db08ab64) no-repeat;
  background-size: 100%;
}

.Login---i2---YpCwC {
  background: url(/icons/2.png?71ae30754b7ba2c508e7) no-repeat;
  background-size: 100%;
}

.Login---i3---zBvF1 {
  background: url(/icons/3.png?a1e3b1e83633fa5e3f9d) no-repeat;
  background-size: 100%;
}

.Login---i4---x7sZE {
  background: url(/icons/4.png?b2b5b95c5a5b11c7a27e) no-repeat;
  background-size: 100%;
}

.Login---i5---AMB5C {
  background: url(/icons/5.png?a5aa5bbcf6ec81fc3e1d) no-repeat;
  background-size: 100%;
}

.Login---i6---ZcIVi {
  background: url(/icons/6.png?41d2df54409971d965ff) no-repeat;
  background-size: 100%;
}

.Login---i7---ediSp {
  background: url(/icons/7.png?3902a662d78eae04791f) no-repeat;
  background-size: 100%;
}

.Login---i8---uy4m1 {
  background: url(/icons/8.png?13c85f2fb38da88003ac) no-repeat;
  background-size: 100%;
}

.Login---i9---t973f {
  background: url(/icons/9.png?8ad1a0aaf0ced6621242) no-repeat;
  background-size: 100%;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js!./app/Footer.scss ***!
  \**************************************************************************************************************************************/
.Footer---footer---Lwa3t {
  background: #fff;
  position: absolute;
  bottom: 0 !important;
  width: 100%;
  color: #005793;
  z-index: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
  padding-left: 100px;
  box-shadow: 6px -4px 5px -4px rgba(186, 186, 186, 0.5);
  border-top: solid 1px #bababa;
  font-weight: bold;
}
.Footer---footer---Lwa3t div {
  display: inline-block;
  font-style: italic;
  color: gray;
  font-weight: normal;
}

@media only screen and (max-width: 1024px) {
  .Footer---footer---Lwa3t {
    display: none;
  }
}
.Footer---learn---CjXbb {
  font-size: 0.8em;
  padding: 0.25em;
  border: solid 1px #fff;
  border-radius: 3px;
}

.Footer---right---uFpBG > div {
  display: inline-block;
  padding: 0.5em 1.5em;
  font-size: 0.8em;
  border-left: solid 1px #005793;
  cursor: pointer;
}

.Footer---winlogo---KhatF {
  background: url(/icons/redpro_win_logo1.png?e7687e9930c18d247c32);
  height: 1em;
  width: 4.5em;
  background-size: 100%;
  margin-right: 0.5em;
}

.Footer---redbus---oXshD {
  background: url(/icons/redBus_logo.png?9c1839effe95684e13e9);
  height: 1.3em;
  width: 2.4em;
  background-size: 100%;
  margin: 0 0.5em;
  margin-bottom: -0.5em;
}

.Footer---meta---o8n0v {
  color: #9b9b9b !important;
  font-size: 0.8em;
  font-style: normal !important;
}