/* @import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'; */

* {
  box-sizing: border-box;
}

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 14.5rem;
}

html,
body {
  min-height: 100%;
}

body {
  font-size: 16px;
}

p {
  margin: 0
}

body[style="padding-right: 13px; overflow: hidden;"] .fixedHeader {
  right: 13px !important;
}

body[style="padding-right: 14px; overflow: hidden;"] .fixedHeader {
  right: 13px !important;
}

body[style="padding-right: 15px; overflow: hidden;"] .fixedHeader {
  right: 15px !important;
}

body[style="padding-right: 16px; overflow: hidden;"] .fixedHeader {
  right: 16px !important;
}

body[style="padding-right: 17px; overflow: hidden;"] .fixedHeader {
  right: 17px !important;
}

body[style="padding-right: 18px; overflow: hidden;"] .fixedHeader {
  right: 18px !important;
}

body[style="padding-right: 19px; overflow: hidden;"] .fixedHeader {
  right: 19px !important;
}

html.modal-active,
body.modal-active {
  overflow: hidden;
}

a {
  text-decoration: none;
}

button {
  border: none;
}

.step6 {
  width: 100%;

}

.step13 {
  width: 100%;
}

.step0 {
  width: 100%;
}

.step5 {
  width: 100%;
}

.MuiAutocomplete-listbox {
  font-size: 14px;
  color: #526F8F;
}

/* .css-1ozefeb {
  transform: translate(410px, 430px) !important;
}

.css-1t1j96h-MuiPaper-root-MuiDialog-paper {
  border-radius: 16px !important;
}
.css-6a3fjd.Mui-selected:focus, .css-6a3fjd.Mui-selected:hover {
  background-color: #114279 !important;
  color: #ffffff !important;
} */

/* .css-tkrwqq-MuiButtonBase-root-MuiPickersDay-root.Mui-selected {
  background-color: #2D4467 !important;
  color: #ffffff !important;
}

.css-ofv2k4-MuiButtonBase-root-MuiPickersDay-root.Mui-selected:hover {
  background-color: #114279 !important; 
  color: #ffffff !important;
} 

.css-tkrwqq-MuiButtonBase-root-MuiPickersDay-root {
  color: #114279 !important;
}



.css-ctu4nj {
  display: none !important;
} */

/* .css-cnyhqf-MuiButtonBase-root-MuiButton-root {
  color: #114279 !important;
}

.css-6a3fjd {
  color: #2D4467 !important;
}

.css-ktxc6a {
  color: #114279;
} */

/* .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
  border-radius: 16px !important;
}


.css-6a3fjd.Mui-selected:focus, .css-6a3fjd.Mui-selected:hover {
  background-color: #114279 !important;
  color: #ffffff !important;
}

.css-tkrwqq-MuiButtonBase-root-MuiPickersDay-root.Mui-selected {
  background-color: #2D4467 !important;
  color: #ffffff !important;
}

.css-ofv2k4-MuiButtonBase-root-MuiPickersDay-root.Mui-selected:hover {
  background-color: #114279 !important; 
  color: #ffffff !important;
} 

.css-ofv2k4-MuiButtonBase-root-MuiPickersDay-root.Mui-selected {
  background-color: #2D4467 !important;
  color: #ffffff !important;
}


.css-1ozefeb .MuiPaper-root {
  color: #114279 !important;
  border-radius: 16px;
} 

.css-1ozefeb .MuiCalendarPicker-root {
  height: 310px;
} */

/* .css-1ozefeb .MuiPickersDay-root {
  color: #114279;
} */

/* .css-1ozefeb .MuiPickersDay-root.Mui-selected {
  background-color: #114279 !important;
  color: #ffffff;
}
.css-1ozefeb .PrivatePickersYear-yearButton.Mui-selected {
  background-color: #114279 !important;
} */

.css-1ozefeb .css-1dozdou {
  border-bottom: 1px solid #F3F4F5;
  padding-bottom: 10px;
}

.css-1ozefeb .css-dhopo {
  height: 180px;
}

.css-1ozefeb .css-dhopo2 {
  height: 200px;
  min-height: 200px;
}

li.MuiMenuItem-root {
  padding-right: 0;
}

.MuiPaper-root.MuiAccordion-root {
  box-shadow: none;
}

.MuiPaper-root.MuiAccordion-root::before {
  background-color: #ffffff;
}

.MuiAccordionSummary-root.MuiAccordionSummary-gutters {
  justify-content: flex-start;
  padding-left: 0;
}

.MuiAccordionSummary-content {
  /* background: #109887; */
  /* padding: 10px 24px; */
  color: #ffffff;
  /* border-radius: 40px;
  max-width: fit-content;   */
}

.MuiAccordionSummary-content.Mui-expanded {
  margin-bottom: 8px !important;
  margin-top: 0 !important;
}

.MuiAccordionSummary-content p {
  font-size: 16px;
  font-weight: 600;
}

.MuiAccordionDetails-root {
  background: #F3F4F5;
  border-radius: 40px;

}

