@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@500;700&display=swap");

:root {
  --primary-theme: #0c3dba;
  --secondary-blue: #537de8;
  --theme-green: #099a80;
  --theme-green-90: #099a80e5;
  --theme-gray-text: #5b5b63;
  --theme-gray-text-2: #7f7f8a;
  --theme-gray-text-3: #797A7B;
  --theme-gray-dark: #222222;
  --theme-slider-gray: #eaecf0;
  --accountcircle: 3rem;
  --theme-red: #eb1e4e;
  --help-bg: #f3f5f9;
  --font: "Figtree", sans-serif;
}

.font-figtree {
  font-family: "Figtree", sans-serif !important;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-12 {
  font-size: 12px;
}

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

.font-15 {
  font-size: 15px;
}

.font-16 {
  font-size: 16px !important;
}

input,
.font-18 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-24 {
  font-size: 24px;
}

.font-26 {
  font-size: 26px;
}

.font-28 {
  font-size: 28px;
}

.font-32 {
  font-size: 32px;
}

.font-38 {
  font-size: 38px;
}

.font-42 {
  font-size: 42px;
}

.font-46 {
  font-size: 46px !important;
}

.text-primary-theme {
  color: var(--primary-theme) !important;
}

.text-theme-red {
  color: var(--theme-red) !important;
}

.text-secondary-theme {
  color: var(--secondary-blue) !important;
}

.text-theme-gray {
  color: var(--theme-gray-text);
}

.text-theme-gray-dark {
  color: var(--theme-gray-dark);
}

.text-theme-gray-2 {
  color: var(--theme-gray-text-2);
}

.text-theme-gray-3 {
  color: var(--theme-gray-text-3);
}

.bg-primary-theme {
  background-color: var(--primary-theme) !important;
}

.border-primary-theme {
  border-color: var(--primary-theme) !important;
}

.bg-secondary-theme {
  background-color: var(--secondary-blue) !important;
}


.bg-help-theme {
  background-color: var(--help-bg);
}

button:focus {
  outline: none !important;
}

.rounded-6 {
  border-radius: 6px !important;
}
.rounded-12 {
  border-radius: 12px !important;
}

.rounded-14 {
  border-radius: 14px !important;
}

.rounded-16 {
  border-radius: 16px !important;
}

.modal.show .modal-dialog .modal-content,
.rounded-20 {
  border-radius: 20px !important;
}

.rounded-22 {
  border-radius: 22px !important;
}

.rounded-30,
.rounded-30 div {
  border-radius: 20px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-solid {
  border-style: solid;
}

.-right-20 {
  right: -20px;
}

.-top-23 {
  top: -23px;
}

.font-16px {
  font-size: 16px !important;
}

.font-22px {
  font-size: 22px !important;
}

.font-24px {
  font-size: 24px !important;
}

.font-26px {
  font-size: 26px !important;
}

.pointer {
  cursor: pointer;
}

.z-9999 {
  z-index: 9999;
}

.left-0 {
  left: 0;
}

.left-40 {
  left: 40px;
}

.right-0 {
  right: 0;
}

.max-w-750 {
  max-width: 750px;
}

.max-width-292 {
  max-width: 292px;
}
.max-width-300 {
  max-width: 300px;
}
.row-gap-15 {
  row-gap: 15px;
}

.alert-theme {
  background-color: var(--theme-green-90) !important;
}

.alert-theme .MuiAlert-message {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.alert-theme .MuiAlert-action,
.alert-theme .MuiAlert-icon {
  display: none;
}

.text-decoration-underline {
  text-decoration: underline;
}

.theme-btn[disabled] {
  opacity: 0.5;
}

.custm-autocomplete .MuiTextField-root .MuiOutlinedInput-root {
  border-radius: 14px !important;
  padding: 3px 4px 3px 40px !important;
  background-image: url(../images/search.svg);
  background-position: 10px center;
  background-repeat: no-repeat;
  border:1px solid var(--theme-gray-text-2);
}
.custm-autocomplete .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none;
}

.alert-message-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  max-width: 500px;
  margin: 0 auto;
}

.alert-message-wrapper .alert {
  margin-bottom: 0;
}

header.MuiAppBar-colorPrimary {
  z-index: 1040;
}

.theme-modal .modal-dialog {
  max-width: 716px;
}

.theme-modal-1101 .modal-dialog {
  max-width: 1101px;
}

.cancel-modal {
  background-color: rgba(22, 22, 22, 0.5);
}

.no-border .MuiInputBase-root {
  border-radius: 14px;
}

.relarive {
  position: relative;
}

.absolute {
  position: absolute;
}

.MuiLinearProgress-root {
  background-color: #fff !important;
}

.MuiLinearProgress-bar {
  background-color: var(--secondary-blue) !important;
}

.bg-theme-secondary-blue {
  background-color: var(--secondary-blue) !important;
}

.btn-theme-white {
  border: 1px solid var(--theme-gray-text-2);
  background-color: #fff;
}

.border-transparent {
  border: 1px solid transparent !important;
}

.selected-exercise {
  border: 1px solid var(--theme-gray-text-2) !important;
  background-color: #fff !important;
  color: var(--secondary-blue) !important;
}

.selected-exercise .MuiButton-startIcon {
  opacity: 0;
}

.focus-none:focus {
  outline: none;
}

.text-normal {
  text-transform: none !important;
}

.check-frequency .MuiCheckbox-root {
  padding: 5px !important;
  /* color: var(--primary-theme) !important; */
}

.check-frequency .MuiFormControlLabel-label {
  font-family: "Figtree", sans-serif !important;
  font-weight: 500;
  font-size: 18px;
  color: var(--theme-gray-dark);
}

.max-w-422 {
  max-width: 422px;
}

.slider-theme .MuiSlider-rail {
  background-color: var(--theme-slider-gray);
  height: 8px;
}

.slider-theme .MuiSlider-markLabelActive,
.slider-theme .css-1aznpnh-MuiSlider-root {
  color: var(--primary-theme);
}

.w-100px {
  min-width: 100px;
}

.w-120px {
  min-width: 120px;
}

.w-200px {
  min-width: 200px;
}

.frequency-section input {
  border: 1px solid var(--primary-theme);
  border-radius: 5px;
  padding: 5px;
  width: 70px;
  margin-left: 15px;
}

.square-35 {
  height: 35px !important;
  width: 35px !important;
}

.opacity-0 {
  opacity: 0;
}

.w-80px {
  min-width: 80px;
}

.theme-radio label {
  margin-bottom: 0;
}

.span-padding .MuiButtonBase-root,
.theme-radio label .MuiButtonBase-root {
  padding: 4px 9px;
}

.cancel-modal .modal-content {
  border: 0;
}

.frequency-section.max-w-300px {
  max-width: 305px;
}

.notifications-box {
  width: 280px;
  height: 73vh;
  z-index: 1150;
  border: 1px solid #099a80;
  position: fixed;
  top: 60px;
  right: 120px;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}

.notification-status-block {
  display: block;
  position: relative;
  width: 96.5vw;
  margin: 1%;
  background-color: #537de8;
  border-radius: 15px;
}

.notification-status-block-close-icon {
  position: absolute;
  right: 15px;
  top: 2px;
}

.notification-status-block-missing-button {
  margin: 10px;
}

.notification-status-block-missing-button-text {
  color: var(--theme-red);
  font-weight: bold;
  margin-bottom: 0;
}

.accountcircle {
  width: var(--accountcircle) !important;
  height: var(--accountcircle) !important;
}

.notification:hover,
.notification:active,
.notification:focus {
  background-color: var(--secondary-gray) !important;
  border-radius: 5px;
  outline: 0;
}

.notification span.MuiBadge-dot {
  margin-right: 5px;
  margin-top: 5px;
}

/* ===== Scrollbar CSS start ===== */
/* Firefox */
* {
  scrollbar-width: auto;
  /* scrollbar-color: #f00; */
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  /* background: #ff0; */
}

*::-webkit-scrollbar-thumb {
  background-color: #dadde0;
  border-radius: 10px;
  /* border: 2px solid #f00; */
}

/* ===== Scrollbar CSS end ===== */
.notifications-box a:hover {
  background-color: var(--theme-slider-gray);
  text-decoration: none;
}

.notifications-box a:hover hr {
  opacity: 0;
}

.help-header {
  background-image: url(../images/Rectangle-3.png);
  max-width: 1100px;
  min-height: 200px;
  background-size: cover;
}

.help-description {
  max-width: 1100px;
}

.shadow-0 {
  box-shadow: none !important;
}

.autocomplete-1 .MuiInputBase-root {
  padding: 0 !important;
}

.autocomplete-1 .MuiInputBase-root {
  width: 100%;
  /* padding: 0 12px; */
  height: 40px;
  font-size: 16px;
  border-radius: 14px !important;
  border: 1px solid var(--secondary-gray);
}

.passerrorbox {
  background-color: rgb(235 30 78 / 20%);
}

.-ms-5 {
  margin-left: -5px;
}

.MuiTabs-indicator {
  bottom: 11px !important;
  background-color: #fff !important;
}

.datatable .MuiDataGrid-columnHeaders {
  font-family: "Figtree", sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}

.modal-body .max-646 {
  max-width: 646px;
  margin: 20px auto;
}

.modal-internal {
  padding: 80px 80px 50px 80px;
}

.min-h-100 {
  min-height: 100%;
}

@media (min-width: 1200px) {
  .MuiGrid-grid-md-5 {
    padding-right: 20px !important;
  }

  .MuiGrid-grid-md-7 {
    padding-left: 20px !important;
  }
}

.text-transform-none {
  text-transform: none !important;
}

.error-msg-forg-pass {
  max-width: 330px;
  margin: 0 auto;
}

.modal-body fieldset {
  border: 0px;
}

.datatable a {
  font-family: var(--font) !important;
  font-weight: 500;
  font-size: 16px;
}

.datatable .MuiDataGrid-row .MuiDataGrid-cell {
  font-family: var(--font) !important;
  font-weight: 500;
  font-size: 16px;
}

.filter-menu .MuiOutlinedInput-notchedOutline {
  border-radius: 14px;
  border:1px solid var(--theme-gray-text-2);
}

.error-icon {
  min-width: 16px;
  margin-right: 10px;
  margin-top: 5px;
}

span.disabled svg {
  opacity: 0.3;
}

.select-custom-arrow {
  position: relative;
}

.select-custom-arrow select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-custom-arrow:after {
  content: "";
  position: absolute;
  top: 70%;
  right: 15px;
  width: 0;
  height: 0;
  border-top: 7px solid #000;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  z-index: 0;
}

.modal-body fieldset {
  border: 0px;
}

.form-control.is-invalid {
  padding-right: 0 !important;
}

label.font-figtree {
  text-transform: uppercase !important;
}

.is-invalid .invalid-feedback {
  display: block;
}

.select-custom-arrow select,
.select-custom-arrow select:focus {
  background-color: transparent;
  position: relative;
  z-index: 1;
}

.MuiDataGrid-root .MuiDataGrid-cell {
  /* work */
  white-space: 'normal' !important;
  /* don't work */
  word-wrap: 'break-word' !important;
  /* don't work */
}
.font-500 span {
  font-weight: 500;
}
.theme-modal .modal-body {
  padding: 0.225rem;
}
.more-menu {
  display: none !important;
}
@media screen and (max-width:768px) {  
  .more-menu {
    display: block !important;
  }
  .custom-nav {    
    position: absolute;
    background: #5a7be7;
    left: 0;
    margin-left: 0;
    top: 56px;
  }  
  .responsive-nav {
    position: fixed;
    top: 0;
    right: 0;
  }
  .navbar.hide {
    display: none;
  }
  .MuiBox-root-18 {
    margin-top: 3px;
  }
}
.-top-2 {
  top: -2px;
}
.boder-right{
    border-right: 1px dotted #7f7f8a;
}
.font-bold {
  font-weight: bold;
}
.css-1abulr3-MuiDataGrid-root .MuiDataGrid-columnHeader:focus, .css-1abulr3-MuiDataGrid-root .MuiDataGrid-cell:focus{
  outline: 0px !important;
}
.css-t8ccmk-MuiDataGrid-root .MuiDataGrid-columnHeader:focus, .css-t8ccmk-MuiDataGrid-root .MuiDataGrid-cell:focus{
  outline: 0px !important;
}
.css-10v5bpz .MuiDataGrid-columnHeader:focus, .css-10v5bpz .MuiDataGrid-cell:focus{
  outline: 0px !important;
}
.datatable .MuiDataGrid-row .MuiDataGrid-cell:last-child{
  outline: 0px !important;
}
.css-eootgb .MuiDataGrid-columnHeader:focus-within, .css-eootgb .MuiDataGrid-cell:focus-within{
  outline: 0px !important;
}

.rdrCalendarWrapper {
  position: absolute;
  z-index: 9;
  right: 0;
}
.rdrDateDisplayWrapper {
  display: none;
}

.rdrNextPrevButton {
  background: transparent !important;  
}
.rdrNextPrevButton i {
  border: none !important;
  width: 11px !important;
  height: 19px !important;
}

.rdrPprevButton i {
  background-image: url(../images/left.png);
}
.rdrNextButton i {
  background-image: url(../images/right.png);
}


.rdrMonthName{
  text-align:center !important
}

table, th, td {
  font-family: "Figtree", sans-serif !important;
  border:1px solid black;
}

th{
  font-size: 16;
  font-weight: 500;
}

td{
  font-size: 16;
  font-weight: 300;
}

#pdfcontent{
  width: 575px;
  height: auto;
}


