@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&family=Nunito:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap');

@font-face {
  font-family: Gilroy-Bold;
  font-display: swap;
  src: url(../lib/bootstrap/fonts/Gilroy-Bold.otf);
}

@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url(../lib/bootstrap/fonts/Gilroy-Medium.otf);
}

:root {

  --primary-orange: #F7707D;
  --secondary-orange: #F29173;
  --orange: #FF9777;
  --orange2: #F58278;
  --primary-gradient-color: linear-gradient(90deg, var(--primary-orange) 0%, var(--secondary-orange) 100%);
  --secondary-gradient-color: linear-gradient(270deg, var(--primary-orange) 0%, var(--secondary-orange) 100%);
  --white: #FFFFFF;
  --background-color: #F5F5F5;
  --header-background-color: rgba(255, 255, 255, 0.8);
  --brand-navy: #252C49;
  --gray: #CAC8C8;
  --icon-background: #EFEFEF;
  --black-12: #0000001F;
  --navy-blue: #748ADF;
  --black-60: #44444499;
  --notification: rgba(51, 51, 51, 0.4);
  --black-80: rgba(68, 68, 68, 0.8);
  --badge-blue: #455FC9;
  --black: #444444;
  --black-24: #0000003D;
  --indigo: #2E375B;
  --red: #F65162;
  --gray-2: #BBBBBB;
  --primary-green: #38D68B;
  --hover-green: rgba(231, 246, 239);
  --available-green: rgba(78, 203, 113, 1);
  --primary-box-shadow: 0 0 0 0px hsl(0deg 0% 0% / 10%), 0 4px 11px hsl(0deg 0% 0% / 10%);
  --floor-plan-bottom-shadow: 0 0 0 0px hsl(0deg 0% 0% / 10%), 0 -4px -11px hsl(0deg 0% 0% / 10%);
  --primary-border: 1px solid rgb(199, 199, 199);
  --dropdown-border: 1px solid rgb(224, 224, 224);
  --font-family-nunito: 'Nunito', sans-serif;
  --font-family-nunito-sans: 'Nunito Sans', sans-serif;
  --font-family-gilroy: Gilroy, sans-serif;
  --font-family-gilroyBold: Gilroy-Bold, sans-serif;
  --size-0: 0px;
  --size-2: 2px;
  --size-3: 3px;
  --size-4: 4px;
  --size-5: 5px;
  --size-6: 6px;
  --size-7: 7px;
  --size-8: 8px;
  --size-9: 9px;
  --size-10: 10px;
  --size-11: 11px;
  --size-12: 12px;
  --size-13: 13px;
  --size-14: 14px;
  --size-15: 15px;
  --size-16: 16px;
  --size-17: 17px;
  --size-18: 18px;
  --size-19: 19px;
  --size-20: 20px;
  --size-21: 21px;
  --size-22: 22px;
  --size-24: 24px;
  --size-26: 26px;
  --size-28: 28px;
  --size-29: 29px;
  --size-30: 30px;
  --size-32: 32px;
  --size-34: 34px;
  --size-38: 38px;
  --size-48: 48px;
  --size-45: 45px;
  --size-60: 60px;
  --size-96: 96px;
  --line-small: 1.3;
  --line-large: 1.5;
  --tooltip-text-color: var(--indigo);
  --tooltip-background-color: var(--white);
  --tooltip-margin: 30px;
  --tooltip-arrow-size: var(--size-10);

}

.mr--35{
  margin-right: -35px !important;
}

.bg-primary-orange {
  background-color: var(--primary-orange);
}

.bg-secondary-orange {
  background-color: var(--secondary-orange);
}

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

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

.bg-primary-gradient-color {
  background-color: var(--primary-gradient-color);
}

.bg-secondary-gradient-color {
  background-color: var(--secondary-gradient-color);
}

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

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

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

.bg-brand-navy {
  background-color: var(--brand-navy);
}

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

.selector-border {
  border-bottom: 23px rgba(0, 0, 0, 0.12) solid;
  width: 1px;
  padding: 0px;
  margin-top: 11px;
}

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