.MuiAccordionDetails-root p {
  font-size: 14px;
  /* color: #2D4467; */
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (max-width: 600px) {
  .MuiAccordionSummary-content p {
    font-size: 14px;
  }

  .MuiAccordionDetails-root p {
    font-size: 12px;
  }
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  position: absolute;
  display: none !important;
  pointer-events: none;
  right: 0;
}

.MuiFormControlLabel-root span {
  font-weight: 500;
  font-size: 14px;
}

/* .MuiPaper-root.MuiDialog-paper {
  max-width: 504px;
  border-radius: 40px;

} */

.iconsMenu::-webkit-scrollbar,
.iconsMenuRett::-webkit-scrollbar {
  width: 8px;
}

.iconsMenu::-webkit-scrollbar-track,
.iconsMenuRett::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #D0D0D0;
  border-radius: 10px;
}

.iconsMenu::-webkit-scrollbar-thumb {
  background: #C0C0C0;
  border-radius: 10px;
}

/* .iconsMenuRett::-webkit-scrollbar-thumb {
  background: #671E75;
  border-radius: 10px;
} */

.icon:hover {
  background: rgba(215, 215, 215, 0.3);
}

.white-background {
  background-size: 100% 98%, 100%;
  -webkit-background-size: 100% 98%, 100%;
}

@media screen and (min-width: 900px) {
  .white-background {
    background-size: 98% 100%;
  }
}

.form-back-button {
  left: -550px;
}

@media screen and (max-width: 1100px) {
  .form-back-button {
    left: -500px;
  }
}

@media screen and (max-width: 900px) {
  .form-back-button {
    left: -380px;
  }
}

@media screen and (max-width: 600px) {
  .form-back-button {
    left: -280px;
  }
}

@media screen and (max-width: 475px) {
  .form-back-button {
    left: -200px;
  }
}

@media screen and (max-width: 376px) {
  .form-back-button {
    left: -180px;
  }
}

.nav-bar::-webkit-scrollbar {
  width: 0 !important
}

.pdf-viewer {
  width: 800px;
}

.resend-email {
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  .pdf-viewer {
    width: 100%;
  }

  .resend-email {
    font-size: 10px;
  }
}

.react-pdf__Page {
  margin-bottom: 10px;
}

.react-pdf__Page__canvas,
.react-pdf__Page__svg {
  margin: 0 auto;
}

.daterange {
  font-family: "Poppins";
}

/* .daterange .rdrMonthName {
  display: none;
} */

.daterange .rdrDayNumber {
  font-size: 14px;
}

.daterange .rdrMonthAndYearPickers {
  font-size: 14px;
  font-weight: 500;
}

.daterange .rdrWeekDay {
  font-size: 10px;
  text-transform: uppercase;
}

/* .daterange .rdrDay {
  height: 40px;
  line-height: 40px;
} */

/* .daterange .rdrEndEdge {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  top: 0;
  bottom: 0;
}

.daterange .rdrStartEdge {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  top: 0;
  bottom: 0;
        
}
.daterange .rdrInRange {
  top: 0;
  bottom: 0;
}

.daterange .rdrDayStartOfWeek .rdrEndEdge,
.daterange .rdrDayStartOfMonth .rdrInRange, 
.daterange .rdrDayStartOfMonth .rdrEndEdge, 
.daterange .rdrDayStartOfWeek .rdrInRange{
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.daterange .rdrDayEndOfMonth .rdrEndEdge, 
.daterange .rdrDayEndOfMonth .rdrInRange, 
.daterange .rdrDayEndOfWeek .rdrEndEdge, 
.daterange .rdrDayEndOfWeek .rdrInRange{
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
} */

.daterange .rdrDay.rdrDay.rdrDayDisabled {
  background: transparent;
}

.daterange .rdrDayToday .rdrDayNumber span:after {
  background: #671E75;
}

.daterange .rdrNextPrevButton:hover {
  background: transparent;
}

.daterange .rdrNextButton,
.daterange .rdrNextButton:hover {
  background-color: transparent;
  background-image: url('/images/tracker/calendar-right.svg');
  background-repeat: no-repeat;
  background-position: center;

}

.daterange .rdrPprevButton,
.daterange .rdrPprevButton:hover {
  background-color: transparent;
  background-image: url('/images/tracker/calendar-left.svg');
  background-repeat: no-repeat;
  background-position: center;

}

.daterange .rdrNextButton i,
.daterange .rdrPprevButton i {
  display: none;
}

.daterange .rdrDayPassive .rdrDayNumber {
  display: none;
}

.hide-scroll::-webkit-scrollbar {
  display: none;
}

.hide-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.rett-link:hover {
  text-decoration: underline;
}

.tooltip {
  display: none;
}

.tooltip-trigger:hover .tooltip {
  display: block;
}

.disable-draggable {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, .0);
  }

  100% {
    background: rgba(0, 0, 0, .7);
  }
}

@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, .7);
  }

  100% {
    background: rgba(0, 0, 0, .0);
  }
}

@keyframes quickScaleDown {
  0% {
    transform: scale(1);
  }

  99.9% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes roadRunnerIn {
  0% {
    transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
  }

  70% {
    transform: translateX(30px) skewX(0deg) scaleX(0.9);
  }

  100% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }
}

@keyframes roadRunnerOut {
  0% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }

  30% {
    transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
  }

  100% {
    transform: translateX(1500px) skewX(30deg) scaleX(1.3);
  }
}