/* @media print {
  footer {page-break-after: always;}
} */


/* .rdrEndEdge {
  border-top-right-radius: 100% !important;
  border-bottom-right-radius: 100% !important;
}

.rdrStartEdge {
  border-top-left-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
  top: 0px !important;
  bottom: 0px !important;
} */

/* span.rdrStartEdge.rdrEndEdge {
  color: rgb(61, 145, 255) !important;
  border: none;
}
span.rdrStartEdge.rdrEndEdge + .rdrDayNumber span {
  color: #fff !important;
}
.rdrDateDisplayWrapper {
  display: none;
}
.rdrEndEdge {
  color: transparent !important;
  border: 2px dashed #dcdcdc;
}
.rdrStartEdge + .rdrDayNumber span,
.rdrEndEdge + .rdrDayNumber span {
  color: #000 !important;
} */

.text-field{
  font-family: "Figtree", sans-serif !important;
  font-size: 0.7em !important;
  padding: 0;
  line-height: 0.75em !important;
}

.pdfLogo {
  max-width: 100px;
  margin-top: -15px;
}

.w-90{
  width: 90%;
}

.MuiInputBase-input .MuiOutlinedInput-input {
  padding: 0 !important;
}

.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{
  /* padding: 10px !important  */
}

.css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root {
  transform: translate(15px,11px) scale(1) !important;
}

.export-button{
  padding: 10px;
}

#outlined-read-only-input{
  padding:10px !important;
}

/* .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
} */

.MuiSelect-select, 
.MuiSelect-outlined, 
/* .MuiInputBase-input,  */
/* .MuiOutlinedInput-input,  */
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* .MuiSelect-select .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
} */

.css-p0rm37{
  transform: translate(15px,11px) scale(1) !important;
}