.bg-black-12 {
  background-color: var(--black-12);
}

.bg-navy-blue {
  background-color: var(--navy-blue);
}

.bg-black-60 {
  background-color: var(--black-60);
}

.bg-black-80 {
  background-color: var(--black-80);
}

.bg-badge-blue {
  background-color: var(--badge-blue);
}

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

.bg-black-24 {
  background-color: var(--black-24);
}

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

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

.bg-primary-green {
  background-color: var(--primary-green);
}


.bg-hover-green {
  background-color: var(--hover-green);
}

.bg-available-green {
  background-color: var(--available-green);
}

.primary-box-shadow {
  box-shadow: var(--primary-box-shadow);
}

.primary-border {
  border: var(--primary-border);
}

.dropdown-border {
  border: var(--dropdown-border);
}

.ff-nunito {
  font-family: var(--font-family-nunito);
}

.ff-nunito-sans {
  font-family: var(--font-family-nunito-sans);
}

.ff-gilroy {
  font-family: var(--font-family-gilroy);
}

.ff-gilroyBold {
  font-family: var(--font-family-gilroyBold);
}

::-webkit-scrollbar-thumb{
  background-color: var(--gray);
  border-radius: 50px;
}

.custom-primary-scroll::-webkit-scrollbar {
  width: 24px;
  background-color: transparent;
}

.custom-primary-scroll::-webkit-scrollbar-thumb {
  background-color: var(--gray);
  /* width: 8px; */
  border-radius: 50px;
  border: 8px solid var(--background-color);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.custom-primary-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.scroll-container,.custom-scroll:hover,.custom-primary-scroll:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--gray) transparent;
}

html {
  scroll-behavior: smooth;
}

.style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar {
  width: 0.7vmin;
  background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

body {
  overflow-y: hidden;
}

/* .fixed .main-header {
  box-shadow: none;
} */

/* .add-header{
  box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 2%);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
} */

.error-occure{
  text-align: center;
  background-color: var(--red);
  padding: 20px;
}

.fixed .content-wrapper,
.fixed .right-side {
  padding-top: unset;
  margin-top: 65px;
}

@media screen and (max-width: 878px) {
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: unset;
    margin-top: 12%;
  }
}

.CalendarPlan {
  margin-top: 30px;
}

/* use another class name */
/* .content-wrapper .box-body{
  margin-top: 65px;
} */

.wrapper>.content-wrapper {
  overflow-y: auto;
  position: fixed;
  overflow-x: hidden;
  height: -webkit-fill-available;
  height: -moz-available;
  width: -webkit-fill-available;
  width: -moz-available;

}

.content-wrapper {
  background-color: var(--background-color);

}

#secondaryBtn:hover {
  background: linear-gradient(90deg, var(--primary-orange) 0%, var(--secondary-orange) 100%);
  color: var(--white);
}

.freespace-extrasmall {
  font-size: var(--size-10);
}

.freespace-small {
  font-size: var(--size-12);
}

.freespace-medium {
  font-size: var(--size-14);
}

.freespace-bold {
  font-weight: 700;
}

.freespace-horizontal-center {
  text-align: center;
}

.freespace-horizontal-left {
  text-align: left;
}

.freespace-large {
  font-size: var(--size-16);
  line-height: var(--size-19);
}

.freespace-larger {
  font-size: var(--size-18);

}

.freespace-extralarge {
  font-size: var(--size-20);

}

.freespace-capital {
  text-transform: capitalize;
}

.freespace-lowercase {
  text-transform: lowercase;
}

.freespace-uppercase {
  text-transform: uppercase;
}

.freespace-error-text {
  color: var(--error-red);
}

.freespace-text-input {
  border-radius: var(--size-6);
  padding-right: 48px;
}

.fs-pointer {
  cursor: pointer;
}

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

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

.font-light-bold {
  font-weight: 600;
}

.primary-lime-color {
  color: var(--primary-green);
}

.border-0 {
  border: var(--size-0);
}

