html {
  height: 100%;
}

body {
  margin: 0px;
  height: 100%;
  font-family: Arial;
}

#root {
  height: 100%;
}

.css-1f43avz-a11yText-A11yText {
  height: 0px !important;
  width: 0px !important;
}

.iphoneTopMarginHolder {
  padding-top: env(safe-area-inset-top);
}

/* So elements of Mui Menu have cursor-pointer */
.MuiSvgIcon-root, .MuiListItemIcon-root, .MuiButtonBase-root, .MuiListItemText-root, .MuiTypography-root {
  cursor: pointer !important;
}

/* caret to show list in Select of react-select */
.css-tj5bde-Svg {
  cursor: pointer;
}

.grecaptcha-badge { 
  visibility: hidden;
}

/* hide from google map since can't display correct icon since inline-style not allowed */
.gm-fullscreen-control {
  display: none;
}
.gmnoprint {
  display: none;
}


/* LOGIN PAGE PUBLIC SUCESSOR PAGES (EXCEPT HOMEPAGE) */

.loginPageSuccessorPageNotHomepage {
  height: 100%;
  background: linear-gradient(rgb(202,202,202),rgb(118,118,118));
}

.loginPageSuccessorPageNotHomepageRow1 {
  padding-top: min(10%,60px);
}

.loginPageSuccessorPageNotHomepageContent {
  padding-left: 5%;
  padding-right: 5%;
}



/* LOGIN PAGE BOTTOM ICON PAGES */

.loginPageBottomIconPageCloseButton {
  cursor: pointer;
}

.pageCloseButtonContainer {
  padding-top: min(10%,60px);
  padding-left: 5%;
  position: absolute;
  top: 0;
  left: 0;
}

.pageCloseButton {
  cursor: pointer;
}



/* PAGE TRANSITIONS */

.divMotionWrapper {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}



/* NUKA CAROUSEL */
.slider-container {
  width: 100%;
}
.slider-control-bottomcenter ul {
  top: 40px !important;
}
.slider-control-bottomcenter ul li:not(.active) button {
  opacity: 0.3 !important;
}
.slide {
  display: flex;
  justify-content: center;
}


/* SELECT */
.css-ckt18e-control, .css-1ao2x96-control {
  height: 38px;
}


/* PAGE BASE STYLES */
.page {
  height: 100%;
  width: 100%;
}

/* NOTE: viewMobile/viewDesktop CSS classes removed - replaced by useView() hook
 * for device-based (not width-based) view detection. See useView.tsx.
 */


/* PDF DOWNLOAD ICON */
svg.pdfDownload_svg__pdfdownload {
  cursor: pointer;
}


.fileDropzoneFileIcon svg g path {
  cursor: default !important;
}

/* DESKTOP PAGE CONTENT HEADER TOP BUTTONS */
.desktopPageContentHeaderTopButtonGreen {
  color: rgb(0,70,0);
  border-color: rgb(0,70,0);
}


/* MAKE REACT-SELECT EXPAND CONTAINTER WHEN DROPDOWN LIST OPEN */
.css-lm8j94-menu {
  position: relative !important;
}


/* ADAPT REACT MODAL SHEET TO DESKTOP */
.react-modal-sheet-container {
   max-width: 500px;
}

@media screen and (min-width: 700px) {
 .react-modal-sheet-container {
   left: calc(50% - 100px) !important;
 }
}

/* USED BY REACT-MODAL */
.reactModalContainer {
  position: relative;
}