.black-color {
  color: var(--black);
}

.orange-color {
  color: var(--secondary-orange);
}

.white-color {
  color: var(--white);
}

.border-radius-8 {
  border-radius: var(--size-8);
}

.border-radius-6 {
  border-radius: var(--size-6);
}

.border-radius-5 {
  border-radius: var(--size-5);
}

.border-radius-10 {
  border-radius: var(--size-10);
}

button[disabled] {
  opacity: 0.6;
}

.sidebar-container {
  overflow: inherit !important;
}

.mb-0 {
  margin-bottom: unset !important;
}

.reserve-space-btn {
  background-color: var(--primary-btn-color);
  color: var(--white);
  margin: 5px 0vmin;
  cursor: pointer;
  border-radius: 5px;
  margin-left: 25px;
  width: 90%;
  text-align: center;
}

.freespace-linear-gradient-primary-btn {
  background: var(--primary-gradient-color);
}

.freespace-linear-gradient-primary-btn:hover {
  background: var(--secondary-gradient-color);
}

.custom-border-radius {
  border-radius: 0px 0px 10px 10px;
}

.freespace-border-gradient-btn {
  border: 1px solid transparent;
  background-image: linear-gradient(white, white),
    var(--primary-gradient-color);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.secondary-small-btn-text-style {
  font-family: var(--font-family-nunito);
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
}

.orange-color {
  color: var(--orange);
}

.custom-tertiary-button {
  min-height: 18px;
  min-width: 103px;
}

.freespace-small-border-btn:hover {
  background: var(--primary-green);
  color: var(--white);
}

.secondary-button-text-style {
  font-family: var(--font-family-nunito-sans);
  font-style: normal;
  font-weight: bold;
  min-width: 100px;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.01em;
  /* orange */
  color: var(--secondary-orange);
}

.freespace-savelocation,
.freespace-savelocation:hover {
  color: var(--white);
  background-color: var(--brand-lime);
  height: 34px;
}

.freespace-team-member-card {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.freespace-member-card {
  display: flex;
  border-radius: 0px;
  flex-direction: column;
  cursor: pointer;
  padding: 10px 0px 10px 0px
}

.freespace-member-card:hover,
.freespace-member-card.focus {
  background-color: var(--hover-green);
}

.freespace-team-card:hover,
.freespace-team-card.focus {
  background-color: var(--hover-green);
}

.freespace-container {
  background-color: var(--secondary-text-color);
  padding: 0px 30px;
  border: none;
  border-radius: 10px;
}

.vertical {
  display: flex;
  flex-direction: column;
  align-self: center;
}

@media screen and (min-width: 1115px) {
  .vertical-item-flex {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1000px) {
  .vertical-item-flex {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    width: 80%;
  }
}

@media screen and (min-width: 300px) {
  .responsive-header-view{
    margin-top: 15px;
  }
}

@media screen and (min-width: 879px) {
  .responsive-header-view{
    margin-top: 0px;
  }
}

.freespace-flex-container {
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 100%; */
}

.freespace-flex {
  display: flex;
  align-items: center;
  /* height: 100%; */
}

.gilroy-text {
  font-family: var(--font-family-gilroyBold);
  font-style: normal;
  font-size: var(--size-14);
  line-height: var(--size-17);
}

.nunito-text {
  font-family: var(--font-family-nunito);
  font-style: normal;
  font-size: var(--size-14);
  line-height: var(--size-17);
}

.gilroy-large-text {
  font-family: var(--font-family-gilroyBold);
  font-style: normal;
  font-size: var(--size-16);
  line-height: var(--size-19);
}

.freespace-large-text {
  font-family: var(--font-family-nunito);
  font-style: normal;
  font-size: var(--size-13);
  line-height: var(--size-18);
  letter-spacing: -0.01em;
}

.freespace-larger-text {
  font-family: var(--font-family-nunito);
  font-style: normal;
  font-size: var(--size-14);
  line-height: var(--size-19);
  letter-spacing: -0.01em;
}

.freespace-larger-er-text {
  font-family: var(--font-family-nunito);
  font-style: normal;
  font-size: var(--size-16);
  line-height: var(--size-22);
  letter-spacing: -0.01em;
}

.freespace-extralarge-text {
  font-family: var(--font-family-heading-Bold);
  font-style: normal;
  font-size: var(--size-24);
  line-height: var(--size-29);
  letter-spacing: -0.01em;
}

.freespace-small-text {
  font-family: var(--font-family-nunito);
  font-style: normal;
  font-size: var(--size-11);
  line-height: var(--size-15);
}

.custom-button-large {
  min-height: var(--size-32);
  padding-left: var(--size-14);
  padding-right: var(--size-14);
}

.custom-button-larger {
  min-height: var(--size-45);
  padding-left: var(--size-14);
  padding-right: var(--size-14);
  min-width: 100px;
}

.custom-button-small {
  min-height: var(--size-28);
  padding-left: var(--size-14);
  padding-right: var(--size-14);
}

.freespace-small-border-btn {
  border: 1px solid var(--primary-green);
  box-sizing: border-box;
  background: transparent;
}

.freespace-team-card {
  /* Set card color using inline css */
  /* padding: 14px; */
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 0;
}

.plan-card-addon {
  background: var(--white);
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
  margin-bottom: var(--size-10);
  padding-left: var(--size-15);
}

.color-indigo {
  color: var(--indigo);
}

.freespace-full-width-button-container {
  background: var(--brand-lime);
  margin: 25px 10px 25px 10px;
  padding: 10px;
  color: var(--white);
  border-radius: 8px;
  cursor: pointer;
}

.freespace-full-width-button-container-negative {
  background: 'transparent';
  padding: 10px;
  cursor: pointer;
}

.custom-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: var(--background-color);
}

.custom-scrollbar::-webkit-scrollbar {
  width: 10px;
  background-color: var(--background-color);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  /* background-color: #38D68B; */
}

.freespace-custom-gradient-button {
  padding: 20px;
  background: linear-gradient(90deg, #F45E61 0%, #EC927C 100%);
  color: var(--white);
  font-size: var(--font-size-16);
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border-radius: 0px 0px 9px 0px;
}

.panel-horizontal {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.panel-vertical {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.align-self-center {
  display: flex;
  align-self: center;
}

.space-horizontal {
  display: flex;
}

.custom-scroll {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.custom-primary-scroll{
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
  border: 6px solid #FFFFFF !important;
}

.custom-scroll:hover::-webkit-scrollbar-thumb {
  border: 6px solid #CAC8C8 !important;
}

.my-team-name {
  padding: 13px;
}

.my-team-plan-top {
  margin-top: 10px;
}

.myteams-card-user-images {
  display: flex;
  flex-direction: row;
}

.name-container {
  display: flex;
  padding: 6px;
  flex-direction: column;
  width: auto;
  align-items: flex-start;
  justify-content: left;
  line-height: normal;
}

.my-team-plan-bottom {
  margin-top: var(--size-16);
  padding-top: var(--size-11);
  padding-bottom: var(--size-6);
  background: var(--background-color);
  margin-right: var(--size-0);
  border-radius: 0px 0px 10px 10px;
  justify-content: space-between;
}

/* .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: var(--lime);
  font-weight: 520;
  cursor: default;
  border: none;
  border-bottom: 3px solid var(--lime);
  transition: all 0.1s ease-in-out
} */

/* .nav-tabs>li>a:hover {
  --border-color: var(--lime);
  --border-width: 3px;
  --bottom-distance: 0px;
  color: var(--lime);
  display: inline-block;
  font-weight: 700;
  background-color: var(--gray-9-background);
  background-image: linear-gradient(var(--border-color), var(--border-color));
  background-size: 0% var(--border-width);
  background-repeat: no-repeat;
  transition: background-size 0.3s;
} */

/* .nav-tabs>li>a {
  color: var(--gray-3);
  font-weight: 520;
} */

/* .nav-tabs>li {
  margin: 1vmin 2vmin;
  cursor: pointer;
} */

.custom-scroll::-webkit-scrollbar {
  width: 6px !important;
  background: transparent;
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
  background-color: #CAC8C8 !important;
  box-shadow: none;
  border: 6px solid #CAC8C8;
}

.custom-scroll::-webkit-scrollbar-track {
  display: none;

}

.freespace-label {
  font-family: var(--font-family-nunito);
  font-weight: bold;
  line-height: 1.3;
  font-size: var(--size-14);
}

.freespace-label-color {
  color: var(--black-60);
}

.startTime,
.endTime {
  padding: unset !important;
}

.rc-time-picker-panel-narrow {
  margin: 3px 29px !important;
}

.rc-time-picker-panel-select>ul {
  padding: 0px 20px !important;
}

.rc-time-picker-panel-input {
  text-align: center;
}

.rc-time-picker-input {
  color: var(--black) !important;
  font-family: var(--font-family-nunito) !important;
  height: 38px !important;
  padding-left: 10px !important;
  font-size: var(--size-15) !important;
  line-height: 1.3 !important;
  font-weight: 400;
  border-radius: 6px !important;
  border: var(--primary-border) !important;
  text-align: center;
}

.rc-time-picker-input:focus {
  border-color: var(--primary-green) !important;
}

.rc-time-picker-input:focus {
  outline-color: #d9d9d9 !important;
}

.rc-time-picker-panel-select {
  font-size: var(--size-14) !important;
  color: var(--black) !important;
  line-height: 1.2 !important;
  width: 85px !important;

}

.rc-time-picker-panel-inner {
  width: 171px;
  font-family: var(--font-family-nunito);
  font-size: var(--size-14) !important;
  color: var(--black) !important;
  line-height: 1.5 !important;

}

.rc-time-picker {
  display: block !important;
  font-family: var(--font-family-nunito);
}

.rc-time-picker-panel-select:last-child {
  position: absolute;
  right: 0px;
}

.rc-time-picker-panel-select::-webkit-scrollbar {
  width: 6px !important;
  background: transparent;
}

/* Handle */
.rc-time-picker-panel-select::-webkit-scrollbar-thumb {
  background-color: #CAC8C8 !important;
  box-shadow: none;
  border: 6px solid #CAC8C8;
}

.rc-time-picker-panel-select::-webkit-scrollbar-track {
  display: none;
}

/* calendar */
.rdp {
  /* display: inline-block; */
  font-size: var(--size-14) !important;
  margin: auto !important;
  line-height: 1.3 !important;
}

.rdp-weeknumber,
.rdp-day {
  border-radius: 10px !important;
}

.rdp-day_selected:not([disabled]),
.rdp-day_selected:focus:not([disabled]),
.rdp-day_selected:active:not([disabled]),
.rdp-day_selected:hover:not([disabled]),
.rdp-button:hover:not([disabled]) {
  color: var(--black) !important;
  background-color: var(--white) !important;
  border: var(--primary-green) 1px solid !important;
}

.rdp-months {
  justify-content: space-evenly;
}

.rdp-button:focus:not(.rdp-day_selected) {
  color: var(--black) !important;
  border: none !important;
  background-color: var(--background-color) !important;
}

.fa-pencil-square-o {
  color: var(--orange);
}

/*repeat Calender*/

.rmdp-dasdy {
  display: flex !important;
  justify-content: center !important;
}

.rmdp-dasd>span {
  width: 20px !important;
}

.rmdp-shadow {
  box-shadow: unset !important;
}

.rmdp-wrapper {
  background-color: transparent !important;
}

.rmdp-day,
.rmdp-week-day {
  width: 50px !important;
  display: flex !important;
  justify-content: center !important;
}

.rmdp-day span {
  right: inherit !important;
  left: auto !important;
  width: 28px !important;
  height: 32px !important;
  border-radius: 10px !important;
}

.rmdp-day.rmdp-today span {
  background-color: transparent !important;
  color: unset !important;
}

.rmdp-day.rmdp-selected span:not(.highlight) {
  background-color: rgba(56, 214, 139, 0.4) !important;
  color: var(--block) !important;
  border: 1px solid var(--primary-green) !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25) !important;

}

.rmdp-week-day {
  font-family: var(--font-family-nunito) !important;
  font-size: var(--size-14) !important;
  color: var(--black) !important;
}

.rmdp-week {
  height: 40px !important;
}

.rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover {
  background-color: rgba(56, 214, 139, 0.4) !important;
  color: var(--black) !important;
}

.rmdp-arrow {
  border: solid var(--primary-green) !important;
  border-width: 0 2px 2px 0 !important;
}

.rmdp-arrow-container.disabled .rmdp-arrow,
.rmdp-arrow-container.disabled:hover .rmdp-arrow {
  border: solid grey !important;
  border-width: 0 2px 2px 0 !important;
  display: none;

}
.rmdp-arrow-container.disabled:hover{
  background: transparent !important;
}

.rmdp-arrow-container:hover {
  background-color: var(--primary-green) !important;
}

.repeat-main-body {
  flex-direction: column !important;
}

.repeat-main-body>.repeatDetails {
  height: 65px !important;
  display: flex;
  align-items: center;
  margin: 0px 15px 0px 20px;
  border-radius: 5px;
  background-color: rgba(56, 214, 139, 0.1) !important;
}

.rmdp-header-values {
  font-family: var(--font-family-nunito) !important;
  font-size: var(--size-14) !important;
  font-weight: 700;
}

@media screen and (max-width: 200000px) {

  .components-container {
    font-family: var(--font-family-nunito);
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding: 30px 0px;
  }
}

@media screen and (max-width: 1000px) {
  .components-container {
    font-family: var(--font-family-nunito);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 0px;
  }
}

.components-container div {
  padding-bottom: 10px 0px;
}

.circle-list-container {
  margin: 15px;
  background-color: var(--white);
  box-shadow: var(--primary-box-shadow);
  border-radius: 10px;
  /* height: fit-content;
  min-height: 428px; */
  height: fit-content;
  width: 350px;
}

@media screen and (max-width: 1000px) {
  .circle-list-container {
    margin: 15px 0px;
    background-color: var(--white);
    box-shadow: var(--primary-box-shadow);
    border-radius: 10px;
    /* height: fit-content;
    min-height: 428px; */
    height: fit-content;
    width: 80%;
  }
}
.invisible-scroll-x::-webkit-scrollbar {
  display: none;
}

.text-overflow-ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.static-button {
  align-self: center;
  position: relative;
  margin-top: -25px;
  margin-left: -15px;
  margin-right: 15px;
}

.select-option-disable {
  opacity: 0.5;
}

.custom-page-scrollbar {
  overflow-y: auto;
  height: inherit;
}

.DayPickerKeyboardShortcuts_show__bottomRight,
svg[role="presentation"] {
  display: none;
}

.CalendarDay__default,
.CalendarDay__default:hover {
  border: none !important;
}

.DayPicker_transitionContainer,
.DayPicker__withBorder,
.SingleDatePicker_picker {
  border-radius: 8px !important;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background-color: rgba(56, 214, 139, 0.4) !important;
  color: #484848 !important;
}


.CalendarDay__today {
  background-color: rgba(56, 214, 139, 0.4) !important;
}
/*
.fc-day-today>.fc-daygrid-day-frame {
  background-color: rgba(56, 214, 139, 0.1) !important;
  border: 2px solid var(--primary-green) !important;
} */

#toast-container>.toast-success {
  border-top: 3px solid var(--available-green);
  background-image: '/images/close.svg';
}

#toast-container>.toast {
  background-image: none !important;
  background-color: white;
  border-radius: 8px;
  color: var(--indigo);
}

.modal-side-menu {
  position: fixed;
  z-index: 810;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* .sidebar-optioncontainer{
  padding: 30px;
} */
/*
.sidebar-container{
  margin-top: 65px !important;
} */
/* .main-sidebar-container{
  margin-top: 65px;
} */

.location-tree {
  margin-top: unset !important;

}

.additional-main-container {
  padding: 30px;
}

/* .sidebar-container{
  width: 400px !important;
} */
/*
.option-sidebar-container{
  margin-top: 65px !important;
} */

.coverbody {
  height: 100%;
  background-color: var(--black-12);
  width: 100%;
  position: fixed;
  z-index: 1030;
  top: 0px;
  left: 15px;
}

.custom-page-scrollbar {
  overflow-y: auto;
  overflow-x: hidden;
  height: inherit;
}

.SlideRightToLeft {
  position: absolute;
  overflow-y: auto;
  padding-top: 50px;
  top: 0vmin;
  width: 360px;
  /* height: 700px; */
  min-height: 100%;
  z-index: 1010;
  background-color: #F5F5F5;
  box-shadow: 0 0 0 100000px rgb(0 0 0 / 20%);
  right: -400px;
  -webkit-animation: SlideRightToLeft 0.5s forwards;
  -webkit-animation-delay: 2s;
  animation: SlideRightToLeft 0.5s forwards;
  animation-delay: 2s;
}

@-webkit-keyframes SlideRightToLeft {
  100% {
    left: 0;
  }
}

@keyframes SlideRightToLeft {
  100% {
    left: 0;
  }
}

.content-wrapperkt {
  height: 86vh !important;
}

@media screen and (max-width:986px) {
  .content-wrapperkt {
    height: 100vh;
  }

  .custom-page-scrollbar {
    padding-bottom: 100px;
  }
}

button:disabled {
  cursor: not-allowed;
  pointer-events: all;
}

.floor-plan-bottom {
  /* height: 45px; */
  background-color: #f5f5f5;
  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.08);
  border-radius: 0px 0px 10px 10px;
  font-size: var(--size-11);
  font-family: var(--font-family-nunito);
  font-weight: 700;
}

.floor-plan-space-status {
  height: 16px;
  width: 16px;
  position: relative;
  border-radius: 50%;
}

.floor-plan-button {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.side-menu-header {
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 20px
}

.left-addon{
  cursor: pointer;
}

.side-menu-body-container {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 0px 15px
}

.disable-card {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
}

.loading-overlay {
  display: flex;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9998;
  align-items: center;
  justify-content: center;
}

.overlay-carousel {
  position: relative;
  left: -899px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--primary-green);
  color: var(--primary-green);
  box-shadow: 960px 0 0 0 var(--primary-green), 990px 0 0 0 var(--primary-green), 1020px 0 0 0 var(--primary-green);
  animation: dotCarousel 1.5s infinite linear;
}

@keyframes overlayCarousel {
  0% {
    box-shadow: 960px 0 0 -1px var(--primary-green), 990px 0 0 1px var(--primary-green), 1020px 0 0 -1px var(--primary-green);
  }

  50% {
    box-shadow: 1020px 0 0 -1px var(--primary-green), 960px 0 0 -1px var(--primary-green), 990px 0 0 1px var(--primary-green);
  }

  100% {
    box-shadow: 990px 0 0 1px var(--primary-green), 1020px 0 0 -1px var(--primary-green), 960px 0 0 -1px var(--primary-green);
  }
}

/* .css-rsyb7x{
  margin: -1px !important;
} */
.cancel-request-link{
  cursor: pointer;
}
.cancel-request-link:hover{
  text-decoration: underline;
  padding-top: var(--size-5);
}
.horizontal {
  display: flex;
  justify-content: space-between;
}
.element-small {
  /* font-size: 1.5vmin; */
  font-size: var(--font-size-15);
}

.element-medium {
  font-size: var(--font-size-18);
}

.element-large {
  font-size: var(--font-size-20);
}

.element-extralarge {
  font-size: var(--font-size-26);
}

.element{
  padding: 2vmin;
}

.line-height-40 {
  line-height: 40px;
}

.team-empty-display{
  flex-flow: column;
  padding-top: 26px;
  padding-bottom: 0px;
}