@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}@font-face{font-family:"revicons";fallback:fallback;src:url("/assets/revicons.f7b9c306.woff") format('woff'),url("/assets/revicons.4ca02b8a.ttf") format('ttf'),url("/assets/revicons.9e4d4c68.eot") format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}._dropdown_15ws1_1 {
  position: relative;
  display: inline-flex;
}
._dropdown_15ws1_1 ._button_15ws1_5 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 12px;
  padding: 12px 16px;
  font-weight: 600;
  line-height: 1;
  border-width: 0;
  letter-spacing: 0.6px;
  height: 40px;
  white-space: nowrap;
  outline: none;
  transition: background-color 160ms ease-out, box-shadow 160ms ease;
}
._dropdown_15ws1_1 ._button_15ws1_5:hover {
  text-decoration: none;
}
._dropdown_15ws1_1 ._button_15ws1_5:disabled, ._dropdown_15ws1_1 ._button_15ws1_5._disabled_15ws1_25._disabled_15ws1_25 {
  background-color: #EBECF0;
  color: #7A869A;
  cursor: not-allowed;
}
._dropdown_15ws1_1 ._button_15ws1_5:disabled:hover, ._dropdown_15ws1_1 ._button_15ws1_5._disabled_15ws1_25._disabled_15ws1_25:hover {
  background-color: #EBECF0;
  color: #7A869A;
  cursor: not-allowed;
}
._dropdown_15ws1_1 ._button_15ws1_5:focus {
  outline: none !important;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-primary_15ws1_38 {
  background-color: #2C5DE5;
  color: #FFF;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-primary_15ws1_38:hover, ._dropdown_15ws1_1 ._button_15ws1_5._button-primary_15ws1_38._active_15ws1_42 {
  background-color: #172B4D;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-primary_15ws1_38:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(44, 93, 229, 0.4);
}
._dropdown_15ws1_1 ._button_15ws1_5._button-primary_15ws1_38:disabled, ._dropdown_15ws1_1 ._button_15ws1_5._button-primary_15ws1_38._disabled_15ws1_25 {
  background-color: #EBECF0;
  color: #7A869A;
  cursor: not-allowed;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-secondary_15ws1_54 {
  background-color: #EBECF0;
  color: #172B4D;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-secondary_15ws1_54:hover, ._dropdown_15ws1_1 ._button_15ws1_5._button-secondary_15ws1_54._active_15ws1_42 {
  background-color: #C7C7C7;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-secondary_15ws1_54:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(235, 236, 240, 0.4);
}
._dropdown_15ws1_1 ._button_15ws1_5._button-secondary_15ws1_54:disabled, ._dropdown_15ws1_1 ._button_15ws1_5._button-secondary_15ws1_54._disabled_15ws1_25 {
  background-color: #FFF;
  color: #7A869A;
  border: 1px solid #C7C7C7;
  cursor: not-allowed;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-tertiary_15ws1_71 {
  background-color: transparent;
  color: #172B4D;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-tertiary_15ws1_71:hover, ._dropdown_15ws1_1 ._button_15ws1_5._button-tertiary_15ws1_71._active_15ws1_42 {
  color: #2C5DE5;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-tertiary_15ws1_71:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(235, 236, 240, 0.4);
}
._dropdown_15ws1_1 ._button_15ws1_5._button-tertiary_15ws1_71:disabled, ._dropdown_15ws1_1 ._button_15ws1_5._button-tertiary_15ws1_71._disabled_15ws1_25 {
  color: #7A869A;
  cursor: not-allowed;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special_15ws1_86 {
  background-color: #EEF3FF;
  color: #2C5DE5;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special_15ws1_86:hover, ._dropdown_15ws1_1 ._button_15ws1_5._button-special_15ws1_86._active_15ws1_42 {
  color: #FFF;
  background-color: #172B4D;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special_15ws1_86:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(238, 243, 255, 0.4);
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special_15ws1_86:disabled, ._dropdown_15ws1_1 ._button_15ws1_5._button-special_15ws1_86._disabled_15ws1_25 {
  background-color: #EBECF0;
  color: #7A869A;
  cursor: not-allowed;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special-success_15ws1_103 {
  background-color: #e6f8f0;
  color: #36B37E;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special-success_15ws1_103:hover, ._dropdown_15ws1_1 ._button_15ws1_5._button-special-success_15ws1_103._active_15ws1_42 {
  color: #FFF;
  background-color: #36B37E;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special-success_15ws1_103:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(230, 248, 240, 0.4);
}
._dropdown_15ws1_1 ._button_15ws1_5._button-special-success_15ws1_103:disabled, ._dropdown_15ws1_1 ._button_15ws1_5._button-special-success_15ws1_103._disabled_15ws1_25 {
  background-color: #EBECF0;
  color: #7A869A;
  cursor: not-allowed;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-dashed_15ws1_120 {
  background-color: #EEF3FF;
  color: #2C5DE5;
  border: 1px dashed #2C5DE5;
  height: auto !important;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-dashed_15ws1_120:hover, ._dropdown_15ws1_1 ._button_15ws1_5._button-dashed_15ws1_120._active_15ws1_42 {
  background-color: #cadaff;
}
._dropdown_15ws1_1 ._button_15ws1_5._button-dashed_15ws1_120:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(238, 243, 255, 0.4);
}
._dropdown_15ws1_1 ._menu_15ws1_133 {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 1000;
  flex-direction: column;
  min-width: 180px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 12px 32px rgba(26, 26, 26, 0.2);
}
._dropdown_15ws1_1 ._menu_15ws1_133 ul {
  list-style: none;
  padding-left: 0;
  margin-top: 12px;
  margin-bottom: 12px;
}
._dropdown_15ws1_1 ._menu-left_15ws1_150 {
  top: calc(100% + 4px);
  right: 0;
}
._dropdown_15ws1_1 ._menu-right_15ws1_154 {
  left: 0;
  right: auto;
}
._dropdown_15ws1_1 ._menu-top-right_15ws1_158 {
  top: auto;
  bottom: calc(100% + 4px);
  left: 0;
  right: auto;
}
._dropdown_15ws1_1 ._menu-top-left_15ws1_164 {
  top: auto;
  bottom: calc(100% + 4px);
  left: auto;
  right: 0;
}._item_16u43_1 {
    position: relative;
    font-size: 14px;
    line-height: 1.4;
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    outline: none;
    transition: all 160ms ease-out;
    white-space: nowrap;
    display: flex;
    align-items: center;
    color: #172B4D;
}

._item_16u43_1:hover {
    background-color: #EEF3FF;
    color: #2C5DE5;
}

._item_16u43_1:hover > div {
    display: flex;
    flex-direction: column;
}

._active_16u43_26 {
    background-color: #EEF3FF;
    color: #2C5DE5 !important;
}
._submenu_qieiq_1 {
  background-color: #fff;
  min-width: 180px;
  border-radius: 4px;
  box-shadow: 0px 12px 32px rgba(26, 26, 26, 0.2);
  z-index: 1100;
  position: absolute;
  display: none;
  top: -5px;
  right: 98%;
}

._submenu_qieiq_1 > ul {
  list-style: none;
  padding-left: 0;
  margin-top: 12px;
  margin-bottom: 12px;
}

._left_qieiq_20 {
  top: -5px;
  right: 98%;
}

._right_qieiq_25 {
  top: -5px;
  left: 98%;
}

._bottom_qieiq_30 {
  top: 100%;
  left: 0;
}

._right-top_qieiq_35 {
  bottom: -5px;
  left: 98%;
}

._left-top_qieiq_40 {
  bottom: -5px;
  right: 98%;
}
._divider_1h337_1 {
  height: 1px;
  background-color: EBECF0;
  pointer-events: none;
  padding: 0;
  margin: 4px 0;  
}

._sm_1h337_9 {
  margin: 2px 0;
}

._lg_1h337_13 {
  margin: 8px 0;
}
.draggable__Modal {
  position: absolute;
  cursor: move;
  color: black;
  resize: horizontal;
  overflow: auto;
  top: 5rem;
  border-radius: 10px;
  padding: 1em;
  margin: auto;
  user-select: none;
  z-index: 9999999;
}/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

.uploadimage,
.upload_app_banner,
.upload_image {
  position: relative;
  width: 135px;
  height: 136px;
}
.uploadimage img,
.upload_app_banner img,
.upload_image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.uploadimage .fileinput,
.upload_app_banner .fileinput,
.upload_image .fileinput {
  position: absolute;
  min-width: unset !important;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.uploadimage .dropimage,
.upload_app_banner .dropimage,
.upload_image .dropimage {
  width: 100%;
  height: 100%;
}
.uploadimage .imgicon,
.upload_app_banner .imgicon,
.upload_image .imgicon {
  margin-bottom: 10px;
}
.uploadimage .dropspan,
.upload_app_banner .dropspan,
.upload_image .dropspan {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #c1c1c1;
  bottom: 36px;
  left: 9px;
}
.uploadimage .dropspan .clickspan,
.upload_app_banner .dropspan .clickspan,
.upload_image .dropspan .clickspan {
  color: #9c8f41;
}
.uploadimage .editdiv,
.upload_app_banner .editdiv,
.upload_image .editdiv {
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.uploadimage .editdiv svg,
.upload_app_banner .editdiv svg,
.upload_image .editdiv svg {
  width: 19px;
  height: 19px;
}
.upload_app_banner {
  max-width: 381px;
  width: 100%;
  height: 170px;
}
.upload_app_banner .dropspan {
  left: 33%;
  top: 58px;
}
.upload_image {
  max-width: 168px;
  width: 100%;
  height: 170px;
}
.upload_image .dropspan {
  left: 28px;
  top: 58px;
}
.timeAvailability {
  display: flex;
  flex-direction: column;
  max-width: 356px;
  width: 100%;
}
.timeAvailability .time_form_slots {
  background: #f5f5f5;
  border-radius: 6px;
  padding: 14px 34px 27px 17px;
  width: 386px;
  height: max-content;
}
.timeAvailability .time_span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  display: block;
  padding-bottom: 15px;
}
.timeAvailability .time_select_span {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #787878;
  display: block;
  padding-bottom: 10px;
}
.timeAvailability .formcontrollabel {
  display: flex;
  gap: 20px;
}
.timeAvailability .formcontrollabel .time_week {
  cursor: pointer;
}
.timeAvailability .formcontrollabel .time_week .time_labels {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #aaaaaa;
}
.timeAvailability .formcontrollabel .selected {
  border-bottom: 2px solid #9c8f41;
}
.timeAvailability .formcontrollabel label {
  margin: 0 !important;
}
.timeAvailability .formcontrollabel label .MuiTypography-root {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #aaaaaa;
}
.timeAvailability .formcontrollabel .checkbox {
  padding: 0 !important;
}
.timeAvailability .formcontrollabel .checkbox .checkincon,
.timeAvailability .formcontrollabel .checkbox .checked {
  width: 26px;
  height: 26px;
  background-color: #fffbe3;
  border: 0.8px solid #9c8f41;
  border-radius: 4px;
}
.timeAvailability .formcontrollabel .checkbox .checkincon :hover,
.timeAvailability .formcontrollabel .checkbox .checked :hover {
  background-color: #fffbe3;
}
.timeAvailability .formcontrollabel .checkbox .checked {
  background-color: #9c8f41;
  position: relative;
}
.timeAvailability .formcontrollabel .checkbox .checked svg {
  position: absolute;
  right: 6px;
  top: 8px;
}
.timeAvailability .slot_div {
  padding-top: 20px;
}
.timeAvailability .slot_div .times_select_divs {
  overflow-y: scroll;
  max-height: 300px;
}
.timeAvailability .slot_div .times_select_divs .selected_time_pick {
  display: flex;
  gap: 18px;
  align-items: center;
  padding-top: 31px;
}
.timeAvailability .slot_div .times_select_divs .selected_time_pick span {
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
}
.timeAvailability .slot_div .times_select_divs .selected_time_pick .time_to {
  width: 82px;
  height: 26px;
  background: #e9e9e9;
  border-radius: 4px;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  color: #858585;
}
.timeAvailability .slot_div .times_select_divs .selected_time_pick svg {
  cursor: pointer;
}
.timeAvailability .slot_div .times_select_divs .selected_time_pick .delete_time {
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeAvailability .slot_div .times {
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #565656;
  display: flex;
  gap: 3px;
  align-items: center;
}
.timeAvailability .slot_div .slots_span {
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
}
.list_box {
  gap: 15px !important;
  padding: 17px 17px 16px 24px;
  background-color: white;
  border-radius: 10px;
}
.list_box .add_div {
  display: flex;
  flex-direction: column;
}
.list_box .add_div .btn_additem {
  width: 205px;
  height: 114px;
  border-radius: 10px;
  background-color: #fffbe3;
  box-shadow: none;
}
.list_box .add_div .btn_additem .svg {
  fill: #fffbe3;
}
.list_box .add_div .span_add {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  padding-top: 10px;
}
.list_box .list_item {
  display: flex;
  flex-direction: column;
}
.list_box .list_item .list_div {
  max-width: 205px;
  min-width: 200px;
  height: 114px;
  border-radius: 10px;
}
.list_box .list_item .list_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.list_box .list_item .list_item_req_count {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 9px;
}
.list_box .list_item .list_item_req_count .req_count {
  width: 20px;
  height: 20px;
  background-color: #ff3838;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
}
.list_box .list_item .list_item_req_count .itemLabel {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  height: 1.2em;
  white-space: nowrap;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.list_box .show_more {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list_box .show_more .show_btn {
  width: 205px;
  height: 114px;
  border-radius: 10px;
  box-shadow: none;
  background-color: #f4f8f9;
}
.list_box .show_more .show_span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.overviewDiv {
  padding-top: 30px !important;
}
.overviewDiv .overview_span {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  padding-bottom: 15px;
  display: block;
  color: #767676;
}
.overviewDiv .task_div {
  gap: 14px;
  display: flex;
}
.overviewDiv .task_div .boxtask {
  cursor: pointer;
  max-width: 231px;
  width: 100%;
  height: 135px;
  border-radius: 6px;
  padding: 12px 8px 11px 17px;
}
.overviewDiv .task_div .boxtask .donut_chart_div {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.overviewDiv .task_div .boxtask .donut_chart_div .overview_span {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 18px;
}
.overviewDiv .task_div .boxtask .donut_chart_div .overview_span .tasknum {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
.overviewDiv .task_div .boxtask .donut_chart_div .overview_span .amenities_type {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #848484;
}
.overviewDiv .task_div .boxtask .overviewIcon {
  display: flex;
  justify-content: space-between;
}
.overviewDiv .task_div .boxtask .donut_chart {
  width: 200px;
  height: 200px;
}
.overviewDiv .parcel_div {
  width: 100%;
  height: 200px;
}
.overviewDiv .parcel_div .carousel-container {
  width: 100%;
  height: 100%;
}
.chart {
  padding-top: 6px;
}
.chart .chart_span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  padding-bottom: 15px;
  display: block;
}
.chart .chart {
  background-color: white;
  box-shadow: 0px 0px 26.7206px 1.33603px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  width: 100%;
  font-size: 9.5px;
}
.chart .chart .recharts-legend-item-text {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 9 !important;
  line-height: 11px !important;
  color: #848484 !important;
}
.chart .chart .recharts-default-legend {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  left: -39px;
  width: 150px;
  gap: 13px;
  margin-left: 22px !important;
}
.chart .sorting_chart {
  max-width: 765px;
  padding-top: 51px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.chart .sorting_chart .sortdiv {
  display: flex;
  gap: 22px;
}
.chart .sorting_chart .sortdiv button {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #909090;
  text-transform: capitalize;
  min-width: max-content;
  border-radius: 5px;
  padding: 5px 10px;
}
.chart .sorting_chart .sortdiv .activebtn {
  background-color: #e1e9fa;
  padding: 5px 10px;
  color: #1d4599;
}
.poperaction {
  position: absolute !important;
  inset: 0px auto auto 0px !important;
}
.poperaction.dialog_li {
  display: none !important;
}
.poperaction.amenity .MuiBox-root {
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
  top: -7px !important;
  left: -168px !important;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.poperaction.amenity .MuiBox-root li {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 35px;
  border-bottom: 0.5px solid #cecece;
  height: 43px;
}
.poperaction.amenity .MuiBox-root li:hover {
  background-color: #fffbe3;
  border-radius: 6px;
}
.poperaction.status .MuiBox-root {
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
  top: -7px !important;
  left: -168px !important;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.poperaction.status .MuiBox-root li {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 35px;
  border-bottom: 0.5px solid #cecece;
  height: 43px;
}
.poperaction.status .MuiBox-root li:hover {
  background-color: #fffbe3;
  border-radius: 6px;
}
.poperaction.service .MuiBox-root {
  top: 15px !important;
  left: -103px !important;
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
}
.poperaction.service .MuiBox-root li {
  height: 50px;
}
.poperaction.req .MuiBox-root {
  height: 258px !important;
  position: relative;
  top: 7px;
  left: -194px;
}
.poperaction.req li:hover {
  color: #9c8f41 !important;
}
.poperaction.valet .MuiBox-root {
  height: max-content !important;
  left: -174px !important;
}
.poperaction.valet .MuiBox-root .popper_arrow {
  left: 140px !important;
}
.poperactionSub {
  z-index: 100;
}
.poperactionSub.dialog_li {
  display: none !important;
}
.poperactionSub.amenitySub .MuiBox-root {
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
  top: -74px !important;
  left: -376px !important;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.poperactionSub.amenitySub .MuiBox-root li {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 35px;
  border-bottom: 0.5px solid #cecece;
  height: 43px;
}
.poperactionSub.amenitySub .MuiBox-root li:hover {
  background-color: #fffbe3;
  border-radius: 6px;
}
.poperactionSub.status .MuiBox-root {
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
  top: -7px !important;
  left: -168px !important;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.poperactionSub.status .MuiBox-root li {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 35px;
  border-bottom: 0.5px solid #cecece;
  height: 43px;
}
.poperactionSub.status .MuiBox-root li:hover {
  background-color: #fffbe3;
  border-radius: 6px;
}
.poperactionSub.service .MuiBox-root {
  top: 15px !important;
  left: -103px !important;
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
}
.poperactionSub.service .MuiBox-root li {
  height: 50px;
}
.poperactionSub.reqSub .MuiBox-root {
  position: absolute;
  top: 7px;
  left: -194px;
}
.poperactionSub.reqSub li:hover {
  color: #9c8f41 !important;
}
.poperactionSub.valet .MuiBox-root {
  height: max-content !important;
  left: -174px !important;
}
.poperactionSub.valet .MuiBox-root .popper_arrow {
  left: 140px !important;
}
.openpopperSub {
  top: 11px !important;
  left: 24px !important;
}
.form_add_apartment_dialog {
  width: 400px !important;
  padding: 26px 43px;
}
.form_add_apartment_dialog .header_dialog {
  padding-bottom: 20px;
  color: #9c8f41;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
}
.form_add_apartment_dialog .apartmentNumber_container .info-inputs__content {
  background-color: #f6f6f6 !important;
  border-radius: 6px;
  width: 100% !important;
  font-weight: 600 !important;
}
.form_add_apartment_dialog .apartmentNumber_container .info-inputs__content input {
  height: 38px;
  font-size: 14px;
  padding: 0 !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.form_add_apartment_dialog .apartmentNumber_container .apartment_iamge {
  width: 143px;
  height: 150px;
}
.form_add_apartment_dialog .btn_container {
  display: flex;
  align-items: center;
  height: 30px;
}
.form_add_apartment_dialog .btn_container .add_apart_btn {
  padding: 10px 20px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: none;
  background-color: #686868 !important;
  pointer-events: none;
  height: 100%;
}
.form_add_apartment_dialog .btn_container .add_apart_btn.active {
  background-color: #9c8f41 !important;
  pointer-events: visible;
  color: #fffbe3 !important;
}
.form_add_apartment_dialog .btn_container .cancel_apartment {
  background-color: white;
  color: #43425d;
  border: 1px solid black;
  box-shadow: none;
  text-transform: none;
  height: 100%;
  width: 100px;
}
.amenity_maintenance_list {
  max-width: 1155px !important;
  padding: 15px 0 50px 0 !important;
  min-height: calc(100vh - 64px);
}
.amenity_maintenance_list .amenity_manintenance_list_header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
}
.amenity_maintenance_list .amenity_manintenance_list_header .service_view_btn_table {
  height: 36px;
  display: flex;
  gap: 10px;
}
.amenity_maintenance_list .amenity_manintenance_list_header .service_view_btn_table .list_button {
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
}
.amenity_maintenance_list .amenity_manintenance_list_header .service_view_btn_table .list_button.table {
  background-color: white !important;
  border: 1px solid #e3e5e5;
  color: #757575 !important;
}
.amenity_maintenance_list .amenity_manintenance_list_header .service_view_btn_table .list_button svg {
  fill: #9c8f41 !important;
}
.amenity_maintenance_list .amenity_manintenance_list_header .service_view_btn_table .list_button svg rect {
  fill: #9c8f41 !important;
}
.amenity_maintenance_list .amenity_manintenance_list_header span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.amenity_maintenance_list .amenity_manintenance_list_header .list_button {
  display: flex;
  gap: 10px;
  text-transform: capitalize !important;
  background-color: #9c8f41 !important;
  color: #fffbe3 !important;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  padding: 10px;
  border-radius: 10px;
  min-width: max-content;
  height: 35px;
}
.amenity_maintenance_list .amenity_manintenance_list_header .list_button svg {
  fill: #fffbe3;
}
.amenity_maintenance_list .amenity_manintenance_list_header .list_button svg rect {
  fill: #fffbe3;
}
.amenity_maintenance_list .amenity_manintenance_list_header .btn_container {
  display: flex;
  align-items: center;
  gap: 15px;
}
.amenity_maintenance_list .amenities_maintenance_list_div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 25px;
  row-gap: 20px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item {
  height: 255px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .image__list {
  position: relative;
  width: 100%;
  /*368px*/
  height: 127px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .image__list img {
  border-radius: 15px 15px 0 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .image__list .deactive {
  filter: grayscale(100%);
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .image__list button {
  position: absolute;
  right: 13px;
  top: 15px;
  padding: 0;
  width: 40px;
  height: 20px;
  min-width: max-content;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .image__list .deactive_div {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 34px;
  left: 36%;
  justify-content: center;
  align-items: center;
  gap: 9px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .image__list .deactive_div svg path {
  fill: white;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .image__list .deactive_div .span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: white;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content {
  display: flex;
  justify-content: space-between;
  padding: 15px 15px 20px 15px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content ._name_active {
  display: flex;
  gap: 5px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content ._name_active .active_icon {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2fe013;
  margin-top: 6px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content ._name_active ._name {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-bottom: 12px;
  max-width: 160px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content ._name_active ._name span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .time_div {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 12px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .time_div span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #949494;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .request {
  background-color: #ff3838;
  box-shadow: none;
  text-transform: lowercase;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: white;
  padding: 10px;
  border-radius: 7px;
  height: 36px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .participants .participant_span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #949494;
  padding-left: 66px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .participants .partic_div {
  position: relative;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .participants .partic_div .image_div {
  position: absolute;
  width: 29px;
  height: 29px;
  border-radius: 50%;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .participants .partic_div .image_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .participants .partic_div .image_div:nth-child(2) {
  left: 15px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .participants .partic_div .image_div:nth-child(3) {
  left: 30px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .list_item .item_content .participants .partic_div span {
  color: white;
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  left: 37px;
  top: 9px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .add_amenity_maintenance {
  background-color: white;
  box-shadow: none;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 255px;
  font-family: "Roboto", sans-serif;
  color: #9c8f41;
  text-transform: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.amenity_maintenance_list .amenities_maintenance_list_div .add_amenity_maintenance svg {
  width: 18px;
  height: 18px;
}
.amenity_maintenance_list .addbuilding {
  text-transform: none;
  box-shadow: none;
  height: 36px;
  background-color: #fffbe3;
  border-radius: 10px;
  min-width: 125px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  padding: 0;
  display: flex;
  gap: 10px;
  padding: 0 10px;
}
.amenity_maintenance_list .addbuilding:hover {
  background-color: #fffbe3;
  box-shadow: none;
}
.make_active_amenity {
  display: flex;
  gap: 10px;
  align-items: center;
  border-top: 1px solid #e9e9e9;
  padding-top: 29px;
}
.make_active_amenity .makeactive_span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.make_active_amenity .turnon_span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
}
.make_active_amenity {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 401px !important;
  border-top: 1px solid #e9e9e9;
  padding-top: 12px;
  padding-left: 20px;
}
.make_active_amenity .makeactive_span {
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
}
.make_active_amenity .turnon_span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #adadad;
}
.Off {
  width: 90px !important;
  position: absolute;
  border-top: 0;
  right: 0;
  top: -4px;
  padding-left: 0;
  padding-top: 0;
  cursor: pointer;
}
.On {
  width: 90px !important;
  position: absolute;
  border-top: 0;
  right: 0;
  top: -4px;
  padding-left: 0;
  padding-top: 0;
  cursor: pointer;
}
.tooltip {
  width: 90px !important;
  position: absolute;
  border-top: 0;
  padding-left: 0;
  padding-top: 0;
  right: 0;
  top: -4px;
}
.home_page_container {
  height: calc(80vh - 64px);
}
.requestlist_container {
  max-width: 1100px !important;
  height: calc(100vh - 64px);
  margin: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0px !important;
}
.requestlist_container .content_amenity {
  position: absolute;
  top: 142%;
  right: 0;
  height: 61px;
}
.requestlist_container.homeReqList {
  max-width: 1173px !important;
  padding-top: 15px !important;
}
.requestlist_container.homeReqList .tables {
  height: 100%;
  max-height: 80% !important;
}
.requestlist_container .header_table_page {
  position: relative;
  z-index: 1;
  background-color: #f9f9f9;
  padding-top: 15px;
}
.requestlist_container.req_dashboard {
  margin: 0 !important;
  margin-top: 14px !important;
}
.requestlist_container .requestlist .request_header {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.requestlist_container .requestlist .request_header span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.requestlist_container .requestlist .request_header .btn {
  background-color: #e1e9fa;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  color: #1d4599;
  display: flex;
  gap: 10px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
}
.requestlist_container .tables:has(.tableSimple) {
  overflow-y: auto;
  max-height: calc(100vh - 360px) !important;
}
.requestlist_container .tables:has(.tableSimple) thead tr :nth-child(2) {
  padding-left: 40px !important;
}
.requestlist_container .tables:has(.tableSimple) thead tr :nth-child(2) div {
  display: flex;
}
.requestlist_container .tables:has(.tableSimple) thead tr th {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #767676;
}
.requestlist_container .tables:has(.tableSimple) thead tr th:nth-child(4), .requestlist_container .tables:has(.tableSimple) thead tr th:nth-child(3), .requestlist_container .tables:has(.tableSimple) thead tr th:nth-child(5) {
  z-index: 0;
}
.requestlist_container .tables:has(.tableSimple) thead tr :last-child {
  width: 200px;
}
.requestlist_container .tables:has(.tableSimple) tr {
  border-top: 1px solid #e7e7e7 !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.requestlist_container .tables:has(.tableSimple) tr img {
  width: 28px !important;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.requestlist_container .tables:has(.tableSimple) tbody tr td {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(2) {
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate {
  width: max-content;
  display: flex;
  flex-direction: column;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate :nth-child(1) {
  width: max-content;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #959698;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate :nth-child(2) {
  width: max-content;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #959698;
}
.requestlist_container .tables:has(.tableSimple) tbody .action {
  width: 24px;
  margin: auto;
  height: 24px;
  background-color: #fffbe3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.requestlist_container .table_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.requestlist_container .table_header .sort_by {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
}
.requestlist_container .table_header .sort_by :last-child {
  color: black;
}
.requestlist_container .table_header .sort_div {
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
  padding-bottom: 15px;
  padding-top: 28px;
  width: 100%;
}
.requestlist_container .table_header .sort_div span {
  text-transform: capitalize;
}
.requestlist_container .table_header .sort_div .select_service {
  height: 34px;
  width: 142px;
  border-radius: 4px;
}
.requestlist_container .table_header .sort_div .select_service .services_input {
  height: 100%;
  width: 150px;
}
.requestlist_container .table_header .sort_div .carousel_div {
  height: 123px;
  padding: 0 0 0 13px;
  width: 100%;
  user-select: none;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container {
  height: 100%;
  padding-left: 0;
  padding-bottom: 20px;
  width: 100%;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow {
  background: #fffbe3 !important;
  min-width: 27px;
  min-height: 27px;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow::before {
  color: #9c8f41;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow--right {
  right: 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow--left {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  left: 0;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multi-carousel-item {
  width: auto;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 10px;
  width: 100px;
  height: 100px;
  display: block;
  position: relative;
  margin-left: 45px;
  cursor: pointer;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .MuiSkeleton-root {
  position: absolute;
  left: 0;
  top: 0;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .radio-icon {
  display: block;
  border: 1px solid #cccccc;
  height: 13px;
  width: 13px;
  border-radius: 50%;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .radio-icon-container {
  display: inline-block;
  height: auto;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .radio-icon-container svg {
  fill: #9c8f41;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .radio-icon-container svg path {
  fill: #9c8f41;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item__image-container {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item__name {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
  margin-top: 13px;
  margin-bottom: 6px;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .active {
  border: 1px solid #9c8f41;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .sort_header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
  background-color: white;
  border-radius: 10px 10px 0 0;
  align-items: center;
}
.requestlist_container .sort_header .sort {
  display: flex;
  gap: 20px;
  padding: 17px 20px;
}
.requestlist_container .sort_header .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background: #f9f9f9;
}
.requestlist_container .sort_header .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
}
.requestlist_container .sort_header .sort .formControl .inputsearch::before {
  display: none;
}
.requestlist_container .sort_header .sort .formControl .inputsearch::after {
  display: none;
}
.requestlist_container .sort_header .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.requestlist_container .sort_header .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.requestlist_container .sort_header .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.requestlist_container .sort_header .sort .button_dropdown_list_multi_levels_home {
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}
.requestlist_container .sort_header .sort .button_dropdown_list_multi_levels_home:active, .requestlist_container .sort_header .sort .button_dropdown_list_multi_levels_home:hover {
  background-color: transparent !important;
}
.requestlist_container .sort_header .sort .button_dropdown_list_multi_levels_home:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.requestlist_container .sort_header .sort .button_dropdown_list_multi_levels_home ul {
  border-radius: 6px;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home {
  border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home ul {
  margin-top: 0;
  margin-bottom: 0;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home li {
  border-bottom: 0.5px solid #cecece;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home li:nth-child(1):hover {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home li:last-child {
  border-bottom: none;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home li:last-child:hover {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home .inner_list {
  padding: 0;
  width: 196px;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home .inner_list ul {
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 0;
  color: #000;
}
.requestlist_container .sort_header .sort .menu_dropdown_list_multi_levels_home .inner_list.date {
  width: 320px !important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .sort_header .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.requestlist_container .sort_header .sort .sortDiv .MuiSelect-select {
  padding: 0 !important;
  font-weight: 600;
  font-size: 16px;
}
.requestlist_container .sort_header .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.requestlist_container .sort_header .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.requestlist_container .sort_header .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 8px;
}
.requestlist_container .sort_header .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.requestlist_container .sort_header .sort .sortDiv fieldset {
  border: none;
  padding: 0;
}
.requestlist_container .home_page_select_header {
  width: 100%;
  min-height: 64px;
  z-index: 1000;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding-left: 15px;
  background-color: white;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px #d8d8d8 solid;
}
.requestlist_container .home_page_select_header .selcted_values {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.requestlist_container .home_page_select_header .selcted_values .selected_value {
  height: 34px;
  min-width: 140px;
  border-radius: 4px;
  background-color: #fffbe3;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.requestlist_container .home_page_select_header .selcted_values .selected_value .selected_value_title {
  margin-left: 5px;
  color: #9c8f41;
}
.requestlist_container .home_page_select_header .selcted_values .selected_value .circle_icon {
  height: 24px;
  width: 24px;
  border-radius: 0px;
  cursor: pointer;
  margin-right: 5px;
}
.requestlist_container .home_page_select_header .activesort {
  text-transform: none;
  background-color: #fffbe3;
  color: #9c8f41;
  font-weight: 700;
}
.requestlist_container .home_page_select_header .activesort div {
  color: #9c8f41;
  background-color: white;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.requestlist_container .home_page_select_header .home_page_select {
  width: 142px;
  height: 34px;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.requestlist_container .home_page_select_header .home_page_select .select {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  padding: 5px 10px 5px 10px;
  background-color: #fbfbfb;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #888888;
  font-weight: 400;
  font-style: "Roboto", sans-serif;
  font-size: 14px;
}
.requestlist_container .home_page_requests {
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: flex-start;
  padding-top: 15px;
  padding-left: 15px;
  background-color: white;
  border-radius: 10px 10px 0 0;
  align-items: center;
  border-bottom: 1px #d8d8d8 solid;
}
.requestlist_container .home_page_requests .question_icon {
  border-radius: 11px;
}
.requestlist_container .home_page_requests .home_header {
  display: flex;
  flex-direction: column;
  margin-left: 11px;
}
.requestlist_container .home_page_requests .home_header p {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.requestlist_container .home_page_requests .home_header div {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.4;
}
.requestlist_container .status_table {
  font-weight: 400;
  margin: auto;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  width: max-content !important;
  border-radius: 4px;
  padding: 2px 5px;
  text-transform: capitalize;
  z-index: 0;
  position: revert;
}
.requestlist_container .status_table.awaiting_pickup {
  color: #2fa84f;
  background-color: #cdfbd8;
}
.requestlist_container .status_table.confirmed {
  background-color: #e1f4ff !important;
  color: #0489d4 !important;
}
.requestlist_container .status_table.booked, .requestlist_container .status_table.rescheduled, .requestlist_container .status_table.scheduled, .requestlist_container .status_table.pending {
  color: #a1930d;
  background-color: #fffbe9;
  min-width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.booked .pending_icon, .requestlist_container .status_table.rescheduled .pending_icon, .requestlist_container .status_table.scheduled .pending_icon, .requestlist_container .status_table.pending .pending_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.declined, .requestlist_container .status_table.cancelled {
  color: #c21616;
  background-color: rgba(194, 22, 22, 0.09);
  width: 153.9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.declined .cancelled_icon, .requestlist_container .status_table.cancelled .cancelled_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.booked {
  color: #078e29;
  background-color: #cdfbd8;
  width: 153.9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.booked .booked_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.booked .status_booked {
  width: max-content;
}
.requestlist_container .status_table.requested {
  color: #0489d4;
  background-color: #E1F4FF;
  width: 153.9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.requested .requested_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.requested .status_requested {
  width: max-content;
}
.requestlist_container .status_table.confirmed {
  color: #078e29;
  background-color: #cdfbd8;
}
.requestlist_container .status_table.canceled {
  color: #626262;
  background-color: #dadada;
}
.carousel {
  width: 100%;
  height: max-content;
  margin-top: -50px;
  margin-left: -30px;
  margin: auto;
}
.carousel div:nth-child(1) div:nth-child(3) {
  width: 0 !important;
}
.carousel div:not(:nth-child(1) :nth-child(4)) {
  width: 100%;
  display: flex !important;
  align-items: center !important;
}
.carousel div:not(:nth-child(1) :nth-child(4)) img {
  width: 100%;
  max-width: 937px;
  height: 100% !important;
}
.carousel .img_div {
  height: 670px;
  display: block;
  justify-content: center;
}
.carousel :nth-child(1) :nth-child(4) {
  display: none;
}
.carousel .footer_divs {
  position: relative;
  justify-content: flex-start;
}
.carousel .footer_divs .back {
  padding-left: 60px;
  margin-top: 45px;
  gap: 10px;
  cursor: pointer;
}
.carousel .footer_divs .back span {
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
  color: white;
}
.carousel .footer_divs .carousel_footer {
  position: absolute;
  left: 45%;
}
.MuiPaper-root {
  max-width: none !important;
}
.MuiDialogContent-root {
  padding: 0 !important;
}
.carousel_footer {
  z-index: 5;
  display: flex;
  gap: 15px;
  padding-top: 59px;
  margin: auto;
  justify-content: unset !important;
  width: max-content !important;
}
.carousel_footer div {
  width: 141px !important;
  height: 97px !important;
}
.carousel_footer div img {
  width: 100% !important;
  max-width: 141px !important;
  object-fit: cover;
}
.MuiPaper-root:has(.carousel) {
  width: 100%;
  overflow-x: hidden;
}
.MuiDialogContent-root:has(.carousel) {
  width: 100%;
}
.MuiButtonBase-root:has(.next) {
  position: absolute;
  right: 1px;
  background: none !important;
}
.MuiButtonBase-root:has(.next):hover {
  background: none !important;
}
.MuiButtonBase-root:has(.prev) {
  position: absolute;
  left: 37px;
  background: none !important;
}
.MuiButtonBase-root:has(.prev):hover {
  background: none !important;
}
.MuiDialogContent-root:has(.circle) {
  height: 100vh;
  justify-content: center;
  display: flex;
  align-items: center;
  width: 300px;
}
.MuiDialogContent-root:has(.circle) .MuiCircularProgress-root {
  width: 120px !important;
  height: 120px !important;
  color: #9c8f41 !important;
}
.MuiPaper-root:has(.circle) {
  background: none;
  box-shadow: none;
}
.back_navigate {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  max-width: 1153px;
}
.back_navigate .back_div {
  display: flex;
  cursor: pointer;
  gap: 10px;
}
.back_navigate .back_div span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #676767;
}
.message_alert {
  height: 61px;
  z-index: 10;
  width: 500px;
  display: flex;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: white;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  position: fixed;
  bottom: 100px;
  right: 90px;
}
.message_alert.reqamen, .message_alert.amenReq, .message_alert.notice {
  right: 335px;
}
.message_alert .btn_div {
  display: flex;
  gap: 15px;
  padding-top: 0 !important;
}
.message_alert .btn_div .btn {
  box-shadow: none;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
  height: 26px;
}
.message_alert .btn_div .btn.view {
  background-color: #e1e9fa;
  color: #1d4599;
}
.message_alert .btn_div .btn.view.rename, .message_alert .btn_div .btn.view.copy, .message_alert .btn_div .btn.view.deactive, .message_alert .btn_div .btn.view.done {
  display: none;
}
.message_alert .btn_div .btn.view.delete {
  background-color: white;
  color: #818181;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
}
.message_alert .btn_div .btn.dismiss {
  background-color: #f1f1f1;
  color: #818181;
}
.message_alert .message {
  display: flex;
  flex-direction: column;
}
.message_alert .message .message_span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #707070;
}
.message_alert .message .rename,
.message_alert .message .copy,
.message_alert .message .request,
.message_alert .message .delete {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #037d21;
}
.message_alert .message .delete {
  color: #ff3e3e;
}
.message_alert .message .delete.declined {
  color: #313131;
}
.message_alert .message .copy,
.message_alert .message .deactive {
  color: #707070;
}
.message_alert .message .request {
  color: #1d4599;
}
.message_alert.delete {
  border-left: 5px solid #ff3e3e;
}
.message_alert.delete.declined {
  border-left: 5px solid #313131;
}
.message_alert.rename {
  border-left: 5px solid #037d21;
}
.message_alert.done {
  border-left: 5px solid #037d21;
  color: #037d21;
  font-weight: 700;
}
.message_alert.copy, .message_alert.deactive {
  border-left: 5px solid #707070;
}
.message_alert.request {
  border-left: 5px solid #1d4599;
}
.message_alert .icon_text {
  display: flex;
  gap: 15px;
}
.feedback_dialog {
  width: 400px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.feedback_dialog_header {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  font-family: "Inter", sans-serif;
  color: #9c8f41;
  padding-top: 30px;
}
.feedback_dialog_info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.feedback_dialog_info_img {
  display: flex;
  justify-content: center;
}
.feedback_dialog_info_img img {
  width: 53px;
  height: 50px;
  border-radius: 50%;
}
.feedback_dialog_info_name {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedback_dialog_info_name span {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  opacity: 0.74;
}
.feedback_dialog_info_rate {
  display: flex;
  gap: 15px;
  justify-content: center;
}
.feedback_dialog_info_rate div {
  width: 32px;
  height: 32px;
  background-color: #ececec;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedback_dialog_info_rate div span {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 155.5%;
  /* identical to box height, or 19px */
  color: #000000;
}
.feedback_dialog_info_rate div.selected {
  background: #fffbe3;
}
.feedback_dialog_info_rate div.selected span {
  color: #9c8f41 !important;
}
.feedback_dialog_info_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedback_dialog_info_bottom span {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 155.5%;
  /* identical to box height, or 16px */
  color: #a99767;
}
.feedback_dialog_feedback {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 32px;
  padding-right: 32px;
}
.feedback_dialog_feedback_header {
  display: flex;
  justify-content: space-between;
}
.feedback_dialog_feedback_header :nth-child(1) {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 155.5%;
  color: #000000;
}
.feedback_dialog_feedback_header :nth-child(2) {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 155.5%;
  /* identical to box height, or 19px */
  color: #a99767;
}
.feedback_dialog_feedback_bottom {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #777777;
  opacity: 0.74;
}
.feedback_dialog_feedback_bottom .replay_button {
  background: #fff;
  border: 1px solid #9c8f41;
  color: #9c8f41;
  padding: 5px;
  width: 141px;
  height: 31px;
  border-radius: 5px;
}
.feedback_dialog_call {
  display: flex;
  justify-content: center;
  padding-left: 32px;
  padding-right: 32px;
}
.feedback_dialog_call .btn {
  background-color: #fffbe3;
  color: #9c8f41;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.feedback_dialog_call .btn .call {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: none;
}
.feedback_dialog_call .btn:hover {
  background-color: #fffbe3 !important;
}
.requestlist_container .sort_header {
  border-bottom: 1px solid #e7e7e7;
  z-index: 5;
}
.event {
  background: none;
  border: none;
  color: black;
  font-size: 16px;
  padding: 0;
}
.red {
  width: 150px;
  height: 150px;
  background-color: red;
}
.circle_login {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle_login span {
  width: 120px !important;
  height: unset !important;
  color: #9c8f41;
}
.service_management_form {
  display: flex;
  padding: 18px 30px;
  height: 76px;
  border-bottom: 0.5px solid #dcdcdc;
}
.service_management_form .search {
  display: flex;
  gap: 10px;
  background: white;
}
.service_management_form .search .inputsearch {
  height: 40px;
}
.service_management_form .search input {
  height: 40px;
  padding-left: 10px;
}
.service_management_form .search input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  opacity: 1;
  color: #5e6366;
}
.service_management_form .search .formControl {
  position: relative;
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.service_management_form .search .formControl svg {
  position: absolute;
  top: 10px;
  right: 10px;
}
.service_management_form .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.service_management_form .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.service_management_form .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
  padding: 0 !important;
}
.service_management_form .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.service_management_form .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.sortDivmanagementTable {
  align-items: center;
  display: flex;
  gap: 2px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
}
.sortDivmanagementTable .MuiNativeSelect-select {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.sortDivmanagementTable .MuiFormControl-root {
  position: relative;
  padding-top: 5px;
}
.sortDivmanagementTable .MuiFormControl-root svg {
  position: absolute;
  right: 16px;
  top: 16px;
}
.sortDivmanagementTable .MuiFormControl-root .MuiSvgIcon-root {
  opacity: 0;
}
.table_service {
  max-height: calc(100vh - 300px);
}
.table_service .action_service {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: #fffbe3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.table_service thead th {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.table_service thead th:first-child {
  padding-left: 30px;
  width: 190px;
}
.table_service tbody tr {
  border-top: 0.5px solid #dcdcdc;
  height: 58px;
}
.table_service tbody tr td {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  color: #959698;
}
.table_service tbody tr td:first-child {
  padding-left: 30px;
  color: black;
  opacity: 0.74;
}
.table_service tbody tr td:nth-child(3) {
  color: #0b852a;
  font-weight: 400;
}
.table_service.management_user_table tbody tr td {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.table_service.management_user_table tbody tr td:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  opacity: 0.74;
  color: black;
}
.table_service.management_user_table tbody tr td:first-child img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
}
.table_service.management_user_table tbody tr td:nth-child(4) div {
  width: 100px;
  margin: auto;
  height: 25px;
  border-radius: 4px;
  background: #cdfbd8;
}
.uploadimage.setting {
  width: 168px;
  height: 170px;
}
.uploadimage.setting img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uploadimage.setbanner {
  width: 381px;
}
.MuiDialogContent-root:has(.carousel) {
  overflow-y: hidden;
}
.MuiDialog-container {
  background: rgba(3, 18, 48, 0.38);
}
.MuiDialog-container .MuiPaper-root:has(.carousel) {
  background-color: unset !important;
  box-shadow: none !important;
}
.opacity {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  background-color: gray;
  opacity: 0.7;
  border-radius: 10px;
}
.editdiv,
.imagebanner {
  z-index: 1000;
}
.opacity_divs {
  height: 100%;
}
ul:has(.dialog_li.amenity) {
  background: #fff;
  padding-left: 0;
}
ul:has(.dialog_li.amenity) .radio-icon {
  display: block;
  border: 1px solid #cccccc;
  height: 13px;
  width: 13px;
  border-radius: 50%;
}
ul:has(.dialog_li.amenity) .radio-icon-container {
  margin-right: 12px;
}
ul:has(.dialog_li.amenity) .radio-icon-container svg {
  fill: #9c8f41;
}
ul:has(.dialog_li.amenity) .radio-icon-container svg path {
  fill: #9c8f41;
}
ul:has(.dialog_li.amenity) .selected-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
ul:has(.dialog_li.amenity) .selected-row__image_container {
  width: 28px;
  height: 28px;
}
ul:has(.dialog_li.amenity) .selected-row__image_container img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
ul:has(.dialog_li.amenity) .selected-row__info {
  display: flex;
  flex-direction: column;
}
ul:has(.dialog_li.amenity) .selected-row__info-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
ul:has(.dialog_li.amenity) .selected-row__info-apartment {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #8b8b8b;
}
ul:has(.dialog_li.amenity) .selected-row__info-apartment-number {
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  color: #000;
}
ul:has(.dialog_li) {
  height: 129px;
}
ul:has(.dialog_li) li {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  height: 24px;
  padding-left: 8px;
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
}
::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  width: 6px !important;
  border-radius: 3px !important;
}
.MuiPaper-root:has(.circledialog) {
  width: 500px;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MuiPaper-root:has(.circledialog) span {
  width: 100px !important;
  height: 100px !important;
  color: #9c8f41 !important;
}
.building_details_div {
  border-bottom: 1px solid #c2c2c2;
  display: flex;
  justify-content: space-between;
  padding-top: 19px;
  padding-bottom: 20px;
}
.building_details_div.serviceb {
  padding-bottom: 0;
  border-bottom: 0;
}
.building_details_div .building_div_services {
  height: 21px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  text-transform: capitalize;
}
.building_details_div .building_div_services .item {
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  color: #9c8f41;
  background-color: #fffbe3;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0 5px;
  border-radius: 4px;
  border: 1px solid #9c8f41;
}
.building_details_div .text {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.building_details_div .text .service {
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
}
.building_details_div .text .info {
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  color: #787878;
}
.building_details_div .edit {
  text-decoration-line: underline;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #9c8f41;
  cursor: pointer;
}
.building_user_tenant {
  display: flex;
  gap: 5px;
  padding-top: 19px;
}
.building_user_tenant .item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 3px;
  border: 1px solid #939393;
  border-radius: 5px;
  height: 30px;
}
.building_user_tenant .item span {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #9e9e9e;
}
.building_user_tenant .item:last-child {
  cursor: pointer;
}
.MuiBox-root:has(.boxdiv_addamenity) {
  overflow-y: scroll;
  max-height: 80vh;
}
.error {
  color: red;
  font-size: 12px;
  font-weight: 600;
}
.display_upload {
  display: none !important;
}
.select_time .MuiSelect-select {
  padding: 7.5px 5px 7.5px 10px !important;
  background: #e9e9e9;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  display: flex;
  align-items: center;
  color: #858585;
}
.select_time fieldset {
  border: none;
}
.select_time svg {
  top: 14px !important;
}
.select_time svg path {
  fill: black;
}
.subClassactive {
  padding-left: 0 !important;
  padding-bottom: 20px;
  border: none !important;
}
.line_clam {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  height: 1.2em;
  white-space: nowrap;
}
.action_Pending,
.action_active,
.action_Inactive {
  width: 100px;
  display: block;
  margin: auto;
  height: 25px;
  border-radius: 4px;
}
.action_Pending {
  background-color: #fffbe3;
  color: #9c8f41;
}
.action_active {
  background-color: #cdfbd8;
  color: #078e29;
}
.action_Inactive {
  background-color: #dadada;
}
.MuiPaper-root:has(.callTenant) {
  width: 400px;
  height: 317px;
}
.MuiPaper-root:has(.amenitie_request) {
  width: 400px;
}
.MuiPaper-root:has(.booking_details) {
  width: 400px;
}
.MuiPaper-root:has(.message_tenant) {
  width: 400px;
  height: 317px;
}
.tableSimple .tenant_info_service {
  display: flex;
  gap: 10px;
  align-items: center;
}
.tableSimple .tenant_info_div {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
}
.tableSimple .tenant_info_div div {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  align-items: self-start !important;
}
.tableSimple .tenant_info_div div span {
  width: 100px !important;
}
.tableSimple .tenant_info_div div :first-child {
  font-weight: 600;
  font-size: 14px;
  line-height: 145%;
  opacity: 0.74;
  color: black;
}
.tableSimple .tenant_info_div div .span_child {
  color: #8B8B8B;
}
.arrive_table {
  margin: auto;
}
.builidng__num_amenity {
  width: max-content;
  min-width: 100%;
  display: flex;
  justify-content: center;
}
.btnDelete {
  margin-top: 8px !important;
}
.btnDelete button {
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
}
.visitors .back_navigate,
.visitors .header {
  display: none !important;
}
.service_name_col {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #757575;
}
.maintenance_time_period {
  justify-content: space-between;
  flex-wrap: wrap;
  display: flex;
  padding-top: 10px;
  padding-bottom: 20px;
}
.maintenance_time_period div {
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  padding: 4px 10px;
  width: 100%;
  display: flex;
  gap: 5px;
  cursor: pointer;
  justify-content: center;
}
.maintenance_time_period div span {
  font-size: 14px;
}
.maintenance_time_period div svg {
  width: 20px;
}
.maintenance_time_period div svg path {
  fill: #636b70;
}
.maintenance_time_period .select_morning {
  color: #9c8f41;
  background-color: #fffbe3;
  outline: 1px solid #9c8f41;
}
.maintenance_time_period .select_morning svg path {
  fill: #9c8f41;
}
.maintenance_time_period .period2,
.maintenance_time_period .period3 {
  width: 47%;
  margin-top: 10px;
}
.maintenance_time_period .period4 {
  margin-top: 10px;
}
.visitors .back_navigate,
.visitors .header {
  display: none !important;
}
.setpass_tenant {
  width: 500px;
  padding-left: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  color: #009927;
}
.setpass_tenant .MuiInputBase-root,
.setpass_tenant input {
  height: 30px;
}
.setpass_tenant input {
  padding: 0 0 0 10px;
}
.setpass_tenant label {
  display: none;
}
.setpass_tenant fieldset {
  border: none;
}
.setpass_tenant .MuiInputBase-root {
  background-color: #fffbe3;
}
.setpass_tenant input {
  background-color: #fffbe3 !important;
}
.setpass_tenant input::placeholder {
  color: #6f6f6f;
  font-size: 14px;
}
.setpass_tenant svg {
  height: 20px;
}
.setpass_tenant .save_pass {
  width: max-content;
  text-transform: none;
  width: 200px;
  height: 30px;
  background-color: #fffbe3;
  box-shadow: none;
  color: #9c8f41;
}
.setpass_tenant .save_pass:hover {
  background-color: #fffbe3;
  box-shadow: none;
}
.setpass_tenant .message_pass {
  font-size: 12px;
}
.setpass_tenant .MuiPickersCalendarHeader-labelContainer {
  pointer-events: none;
}
.setpass_tenant .MuiPickersCalendarHeader-labelContainer svg {
  display: none !important;
}
.MuiTable-root {
  border-collapse: collapse;
}
.MuiTable-root td,
.MuiTable-root th {
  border: 1px solid rgba(204, 204, 204, 0.568627451) !important;
}
.MuiTable-root tr:nth-child(1) th {
  border: 0 !important;
}
.MuiTable-root tr:nth-child(even) {
  background-color: rgba(221, 221, 221, 0.2078431373);
}
.status_parcel {
  width: 100%;
  padding: 5px;
  display: flex;
  gap: 10px;
  border-radius: 4px;
  justify-content: space-around !important;
  align-items: center;
  margin: auto;
}
.status_parcel.awaiting_pickup, .status_parcel.pending, .status_parcel.waitingApproval, .status_parcel.inProgress, .status_parcel.waitingActorAssignment {
  background-color: #fffbe9;
}
.status_parcel.added, .status_parcel.booked, .status_parcel.confirmed, .status_parcel.rescheduled, .status_parcel.send_to_tenant, .status_parcel.approved, .status_parcel.completed {
  background-color: #cdfbd8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.status_parcel.added div, .status_parcel.booked div, .status_parcel.confirmed div, .status_parcel.rescheduled div, .status_parcel.send_to_tenant div, .status_parcel.approved div, .status_parcel.completed div {
  display: flex;
  align-items: center;
}
.status_parcel.requested, .status_parcel.scheduled {
  background-color: #e1f4ff;
}
.status_parcel.declined, .status_parcel.cancelled, .status_parcel.rejected {
  background-color: rgba(194, 22, 22, 0.0901960784);
  display: flex;
  justify-content: center;
  align-items: center;
}
.status_parcel.declined div, .status_parcel.cancelled div, .status_parcel.rejected div {
  display: flex;
  align-items: center;
}
.status_parcel.ongoing {
  background-color: rgba(189, 220, 51, 0.1);
  color: rgb(188, 224, 27);
}
.status_parcel .status {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
}
.status_parcel .status.awaiting_pickup, .status_parcel .status.pending, .status_parcel .status.waitingApproval, .status_parcel .status.inProgress, .status_parcel .status.waitingActorAssignment {
  color: #a1930d !important;
}
.status_parcel .status.added, .status_parcel .status.booked, .status_parcel .status.confirmed, .status_parcel .status.rescheduled, .status_parcel .status.send_to_tenant, .status_parcel .status.approved, .status_parcel .status.completed {
  color: #078e29;
}
.status_parcel .status.requested, .status_parcel .status.scheduled {
  color: #0489d4;
}
.status_parcel .status.declined, .status_parcel .status.cancelled, .status_parcel .status.rejected {
  color: #c21616;
}
/**/
.button_dropdown_list_multi_levels_status {
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: 12px;
  padding: 0 !important;
  align-items: center;
  height: auto !important;
  width: 100%;
}
.button_dropdown_list_multi_levels_status:active, .button_dropdown_list_multi_levels_status:hover {
  background-color: transparent !important;
}
.button_dropdown_list_multi_levels_status:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.button_dropdown_list_multi_levels_status ul {
  border-radius: 6px;
}
.menu_dropdown_list_multi_levels_status {
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  z-index: 1 !important;
}
.menu_dropdown_list_multi_levels_status ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.menu_dropdown_list_multi_levels_status ul li {
  /* outer list style */
  color: #000000;
  border-bottom: 0.5px solid #cecece;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.menu_dropdown_list_multi_levels_status ul li:hover {
  background-color: #fffbe3;
  color: #9c8f41;
  pointer-events: auto;
}
.menu_dropdown_list_multi_levels_status ul li:last-child {
  border-bottom: none;
}
.menu_dropdown_list_multi_levels_status ul li:nth-child(1):hover {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.menu_dropdown_list_multi_levels_status ul li:last-child:hover {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.menu_dropdown_list_multi_levels_status .fifth_child {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  padding: 0;
  cursor: pointer;
  user-select: none;
  outline: none;
  transition: all 160ms ease-out;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.menu_dropdown_list_multi_levels_status .fifth_child .button_dropdown_list_multi_levels_sub {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(35, 35, 35, 0.9) !important;
  width: 100%;
  border-radius: 0;
  border-right: 0;
}
.menu_dropdown_list_multi_levels_status .fifth_child .button_dropdown_list_multi_levels_sub:hover {
  color: inherit;
}
.menu_dropdown_list_multi_levels_status .fifth_child .menu_dropdown_list_multi_levels_sub {
  right: 125px;
  top: 0;
}
.wrapper_dropdown_list_multi_levels_status {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/**/
.button_dropdown_list_multi_levels_home_action_btn {
  background: none !important;
}
.button_dropdown_list_multi_levels_home_action_btn:focus {
  background: none !important;
  box-shadow: 0 0 0 0 !important;
}
.wrapper_dropdown_list_multi_levels_home_action_btn {
  background: none !important;
}
.menu_dropdown_list_multi_levels_home_action_btn {
  z-index: 1 !important;
}
.menu_dropdown_list_multi_levels_home_action_btn ul {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.menu_dropdown_list_multi_levels_home_action_btn ul li {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  height: 35px !important;
  border-bottom: 0.5px solid #cecece !important;
  height: 43px !important;
  color: black !important;
  padding: 6px 16px !important;
}
.menu_dropdown_list_multi_levels_home_action_btn ul li:last-child {
  color: red !important;
  font-family: "Inter", sans-serif !important;
  border-bottom: 0 !important;
  height: 43px !important;
}
.menu_dropdown_list_multi_levels_home_action_btn ul li:last-child:hover {
  background-color: #fffbe3;
  border-radius: 6px;
  color: red !important;
}
.menu_dropdown_list_multi_levels_home_action_btn ul li:hover {
  background-color: #fffbe3;
  border-radius: 6px;
  color: black !important;
}
.menu_dropdown_list_multi_levels_status.scroll {
  height: 121px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.menu_dropdown_list_multi_levels_status.scroll-three {
  height: 75px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% - 30px);
  right: 65px;
}
.menu_dropdown_list_multi_levels_status.scroll-one {
  height: 60px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% - 44px);
  right: 65px;
  /*height: 75px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% + -49px);
  right: 65px;
  */
}
tr:nth-last-child(2) td .menu_dropdown_list_multi_levels_status.edit-second.scroll-three {
  height: 75px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% - 62px);
  right: 65px;
}
.menu_dropdown_list_multi_levels_status.edit-position {
  bottom: calc(100% - 37px) !important;
  right: 117px;
}
.menu_dropdown_list_multi_levels.scroll,
.menu_dropdown_list_multi_levels_home_action_btn.scroll {
  height: 121px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.menu_dropdown_list_multi_levels.scroll-one,
.menu_dropdown_list_multi_levels_home_action_btn.scroll-one {
  height: 75px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% - 49px);
  right: 35px;
}
.menu_dropdown_list_multi_levels.scroll-one.visitor,
.menu_dropdown_list_multi_levels_home_action_btn.scroll-one.visitor {
  height: 58px;
  bottom: calc(100% - 40px);
}
.menu_dropdown_list_multi_levels.scroll-one.valet, .menu_dropdown_list_multi_levels.scroll-one.bellboy,
.menu_dropdown_list_multi_levels_home_action_btn.scroll-one.valet,
.menu_dropdown_list_multi_levels_home_action_btn.scroll-one.bellboy {
  height: auto;
  overflow-y: hidden;
  bottom: calc(100% - 40px);
  right: 35px;
}
.menu_dropdown_list_multi_levels.scroll-one.user,
.menu_dropdown_list_multi_levels_home_action_btn.scroll-one.user {
  bottom: calc(100% - 57px);
}
.menu_dropdown_list_multi_levels.scroll-three,
.menu_dropdown_list_multi_levels_home_action_btn.scroll-three {
  height: 116px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% - 49px);
  right: 35px;
}
tr:nth-last-child(2) td .menu_dropdown_list_multi_levels.scroll-three,
tr:nth-last-child(2) td .menu_dropdown_list_multi_levels_home_action_btn.scroll-three {
  height: 115px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% - 107px);
  right: 35px;
}
tr:nth-last-child(3) td .menu_dropdown_list_multi_levels.scroll-three,
tr:nth-last-child(3) td .menu_dropdown_list_multi_levels_home_action_btn.scroll-three {
  height: 115px;
  overflow-x: hidden;
  overflow-y: scroll;
  bottom: calc(100% - 105px);
  right: 35px;
}
tr:nth-last-child(8) td .menu_dropdown_list_multi_levels_home_action_btn.building__drop {
  right: 40px !important;
  top: calc(100% - 30px);
}
tr:nth-last-child(7) td .menu_dropdown_list_multi_levels_home_action_btn.building__drop {
  right: 40px !important;
  top: calc(100% - 80px);
}
tr:nth-last-child(6) td .menu_dropdown_list_multi_levels_home_action_btn.building__drop {
  right: 40px !important;
  top: calc(100% - 140px);
}
tr:nth-last-child(5) td .menu_dropdown_list_multi_levels_home_action_btn.building__drop {
  right: 40px !important;
  top: calc(100% - 200px);
}
tr:nth-last-child(4) td .menu_dropdown_list_multi_levels_home_action_btn.building__drop {
  right: 40px !important;
  top: calc(100% - 260px);
}
tr:nth-last-child(3) td .menu_dropdown_list_multi_levels_home_action_btn.building__drop {
  right: 40px !important;
  top: calc(100% - 320px);
}
.md-switching-view-cont .mbsc-segmented {
  max-width: 350px;
  margin: 0 auto;
}
.md-switching-view-cont .mbsc-calendar-grid-item {
  height: 490px;
  box-sizing: border-box;
}
.cal-header-picker {
  flex: 1 0 auto;
}
.cal-header-nav {
  width: 200px;
}
/* material header order */
.mbsc-material .cal-header-prev {
  order: 1;
}
.mbsc-material .cal-header-next {
  order: 2;
}
.mbsc-material .cal-header-nav {
  order: 3;
}
.mbsc-material .cal-header-picker {
  order: 4;
}
.mbsc-material .cal-header-today {
  order: 5;
}
/* windows header order */
.mbsc-windows .cal-header-nav {
  order: 1;
}
.mbsc-windows .cal-header-prev {
  order: 2;
}
.mbsc-windows .cal-header-next {
  order: 3;
}
.mbsc-windows .cal-header-picker {
  order: 4;
}
.mbsc-windows .cal-header-today {
  order: 5;
}
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.md-tooltip .mbsc-popup-content {
  padding: 0;
}
.md-tooltip {
  font-size: 15px;
  font-weight: 600;
}
.md-tooltip-header {
  padding: 12px 16px;
  color: #eee;
}
.md-tooltip-time,
.md-tooltip-status-button {
  float: right;
}
.md-tooltip-title {
  margin-bottom: 15px;
}
.md-tooltip-text {
  font-weight: 300;
}
.md-tooltip-info .mbsc-button {
  font-size: 14px;
  margin: 0;
}
.md-tooltip-info .mbsc-button.mbsc-material {
  font-size: 12px;
}
.md-tooltip-view-button {
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.md-tooltip-delete-button {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.image_calendar {
  width: 350px;
  height: 200px;
  object-fit: cover;
}
.calendar_tenant {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.calendar_popup {
  margin-top: 10px;
}
.calendar_popup .MuiBackdrop-root {
  opacity: 0 !important;
}
.calendar_popup .calendarpop {
  width: 350px;
}
.calendar_popup .calendarpop .header_popup {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 15px;
  color: white;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
.calendar_popup .calendarpop .image_calendar {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.calendar_popup .calendarpop .info_req {
  display: flex;
  gap: 10px;
  width: 95%;
  align-items: center;
}
.calendar_popup .calendarpop .info_req .tenantName {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: black;
}
.calendar_popup .status_calendar {
  padding: 3px 5px;
  border-radius: 6px;
  width: max-content;
  font-size: 12px;
}
.calendar_popup .md-tooltip-info_popup {
  display: flex;
}
.calendar_popup .md-tooltip-info_popup .calendar_status_div {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
}
.calendar_popup .md-tooltip-info_popup .calendar_status_div .status_calendar {
  margin-right: 10px;
  margin-bottom: 10px;
}
.calendar_popup .md-tooltip-info_popup .info_c div {
  height: 20px;
}
.calendar_popup .md-tooltip-info_popup .info_c span {
  color: #959698;
  font-size: 12px;
}
.fc-header-toolbar .fc-toolbar-chunk {
  padding: 5px 10px;
  background-color: transparent !important;
}
.fc-header-toolbar .fc-toolbar-chunk .fc-button-primary {
  color: #9c8f41;
  font-weight: 400;
  font-size: 12px;
  background-color: transparent !important;
  padding: 5px 15px !important;
  border: none !important;
}
.fc-header-toolbar .fc-toolbar-chunk .fc-button-primary.fc-button-active {
  background-color: #cbc28c !important;
  border-radius: 6px !important;
}
.fc-header-toolbar .fc-toolbar-chunk .fc-button-primary.fc-button-active:hover {
  color: #fffbe3 !important;
}
.fc-header-toolbar .fc-toolbar-chunk .fc-button-primary:focus {
  box-shadow: none !important;
}
.fc-header-toolbar .fc-toolbar-chunk .fc-button-primary:hover {
  color: #9c8f41 !important;
}
.fc-header-toolbar .fc-toolbar {
  padding-left: 5px !important;
}
.fc-header-toolbar .fc-toolbar-chunk:has(h2) {
  background-color: unset !important;
}
.fc-header-toolbar .fc-toolbar-chunk:has(h2) h2 {
  color: #cbc28c !important;
  font-size: 16px;
}
.box_calendar .sort_header {
  position: relative;
}
.fc-col-header-cell-cushion {
  color: #cbc28c !important;
  font-size: 13px;
}
.fc-daygrid-day-top {
  color: #cbc28c;
  font-weight: 600;
  font-size: 16px;
}
body:has(.calendarpop) {
  padding-right: 0 !important;
  overflow: unset !important;
}
.fc-icon::before {
  display: block;
}
.full_calendar {
  max-width: 1000px;
  margin: auto;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin: 4px 0 !important;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end {
  font-size: 12px !important;
  color: grey !important;
}
.fc-direction-ltr .fc-daygrid-more-link {
  font-size: 12px !important;
  color: grey;
}
.fc .fc-button .fc-icon {
  font-size: 14px !important;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  font-weight: 400 !important;
}
.full_calendar:has(.fc-more-popover) .calendar_popup {
  margin-right: 200px;
}
.rendered_event {
  cursor: pointer;
  width: 100%;
  display: flex;
  padding: 10px 10px;
  flex-direction: column;
  border-radius: 10px;
}
.rendered_event .tenant_info {
  display: flex;
  gap: 5px;
}
.rendered_event .tenant_info .event_image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.rendered_event .other_info {
  display: flex;
  flex-direction: column;
}
.rendered_event .status_event {
  width: max-content;
  padding: 2px 5px;
  border-radius: 6px;
}
.rendered_event .code_tenant {
  display: flex;
  flex-direction: column;
  font-size: 10px;
}
.rendered_event .code_tenant span {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90px;
  /* height: 1.2em; */
  white-space: nowrap;
}
.rendered_event .code_tenant .apart_event {
  display: flex;
  align-items: center;
  gap: 3px;
}
.rendered_event .code_tenant .apart_event svg {
  width: 15px;
  height: 15px;
}
.fc-event:has(.rendered_event) {
  margin-left: 5px !important;
}
.fc-event:hover {
  background-color: transparent !important;
}
.fc-popover {
  width: 100%;
  max-width: 215px;
  background-color: transparent !important;
}
.fc-popover {
  border-radius: 10px;
  z-index: 10 !important;
}
.fc-popover .fc-event,
.fc-popover .rendered_event {
  width: 100% !important;
  max-width: unset !important;
  margin-left: 0 !important;
}
.fc-popover .fc-popover-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: scroll;
  max-height: 250px;
}
.fc-popover .fc-popover-header {
  background-color: transparent !important;
}
.fc-popover .fc-popover-title {
  font-size: 13px;
  padding-left: 16px;
  padding-top: 5px;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(255, 244, 188, 0.15) !important;
}
.fc-daygrid-day-number {
  font-size: 12px;
}
.fc-timegrid-slot-label-cushion.fc-scrollgrid-shrink-cushion,
.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner {
  font-size: 12px;
}
.upload_div {
  display: flex;
  gap: 10px;
  background-color: #fffbe3;
  border-radius: 6px;
  padding: 3px 10px;
}
.upload_div span {
  font-size: 12px;
  color: #9c8f41;
}
.upload_div .svg_div {
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.upload_div .svg_div svg {
  width: 100%;
  height: 100%;
}
.upload_div .pdf_div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.upload_div .pdf_div svg {
  width: 20px;
  height: 20px;
}
.upload_div .pdf_div svg path {
  fill: #9c8f41;
}
.circle_progress {
  position: absolute;
  left: 53%;
}
._submenu_qieiq_1:has(.status_dropdown_hovered) {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 150px;
}
.MuiPagination-ul {
  justify-content: end;
  gap: 5px;
  padding: 15px 0 !important;
}
.MuiPagination-ul .Mui-selected {
  background-color: #fffbe3 !important;
  border: none !important;
  color: #9c8f41 !important;
}
.not_found {
  background-color: white;
  display: flex;
  justify-content: center;
}
.not_found img {
  width: 40%;
}
.sort_date_select fieldset {
  border: none;
}
.sort_date_select .MuiSelect-select {
  padding: 0 !important;
  font-weight: 600;
}
.pagination {
  display: flex;
  gap: 25px;
  align-items: center;
}
.pagination .btn {
  min-width: max-content !important;
  padding: 0 !important;
}
.pagination .btn svg rect,
.pagination .btn svg path {
  fill: #e5deb3;
}
.pagination span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.MuiPagination-root button {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: none !important;
}
.menu_dropdown_list_multi_levels_home .MuiTypography-root {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  height: 1.2em;
  white-space: nowrap;
}
.skelton_loader {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 0 10px;
}
.no_data {
  width: 100%;
  height: 100%;
}
.no_data.building_data {
  background-color: white;
  height: 300px;
  min-height: 300px;
  display: flex;
  justify-content: center;
}
.no_data.building_data img {
  width: 30%;
  height: 100%;
  object-fit: cover;
}
.no_data img {
  width: 100%;
}
.building_carousel .react-multi-carousel-list.carousel-container {
  padding: 10px;
  width: 100%;
}
.building_carousel .react-multi-carousel-list.carousel-container ul {
  height: 100px;
  gap: 15px;
}
.building_carousel .react-multi-carousel-list.carousel-container li {
  width: 100px !important;
}
.building_carousel .react-multi-carousel-list.carousel-container .item_carousel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 10px;
  height: 100px;
}
.building_carousel .react-multi-carousel-list.carousel-container .item_carousel img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.building_carousel .react-multi-carousel-list.carousel-container .item_carousel span {
  font-size: 10px;
  padding-top: 10px;
  color: #868686;
}
.building_carousel .react-multi-carousel-list.carousel-container .item_carousel .code {
  position: absolute;
  bottom: 0;
}
.building_carousel .react-multi-carousel-list.carousel-container .react-multi-carousel-dot-list.custom-dot-list-style {
  display: none !important;
}
.building_carousel .react-multi-carousel-list.carousel-container .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right,
.building_carousel .react-multi-carousel-list.carousel-container .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left {
  opacity: 0;
}
.building_carousel .active_building {
  background-color: #fffbe3;
  color: black;
}
.building_carousel .react-multi-carousel-list.carousel-container:hover .react-multiple-carousel__arrow.react-multiple-carousel__arrow--right,
.building_carousel .react-multi-carousel-list.carousel-container:hover .react-multiple-carousel__arrow.react-multiple-carousel__arrow--left {
  opacity: 1;
}
.table_pagination {
  display: flex;
  justify-content: space-between;
  padding: 0 13px;
  align-items: center;
}
.table_pagination__label-select {
  margin-left: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #eee;
  cursor: pointer;
}
.table_pagination__label-select::focus {
  outline: none;
}
.show_request {
  width: 145px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  text-align: center !important;
}
.signin {
  display: flex;
  height: 100vh;
  flex-direction: column;
  align-items: center;
}
.signin .ebutlerLogo {
  max-width: 194px;
  width: 100%;
}
.signin .signindiv {
  background-color: #3763c1;
  padding-top: 120px;
  width: 100%;
}
.signin .signindiv .MuiBox-root {
  width: 82%;
}
.signin .signindiv .emailspan {
  font-weight: 500;
  font-size: 24px;
  line-height: 10px;
  padding-top: 25px;
  padding-bottom: 28px;
}
.signin .signindiv .MuiInputBase-root {
  background-color: white;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
}
.signin .signindiv .MuiInputBase-root::before {
  border: 0;
  content: none !important;
}
.signin .signindiv .MuiInputBase-root input {
  padding: 0 0 0 15px;
  height: 57px;
}
.signin .signindiv .MuiInputBase-root input::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 10px;
  color: #999999;
}
.signin .signindiv .forgetPass {
  color: #1d4599;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  text-decoration: none;
  align-self: center;
  padding-top: 20px;
}
.signin .signindiv .errordiv {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 6px;
}
.signin .signindiv .errordiv .errorspan {
  color: #a90000;
  font-weight: 400;
  font-size: 11px;
  line-height: 10px;
  padding-bottom: 0 !important;
}
.signin .password {
  height: 100%;
  background-color: #3763c1;
  width: 100%;
}
.signin .password .signindiv {
  background-color: #3763c1;
}
.signin .password .signindiv .loginbox {
  padding: 33px 30px;
  background-color: white;
  border-radius: 10px;
}
.signin .password .signindiv .logo_container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 74px;
  margin-bottom: 36px;
}
.signin .password .signindiv .logo_container .ebutlerLogo {
  width: 150px;
  height: 74px;
}
.signin .password .signindiv .login_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  margin-bottom: 50px;
}
.signin .password .signindiv .login_text .signinheading {
  font-weight: 600;
  font-size: 24px;
  line-height: 10px;
}
.signin .password .signindiv .login_text .signinpara {
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
}
.signin .password .signindiv .input-content {
  margin-bottom: 20px;
}
.signin .password .signindiv .input-content .input_container {
  display: flex;
  align-items: center;
  border: 1px solid #dbdbdb;
  height: 61px;
  border-radius: 6px;
  background-color: #f7f7f7;
}
.signin .password .signindiv .input-content .input_container.errorInput {
  border: 1px solid #a90000;
  color: #a90000;
}
.signin .password .signindiv .input-content .input_container__icon {
  padding-right: 17px;
  padding-left: 17px;
  border-right: 1px solid #cbcbcb;
  display: flex;
}
.signin .password .signindiv .input-content .input_container .MuiInputBase-adornedEnd {
  width: 100%;
}
.signin .password .signindiv .input-content .input_container .MuiFormControl-root {
  width: 100%;
}
.signin .password .signindiv .input-content .input_container .MuiInputBase-root {
  background-color: #f7f7f7;
  border: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.signin .password .signindiv .input-content .input_container .MuiInputBase-root::before {
  border: 0;
  content: none !important;
}
.signin .password .signindiv .input-content .input_container .MuiInputBase-root input {
  padding: 0 0 0 15px;
  height: 58px;
}
.signin .password .signindiv .input-content .input_container .MuiInputBase-root input::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 10px;
  color: #999999;
}
.signin .password .signindiv .btn-signin {
  color: white;
  font-size: 20px;
  font-weight: 400;
  line-height: 10px;
  font-family: "Poppins", sans-serif;
  height: 60px;
  margin-top: 16px;
  align-self: flex-end;
  width: 100%;
  text-transform: capitalize;
  line-height: 11px;
  border-radius: 10px;
  background-color: #1d4599;
  cursor: pointer;
}
.signin .password .signindiv .btn-signin.disable {
  background-color: #cbcbcb;
  margin-top: 7px;
  pointer-events: none;
}
.signin .password .signindiv .btn-signin.empty {
  background-color: #cbcbcb;
}
.signin .password .signindiv .btn-signin.login {
  align-self: center;
  padding: 0;
  text-transform: inherit;
}
.signin .password .signindiv .forgetPassword {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #a0a0a0;
  text-align: center;
  pointer-events: visible;
  margin-top: 30px;
}
.signin .password .signindiv .forgetPassword .forgetPass {
  color: #1d4599;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  text-decoration: none;
  align-self: center;
  padding-top: 20px;
  text-decoration: underline;
}
.signin ::after {
  content: none !important;
}
.signin ::before {
  content: none !important;
}
.setpassword {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  gap: 20px;
}
.setpassword .MuiBox-root {
  margin: unset !important;
}
.setpassword .ebutlerLogo {
  max-width: 194px;
  width: 100%;
  padding-bottom: 75px;
}
.setpassword .passwordForm {
  max-width: 518px;
  width: 100%;
}
.setpassword .passwordForm .inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 37px;
}
.setpassword .passwordForm .inputs .textfield {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setpassword .passwordForm .inputs .textfield div {
  font-family: "Poppins", sans-serif !important;
}
.setpassword .passwordForm .inputs .textfield .MuiFormControl-root {
  max-width: 323px;
  width: 100%;
}
.setpassword .passwordForm .inputs .textfield span {
  font-weight: 400;
  font-size: 18px;
  line-height: 10px;
  color: black;
}
.setpassword .MuiBox-root {
  padding: 20px 22px 16px 22px;
}
.setpassword .MuiBox-root .MuiInputBase-root {
  background-color: white;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
}
.setpassword .MuiBox-root .MuiInputBase-root::before {
  border: 0;
  content: none !important;
}
.setpassword .MuiBox-root .MuiInputBase-root input {
  padding: 0 0 0 19px;
  height: 51px;
}
.setpassword .MuiBox-root .MuiInputBase-root input::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 10px;
  color: black;
}
.setpassword .confirmbtn {
  width: 197px;
  align-self: center;
  background-color: #9c8f41;
  font-weight: 400;
  font-size: 18px;
  line-height: 10px;
  text-transform: capitalize;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Poppins", sans-serif !important;
}
.setpassword .confirmbtn:hover {
  background-color: #9c8f41;
}
.MuiDialogContent-root {
  border-radius: 6px !important;
  border: 2px solid #9c8f41;
}
.MuiDialogContent-root p {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #1d4599;
  width: 432px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.MuiDialogContent-root p {
  font-family: "Poppins", sans-serif;
}
.MuiBackdrop-root {
  opacity: 0.6 !important;
  background-color: white !important;
}
.setpassword .ebutlerLogo {
  max-width: 194px;
  width: 100%;
}
.setpassword .MuiBox-root {
  padding: 20px 13px 13px 13px;
}
.setpassword .findAcount {
  font-weight: 400;
  font-size: 30px;
  line-height: 10px;
  color: black;
  border-bottom: 1px solid black;
  height: 32px;
}
.setpassword .questionspan {
  max-width: 406px;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  padding-top: 16px;
}
.setpassword .radiogroupdiv {
  display: flex;
  padding-right: 27px;
}
.setpassword .radiogroupdiv .userdiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.setpassword .radiogroupdiv .userdiv .username {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 44px;
}
.setpassword .radiogroupdiv svg {
  color: #9c8f41;
}
.setpassword .radiogroupdiv svg:last-child {
  width: 26px;
  height: 26px;
  top: -3px;
  left: -3px;
}
.setpassword .emailcheck .MuiTypography-root {
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  padding-top: 23px;
}
.setpassword .continuebtn {
  width: 114px;
  align-self: end;
  font-weight: 400;
  font-size: 18px;
  line-height: 10px;
  text-transform: capitalize;
  padding: 10px 15px;
  background-color: #9c8f41;
  height: 32px;
  font-family: "Poppins", sans-serif !important;
}
.setpassword .continuebtn:hover {
  background-color: #9c8f41 !important;
}
.reset_link {
  width: 424px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.reset_link span {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #9c8f41;
  width: 336px;
  text-align: center;
}
.MuiDialogContent-root:has(.reset_link) {
  padding: 0 !important;
}
.appbar {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1010 !important;
  background-color: white !important;
  box-shadow: none !important;
}
.appbar .MuiContainer-root {
  padding: 0;
  max-width: 1512px;
  width: 100%;
}
.appbar .MuiToolbar-root {
  display: flex;
  justify-content: space-between;
}
.appbar .navbar {
  padding-right: 25px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-top: 5px;
}
.appbar .navbar .logodiv {
  display: flex;
  gap: 130px;
  padding-left: 99px;
}
.appbar .navbar .logodiv .logo_div {
  cursor: pointer;
  z-index: 1;
}
.appbar .navbar .logodiv .logo_div .logo {
  margin-top: 5px;
  height: 60px;
}
.appbar .navbar .logodiv .menubox {
  cursor: pointer;
  border: 1px solid #e3e5e5;
  padding-left: 9px;
  padding-right: 18px;
  justify-content: space-between;
  height: 40px;
}
.appbar .navbar .logodiv .menubox svg path {
  fill: #9c8f41;
}
.appbar .navbar .logodiv .menubox.justify {
  justify-content: center;
  padding: 0;
}
.appbar .navbar .logodiv .menubox span {
  font-weight: 500;
}
.appbar .navbar .logodiv span {
  color: #9c8f41;
}
.appbar .navbar .logodiv .nav_text {
  display: flex;
  align-items: center;
  gap: 14px;
}
.appbar .navbar .logodiv .nav_text .navigateDiv {
  display: flex;
  align-items: center;
  gap: 14px;
}
.appbar .navbar .logodiv .nav_text .navigateDiv .navslastspan {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #c6cacc;
}
.appbar .navbar .logodiv .nav_text .navigateDiv .div_breadcrumb {
  cursor: pointer;
}
.appbar .navbar .logodiv .nav_text .navigateDiv .breadcrumb {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
}
.appbar .navbar .logodiv .nav_text .navigateDiv .breadcrumbicon path {
  fill: #c6cacc;
}
.appbar .navbar .logodiv .nav_text .navigateDiv .breadcrumbicon_active path {
  fill: #919699;
}
.appbar .navbar .MuiInputBase-root {
  border-radius: 10px;
}
.appbar .navbar .MuiInputBase-root {
  height: 100%;
  width: 100%;
}
.appbar .navbar .searchIcon {
  position: absolute;
  right: 8px;
  top: 10px;
}
.appbar .navbar .MuiBox-root .input {
  width: 100%;
  height: 100%;
  border: none;
  background: #f9f9f9;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-left: 10px;
}
.appbar .navbar .helpbox {
  background-color: #f9f9f9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.appbar .navbar .helpbox span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #5e6366;
}
.appbar .navbar .userdiv {
  display: flex;
  flex-direction: column;
}
.appbar .navbar .userdiv .userspan {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.appbar .navbar .userdiv .user {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: black;
  align-self: flex-end;
}
.appbar .userIcon {
  cursor: pointer;
  position: relative;
}
.appbar .userIcon .statusicon {
  width: 11px;
  height: 11px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 29px;
  left: 29px;
  box-shadow: 0px 4px 8px rgba(47, 168, 79, 0.16), 0px 2px 4px rgba(47, 168, 79, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
}
.appbar .userIcon .statusicon div {
  background-color: #2fa84f;
  border-radius: 50%;
  width: 8.5px;
  height: 8.5px;
}
.appbar .userIcon .notification {
  position: absolute;
  width: 26px;
  height: 20px;
  background-color: #007aff;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  left: 23px;
}
.appbar .userIcon .notification .numnotification {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: white;
}
.appbar .userIcon img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #b7b7b7;
}
.appbar .divnavinfo {
  display: flex;
  gap: 27px;
}
.appbar .divnavinfo .infodiv {
  display: flex;
  gap: 20px;
}
.menu_box_chat {
  align-items: center;
  justify-content: space-between;
  padding-right: 40px;
  display: flex;
  color: black;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
}
.menu_box_chat .chat_div_ebchat {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.menu_box_chat .chat_div_ebchat .chat {
  position: relative;
  width: 136px;
  height: 136px;
  border: 0.8px solid black;
  border-radius: 8px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 17px;
}
.menu_box_chat .chat_div_ebchat .chat span {
  font-weight: 400;
  font-size: 12.8px;
  line-height: 19px;
}
.menu_box_chat .chat_div_ebchat .chat span:nth-child(2) {
  font-weight: 700;
}
.menu_box_chat .chat_div_ebchat .chat div {
  position: absolute;
  top: 17px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
}
.menu_box_chat .chat_div_ebchat .chat div svg {
  width: 20px !important;
  height: 20px !important;
}
.menu_box_chat .chat_div_ebchat .chat div svg path {
  fill: black;
}
.menu_box_chat .menubox_div {
  color: black !important;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 53px;
  row-gap: 40px;
  padding: 40px;
}
.menu_box_chat .menubox_div .menu_title {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
}
.menu_box_chat .menubox_div .items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.menu_box_chat .menubox_div .items:nth-child(9) :nth-child(3), .menu_box_chat .menubox_div .items:nth-child(10) :nth-child(3) {
  color: #9c8f41;
}
.menu_box_chat .menubox_div .items .menu_item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}
.menu_box_chat .menubox_div .items .menu_item:nth-child(4) {
  color: #9c8f41;
}
.MuiContainer-root:has(.menubox_div) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.MuiContainer-root:has(.menubox_div) .MuiToolbar-root {
  padding-right: 49px;
}
.App:has(.menu_box_chat) .content {
  opacity: 0.5 !important;
}
.bell {
  position: relative;
  cursor: pointer;
}
.bell svg {
  width: 35px;
  height: 35px;
}
.bell .unseenCountDiv {
  background-color: red;
  width: 12px;
  height: 15px;
  /* font-size: 5px; */
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  right: 0;
}
.bell .unseenCountDiv p {
  font-size: 10px;
  font-weight: 700;
}
.shake {
  animation: shake 0.5s cubic-bezier(0.36, 2.5, 0.66, 1.5) both;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.sidebar {
  z-index: 10;
  position: fixed;
  width: 280px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sidebar .sidebarmenu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 24px;
  padding-top: 129px;
  padding-right: 10px;
}
.sidebar .sidebarmenu .list_submenu {
  position: absolute;
  gap: 5px;
  display: none !important;
  top: -52px;
  left: 100%;
  width: 270px;
  background-color: white;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 25px 10px;
  display: flex;
  flex-direction: column;
  z-index: 21;
}
.sidebar .sidebarmenu .add_reqsidebar {
  height: 40px;
  text-transform: none;
  border-radius: 10px;
  background-color: #80D39B;
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  box-shadow: none;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 19px;
  font-family: "Roboto", sans-serif;
}
.sidebar .sidebarmenu .add_reqsidebar div {
  width: 20px;
  height: 20px;
  background: white;
  opacity: 0.4;
  border-radius: 4px;
}
.sidebar .sidebarmenu .add_reqsidebar svg {
  position: absolute;
  left: 44px;
  width: 10px;
}
.sidebar .sidebarmenu .listitem {
  height: 40px;
  gap: 10px;
}
.sidebar .sidebarmenu .listitem .arrowiconactive path {
  stroke: #9c8f41;
}
.sidebar .sidebarmenu .listitem .arrowdeactive path {
  stroke: #bababa;
}
.sidebar .sidebarmenu .menulabel span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #939393;
}
.sidebar .sidebarmenu .activelabel {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #9c8f41;
}
.sidebar .sidebarmenu .linkSubLink {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
}
.sidebar .sidebarmenu .linkSubLink .activeSubtitle {
  color: #9c8f41;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  padding-left: 12px;
  border-left: 2px solid #9c8f41;
  height: 21px;
  display: flex;
  align-items: center;
}
.sidebar .sidebarmenu .linkSubLink .activeSubtitle span {
  font-size: 10px !important;
}
.sidebar .sidebarmenu_services {
  padding-left: 10px;
  padding-top: 129px;
  padding-right: 10px;
  display: flex;
  gap: 10px;
}
.sidebar .sidebarmenu_services .activeicon path {
  fill: #9c8f41 !important;
}
.sidebar .sidebarmenu_services .activelabel {
  color: #9c8f41;
}
.sidebar .sidebarmenu_services .list_submenu_services {
  height: 510px;
  width: 270px;
  background-color: white;
  border-radius: 4px;
  padding: 25px 10px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #f2f2f2;
  padding-top: 0;
  gap: 15px;
}
.sidebar .sidebarmenu_services .list_submenu_services_li .listitem_servcies {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  color: #939393;
  width: max-content;
}
.sidebar .sidebarmenu_services .list_submenu_services_li .listitem_servcies:hover {
  background-color: #fffbe3;
  color: #9c8f41;
}
.sidebar .sidebarmenu_services .list_submenu_services_li .listitem_servcies .menulabel_servcies span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: inherit;
}
.sidebar .sidebarmenu_services .list_items {
  width: 50px;
  height: 50px;
  padding-right: 0;
}
.sidebar .sidebarmenu_services .list_items .listitem_services {
  height: 50px;
  gap: 10px;
  width: 50px;
  background-color: #f2f2f2;
  border-radius: 15px;
}
.sidebar .sidebarmenu_services .list_items .active {
  background-color: #fffbe3;
}
.sidebar .sidebarmenu_services .add_reqsidebar_services {
  width: 50px;
  height: 40px;
  background: #80d39b;
  border-radius: 10px;
  min-width: 50px !important;
}
.sidebar .log_out_btn {
  width: 50px;
  height: 50px;
  background-color: #f2f2f2;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sidebar .sidebar_icon_div {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 165px);
  justify-content: space-between;
}
.sidebar .sidebarbottom .list {
  border-bottom: 1px solid #f3f3f3;
}
.sidebar .sidebarbottom .list .listitem {
  padding-left: 30px;
  gap: 10px;
}
.sidebar .sidebarbottom .list .listitem .menulabel span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #939393;
}
.MuiListItem-root:has(.listitem):hover .list_submenu {
  display: flex !important;
}
.list_button_div {
  width: 100%;
}
.dialog_logout {
  font-family: "Inter", sans-serif;
}
.dialog_logout .MuiDialog-container {
  justify-content: flex-start !important;
  align-items: end;
}
.dialog_logout .logout_content {
  padding: 20px;
  max-width: 284px;
  display: flex;
  flex-direction: column;
  min-height: 242px;
  height: 100%;
}
.dialog_logout .logout_content .logout_btn {
  display: flex;
  gap: 10px;
}
.dialog_logout .logout_content .logout_btn button {
  max-width: 117px;
  width: 100%;
  text-transform: none;
  box-shadow: none;
}
.dialog_logout .logout_content .logout_btn button.cancel_btn {
  background-color: #9c8f41;
}
.dialog_logout .logout_content .logout_btn button.out_btn {
  background-color: #fffbe3;
  color: #9c8f41;
}
.dialog_logout .MuiDialogContent-root {
  border: none !important;
}
.dialog_logout .MuiPaper-root {
  border-radius: 6px !important;
}
.dialog_logout .header_log {
  font-weight: 700;
  font-size: 18px;
  color: #9c8f41;
  padding-top: 8px;
  padding-bottom: 10px;
}
.dialog_logout .info_log {
  font-weight: 400;
  font-size: 12px;
  padding-bottom: 40px;
}
.listitem .activeicon path {
  fill: #9c8f41;
}
.poperaction .MuiBox-root {
  position: absolute !important;
  right: -10px !important;
  width: 231px;
  padding-left: 30px;
  padding-top: 21px;
  padding-bottom: 16px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  top: 13px;
  border-radius: 5px;
}
.poperaction .MuiBox-root li {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  font-family: "Inter", sans-serif;
}
.poperaction .MuiBox-root li:hover {
  background-color: #fffbe3;
  color: #9c8f41;
}
.poperaction .MuiBox-root li:last-child {
  color: #ff0000;
}
.poperaction .MuiBox-root:has(.arrow-tenant) {
  gap: 10px;
}
.poperaction .MuiBox-root:has(.arrow-tenant) li {
  padding-left: 0 !important;
}
.tenantstable {
  padding-top: 16px !important;
  margin: auto !important;
  max-width: 1232px !important;
  min-height: calc(100vh - 64px);
  /* Track */
  /* Handle */
}
.tenantstable .buildingData_sort {
  display: flex;
  gap: 20px;
  padding-bottom: 15px;
}
.tenantstable .buildingData_sort div {
  width: max-content;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: white;
  display: flex;
  gap: 10px;
  cursor: pointer;
}
.tenantstable .buildingData_sort div :first-child {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  font-family: "Roboto", sans-serif;
  color: #888888;
}
.tenantstable .buildingData_sort div :nth-child(2) {
  border-radius: 5px;
  width: 22px;
  height: 22px;
  background-color: #dedede;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #787878;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tenantstable .table_action-button {
  width: 24px;
  height: 24px;
  background-color: #fffbe3;
  min-width: 24px;
}
.tenantstable .table_action-button svg {
  fill: #9c8f41 !important;
}
.tenantstable .table_action-button svg path {
  fill: #9c8f41 !important;
}
.tenantstable .tableHeader {
  display: flex;
  justify-content: space-between;
  padding-bottom: 22px;
  padding-top: 7px;
}
.tenantstable .tableHeader .headerdiv {
  display: flex;
  gap: 20px;
}
.tenantstable .tableHeader .headerdiv .tenantspan {
  cursor: pointer;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  color: #8a8a8a;
}
.tenantstable .tableHeader .headerdiv .tenantspan.active {
  color: black;
}
.tenantstable .tableHeader .headerdiv .pendingspan {
  display: flex;
  gap: 10px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #8a8a8a;
}
.tenantstable .tableHeader .headerdiv .pendingspan div {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: white;
  background-color: #ff3838;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.tenantstable .tableHeader .headerdiv .pendingspan.active {
  color: black;
}
.tenantstable .tableHeader .addbtn {
  background-color: #fffbe3;
  box-shadow: none;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
}
.tenantstable .table_tenants {
  box-shadow: none !important;
  border-radius: 15px;
  max-height: 100vh;
}
.tenantstable .table_tenants .MuiTable-root {
  margin-top: 11px;
}
.tenantstable .table_tenants .MuiNativeSelect-select {
  padding-top: 7px;
}
.tenantstable .table_tenants ::before {
  display: none !important;
}
.tenantstable .table_tenants ::after {
  display: none !important;
}
.tenantstable .table_tenants table thead tr th {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.tenantstable .table_tenants table tbody tr td {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.tenantstable .table_tenants table tbody tr td:first-child svg {
  width: 15px;
  height: 15px;
}
.tenantstable .table_tenants table tbody tr td:nth-child(1) {
  gap: 11px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #4d4d4d;
}
.tenantstable .table_tenants table tbody tr td:nth-child(1) div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tenantstable .table_tenants table tbody tr td:nth-child(1) .info_tenant {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}
.tenantstable .table_tenants table tbody tr td:nth-child(1) .info_tenant .apartment {
  color: #8b8b8b;
}
.tenantstable .table_tenants table tbody tr td:nth-child(1) img {
  width: 29px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
}
.tenantstable .table_tenants table tbody tr td .add_car {
  color: #9c8f41 !important;
}
.tenantstable .table_tenants .sort {
  display: flex;
  gap: 20px;
  padding-left: 30px;
  padding-top: 15px;
}
.tenantstable .table_tenants .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background: #f9f9f9;
}
.tenantstable .table_tenants .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
}
.tenantstable .table_tenants .sort .formControl .inputsearch::before {
  display: none;
}
.tenantstable .table_tenants .sort .formControl .inputsearch::after {
  display: none;
}
.tenantstable .table_tenants .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.tenantstable .table_tenants .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.tenantstable .table_tenants .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.tenantstable .table_tenants .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.tenantstable .table_tenants .sort .sortDiv .MuiSelect-select {
  padding: 0 !important;
  font-weight: 600;
  font-size: 16px;
}
.tenantstable .table_tenants .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.tenantstable .table_tenants .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.tenantstable .table_tenants .sort .sortDiv .selecticon {
  position: absolute;
  right: -16px;
  top: 8px;
}
.tenantstable .table_tenants .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.tenantstable .table_tenants .sort .sortDiv fieldset {
  border: none;
  padding: 0;
}
.tenantstable .table_tenants .checked {
  position: relative;
}
.tenantstable .table_tenants .checked .check {
  position: absolute;
  left: 2px;
  width: 11px;
  height: 16px;
}
.tenantstable ::-webkit-scrollbar {
  width: 6px;
}
.tenantstable ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.tenantstable ::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  width: 6px !important;
  border-radius: 3px;
}
.addtenants {
  max-width: 1232px !important;
  margin: 0;
  padding-left: 50px !important;
  padding-top: 16px;
  min-height: calc(100vh - 64px);
  padding-bottom: 100px;
}
.addtenants .addtenantHeader {
  display: flex;
  padding-bottom: 50px;
  gap: 66px;
  justify-content: space-between;
}
.addtenants .addtenantHeader .addtenantspan {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  gap: 20px;
}
.addtenants .addtenantHeader .btnsaveAdd {
  display: flex;
  gap: 10px;
}
.addtenants .addtenantHeader .btnsaveAdd .savetenantBtn,
.addtenants .addtenantHeader .btnsaveAdd .addtenantBtn {
  width: 117px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  padding: 0;
  box-shadow: none;
}
.addtenants .addtenantHeader .btnsaveAdd .savetenantBtn.deactivate,
.addtenants .addtenantHeader .btnsaveAdd .addtenantBtn.deactivate {
  background-color: #dbdbdb;
  color: #a5a5a5;
}
.addtenants .addtenantHeader .btnsaveAdd .savetenantBtn {
  background-color: #e1e9fa;
  color: #1d4599;
}
.addtenants .addtenantHeader .btnsaveAdd .addtenantBtn {
  background-color: #9c8f41;
}
.addtenants .tenantaddbox {
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 31px;
}
.addtenants .tenantaddbox .addtenantHeader {
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput {
  display: flex;
  gap: 20px;
  max-width: 576px;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 25px;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs {
  width: 399px;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .tenantinput {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  border-bottom: 0.5px solid #eeeeee;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .tenantinput::placeholder {
  color: #5e6366;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv {
  display: flex;
  gap: 11.75px;
  align-items: center;
  border-bottom: 0.5px solid #eeeeee;
  width: 199px;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv .inputaddtenants {
  font-size: 12px;
  line-height: 10px;
  font-weight: 500;
  color: black;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv .inputaddtenants ::placeholder {
  font-weight: 400;
  color: #5e6366;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv input {
  padding: 10px 0px 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv fieldset {
  border: none;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv.date {
  position: relative;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv.date button {
  position: absolute;
  left: -25px;
}
.addtenants .tenantaddbox .addtenantHeader .tenantdropinput .addtenantsinputs .inputdiv.date button svg {
  display: none;
  z-index: 10;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv {
  max-width: 390px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .dateCvv {
  display: flex;
  max-width: 349px;
  width: 100%;
  justify-content: space-between;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .inputwallet {
  background-color: #f3f3f3;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  margin-top: 19px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .inputwallet.card {
  max-width: 349px;
  width: 100%;
  padding-left: 10px;
  color: black;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .inputwallet.card::placeholder {
  color: #939393;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .inputwallet.date {
  width: 170px;
  color: black;
  padding-left: 10px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .inputwallet.date::placeholder {
  color: #939393;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .inputwallet.cvv {
  width: 170px;
  color: black;
  padding-left: 10px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .inputwallet.cvv::placeholder {
  color: #939393;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .walletspan {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .locationspan {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  padding-bottom: 5px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol {
  background-color: #f3f3f3;
  border-radius: 4px;
  position: relative;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol svg {
  position: absolute;
  top: 12px;
  right: 10px;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol .select {
  height: 31px !important;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol .select .MuiSvgIcon-root {
  display: none;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol .select div {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  color: black;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol .select div::placeholder {
  color: black;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol fieldset {
  border: none;
}
.addtenants .tenantaddbox .addtenantHeader .walletdiv .locationdiv .formcontrol .spanbuilding {
  color: #8c8c8c;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.addtenants .documnetdiv {
  padding: 20px;
  display: flex;
  padding-top: 18px;
  gap: 19px;
  align-items: end;
}
.addtenants .documnetdiv .formcontrol {
  background-color: #f3f3f3;
  border-radius: 4px;
  position: relative;
  width: 309px;
}
.addtenants .documnetdiv .formcontrol svg {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 10;
}
.addtenants .documnetdiv .formcontrol .select {
  height: 31px !important;
  background-color: white;
}
.addtenants .documnetdiv .formcontrol .select .MuiSvgIcon-root {
  display: none;
}
.addtenants .documnetdiv .formcontrol .select div {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  color: black;
  padding: 0 0 0 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #8c8c8c;
}
.addtenants .documnetdiv .formcontrol .select div::placeholder {
  color: black;
}
.addtenants .documnetdiv .formcontrol fieldset {
  border: none;
}
.addtenants .documnetdiv .formcontrol .spanbuilding {
  color: #8c8c8c;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.addtenants .documnetdiv .validdiv {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 309px;
}
.addtenants .documnetdiv .validdiv .validspan {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.addtenants .documnetdiv .validdiv .textvalid {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
}
.addtenants .documnetdiv .validdiv .uploaddoc {
  display: flex;
  max-width: 565px;
  width: 100%;
  justify-content: space-between;
}
.addtenants .documnetdiv .validdiv .uploaddoc .doclink {
  display: flex;
  align-items: center;
  gap: 3px;
}
.addtenants .documnetdiv .validdiv .uploaddoc .doclink .docId {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #1d4599;
  font-family: "Roboto", sans-serif;
}
.addtenants .documnetdiv .validdiv .uploaddoc .doclink .viewDoc {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  font-family: "Roboto", sans-serif;
  color: #9d9d9d;
}
.addtenants .documnetdiv .validdiv .uploaddoc .doclink .viewDoc.remove {
  padding: 0;
  text-transform: capitalize;
  text-decoration: underline;
  justify-content: start !important;
  padding-left: 3px !important;
}
.addtenants .documnetdiv .validdiv .uploaddoc .docbtn {
  background-color: #1d4599;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  font-family: "Roboto", sans-serif;
  width: 103px;
  height: 35px;
  padding: 0;
}
.addtenants .documnetdiv .uploadbtn {
  display: flex;
  height: 35px;
  gap: 15px;
  cursor: pointer;
}
.addtenants .documnetdiv .uploadbtn.file {
  position: relative;
  cursor: pointer;
}
.addtenants .documnetdiv .uploadbtn.file .fileupload {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.addtenants .documnetdiv .uploadbtn .btn {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
}
.addtenants .documnetdiv .uploadbtn .btn.upload {
  width: 105px;
  background-color: #fffbe3;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #9c8f41;
  box-shadow: none;
  font-family: "Roboto", sans-serif !important;
}
.addtenants .documnetdiv .uploadbtn .btn.document {
  width: 105px;
  padding: 0;
  background-color: #9c8f41;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #fffbe3;
  font-family: "Roboto", sans-serif !important;
  box-shadow: none;
}
.addtenants .documnetdiv .btn_remove_document {
  border: 0;
  background: transparent;
  color: #ff2d2d;
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
  margin-left: 15px;
}
.addtenants .MuiInputBase-root::before {
  content: none;
}
.addtenants .MuiInputBase-root::after {
  content: none;
}
.addtenants .add_panel {
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
}
.addtenants .add_panel .MuiPaper-root {
  border-radius: 6px 6px 0 0;
}
.addtenants .add_panel .addtenant_panel_summary {
  display: flex;
  align-items: center;
  gap: 15px;
}
.addtenants .add_panel .addtenant_panel_summary svg {
  fill: #9c8f41;
}
.addtenants .add_panel .addtenant_panel_summary svg circle {
  fill: #fffbe3;
}
.addtenants .add_panel .addtenant_panel_summary svg path {
  fill: #9c8f41;
}
.addtenants .add_panel .addtenant_panel_summary .image-container {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.addtenants .add_panel .addtenant_panel_summary .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.addtenants .add_panel .addtenant_panel_summary .accordion_title {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.addtenants .add_panel .addtenant_panel_summary .accordion_info {
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
}
.addtenants .add_panel .addtenant_panel_summary .accordion_info > span {
  margin-right: 5px;
}
.addtenants .add_panel .addtenant_panel_summary .accordion_info__info {
  color: #a1a1a1;
}
.addtenants .add_panel .addtenant_panel_summary .accordion_info .interests_info {
  color: #9e9e9e;
  border: 1px solid #9e9e9e;
  padding: 0.5px 3px;
  margin-right: 5px;
  border-radius: 4px;
}
.addtenants .MuiAccordionSummary-root {
  padding-left: 20px !important;
  height: 73px;
}
.addtenants .MuiPaper-elevation1 {
  box-shadow: none !important;
}
.addtenants .MuiAccordion-rounded {
  border-bottom: 0.5px solid #dbdbdb;
  margin: 0 !important;
}
.addtenants .general_info_tenants {
  display: flex;
  padding: 20px;
  border-top: 0.5px solid #dbdbdb;
}
.addtenants .general_info_tenants .droptenant {
  width: 135px;
}
.addtenants .general_info_tenants .droptenant .notediv {
  padding-top: 13px;
}
.addtenants .general_info_tenants .droptenant .notediv .notespan {
  display: block;
  width: 147px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #c1c1c1;
}
.addtenants .general_info_tenants .input_tenant {
  padding-left: 15px;
}
.addtenants .general_info_tenants .input_tenant .input_div {
  padding-bottom: 15px;
  display: flex;
  gap: 15px;
}
.addtenants .general_info_tenants .input_tenant .input_div .input_info {
  background-color: white;
  width: 300px;
  border-radius: 4px;
}
.addtenants .general_info_tenants .input_tenant .input_div .input_info input {
  padding: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #6f6f6f;
}
.addtenants .general_info_tenants .input_tenant .input_div .phone_div {
  margin-top: -26px;
}
.addtenants .general_info_tenants .input_tenant .input_div .phone_div span {
  font-weight: 400;
  font-size: 8px;
  line-height: 10px;
  color: #aeaeae;
}
.addtenants .general_info_tenants .input_tenant .input_div .phone_div .PhoneInput {
  width: 300px;
  height: 37px;
  background-color: white;
}
.addtenants .general_info_tenants .input_tenant .input_div .phone_div .PhoneInput .PhoneInputCountry {
  padding-left: 11px;
}
.addtenants .general_info_tenants .input_tenant .input_div .phone_div .PhoneInput input {
  border: none;
}
.addtenants .general_info_tenants .input_tenant .input_div .phone_div .PhoneInput :focus {
  outline: none;
}
.addtenants .location_tenant {
  display: flex;
  flex-direction: column;
  padding: 25px 20px;
  gap: 15px;
  border-top: 0.5px solid #dbdbdb;
}
.addtenants .location_tenant .formcontrol {
  background-color: #f3f3f3;
  border-radius: 4px;
  position: relative;
}
.addtenants .location_tenant .formcontrol svg {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 10;
}
.addtenants .location_tenant .formcontrol .select {
  height: 31px !important;
  background-color: white;
}
.addtenants .location_tenant .formcontrol .select .MuiSvgIcon-root {
  display: none;
}
.addtenants .location_tenant .formcontrol .select div {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  color: black;
  padding: 0 0 0 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #8c8c8c;
}
.addtenants .location_tenant .formcontrol .select div::placeholder {
  color: black;
}
.addtenants .location_tenant .formcontrol fieldset {
  border: none;
}
.addtenants .location_tenant .formcontrol .spanbuilding {
  color: #8c8c8c;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.addtenants .interest_tenant {
  padding: 20px;
  border-top: 0.5px solid #dbdbdb;
}
.addtenants .interest_tenant .interest_divs {
  display: flex;
  gap: 10px;
  padding-top: 15px;
}
.addtenants .interest_tenant .interest_divs div {
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #8c8c8c;
  padding: 10px 7px;
}
.addtenants .interest_tenant .search_interest::placeholder {
  color: #8c8c8c;
}
.addtenants .family_guest_pets_divs {
  padding-left: 20px;
  padding-bottom: 20px;
  display: flex;
  gap: 15px;
}
.addtenants .family_guest_pets_divs div {
  width: 184px;
  height: 62px;
  border-radius: 6px;
  background-color: white;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
}
.addtenants .family_guest_pets_divs div span {
  font-weight: 400;
  font-size: 10px;
  color: #9c8f41 !important;
  width: 100px;
  padding-top: 10px;
}
.addtenants .family_guest_pets_divs div .btn_edit {
  box-shadow: none;
  text-transform: none;
  background-color: #fffbe3;
  color: #9c8f41 !important;
  height: 24px;
  width: 31px;
  min-width: max-content !important;
  padding: 5px;
  align-self: center;
}
.addtenants .family_guest_pets_tenant {
  padding: 21px 0 0px 0;
  border-top: 0.5px solid #dbdbdb;
}
.addtenants .family_guest_pets_tenant .family_guest_pets_divs {
  padding-left: 20px;
  padding-bottom: 20px;
  display: flex;
  gap: 15px;
}
.addtenants .family_guest_pets_tenant .family_guest_pets_divs div {
  width: 184px;
  height: 62px;
  border-radius: 6px;
  background-color: white;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
}
.addtenants .family_guest_pets_tenant .family_guest_pets_divs div span {
  font-weight: 400;
  font-size: 10px;
  color: #1d4599;
  width: 100px;
  padding-top: 10px;
}
.addtenants .family_guest_pets_tenant .family_guest_pets_divs div .btn_edit {
  box-shadow: none;
  text-transform: none;
  background-color: #fffbe3;
  color: #1d4599;
  height: 24px;
  width: 31px;
  min-width: max-content !important;
  padding: 5px;
  align-self: center;
}
.addtenants .family_guest_pets_tenant .btnguestfamily {
  display: flex;
  gap: 17px;
  padding-left: 20px;
  padding-bottom: 27px;
}
.addtenants .family_guest_pets_tenant .btnguestfamily .btnaddtenant {
  background-color: #fffbe3;
  color: #9c8f41;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  box-shadow: none;
  width: 152px;
  height: 25px;
}
.addtenants .acount_add_tenant {
  max-width: 576px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
}
.addtenants .acount_add_tenant .divs {
  justify-content: space-between;
  background-color: white;
  border-radius: 6px;
  padding: 10px;
  align-items: center;
}
.addtenants .acount_add_tenant .divs.second {
  flex-direction: row !important;
}
.addtenants .acount_add_tenant .divs .btn {
  background-color: #fffbe3;
  color: #9c8f41;
  text-transform: none;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.addtenants .acount_add_tenant .divs .btn.date {
  width: 83px;
  height: 24px;
  padding: 0;
}
.addtenants .acount_add_tenant .divs .btn.change {
  height: 24px;
  padding: 0;
}
.addtenants .acount_add_tenant .divs .first_span,
.addtenants .acount_add_tenant .divs .second_span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 141.69%;
  display: flex;
}
.addtenants .acount_add_tenant .divs .second_span {
  color: #9c8f41 !important;
}
.addtenants .acount_add_tenant div {
  display: flex;
}
.addtenants .acount_add_tenant div .language {
  color: #1d4599 !important;
  font-weight: 700 !important;
}
.addtenants .acount_add_tenant div :first-child {
  display: flex;
  flex-direction: column;
}
.tenant_dialog_add_new .MuiDialogContent-root {
  border: none !important;
  padding: 0 !important;
}
.tenant_dialog_add_new .addfamilymember {
  border-top: 1px solid #d9d9d9;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 23px;
  width: 400px;
}
.tenant_dialog_add_new .addfamilymember .familyspan {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  font-family: "Inter", sans-serif;
  padding-top: 50px;
  display: block;
  color: #9c8f41;
  padding-bottom: 40px;
}
.tenant_dialog_add_new .addfamilymember .familydiv {
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber {
  gap: 15px;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .PhoneInput {
  background-color: #ebebeb;
  height: 35px;
  padding-left: 10px;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .familyinput {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .familyinput .input .PhoneInputInput {
  background-color: #ebebeb;
  border: none;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .familyinput .input .PhoneInputInput:focus {
  outline: none !important;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .familyinput .familydate {
  width: 300px;
  height: 35px;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .familyinput .familydate input {
  height: 100% !important;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .familyinput .familydate input {
  background-color: #ebebeb;
  color: black;
  height: 22px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  height: 22px;
  border-radius: 4px;
  padding-left: 10px;
}
.tenant_dialog_add_new .addfamilymember .familydiv .familymamber .familyinput .familydate input::placeholder {
  color: #868686;
  opacity: 1;
}
.tenant_dialog_add_new .addfamilymember .familydiv .btn {
  margin-top: 40px;
}
.tenant_dialog_add_new .addfamilymember .familydiv .btn .deletebtn {
  height: 37px;
  width: 100%;
  text-transform: capitalize;
  opacity: 1;
  background-color: #fae1e1;
  box-shadow: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #f40000;
  border-radius: 4px;
}
.tenant_dialog_add_new .addfamilymember .familydiv .btn .savebtn {
  color: #fff;
  background-color: #686868;
  margin-right: 15px;
  pointer-events: none;
}
.tenant_dialog_add_new .addfamilymember .familydiv .btn .activeAdd {
  background-color: #9c8f41;
  color: #fffbe3;
  pointer-events: visible;
}
.tenant_dialog_add_new .addguest_tenant {
  width: 400px;
  border-top: 0.5px solid #dbdbdb;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tenant_dialog_add_new .addguest_tenant .guestspan {
  display: block;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
  color: #9c8f41;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv {
  display: flex;
  justify-content: center;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 40px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .PhoneInput {
  width: 300px;
  height: 31px;
  background-color: #ebebeb;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .PhoneInput .PhoneInputInput {
  background-color: #ebebeb !important;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .PhoneInput .PhoneInputCountry {
  padding-left: 11px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .PhoneInput input {
  border: none;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .PhoneInput :focus {
  outline: none;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .guestdate {
  width: 300px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .guestdate input {
  background-color: #ebebeb;
  color: black;
  height: 22px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  height: 22px;
  border-radius: 4px;
  padding-left: 10px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .guestdate input::placeholder {
  color: #868686;
  opacity: 1;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol {
  width: 212px;
  max-height: 31px;
  height: 100%;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol .select {
  height: 100%;
  width: 300px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol .select .MuiSelect-select {
  padding: 0;
  opacity: 1;
  background-color: #ebebeb;
  height: 31px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #989898;
  display: flex;
  align-items: center;
  padding-left: 10px;
  border-radius: 4px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol .select .MuiSelect-select .MuiSelect-nativeInput {
  height: 100%;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol .select .MuiSvgIcon-root {
  display: none;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol .select fieldset {
  border: none;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol svg {
  position: absolute;
  right: -88px;
  top: 12px;
  z-index: 10;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .guestinput .formcontrol.guest {
  width: 200px !important;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .btn {
  margin-top: 40px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .btn .deletebtn {
  height: 37px;
  width: 100%;
  text-transform: capitalize;
  opacity: 1;
  background-color: #fae1e1;
  box-shadow: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #f40000;
  border-radius: 4px;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .btn .savebtn {
  color: #fff;
  background-color: #686868;
  margin-right: 15px;
  pointer-events: none;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .guestmamber .btn .activeAdd {
  background-color: #9c8f41 !important;
  pointer-events: visible;
  color: #fffbe3;
}
.tenant_dialog_add_new .addguest_tenant .guestdiv .activeAddPets {
  background-color: #1d4599;
}
.MuiDataGrid-columnSeparator--sideRight {
  display: none !important;
}
.MuiDataGrid-columnHeader--alignCenter .MuiDataGrid-columnHeaderTitleContainer {
  display: none !important;
}
.arrow-tenant {
  left: 209px !important;
}
.MuiAccordionDetails-root {
  padding: 0 !important;
  background-color: #f9f9f9;
}
.Mui-selected {
  background-color: #1d4599 !important;
}
.MuiPickersCalendarHeader-label {
  font-weight: 700;
  font-size: 19px;
  line-height: 23px;
  color: #5f5f5f;
}
.MuiPickersCalendarHeader-labelContainer {
  pointer-events: none;
}
.MuiPickersCalendarHeader-labelContainer svg {
  display: none !important;
}
.MuiDayPicker-header span {
  font-size: 19px;
  line-height: 22px;
  color: #5f5f5f;
  font-weight: 500;
}
.MuiDayPicker-weekContainer button {
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  color: black;
}
.tenant_dialog .MuiDialogContent-root {
  padding: 0 !important;
  border: none !important;
}
.tenant_dialog .MuiPickersArrowSwitcher-root button svg {
  color: transparent;
}
.tenant_dialog .icon_right {
  position: absolute;
  right: 74px;
  top: 20px;
}
.tenant_dialog .icon_left {
  position: absolute;
  right: 24px;
  top: 20px;
}
.MuiAccordionSummary-content {
  display: flex;
  justify-content: space-between;
}
.charge_wallet {
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px 35px 20px 35px;
}
.charge_wallet__header {
  font-weight: 700 !important;
  padding-bottom: 19px !important;
}
.charge_wallet__image_container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin: 0 auto;
}
.charge_wallet__image_container img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.charge_wallet__client_name {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  margin-top: 10px !important;
}
.charge_wallet__balance_container {
  margin-bottom: 20px;
  margin-top: 25px;
  display: flex;
  background: #f3f3f3;
  align-items: center;
}
.charge_wallet__balance_container .charge_wallet__balance-input {
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  height: 36px;
  color: #212121;
}
.charge_wallet__balance_container .charge_wallet__balance-input::placeholder, .charge_wallet__balance_container .charge_wallet__balance-input::-webkit-input-placeholder, .charge_wallet__balance_container .charge_wallet__balance-input::-ms-input-placeholder {
  color: #999999;
  /* not work yet*/
}
.charge_wallet__balance_container .charge_wallet__balance-icon {
  padding: 9px 10px;
  line-height: 18px;
  font-size: 10px;
  color: #999999;
}
.charge_wallet__confirm {
  background: #f3f3f3;
  height: 36px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.charge_wallet__confirm-input {
  color: #212121;
  width: 100% !important;
}
.charge_wallet__confirm-input input {
  font-size: 12px !important;
}
.charge_wallet__confirm-button {
  display: flex;
  justify-content: space-between;
}
.charge_wallet__confirm-button-confirm, .charge_wallet__confirm-button-cancel {
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.charge_wallet__confirm-button-confirm {
  color: #1d4599;
}
.charge_wallet__confirm-button-cancel {
  color: #999999;
  background-color: none;
}
.charge_wallet__charge_button {
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #1d4599;
  background-color: #e1e9fa;
  cursor: pointer;
}
.charge_wallet_success {
  padding: 20px 35px;
  width: 400px;
  height: 277px;
}
.charge_wallet_success__image_container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.charge_wallet_success__header {
  font-weight: 700 !important;
  padding-top: 19px !important;
  padding-bottom: 19px !important;
  line-height: 21px !important;
}
.charge_wallet_success__details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.charge_wallet_success__details-personal {
  width: 70%;
  display: flex;
  align-items: flex-start;
}
.charge_wallet_success__details-personal .image-container {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.charge_wallet_success__details-personal .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.charge_wallet_success__details-personal .content-container {
  margin-left: 10px;
}
.charge_wallet_success__details-personal .content-container .charge_wallet_success__client-name {
  font-weight: 500;
  font-size: 14px !important;
  line-height: 21px !important;
}
.charge_wallet_success__details-personal .content-container .charge_wallet_success__client-notify {
  border: 0;
  background: none;
  font-size: 10px !important;
  font-weight: 700;
  color: #1d4599;
}
.charge_wallet_success__details-personal .content-container .charge_wallet_success__client-notify span {
  margin-left: 5px;
}
.charge_wallet_success__details-personal .content-container .charge_wallet_success__client-notify svg {
  height: 10px;
}
.charge_wallet_success__details-balance {
  width: 30%;
  height: 50px;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 5px 10px;
}
.charge_wallet_success__details-balance .balance-header {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #797979;
}
.charge_wallet_success__details-balance .balance-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.charge_wallet_success__details-balance .balance-info__mount {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px !important;
}
.charge_wallet_success__details-balance .balance-info__currency {
  color: #999999;
}
.charge_wallet_success__button {
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #1d4599;
  background-color: #e1e9fa;
  cursor: pointer;
}
.MuiDialogContent-root:has(.charge_wallet) {
  padding: 0 !important;
}
.MuiDialogContent-root:has(.charge_wallet) p {
  width: max-content;
}
.charge_wallet__balance_container {
  width: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.charge_wallet__balance-input input {
  font-size: 12px;
}
.charge_wallet__confirm {
  width: 100% !important;
}
.charge_wallet_body__current_balance_content {
  font-weight: 700;
  font-size: 48px;
  opacity: 0.74;
  padding-bottom: 32px;
}
.charge_wallet_body__button button {
  width: 130px;
  height: 45px;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
}
.charge_wallet_body__activity p {
  opacity: 0.7;
}
.activity-time_line-right-button {
  font-weight: 500 !important;
}
.MuiPaper-root:has(.addguest_tenant) {
  border-radius: 6px !important;
}
.MuiPaper-root:has(.addfamilymember) {
  border-radius: 6px !important;
}
.activebuildingdata {
  background-color: red;
}
.charge_wallet__charge_button {
  pointer-events: none;
  background-color: #686868;
  color: white;
}
.charge_wallet__charge_button.charge {
  background-color: #fffbe3;
  color: #1d4599;
  pointer-events: visible;
}
.charge_wallet__confirm-button-confirm {
  color: #999999;
  pointer-events: none;
}
.charge_wallet__confirm-button-confirm.confirm {
  color: #1d4599;
  pointer-events: visible;
}
.date_birth_field {
  height: 37px;
  background-color: white;
  width: 300px;
}
.date_birth_field input {
  font-size: 13px;
}
.date_birth_field div {
  height: 37px;
}
.date_birth_field fieldset {
  border: none;
  width: 300px;
}
.date_birth_field.add_user {
  width: 315px !important;
  height: 26px;
}
.date_birth_field.add_user fieldset {
  height: 26px;
}
.date_birth_field.add_user input {
  height: 26px;
  padding: 0 10px 0 10px;
}
.amenities {
  padding: 40px 50px 53px 50px !important;
  min-height: calc(100vh - 64px);
  margin-left: 0 !important;
}
.amenities .amenities_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.amenities .amenities_header .btn {
  display: flex;
  gap: 15px;
}
.amenities .amenities_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.amenities .amenities_header .btn .add_btn {
  background-color: #80D39B;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: white;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: none;
}
.amenities .amenities_header .btn .add_btn svg {
  fill: white;
}
.amenities .amenities_header .btn .add_btn svg rect {
  fill: white;
}
.amenities .amenities_header .btn ._add_amenity {
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  background-color: #fffbe3;
  color: #9c8f41;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  gap: 10px;
}
.amenities .amenities_header .btn ._add_amenity svg {
  fill: #9c8f41;
}
.amenities .amenities_header .btn ._add_amenity svg path {
  fill: #9c8f41;
}
.amenities .amenities_header .header_span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.amenitiesreqlist {
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}
@media screen and (max-width: 1480px) {
  .amenities_box {
    flex-wrap: wrap;
  }
}
.addAmenity {
  min-height: calc(100vh - 64px);
  padding-bottom: 20px;
  padding-top: 15px;
}
.addAmenity .addamenity_header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.addAmenity .addamenity_header .addamenityspan {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.addAmenity .addamenity_header .addamenity_btn_div {
  display: flex;
  gap: 10px;
}
.addAmenity .addamenity_header .addamenity_btn_div .btn {
  min-width: max-content;
  font-size: 14px;
  line-height: 16px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 20px;
}
.addAmenity .addamenity_header .addamenity_btn_div .btn.save_button {
  color: #1d4599;
  background-color: #e1e9fa;
}
.addAmenity .addamenity_header .addamenity_btn_div .btn.add_button {
  color: #fffbe3;
  background-color: #9c8f41;
}
.addAmenity .addamenity_header .addamenity_btn_div .btn.editable {
  background-color: #d0d0d0;
  color: black;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.addAmenity .addamenity_header .addamenity_btn_div .btn.deactive {
  background-color: #686868;
  color: white;
  pointer-events: none;
}
.addAmenity .amenity_info {
  display: flex;
  flex-direction: column;
  padding-top: 35px;
  max-width: 563px;
  width: 100%;
}
.addAmenity .amenity_info .amenity_info_span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.addAmenity .amenity_info .info_div {
  display: flex;
  flex-direction: column;
}
.addAmenity .amenity_info .info_div .input_addamenity {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.addAmenity .amenity_info .info_div .input_addamenity .amenity_name {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.addAmenity .amenity_info .info_div .input_addamenity .amenity_name ::placeholder {
  color: #d9d9d9 !important;
  opacity: 1;
}
.addAmenity .amenity_info .info_div .input_addamenity .amenity_name::before {
  display: none;
}
.addAmenity .amenity_info .info_div .input_addamenity .amenity_name::after {
  display: none;
}
.addAmenity .amenity_info .info_div .amenity_description {
  border: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  color: #7d7d7d;
}
.addAmenity .amenity_info .info_div .amenity_description ::placeholder {
  color: #d9d9d9;
  opacity: 1;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.addAmenity .amenity_info .info_div .amenity_description::before {
  display: none;
}
.addAmenity .amenity_info .info_div .amenity_description::after {
  display: none;
}
.addAmenity .amenity_info .addsub_category {
  min-width: max-content;
  padding: 6px 10px;
  background-color: #fffbe3 !important;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #9c8f41;
  box-shadow: none !important;
  text-transform: capitalize;
  height: 26px;
}
.addAmenity .amenity_info .instraction_div {
  padding-bottom: 35px;
}
.addAmenity .amenity_info .instraction_div .instraction_span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  display: block;
  padding-bottom: 15px;
  padding-top: 8px;
}
.addAmenity .amenity_info .instraction_div .instruction_text {
  border: none;
  padding: 18px 13px;
  background-color: #f5f5f5;
  border-radius: 6px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #999999;
  height: 93px;
}
.addAmenity .amenity_info .instraction_div .instruction_text ::before,
.addAmenity .amenity_info .instraction_div .instruction_text ::after {
  display: none !important;
}
.addAmenity .amenity_info .instraction_div .instruction_text .textarea {
  overflow-y: auto;
}
.addAmenity .building_setting_ammenity {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}
.addAmenity .building_setting_ammenity .header_assign_span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.addAmenity .building_setting_ammenity .info_building {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #a7a7a7;
  padding-bottom: 22px;
  padding-top: 10px;
}
.addAmenity .building_setting_ammenity .building_assigned {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 382px;
  row-gap: 8px;
}
.addAmenity .building_setting_ammenity .building_assigned.building_check {
  margin-top: 50px;
  position: relative;
}
.addAmenity .building_setting_ammenity .building_assigned.building_check > label:first-of-type {
  position: absolute;
  top: -50px;
  width: 100%;
  padding-bottom: 14px;
  border-bottom: 1px solid #e9e9e9;
}
.addAmenity .building_setting_ammenity .building_assigned .checkbox {
  position: relative;
}
.addAmenity .building_setting_ammenity .building_assigned .checkbox .checkincon,
.addAmenity .building_setting_ammenity .building_assigned .checkbox .checked {
  width: 20px;
  height: 20px;
  background-color: #fffbe3;
  border: 1px solid #9c8f41;
  border-radius: 4px;
}
.addAmenity .building_setting_ammenity .building_assigned .checkbox .checked {
  background-color: #9c8f41;
}
.addAmenity .building_setting_ammenity .building_assigned .checkbox .checked svg {
  position: absolute;
  right: 4px;
  top: 6px;
}
.addAmenity .building_setting_ammenity .building_assigned label {
  margin: 0 !important;
  gap: 16px;
}
.addAmenity .building_setting_ammenity .building_assigned label span {
  padding: 0;
}
.addAmenity .building_setting_ammenity .building_assigned label .MuiTypography-root {
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  color: #565656;
}
.addAmenity .building_setting_ammenity .building_assigned.setting {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.addAmenity .building_setting_ammenity .building_assigned .bookable {
  pointer-events: none;
  opacity: 0.5;
}
.addAmenity .building_setting_ammenity .setting_amenity {
  padding-top: 25px;
}
.addAmenity .building_setting_ammenity .selectes_div_time {
  display: flex;
  padding-top: 13px;
  align-items: center;
}
.addAmenity .building_setting_ammenity .selectes_div_time .count_div {
  background-color: #f5f5f5;
  padding-left: 5px;
  border-radius: 4px;
  width: 100px;
}
.addAmenity .building_setting_ammenity .selectes_div_time .select_times {
  max-width: 170px;
  justify-content: center;
  width: 100%;
  height: 31px;
  background-color: #f6f6f6;
  border-radius: 4px;
}
.addAmenity .building_setting_ammenity .selectes_div_time .select_times ::before,
.addAmenity .building_setting_ammenity .selectes_div_time .select_times ::after {
  display: none !important;
}
.addAmenity .building_setting_ammenity .selectes_div_time .select_times select {
  padding: 10px 12px 10px 10px !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  display: flex;
  justify-content: space-between;
}
.addAmenity .building_setting_ammenity .selectes_div_time .select_times svg {
  margin-top: 2px;
}
.addAmenity .building_setting_ammenity .selectes_div_time .select_times .month_span {
  position: absolute;
  right: 34px;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  color: #858585;
}
.addAmenity .building_setting_ammenity .selectes_div_time .select_times fieldset {
  border: none !important;
  padding-left: 10px;
}
.addAmenity .building_setting_ammenity .selectes_div_time .timeSpan {
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  color: #565656;
  padding: 0 11px;
}
.addAmenity .boxdiv_addamenity {
  display: flex;
  gap: 54px;
  padding: 20px 20px 24px 20px;
}
.addAmenity .boxdiv_addamenity .dropimage_div {
  display: flex;
  gap: 13px;
  font-family: "Roboto", sans-serif;
}
.addAmenity .boxdiv_addamenity .dropimage_div .photo_span,
.addAmenity .boxdiv_addamenity .dropimage_div .fourimage_span {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #868686;
  display: block;
  padding-top: 8px;
}
.addAmenity .boxdiv_addamenity .dropimage_div .fourimage_span {
  font-weight: 500;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimage {
  width: 168px;
  height: 170px;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimage .delete_amenity_image {
  position: absolute;
  top: 10px;
  right: 43px;
  z-index: 1000;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimage .delete_amenity_image svg {
  width: 20px;
  height: 20px;
  fill: white;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimagebanner {
  width: 380px;
  height: 170px;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimagebanner .add_new {
  z-index: 100;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimagebanner .add_new svg {
  width: 50px;
  height: 50px;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimagebanner .add_new svg path {
  fill: white !important;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimagebanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.addAmenity .boxdiv_addamenity .dropimage_div .uploadimagebanner .imagebanner {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  color: white;
  width: 135px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.37);
}
.addAmenity .addamenitysubcategory {
  display: flex;
  flex-direction: column;
  background-color: #fbfbfb;
  padding: 20px 20px 0px 20px;
}
.addAmenity .addamenitysubcategory .dropspan {
  top: 45px;
  left: 25px;
}
.addAmenity .addamenitysubcategory .dropspan .drop_span_amenity {
  display: none;
}
.addAmenity .addamenitysubcategory .image_input_sub {
  display: flex;
  padding-top: 20px;
  gap: 19px;
}
.addAmenity .addamenitysubcategory .image_input_sub .input_sub_category {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.addAmenity .addamenitysubcategory .image_input_sub .input_sub_category .input_sub_name input {
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  opacity: 1;
  padding: 0;
}
.addAmenity .addamenitysubcategory .image_input_sub .input_sub_category .input_sub_name input ::placeholder {
  color: #c2c2c2;
}
.addAmenity .addamenitysubcategory .image_input_sub .input_sub_category ::before,
.addAmenity .addamenitysubcategory .image_input_sub .input_sub_category ::after {
  display: none;
}
.addAmenity .addamenitysubcategory .image_input_sub .input_sub_category .input_sub_desc {
  border: none;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #bbbbbb !important;
  opacity: 1;
}
.addAmenity .addamenitysubcategory .image_input_sub .input_sub_category .input_sub_desc ::placeholder {
  opacity: 1;
}
.addAmenity .addamenitysubcategory .image_input_sub .uploadimage {
  width: 81px;
  height: 81px;
}
.addAmenity .addamenitysubcategory .image_input_sub .uploadimage .dropspan {
  top: 21px;
  left: 2px;
  height: 34px;
}
.addAmenity .addamenitysubcategory .image_input_sub .uploadimage .dropspan svg {
  width: 12px !important;
  height: 12px !important;
}
.addAmenity .addamenitysubcategory .image_input_sub .uploadimage .clickspan {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.addAmenity .addamenitysubcategory .span_sub_category {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}
.addAmenity .addamenitysubcategory .note_span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #9b9b9b;
  padding-top: 10px;
  display: block;
  padding-bottom: 91px;
}
.addAmenity .addamenitysubcategory .sub_div {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 20px;
}
.addAmenity .addamenitysubcategory .sub_div .time_sub_category {
  display: flex;
  max-width: 496px;
  width: 100%;
  justify-content: end;
}
.addAmenity .addamenitysubcategory .sub_div .time_sub_category .deletebtn {
  text-transform: capitalize;
  color: #f40000;
  background-color: #fae1e1;
  box-shadow: none;
  padding: 6px 20px;
  height: 28px;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.addAmenity .addamenitysubcategory .sub_capacity .capacity {
  background-color: #f5f5f5;
  padding-left: 5px;
  border-radius: 4px;
  width: 100px;
  margin-top: 5px;
}
.message_div {
  height: 20px;
  background-color: #16b23e !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message_div span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: white;
}
.message_div .request {
  background-color: #1d4599;
}
.message_div .request span {
  color: white;
}
.req_list {
  background-color: #1d4599 !important;
}
@media screen and (max-width: 1400px) {
  .amenities_list_div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.amenitie_request {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 26px;
  position: relative;
  height: 100%;
}
.amenitie_request .priority_level {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #a1a1a1;
  padding-left: 21px;
}
.amenitie_request .priority_slider {
  color: #e5c438;
  margin: 0 auto;
  padding-top: 0;
  max-width: 250px;
}
.amenitie_request .priority_slider .MuiSlider-rail {
  background-color: #f6f6f6 !important;
}
.amenitie_request .priority_slider .css-eg0mwd-MuiSlider-thumb:hover,
.amenitie_request .priority_slider .css-eg0mwd-MuiSlider-thumb.Mui-focusVisible {
  box-shadow: none;
}
.amenitie_request .priority_slider .css-1tfve6q-MuiSlider-mark {
  display: none !important;
}
.amenitie_request .priority_slider .css-1eoe787-MuiSlider-markLabel {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700 !important;
  font-size: 10px !important;
  line-height: 15px;
}
.amenitie_request .priority_slider .css-yafthl-MuiSlider-markLabel {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
}
.amenitie_request .arrow_left {
  position: absolute;
  left: 31px;
  top: 30px;
}
.amenitie_request .arrow_left path {
  stroke: #9c8f41;
}
.amenitie_request .span_request {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41;
  padding-bottom: 30px;
  display: block;
  text-align: center;
}
.amenitie_request .span_request.amenity {
  padding-top: 26px;
}
.amenitie_request .amenity_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
  width: 100%;
  padding: 0 20px 10px 20px;
}
.amenitie_request .amenity_header__content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.amenitie_request .amenity_header__content-header {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #9c8f41;
}
.amenitie_request .formcontrol_request {
  width: 313px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
}
.amenitie_request .formcontrol_request.amenity {
  width: 100%;
}
.amenitie_request .formcontrol_request .select_amenity {
  border-bottom: 1px solid #f3f3f3;
}
.amenitie_request .formcontrol_request .select_amenity.rm-border {
  border-bottom: none;
}
.amenitie_request .formcontrol_request .select_amenity__content {
  padding: 20px;
}
.amenitie_request .formcontrol_request .select_amenity__content-header {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 14px;
}
.amenitie_request .formcontrol_request .select_amenity__content-header.second {
  margin-bottom: 6px;
}
.amenitie_request .formcontrol_request .select_amenity__content-subheader {
  display: block;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #a7a7a7;
  margin-bottom: 10px;
}
.amenitie_request .formcontrol_request .select_amenity__content-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ebebeb;
  height: 36px;
  padding: 0 10px;
  border-radius: 4px;
}
.amenitie_request .formcontrol_request .select_amenity__content-input-value {
  height: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #959595;
}
.amenitie_request .formcontrol_request .select_amenity__content-input-value .text_field {
  height: 100%;
  border-radius: 4px;
  background-color: #ebebeb;
  border: none;
}
.amenitie_request .formcontrol_request .select_amenity__content-input-value .text_field:focus {
  outline: none;
}
.amenitie_request .formcontrol_request .select_amenity__carousel {
  height: 123px;
  padding: 0 0 0 13px;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container {
  height: 100%;
  padding-left: 0;
  padding-bottom: 20px;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .react-multiple-carousel__arrow {
  background: #fffbe3 !important;
  min-width: 27px;
  min-height: 27px;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .react-multiple-carousel__arrow::before {
  color: #9c8f41 !important;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .react-multiple-carousel__arrow--right {
  right: 7px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .react-multiple-carousel__arrow--left {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  left: 0;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .react-multi-carousel-item {
  width: auto;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 10px;
  width: 100px;
  height: 100px;
  display: block;
  position: relative;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item .radio-icon {
  display: block;
  border: 1px solid #cccccc;
  height: 13px;
  width: 13px;
  border-radius: 50%;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item .radio-icon-container {
  display: inline-block;
  height: auto;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item .radio-icon-container svg {
  fill: #9c8f41 !important;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item .radio-icon-container svg path {
  fill: #9c8f41 !important;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item__image-container {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item__image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.amenitie_request .formcontrol_request .select_amenity__carousel .carousel-container .slide-item__name {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
  margin-top: 13px;
  margin-bottom: 6px;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.amenitie_request .formcontrol_request .arrow_icon {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  width: 10.5px;
  height: 5.5px;
}
.amenitie_request .formcontrol_request .arrow_icon_close {
  position: absolute;
  z-index: 10;
  right: 10px;
  top: 9px;
  cursor: pointer;
}
.amenitie_request .formcontrol_request .default div {
  color: #a1a1a1 !important;
}
.amenitie_request .formcontrol_request .select {
  max-width: 313px;
  width: 100%;
  background-color: #ebebeb;
  border-radius: 6px;
  height: 36px;
  padding: 0 0 0 8px;
}
.amenitie_request .formcontrol_request .select fieldset {
  border: none;
}
.amenitie_request .formcontrol_request .select div {
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: black;
}
.amenitie_request .formcontrol_request .select div .selesct_span_d {
  color: #a1a1a1;
}
.amenitie_request .formcontrol_request .select .MuiSelect-icon {
  top: 15px;
  right: 15px;
  width: 10px;
  height: 5px;
}
.amenitie_request .formcontrol_request .box_search .search_icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
}
.amenitie_request .formcontrol_request .box_search .search_icon path {
  fill: #a1a1a1;
}
.amenitie_request .formcontrol_request .box_search:hover .search_icon {
  display: none;
}
.amenitie_request .formcontrol_request .time_btn {
  background-color: #9c8f41;
  text-transform: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: white;
  align-self: center;
  margin-top: 34px;
  margin-bottom: 20px;
  display: flex;
  gap: 15px;
  border-radius: 6px !important;
}
.amenitie_request .formcontrol_request .time_btn.deactive {
  background-color: #686868;
  pointer-events: none;
}
.amenitie_request .formcontrol_time {
  width: 100%;
  padding-left: 29px;
  padding-right: 29px;
  height: 100%;
  justify-content: space-between;
  padding-bottom: 30px;
}
.amenitie_request .formcontrol_time .tenant-details {
  width: 100%;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 9px;
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container {
  display: flex;
  align-items: center;
  gap: 14px;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .image-container {
  width: 30px;
  height: 30px;
  position: relative;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .image-container .user-image {
  position: absolute;
  width: 15px;
  height: 15px;
  bottom: 0;
  right: 0;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .tenant-info__name {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  display: inline-block;
  white-space: nowrap;
  /* Prevent the text from wrapping */
  overflow: hidden;
  /* Hide the overflowed content */
  text-overflow: ellipsis;
  width: auto;
  max-width: 57px;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .tenant-info__date {
  display: flex;
  align-items: center;
  gap: 9px;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .tenant-info__date .tenant-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  /* Prevent the text from wrapping */
  overflow: hidden;
  /* Hide the overflowed content */
  text-overflow: ellipsis;
  width: auto;
  max-width: 97px;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .tenant-info__date .tenant-apartment,
.amenitie_request .formcontrol_time .tenant-details .tenant-container .tenant-info__date .tenant-apartment__number {
  color: #8b8b8b;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
}
.amenitie_request .formcontrol_time .tenant-details .tenant-container .tenant-info__date .tenant-apartment__number {
  color: #000;
  margin-left: 4px;
}
.amenitie_request .formcontrol_time .tenant-details .edit-button {
  width: 47px;
  height: 22px;
  line-height: 12px;
  box-shadow: none;
  padding: 5px 15px;
  border: 0;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 400;
  color: #9c8f41;
  background-color: #fffbe3;
  cursor: pointer;
}
.amenitie_request .formcontrol_time .select-date-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.amenitie_request .formcontrol_time .select-date-header.amenity {
  padding-top: 20px;
  padding-bottom: 20px;
}
.amenitie_request .formcontrol_time .select-date-header .open-calender {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #9c8f41;
  display: flex;
  align-items: center;
  gap: 7px;
}
.amenitie_request .formcontrol_time .pickmorning {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  padding-bottom: 15px;
  padding-top: 31px;
}
.amenitie_request .formcontrol_time .morningTime {
  padding-top: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #7a7a7a;
  padding-bottom: 20px;
  display: block;
}
.amenitie_request .formcontrol_time .morningDiv {
  display: grid;
  row-gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-bottom: 30px;
}
.amenitie_request .formcontrol_time .morningDiv .morning_time {
  width: max-content;
  padding: 5px;
  outline: 1px solid #a9a9a9;
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #9d9d9d;
  width: 104px;
  text-align: center;
  cursor: pointer;
}
.amenitie_request .formcontrol_time .morningDiv .select_morning {
  color: #9c8f41;
  background-color: #fffbe3;
  outline: 1px solid #9c8f41;
}
.amenitie_request .formcontrol_time .selected_time_container {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.amenitie_request .formcontrol_time .selected_time_container .select_morning {
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #838383;
  cursor: pointer;
  outline: 1px solid #ddd;
}
.amenitie_request .formcontrol_time .selected_time_container .select_morning.active {
  color: #fffbe3;
  background-color: #9c8f41;
}
.amenitie_request .formcontrol_time .eveningTime {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #7a7a7a;
  padding-bottom: 20px;
  display: block;
}
.amenitie_request .formcontrol_time .eveningDiv {
  display: grid;
  row-gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-bottom: 40px;
}
.amenitie_request .formcontrol_time .eveningDiv .evening_time {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #9d9d9d;
  width: 77px;
  height: 30px;
  outline: 1px solid #a9a9a9;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.amenitie_request .formcontrol_time .eveningDiv .evening_time:nth-child(2), .amenitie_request .formcontrol_time .eveningDiv .evening_time:nth-child(5), .amenitie_request .formcontrol_time .eveningDiv .evening_time:nth-child(8) {
  background-color: #9c9c9c;
  pointer-events: none;
}
.amenitie_request .formcontrol_time .eveningDiv .select_evening {
  color: #1d4599;
  background-color: #e1e9fa;
  outline: 1px solid #1d4599;
}
.amenitie_request .formcontrol_time .addRequestbtn {
  text-transform: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #fffbe3;
  background-color: #9c8f41;
  padding: 10px 60px !important;
  width: max-content;
  align-self: center;
  border-radius: 6px;
}
.amenitie_request .formcontrol_time .changeCalendarReqBtn_add {
  text-transform: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #fffbe3;
  background-color: #9c8f41;
  width: max-content;
  align-self: center;
  border-radius: 6px;
}
.amenitie_request .formcontrol_time .changeCalendarReqBtn_dec {
  background-color: #ff3838;
  color: white;
  box-shadow: none;
  text-transform: none;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.amenitie_request .formcontrol_time .deactiev {
  color: #fff;
  background-color: #686868;
  pointer-events: none;
}
.amenitie_request .formcontrol_time .selesct_span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 23px;
}
.amenitie_request .formcontrol_time .selesct_span.amenity {
  padding-bottom: 0 !important;
}
.dialog_request .MuiDialogContent-root {
  padding: 26px 0 30px 0 !important;
  width: 400px;
}
.dialog_request .MuiDialogContent-root:has(.amenitie_request) {
  padding-top: 0 !important;
}
.dialog_request .MuiDialogContent-root {
  border: none !important;
  border-radius: 4px !important;
}
.dialog_request .MuiDialog-container {
  background: rgba(3, 18, 48, 0.38);
}
.dialog_attachment .MuiDialogContent-root {
  padding: 0 24px 0 24px !important;
  width: 400px;
}
.dialog_attachment .MuiDialogContent-root p {
  padding-bottom: 30px;
}
.dialog_attachment .MuiDialogContent-root:has(.attachment_content) {
  padding-top: 0 !important;
}
.dialog_attachment .MuiDialogContent-root {
  border: none !important;
  border-radius: 4px !important;
}
.dialog_attachment .MuiDialog-container {
  background: rgba(3, 18, 48, 0.38);
}
.attachment_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  position: relative;
  height: 100%;
}
.attachment_content__details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
}
.attachment_content__details-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
}
.attachment_content__details-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.attachment_content__details-number span {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #999999;
}
.attachment_content .container__attachment_data {
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 15px;
}
.attachment_content .container__attachment_data .image_content_attachment {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #E7E7E7;
}
.attachment_content .container__attachment_data .image_content_attachment__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.attachment_content .container__attachment_data .image_content_attachment__header-title {
  color: #656565;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.attachment_content .container__attachment_data .image_content_attachment__header-download {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #9c8f41;
  cursor: pointer;
}
.attachment_content .container__attachment_data .image_content_attachment__images {
  display: flex;
  flex-wrap: wrap;
  gap: 6.28px;
}
.attachment_content .container__attachment_data .image_content_attachment__images img {
  width: 142px;
  height: 58.28px;
}
.attachment_content .container__attachment_data .voice_content {
  width: 100%;
  text-align: left !important;
  padding: 10px;
}
.attachment_content .container__attachment_data .voice_content__header {
  margin-bottom: 15px;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.attachment_content .container__attachment_data .voice_content .voice {
  /* Style the audio controls */
  /* Style the audio play button */
  /* Style the audio progress bar */
  /* Style the audio progress bar thumb */
}
.attachment_content .container__attachment_data .voice_content .voice audio {
  width: 100%;
}
.attachment_content .container__attachment_data .voice_content .voice audio::-webkit-media-controls-play-button {
  border-radius: 50%;
  background-color: #fffbe3;
}
.attachment_content .container__attachment_data .voice_content .voice audio::-webkit-media-controls-timeline {
  background-color: #f5f5f5;
  border-radius: 10px;
}
.attachment_content .container__attachment_data .voice_content .voice audio::-webkit-media-controls-current-time-display,
.attachment_content .container__attachment_data .voice_content .voice audio::-webkit-media-controls-time-remaining-display {
  font-size: 14px;
  margin-top: 4px;
}
.attachment_content .description_attachment {
  width: 100%;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
}
.attachment_content .description_attachment .description_attachment_title_container {
  border-bottom: 1px solid #E7E7E7;
}
.attachment_content .description_attachment .description_attachment_title_container .description_attachment__title {
  padding: 10px;
  width: 100%;
  display: inline-block;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #8e8e8e;
}
.attachment_content .description_attachment .description_attachment_content_container {
  border-bottom: 1px solid #E7E7E7;
}
.attachment_content .description_attachment .description_attachment_content_container .description_attachment__content {
  width: 100%;
  padding: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #787878;
}
.setting_container {
  height: calc(100vh - 64px);
  max-width: none !important;
  padding: 15px 190px 0 190px !important;
}
.setting_container .setting_header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.setting_container .setting_header .header_span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.setting_container .setting_header .btn {
  display: flex;
  gap: 9px;
}
.setting_container .setting_header .btn .cancel_btn {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  text-transform: none;
  background-color: #dfdfdf;
  box-shadow: none;
  padding: 6px 43px !important;
  border-radius: 6px;
}
.setting_container .setting_header .btn .save_btn {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  text-transform: none;
  background-color: #fffbe3;
  box-shadow: none;
  padding: 6px 20px !important;
  border-radius: 6px;
}
.setting_container .box_span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 10px;
}
.setting_container .box_info {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #868686;
  padding-bottom: 22px;
}
.setting_container .img_div {
  display: flex;
  flex-direction: row;
  gap: 13px;
}
.setting_container .img_div .image_add_div {
  position: relative;
}
.setting_container .img_div .image_add_div .edit {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.51);
  display: flex;
  align-items: center;
  justify-content: center;
  right: 10px;
  top: 10px;
}
.setting_container .img_div .image_add_div .edit svg {
  width: 16px;
}
.setting_container .img_div .image_add_div .upload_photo {
  width: 168px;
  height: 170px;
  border-radius: 10px;
}
.setting_container .img_div .image_add_div .upload_photo.more {
  width: 381px;
}
.setting_container .img_div .image_add_div .upload_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.setting_container .img_div .image_add_div .about {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #868686;
}
.setting_container .img_div .image_add_div .more_img_info {
  cursor: pointer;
  z-index: 10;
  position: absolute;
  background: rgba(255, 255, 255, 0.37);
  border-radius: 16px;
  color: white;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  padding: 10px 6px 10px 10px;
  bottom: 35px;
  right: 10px;
}
.deleteamenity {
  width: 432px;
  padding-bottom: 56px;
  padding-top: 50px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}
.deleteamenity img {
  max-width: 278px;
  width: 100%;
  height: 156px;
}
.deleteamenity :nth-child(2) {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #1d4599;
}
.deleteamenity .delete_span {
  padding-top: 43px;
  padding-bottom: 10px;
  color: #9c8f41;
}
.deleteamenity .div_span {
  display: flex;
  gap: 3px;
}
.deleteamenity .div_span span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.deleteamenity .div_span :nth-child(2) {
  font-weight: 700;
  color: #9c8f41;
}
.deleteamenity .btn {
  display: flex;
  gap: 18px;
  padding-top: 20px;
}
.deleteamenity .btn .delete_btn,
.deleteamenity .btn .cancel_btn {
  box-shadow: none;
  text-transform: none;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  width: 106px;
}
.deleteamenity .btn .delete_btn {
  background-color: #ff3838;
  color: white;
}
.deleteamenity .btn .cancel_btn {
  background-color: white;
  color: #43425d;
  border: 1px solid black;
}
.deleteamenity .delete_pass {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.deleteamenity .delete_pass span {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
}
.deleteamenity .delete_pass .input_pass {
  background-color: #f6f6f6;
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  color: black;
  padding: 10px;
  max-width: 245px;
  width: 100%;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.deleteamenity .delete_pass .input_pass input {
  padding: 0 !important;
}
.deleteamenity .delete_pass ::before,
.deleteamenity .delete_pass ::after {
  display: none;
}
.deleteamenity .delete_pass .btn_delete {
  box-shadow: none;
  text-transform: none;
  background-color: #ff3838;
  max-width: 245px;
  width: 100%;
  border-radius: 4px;
}
.action .MuiDialogContent-root {
  width: max-content;
  border: none !important;
}
.action .MuiDialogContent-root.amenity-dialog-maintenance {
  width: 400px !important;
  padding: 0 !important;
}
.action .MuiDialogContent-root.amenity-dialog-maintenance .span_request {
  padding-top: 26px;
}
.action .MuiDialogContent-root.amenity-dialog-maintenance .amenitie_request .arrow_left {
  top: 31px;
}
.action .MuiDialogContent-root.amenity-dialog-maintenance .amenitie_request .formcontrol_time {
  padding-bottom: 30px;
}
.action .MuiDialogContent-root:has(.carousel) {
  overflow-y: hidden;
  width: 100% !important;
}
.action .MuiDialog-container {
  background: rgba(3, 18, 48, 0.38);
}
.action .MuiDialog-container .MuiPaper-root:has(.carousel) {
  background-color: unset !important;
  box-shadow: none !important;
  overflow-x: hidden;
}
.deactive_amenitie {
  display: flex;
  flex-direction: column;
  width: 432px;
  padding-top: 50px;
  padding-left: 30px;
}
.deactive_amenitie img {
  max-width: 210px;
  width: 100%;
  height: 156px;
}
.deactive_amenitie .deactive_span {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41;
  padding-top: 43px;
}
.deactive_amenitie .info_div {
  display: flex;
  gap: 3px;
}
.deactive_amenitie .info_div span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.deactive_amenitie .info_div :last-child {
  color: #9c8f41;
  font-weight: 700;
}
.deactive_amenitie .btn {
  display: flex;
  gap: 18px;
  padding-top: 21px;
  padding-bottom: 56px;
}
.deactive_amenitie .btn .deactive_btn,
.deactive_amenitie .btn .cancel_btn {
  text-transform: none;
  box-shadow: none;
  width: 106px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  border-radius: 4px;
  height: 36px;
}
.deactive_amenitie .btn .deactive_btn {
  background-color: #9c8f41;
}
.deactive_amenitie .btn .cancel_btn {
  background-color: white;
  border: 1px solid black;
  color: #43425d;
}
.share_amenitie {
  width: 432px !important;
  padding: 18px 23px 20px 23px;
}
.share_amenitie .invite_div {
  display: flex;
  gap: 15px;
}
.share_amenitie .invite_div .btn_invite {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: none;
  border-radius: 6px;
  background-color: #838383;
  padding: 0;
  width: 127px;
}
.share_amenitie ::before,
.share_amenitie ::after {
  display: none;
}
.share_amenitie .share_span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #0c0c0f;
  padding-bottom: 22px;
  display: block;
}
.share_amenitie .input {
  border: 1px solid #1d4599;
  height: 44px;
  border-radius: 6px;
  width: calc(100% - 22px);
}
.share_amenitie .input input {
  padding-left: 17px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.share_amenitie .position_info_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 13px;
}
.share_amenitie .position_info_div .info_div {
  display: flex;
  align-items: center;
}
.share_amenitie .position_info_div .info_div .img_div {
  width: 63px;
  height: 43px;
}
.share_amenitie .position_info_div .info_div .img_div img {
  border-radius: 50%;
  width: 77%;
  height: 100%;
  object-fit: cover;
}
.share_amenitie .position_info_div .info_div .info {
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: column;
}
.share_amenitie .position_info_div .info_div .info .name {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #252733;
}
.share_amenitie .position_info_div .info_div .info .email {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: black;
}
.share_amenitie .position_info_div .position {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #0c0c0f;
}
.share_amenitie .share_link_div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 35px;
}
.share_amenitie .share_link_div span {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #9c8f41;
}
.share_amenitie .share_link_div :first-child {
  color: #0c0c0f;
  font-weight: 500;
}
.share_amenitie .share_link_div :last-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #9c8f41;
  text-decoration: underline;
  padding-left: 17px;
}
.share_amenitie .share_link_div :nth-child(2) {
  padding-left: 2px;
  padding-right: 9px;
}
.details_amenitie:has(.image_building) {
  padding: 0 !important;
}
.details_amenitie {
  width: 392px !important;
  position: relative;
  padding: 15px 19px 21px 19px;
}
.details_amenitie .guildlines_instraction {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
.details_amenitie .editAmenity_btn {
  position: absolute;
  right: 19px;
  margin-top: 15px;
  background-color: #fffbe3;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #9c8f41;
  text-transform: none;
  width: 88px;
  height: 26px;
  border-radius: 4px;
}
.details_amenitie .editAmenity_btn:hover {
  background-color: #fffbe3;
}
.details_amenitie .btn {
  pointer-events: none;
  box-shadow: none;
  text-transform: none;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: white;
  background-color: #686868;
  width: 300px;
  align-self: center;
  height: 37px;
  margin-top: 20px;
}
.details_amenitie .btn:hover {
  background-color: #686868;
}
.details_amenitie .btn.update {
  background-color: #9c8f41;
  color: #fffbe3;
  pointer-events: visible;
  color: #fffbe3 !important;
  box-shadow: none;
  cursor: pointer;
}
.details_amenitie .banner_div {
  position: relative;
  width: 100%;
  border-radius: 10px;
  height: 170px;
}
.details_amenitie .banner_div img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.details_amenitie .banner_div .info_banner {
  position: absolute;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.37);
  border-radius: 16px;
  width: 135px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 10px;
  right: 16px;
}
.details_amenitie .banner_div .info_banner span {
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  color: white;
}
.details_amenitie .image_div {
  width: 100px;
  height: 100px;
  border: 1px solid white;
  position: absolute;
  top: 110px;
  left: 34px;
  border-radius: 10px;
  background-color: white;
}
.details_amenitie .image_div img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.details_amenitie .image_building,
.details_amenitie .building_detail {
  position: unset !important;
  width: 100%;
  height: 170px;
}
.details_amenitie .padel_court_info {
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 30px;
}
.details_amenitie .padel_court_info.serviceb {
  padding-top: 20px;
  padding-bottom: 20px;
}
.details_amenitie .padel_court_info .header_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.details_amenitie .padel_court_info .header_content .content_title {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}
.details_amenitie .padel_court_info :nth-child(2) {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #7d7d7d;
  padding-top: 14px;
}
.details_amenitie .padel_court_info :nth-child(3) {
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.details_amenitie .padel_court_info :nth-child(4) {
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  color: #7d7d7d;
}
.details_amenitie .padel_court_info :nth-child(5) {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #aaaaaa;
}
.details_amenitie .padel_court_info .limitation_div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.details_amenitie .padel_court_info .limitation_div div {
  background-color: #fffbe3;
  color: #9c8f41;
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  border: 1px solid #9c8f41;
  border-radius: 4px;
  width: max-content;
  padding: 0 5px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.details_amenitie .padel_court_info .limitation_div div .num {
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
}
.details_amenitie .padel_court_info .day {
  padding-bottom: 10px;
}
.details_amenitie .padel_court_info .week {
  padding-bottom: 20px;
}
.details_amenitie .sub_category {
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  padding-top: 15px;
}
.details_amenitie .sub_category .sub_span {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 14px;
}
.details_amenitie .sub_category div {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}
.details_amenitie .sub_category div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.details_amenitie .sub_category .padel {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  padding-top: 15px;
}
.details_amenitie .sub_category .info {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #7d7d7d;
  padding-top: 10px;
}
.details_amenitie .sub_category .day {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  color: #787878;
  padding-top: 10px;
}
.details_amenitie .sub_category .week {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #aaaaaa;
  padding-top: 10px;
}
.details_amenitie .rename_dialog {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  gap: 14px;
}
.details_amenitie .rename_dialog .desc {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #7d7d7d;
}
.details_amenitie .rename_dialog .input {
  height: 47px;
  background-color: #f3f3f3;
  border-radius: 6px;
}
.details_amenitie .rename_dialog .input div {
  height: 47px;
}
.details_amenitie .rename_dialog .input fieldset {
  border: none;
}
.details_amenitie .rename_dialog .input input {
  padding-left: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}
.popper_arrow {
  width: 20px;
  height: 24px;
  border-bottom: 13px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -24px;
  left: 94px;
}
.callTenant {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 33px 40px 33px;
  width: 100%;
  height: 100%;
}
.callTenant .call_span {
  padding-bottom: 42px;
}
.callTenant :first-child {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41 !important;
}
.callTenant :first-child path {
  color: #9c8f41 !important;
}
.callTenant .name {
  padding-top: 18px;
}
.callTenant :nth-child(2) {
  width: 53px;
  height: 50px;
  border-radius: 50%;
}
.callTenant :nth-child(2) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.callTenant :nth-child(3) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  padding-bottom: 7px;
  padding-top: 16px;
}
.callTenant :nth-child(4) {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #595959;
}
.callTenant :nth-child(4) {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.callTenant .btn {
  background-color: #fffbe3;
  color: #9c8f41;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  width: 100%;
  max-width: 335px;
  height: 39px;
}
.callTenant .btn:hover {
  background-color: #fffbe3;
  transition: none !important;
}
.callTenant .MuiTouchRipple-root {
  width: 100%;
  border-radius: 1%;
  height: 39px;
}
.booking_details {
  padding-top: 14px;
}
.booking_details .decline_div {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 30px !important;
}
.booking_details .decline_div .btn_decline,
.booking_details .decline_div .btn_cancel {
  box-shadow: none;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  height: 39px;
  border-radius: 5px;
}
.booking_details .decline_div .btn_decline {
  background-color: #fffbe3;
  color: #9c8f41;
}
.booking_details .decline_div .btn_cancel {
  color: #757575;
  background-color: white;
  border: 1px solid #9d9d9d;
}
.booking_details .img_name {
  justify-content: center;
  display: flex;
  gap: 10px;
  align-items: center;
}
.booking_details .img_name .info_div_span {
  display: flex;
  flex-direction: column;
}
.booking_details .img_name .info_div_span :first-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: black;
}
.booking_details .img_name .info_div_span :last-child {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #939393;
}
.booking_details .img_name .img_div {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.booking_details .img_name .img_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.booking_details .header {
  text-align: center;
  padding-bottom: 30px;
  justify-content: center;
}
.booking_details .header span {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41;
}
.booking_details .content_info {
  display: flex;
  justify-content: space-between;
  background-color: #f6f6f6;
  width: 352px;
  border-radius: 10px;
  margin: auto;
  padding: 16px;
  margin-top: 17px;
}
.booking_details .content_info .data_tenant {
  display: flex;
  flex-direction: column;
}
.booking_details .content_info .data_tenant .time {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #7a7a7a !important;
}
.booking_details .content_info .data_tenant :first-child {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}
.booking_details .content_info .data_tenant :nth-child(2) {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #767676;
}
.booking_details .content_info .data_tenant .tenant {
  padding-top: 22px;
  padding-bottom: 10px;
}
.booking_details .content_info .edit_div {
  display: flex;
  flex-direction: column;
}
.booking_details .content_info .edit_div .icondiv {
  display: flex;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
}
.booking_details .content_info .edit_div :nth-child(3) {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #767676;
}
.booking_details .content_info .edit_div :nth-child(4) {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
.booking_details .content_info .edit_div .selected_period {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #767676;
  padding-bottom: 15px;
}
.booking_details .content_info .edit_div .time {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: black;
}
.booking_details .btn_div {
  padding: 0 24px;
  padding-bottom: 20px;
}
.booking_details .btn_div button {
  border: none !important;
}
.booking_details .btn_div span {
  border: none !important;
}
.booking_details .btn_div .btn {
  margin-top: 30px;
  width: 100%;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #9c8f41;
  background-color: #fffbe3;
  box-shadow: none;
}
.booking_details .btn_div .btn:hover {
  background-color: #fffbe3;
}
.message_tenant {
  padding: 30px 35px 25px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.message_tenant .message_span {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41;
  padding-bottom: 19px;
}
.message_tenant .img_div {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.message_tenant .img_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.message_tenant .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.message_tenant .people {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #595959;
  padding-bottom: 14px;
}
.message_tenant .textarea {
  background-color: #f3f3f3;
  border: none;
  height: 77px;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  padding: 10px;
  width: 100%;
  margin-bottom: 14px;
}
.message_tenant .btn {
  color: #9c8f41;
  background-color: #fffbe3;
  text-transform: none;
  display: flex;
  gap: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  width: 100%;
}
.message_tenant .btn:hover {
  background-color: #fffbe3 !important;
}
.close {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1400;
  cursor: pointer;
}
.close :last-child {
  position: absolute;
  top: 23px;
  left: 28px;
}
.rwdpDayBoxDesktop .rwdp-DayCircle {
  border: none !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 15px !important;
  font-weight: 400 !important;
  font-size: 11.4532px !important;
  line-height: 137.69% !important;
  color: #9d9d9d !important;
  width: 33px !important;
  height: 100% !important;
}
.rwdpDayBoxDesktop .rwdp-DayCircle .rwdp-DayCircle-today {
  display: none !important;
}
.rwdpDayBoxDesktop .rwdp-DayCircle-selected {
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 11.4532px !important;
  line-height: 137.69% !important;
}
.rwdpPrevWeekArrow,
.rwdpNextWeekArrow {
  border: none !important;
  width: 27px !important;
  height: 27px !important;
}
.rwdpNextWeekArrow {
  background-image: url("/assets/rightIcon.53641991.svg") !important;
}
.rwdpPrevWeekArrow {
  background-image: url("/assets/leftIcon.d0cf53c3.svg") !important;
}
.rwdp-justify-content-space-between {
  height: 74px !important;
  margin: 0 !important;
}
.rwdpDayBoxDesktop .rwdp-DayCircle-container {
  margin: 0 !important;
}
.rwdpDayPickerContainer {
  padding: 0 36px !important;
}
.MuiDialogContent-root {
  /* Track */
  /* Handle */
}
.MuiDialogContent-root ::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.MuiDialogContent-root ::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.MuiDialogContent-root ::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  width: 6px !important;
  border-radius: 3px !important;
}
.MuiPaper-root:has(.selesctedfirst) .MuiBackdrop-root {
  opacity: 1 !important;
  background-color: white !important;
}
.MuiPaper-root:has(.selesctedfirst).MuiPaper-elevation {
  min-width: 175px !important;
  border-radius: 10px;
  margin-left: 64px;
  margin-top: -25px;
  max-height: 210px;
}
.MuiPaper-root:has(.selesctedfirst).MuiPaper-elevation ul {
  padding: 0 !important;
}
.MuiPaper-root:has(.selesctedfirst).MuiPaper-elevation ul .selesctedfirst {
  color: white;
  justify-content: flex-end;
}
.MuiPaper-root:has(.selesctedfirst).MuiPaper-elevation ul .selesctedfirst svg {
  rotate: 180deg;
  width: 16px;
  height: 10px;
}
.MuiPaper-root:has(.selesctedfirst).MuiPaper-elevation ul .selesctedfirst svg path {
  fill: black;
}
.MuiPaper-root:has(.selesctedfirst).MuiPaper-elevation ul li {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
  color: #939393;
  border-bottom: 0.5px solid #bdbdbd;
  padding: 16px;
}
.MuiPaper-root:has(.selesctedfirst) .Mui-selected {
  background-color: #ebebeb !important;
  color: black !important;
}
.dialog_container:has(.building_detail) {
  padding: 0 !important;
}
.details_amenitie:has(.building_detail) {
  padding-right: 0 !important;
}
.details_amenitie:has(.building_detail) .padel_court_info {
  padding-top: 20px !important;
}
.details_amenitie:has(.serviceb) {
  padding: 0;
}
.details_amenitie:has(.serviceb) .image_div {
  position: unset !important;
  width: 100%;
  height: 170px;
}
.select_item_req {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  height: 1.2em;
  white-space: nowrap;
}
.valid_div {
  font-size: 12px !important;
  padding-top: 5px !important;
  color: red;
  font-weight: 400 !important;
}
.uploadimagebanner:hover {
  cursor: pointer;
  opacity: 0.5;
}
.uploadimagebanner:hover .add_new {
  display: flex !important;
}
@media (min-width: 1200px) {
  .css-1oqqzyl-MuiContainer-root {
    max-width: 1500px;
  }
}
.maintenance {
  min-height: calc(100vh - 64px);
  max-width: 1232px !important;
  margin: 0 !important;
  padding: 40px 50px 53px 50px !important;
  background-color: #f9f9f9;
}
.maintenance .maintenance_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.maintenance .maintenance_header .btn {
  display: flex;
  gap: 15px;
}
.maintenance .maintenance_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.maintenance .maintenance_header .btn .add_btn {
  background-color: #fffbe3;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: capitalize;
}
.maintenance .maintenance_header .btn .setting_add_btn {
  background-color: #80d39b;
  box-shadow: none;
  color: white;
  border-radius: 10px;
  text-transform: none;
  display: flex;
  gap: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.maintenance .maintenance_header .btn .setting_add_btn svg path {
  fill: white;
}
.maintenance .maintenance_header .header_span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.maitenanceList {
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.edit_icon {
  width: 19px;
  height: 19px;
}
.other_maintenance {
  height: 100px;
  width: 106px;
}
.other_maintenance img {
  max-width: 81px;
  max-height: 82px;
  margin-left: 19px;
}
.other_maintenance .clickspan {
  font-size: 9px;
}
.other_maintenance .dropspan {
  left: 26px;
  top: 20px;
}
.other_maintenance .edit_icon,
.other_maintenance .editdiv {
  cursor: pointer;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.addnewmaintenance {
  min-height: calc(100vh - 64px);
  padding: 15px 50px 53px 50px !important;
}
.addnewmaintenance .make_active_div {
  display: flex;
}
.addnewmaintenance .subClassactive {
  border-bottom: 0;
}
.addnewmaintenance .new_service_cont {
  display: flex;
  gap: 58px;
  display: flex;
  padding: 20px;
  padding-bottom: 34px;
  border-bottom: 1px solid #cbcbcb;
}
.addnewmaintenance .new_service_cont .time_cont {
  display: flex;
  flex-direction: column;
  max-width: 496px;
  width: 100%;
}
.addnewmaintenance .new_service_cont h3 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
  margin-bottom: 20px;
}
.addnewmaintenance .new_service_cont .del_service {
  font-family: "Roboto", sans-serif;
  width: 81px;
  height: 28px;
  background-color: #fae1e1;
  color: #f40000;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  border-radius: 10px;
  margin-right: 10px;
}
.addnewmaintenance .more_service {
  background-color: #fbfbfb;
}
.addnewmaintenance .more_service .note {
  margin-left: 19px;
}
.addnewmaintenance .more_service .input_ input {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: black;
}
.addnewmaintenance .more_service .input_ input::placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #c2c2c2;
  opacity: 1;
}
.addnewmaintenance .more_service .input_ .service_descreption input {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130.19%;
  color: #767676;
}
.addnewmaintenance .more_service .input_ .service_descreption input::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #bbbbbb;
}
.addnewmaintenance .more_service .sub_categores + .time_cont {
  margin-top: 37px;
}
.addnewmaintenance .last_service {
  border-bottom: none;
}
.addnewmaintenance .maintainance_cont_scrolled {
  overflow-y: scroll;
  max-height: 80vh;
}
.addnewmaintenance .add_maintenanve_header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  max-width: 1153px;
  margin: auto;
}
.addnewmaintenance .add_maintenanve_header span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.addnewmaintenance .add_maintenanve_header .btn {
  display: flex;
  gap: 6px;
  font-family: "Roboto", sans-serif;
  min-width: max-content;
  font-size: 14px;
  line-height: 16px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 20px;
}
.addnewmaintenance .add_maintenanve_header .btn .add_disabled {
  background-color: #686868;
  color: white;
  pointer-events: none;
}
.addnewmaintenance .add_maintenanve_header .btn .save,
.addnewmaintenance .add_maintenanve_header .btn .add {
  text-transform: none;
  border-radius: 10px;
  background-color: #e1e9fa;
  box-shadow: none;
  color: #9c8f41;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.addnewmaintenance .add_maintenanve_header .btn .add {
  background-color: #fffbe3;
  color: #9c8f41;
}
.addnewmaintenance .img_info_div {
  display: flex;
  gap: 20px;
}
.addnewmaintenance .img_info_div .input_ {
  display: flex;
  flex-direction: column;
}
.addnewmaintenance .img_info_div .input_ div {
  font-weight: 700;
}
.addnewmaintenance .img_info_div .input_ .textfield_name_maintenance div {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.addnewmaintenance .img_info_div .input_ .textfield_name_maintenance div::placeholder {
  color: #d9d9d9 !important;
  opacity: 1;
}
.addnewmaintenance .img_info_div .input_ .textfield_name_maintenance fieldset {
  border: none;
}
.addnewmaintenance .img_info_div .input_ .textfield_name_maintenance .MuiInputBase-root {
  height: 28px;
}
.addnewmaintenance .img_info_div .input_ .textfield_name_maintenance .MuiInputBase-root input {
  padding: 0;
}
.addnewmaintenance .img_info_div .input_ .service_descreption.textfield input {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #767676;
}
.addnewmaintenance .img_info_div .input_ .service_descreption.textfield ::placeholder {
  color: #d9d9d9 !important;
  opacity: 1;
}
.addnewmaintenance .img_info_div .input_ .service_descreption.textfield fieldset {
  border: none;
}
.addnewmaintenance .img_info_div .input_ .service_descreption.textfield .MuiInputBase-root {
  height: 28px;
}
.addnewmaintenance .img_info_div .input_ .service_descreption.textfield .MuiInputBase-root input {
  padding: 0;
}
.addnewmaintenance .img_info_div .input_ .addSub {
  text-transform: none;
  box-shadow: none;
  background-color: #fffbe3;
  color: #9c8f41;
  border-radius: 4px;
  padding: 5px 10px !important;
  width: max-content;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-top: 41px;
}
.addnewmaintenance .note {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
  padding-top: 13px;
  display: block;
  padding-bottom: 15px;
}
.addnewmaintenance .make_active_amenity {
  padding-top: 25px;
}
::before,
::after {
  display: none;
}
.close {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1400;
  cursor: pointer;
}
.close :last-child {
  position: absolute;
  top: 23px;
  left: 28px;
}
.uploadimage img {
  object-fit: cover;
}
.input_with_valid {
  display: flex;
  flex-direction: column;
}
.parcelsNavbar .nav_text h3 {
  color: #363636;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
}
.parcelsNavbar .header_actions {
  display: flex;
  width: 50%;
  align-items: center;
  gap: 34px;
}
.parcelsNavbar .header_actions .buttons_container {
  display: flex;
  gap: 15px;
  justify-content: end;
  width: 100%;
}
.parcelsNavbar .header_actions .buttons_container .update_cover {
  background-color: #efffec;
  width: 100%;
  max-width: 208px;
  height: 42px;
  border-radius: 5px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  color: #3d9611;
  text-transform: none;
  font-family: "Roboto", sans-serif;
}
.parcelsNavbar .header_actions .buttons_container .new_panel {
  width: 100%;
  max-width: 239px;
  height: 42px;
  background-color: #fffbe3;
  border-radius: 6px;
  color: #9c8f41;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-transform: none;
  display: flex;
  gap: 5px;
  font-family: "Roboto", sans-serif;
}
.parcelsNavbar .header_actions .buttons_container .search_div {
  width: 40px;
  height: 42px;
  background: #1d4599;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
}
.parcelsNavbar .header_actions .info_container {
  display: flex;
  gap: 20px;
  align-items: center;
}
.parcels {
  min-height: calc(100vh - 64px);
  margin-left: 0 !important;
  padding-left: 50px !important;
  padding-top: 45px;
}
.parcels .parcels_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.parcels .parcels_header .btn {
  display: flex;
  gap: 15px;
}
.parcels .parcels_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.parcels .parcels_header .btn .add_btn {
  background-color: #fffbe3;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: none;
}
.parcels .parcels_header .btn ._add_parcel {
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  background-color: #1d4599;
  color: white;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  gap: 10px;
}
.parcels .parcels_header .btn ._add_parcel svg {
  fill: white;
}
.parcels .parcels_header .btn ._add_parcel svg path {
  fill: white;
}
.parcels .parcels_header .header_span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.parcels .pending_latest_visitor {
  display: flex;
  justify-content: space-between;
  padding-top: 39px;
  padding-bottom: 19px;
}
.parcels .pending_latest_visitor .latest_span_div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.parcels .pending_latest_visitor .latest_span_div span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
.parcels .pending_latest_visitor .latest_span_div div {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff3838;
  border-radius: 5px;
  width: 27px;
  height: 26px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.parcels .pending_latest_visitor .see_all_btn {
  text-transform: none;
  box-shadow: none;
  background-color: #fffbe3;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  min-width: none !important;
  padding: 10px 20px !important;
  border-radius: 10px;
}
.parcels .table_container_r_padding > * {
  padding: 0;
}
.parcel_managemnt {
  left: -30px;
  /* width */
  /* Track */
  /* Handle */
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
}
.parcel_managemnt .parcel_managemnt_box .btn_calendar {
  padding: 10px;
  min-width: max-content !important;
  gap: 5px;
  background-color: white;
  border: 1px solid #e3e5e5;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  box-shadow: none;
  text-transform: none;
  height: 39px;
  border-radius: 10px;
}
.parcel_managemnt .sort_left_side {
  display: flex;
  gap: 10px;
}
.parcel_managemnt .poperaction1 {
  position: absolute !important;
  inset: 0px 0px auto auto !important;
  z-index: 100;
}
.parcel_managemnt .poperaction1.dialog_li {
  display: none !important;
}
.parcel_managemnt .poperaction1.percel .MuiBox-root {
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
  top: -7px !important;
  left: -168px !important;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.parcel_managemnt .poperaction1.percel .MuiBox-root li {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 35px;
  border-bottom: 0.5px solid #cecece;
  height: 43px;
}
.parcel_managemnt .poperaction1.percel .MuiBox-root li:hover {
  background-color: #fffbe3;
  border-radius: 6px;
}
.parcel_managemnt .poperaction1.status .MuiBox-root {
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
  top: -7px !important;
  left: -168px !important;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.parcel_managemnt .poperaction1.status .MuiBox-root li {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 35px;
  border-bottom: 0.5px solid #cecece;
  height: 43px;
}
.parcel_managemnt .poperaction1.status .MuiBox-root li:hover {
  background-color: #fffbe3;
  border-radius: 6px;
}
.parcel_managemnt .poperaction1.service .MuiBox-root {
  top: 15px !important;
  left: -103px !important;
  width: 176px !important;
  padding: 0 !important;
  gap: 0 !important;
}
.parcel_managemnt .poperaction1.service .MuiBox-root li {
  height: 50px;
}
.parcel_managemnt .poperaction1.req1 .MuiBox-root {
  height: 258px !important;
  position: relative;
  top: -19px;
  left: -194px;
}
.parcel_managemnt .poperaction1.req1 li:hover {
  color: #9c8f41 !important;
}
.parcel_managemnt .poperaction1.valet .MuiBox-root {
  height: max-content !important;
  left: -174px !important;
}
.parcel_managemnt .poperaction1.valet .MuiBox-root .popper_arrow {
  left: 140px !important;
}
.parcel_managemnt .sortdiv {
  display: flex;
  gap: 16px;
  padding-bottom: 15px;
  justify-content: space-between;
}
.parcel_managemnt .sortdiv .filter {
  display: flex;
  gap: 15px;
}
.parcel_managemnt .sortdiv .btn_archive {
  display: flex;
  gap: 10px;
  background-color: white;
  text-transform: none;
  box-shadow: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
  min-width: max-content !important;
  padding: 5px 5px 5px 11px;
}
.parcel_managemnt .sortdiv .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
.parcel_managemnt .sortdiv .sort span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
.parcel_managemnt .sortdiv .sort div {
  width: max-content;
  padding: 5px;
  background-color: #dedede;
  color: #787878;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.parcel_managemnt .sortdiv .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.parcel_managemnt .sortdiv .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.parcel_managemnt .sortdiv .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
  padding: 0 !important;
}
.parcel_managemnt .sortdiv .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.parcel_managemnt .sortdiv .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.parcel_managemnt .sortdiv .activesort {
  background-color: #fffbe3;
}
.parcel_managemnt .sortdiv .activesort span {
  color: black;
}
.parcel_managemnt .sortdiv .activesort div {
  background-color: #9c8f41;
  color: #fffbe3;
}
.parcel_managemnt ::-webkit-scrollbar {
  width: 6px;
  background-color: #f1f1f1;
}
.parcel_managemnt ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f1f1f1;
  border-radius: 10px;
}
.parcel_managemnt ::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
}
.parcel_managemnt .header {
  display: flex;
  justify-content: space-between;
}
.parcel_managemnt .header .span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 19px;
}
.parcel_managemnt .header .btn {
  text-transform: none;
  box-shadow: none;
  background-color: #fffbe3;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  border-radius: 10px;
  height: 36px;
  display: flex;
  gap: 5px;
}
.parcel_managemnt .sort {
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
}
.parcel_managemnt .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.parcel_managemnt .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.parcel_managemnt .sort .formControl .inputsearch::before {
  display: none;
}
.parcel_managemnt .sort .formControl .inputsearch::after {
  display: none;
}
.parcel_managemnt .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.parcel_managemnt .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.parcel_managemnt .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.parcel_managemnt .tables {
  border-radius: 10px;
  background-color: white;
  overflow-y: auto;
  max-height: calc(100vh - 90px) !important;
}
.parcel_managemnt .tables:has(.full_calendar) {
  max-height: none !important;
}
.parcel_managemnt table thead tr th {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #767676;
}
.parcel_managemnt table thead .MuiTableCell-paddingCheckbox {
  display: none !important;
}
.parcel_managemnt table tbody .arrow {
  position: absolute;
  z-index: 10;
  right: 53px;
  top: 30px;
}
.parcel_managemnt table tbody tr .building_num {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.parcel_managemnt table tbody tr .pick {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
  text-transform: capitalize;
}
.parcel_managemnt table tbody tr .view_pictures {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  width: 100px;
  text-align: center;
}
.parcel_managemnt table tbody tr .view_pictures .view {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #0e3dcb;
}
.parcel_managemnt table tbody tr .view_pictures .name {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #414141;
}
.parcel_managemnt table tbody tr .imageDiv {
  width: 135px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.parcel_managemnt table tbody tr .imageDiv .info {
  display: flex;
  flex-direction: column;
  align-items: unset;
  gap: unset;
  font-weight: unset;
  font-size: unset;
  line-height: unset;
}
.parcel_managemnt table tbody tr .imageDiv .info .tenant {
  color: black;
  font-weight: 600;
}
.parcel_managemnt table tbody tr .imageDiv .info .apartment {
  font-weight: 600;
  font-size: 12px;
  color: #8b8b8b;
}
.parcel_managemnt table tbody tr .imageDiv .info .number {
  color: black;
  font-weight: 700;
  font-size: 12px;
}
.parcel_managemnt table tbody tr .imageDiv img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
}
.parcel_managemnt table tbody tr .parcel_image {
  width: 95px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.parcel_managemnt table tbody tr :nth-child(1).MuiTableCell-sizeMedium {
  padding-left: 20px;
}
.parcel_managemnt table tbody tr :nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.parcel_managemnt table tbody tr :nth-child(3) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.parcel_managemnt table tbody tr .arrivedate {
  display: flex;
  flex-direction: column;
}
.parcel_managemnt table tbody tr .arrivedate .arrive {
  font-size: 12px;
  line-height: 18px;
  color: #959698;
  font-weight: 500;
}
.parcel_managemnt table tbody tr .arrivedate .arrive.time {
  font-weight: 700;
}
.parcel_managemnt table tbody tr :nth-child(5) .select {
  width: 190px;
  height: 29px;
  background-color: #eaeaea;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.parcel_managemnt table tbody tr :nth-child(5) .select fieldset {
  border: none;
}
.parcel_managemnt table tbody .action {
  display: flex;
  justify-content: center;
  /**/
  /**/
}
.parcel_managemnt table tbody .action .button_dropdown_list_multi_levels {
  z-index: 1;
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
  align-items: center;
  height: 24px;
}
.parcel_managemnt table tbody .action .button_dropdown_list_multi_levels:active, .parcel_managemnt table tbody .action .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.parcel_managemnt table tbody .action .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.parcel_managemnt table tbody .action .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels {
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels ul {
  margin-top: 0;
  margin-bottom: 0;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li {
  /* outer list style */
  color: #000000;
  border-bottom: 0.5px solid #cecece;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:hover {
  background-color: #fffbe3;
  color: #9c8f41;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:last-child {
  color: #ff4848;
  border-bottom: none;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:nth-child(1):hover {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:last-child:hover {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels .fifth_child {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  padding: 0;
  cursor: pointer;
  user-select: none;
  outline: none;
  transition: all 160ms ease-out;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels .fifth_child .button_dropdown_list_multi_levels_sub {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(35, 35, 35, 0.9) !important;
  width: 100%;
  border-radius: 0;
  border-right: 0;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels .fifth_child .button_dropdown_list_multi_levels_sub:hover {
  color: inherit;
}
.parcel_managemnt table tbody .action .menu_dropdown_list_multi_levels .fifth_child .menu_dropdown_list_multi_levels_sub {
  right: 125px;
  top: 0;
}
.parcel_managemnt table tbody .action .arrow_container {
  width: 24px;
  height: 24px;
  background-color: #fffbe3;
  border-radius: 4px;
}
.parcel_managemnt .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
.parcel_managemnt .sort .sort_filter_item {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
.parcel_managemnt .search_setting {
  display: flex;
  gap: 10px;
}
.parcel_managemnt .sort {
  justify-content: space-between;
  width: 100%;
  background-color: white;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
  /**/
}
.parcel_managemnt .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.parcel_managemnt .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.parcel_managemnt .sort .formControl .inputsearch::before {
  display: none;
}
.parcel_managemnt .sort .formControl .inputsearch::after {
  display: none;
}
.parcel_managemnt .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.parcel_managemnt .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.parcel_managemnt .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.parcel_managemnt .sort .button_dropdown_list_multi_levels {
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}
.parcel_managemnt .sort .button_dropdown_list_multi_levels:active, .parcel_managemnt .sort .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.parcel_managemnt .sort .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.parcel_managemnt .sort .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels {
  border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels ul {
  margin-top: 0;
  margin-bottom: 0;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels li {
  border-bottom: 0.5px solid #cecece;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels li:nth-child(1):hover {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels li:last-child {
  border-bottom: none;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels li:last-child:hover {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels .inner_list {
  padding: 0;
  width: 196px;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels .inner_list ul {
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 0;
  color: #000;
}
.parcel_managemnt .sort .menu_dropdown_list_multi_levels .inner_list.date {
  width: 320px !important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.parcel_managemnt .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.parcel_managemnt .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.parcel_managemnt .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
  padding: 0 !important;
}
.parcel_managemnt .sort .sortDiv .selecticon {
  position: absolute;
  right: 12px;
  top: 9px;
}
.parcel_managemnt .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.addparcel_request_dialog {
  display: flex;
  flex-direction: column;
  width: 432px;
  padding: 35px 30px 25px 30px;
}
.addparcel_request_dialog .title {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #1d4599;
}
.addparcel_request_dialog .date_span,
.addparcel_request_dialog .time_span {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  padding-top: 30px;
  padding-bottom: 15px;
}
.addparcel_request_dialog .time_hour_div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 329px;
}
.addparcel_request_dialog .time_hour_div .activesort {
  border: none !important;
  background-color: #e1e9fa;
}
.addparcel_request_dialog .time_hour_div .activesort span {
  color: #1d4599;
}
.addparcel_request_dialog .time_hour_div .activesort path {
  fill: #1d4599 !important;
}
.addparcel_request_dialog .time_hour_div .date_time {
  border: 1px solid #878787;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #878787;
}
.addparcel_request_dialog .time_hour_div .date_time.date_time1 {
  width: 100%;
}
.addparcel_request_dialog .time_hour_div .date_time.date_time2 svg {
  fill: none !important;
  stroke: none !important;
}
.addparcel_request_dialog .time_hour_div .date_time.date_time2 svg path {
  stroke: none !important;
}
.addparcel_request_dialog .time_hour_div .date_time.date_time2, .addparcel_request_dialog .time_hour_div .date_time.date_time3 {
  width: 154px;
  margin-top: 15px;
}
.addparcel_request_dialog .selected_date {
  padding-top: 30px;
  padding-bottom: 20px;
}
.addparcel_request_dialog .selected_date :first-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.addparcel_request_dialog .selected_date :last-child {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #1d4599;
}
.addparcel_request_dialog .btn_div {
  display: flex;
  gap: 15px;
}
.addparcel_request_dialog .btn_div .btn {
  text-transform: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 17px;
  border-radius: 4px;
  height: 36px;
}
.addparcel_request_dialog .btn_div .btn:first-child {
  font-weight: 600;
  background-color: #1d4599;
  color: white;
}
.addparcel_request_dialog .btn_div .btn:last-child {
  font-weight: 700;
  border: 1px solid black;
  background-color: white;
  color: black;
}
.rwdpDayBoxDesktop .rwdp-DayCircle-unavailable-text {
  display: none;
}
/* Add parcel */
.header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.header__info {
  display: flex;
  align-items: center;
}
.header__info-header {
  font-weight: 600 !important;
  margin-right: 13px !important;
}
.header .btn {
  min-width: max-content;
  font-size: 14px;
  line-height: 16px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 20px;
}
.header .btn.save_button {
  color: #1d4599;
  background-color: #e1e9fa;
}
.header .btn.add_button {
  color: white;
  background-color: #1d4599;
}
.header .btn.editable {
  background-color: #d0d0d0;
  color: black;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.header .btn.deactive {
  background-color: #686868;
  color: white;
  pointer-events: none;
}
.Mui-selected {
  background-color: #1d4599 !important;
  color: #fff !important;
}
.MuiAccordionSummary-content {
  align-items: center;
}
.accordion_header {
  display: flex;
  align-items: center;
}
.accordion_header p {
  margin-left: 15px;
  font-weight: 600;
}
.accordion_content {
  padding: 15px 20px;
  display: flex;
}
.accordion_content__left {
  margin-right: 15px;
}
.accordion_content__left .upload_image {
  width: 135px;
  height: 135px !important;
}
.accordion_content__left .upload_image .dropspan {
  left: 8px;
  top: 40px !important;
}
.accordion_content__left .uploadimage {
  height: 135px !important;
}
.accordion_content__right {
  width: 80%;
}
.accordion_content__right .accordion_content__form {
  width: 80%;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info {
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .PhoneInput {
  background-color: #ebebeb;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .PhoneInput .PhoneInputCountry {
  padding-left: 11px;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .PhoneInput input {
  border: none;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .PhoneInput :focus {
  outline: none;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info.full-with {
  width: 100%;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .Mui-selected.selected-menu-item {
  background-color: #fff !important;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content__input {
  background-color: #fff !important;
  padding: 10px !important;
  font-size: 12px;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info > * {
  width: 49%;
  background-color: #fff !important;
  height: 33px;
  line-height: 33px;
  border-radius: 6px;
  font-weight: 600;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content__form-select {
  padding: 7px 10px !important;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content__form-select.full-with {
  width: 100%;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving {
  padding: 10px;
  width: 100%;
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving .content-receiving-container {
  width: 100%;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving .content-receiving-container .receiving-header {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 6px;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving .content-receiving-container .receiving-info {
  font-size: 12px;
  color: #aeaeae;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .box_search .search_icon {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .box_search .search_icon path {
  fill: #a1a1a1;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .box_search .MuiButtonBase-root {
  height: auto;
}
.accordion_content__right-description {
  font-family: "Roboto", sans-serif !important;
  width: 80%;
  height: 100% !important;
}
.accordion_content__right-description .description-input {
  background-color: #fff !important;
  border-radius: 6px;
  padding: 0 !important;
  width: 100% !important;
  font-weight: 600 !important;
}
/* Add parcel */
.setting_container .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.setting_container .header__info {
  display: flex;
  align-items: center;
}
.setting_container .header__info-header {
  font-weight: 600 !important;
  margin-right: 13px !important;
}
.setting_container .header .btn {
  min-width: max-content;
  font-size: 14px;
  line-height: 16px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 20px;
}
.setting_container .header .btn.save_button {
  color: #1d4599;
  background-color: #e1e9fa;
}
.setting_container .header .btn.add_button {
  color: #fffbe3;
  background-color: #9c8f41;
}
.setting_container .header .btn.editable {
  background-color: #d0d0d0;
  color: black;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.setting_container .header .btn.deactive {
  background-color: #939393;
  color: white;
  pointer-events: none;
}
.Mui-selected {
  background-color: #1d4599 !important;
  color: #fff !important;
}
.MuiAccordionSummary-content {
  align-items: center;
}
.accordion_header {
  display: flex;
  align-items: center;
}
.accordion_header p {
  margin-left: 15px;
  font-weight: 600;
}
.round_circle {
  width: 19px !important;
  height: 19px !important;
}
.complete_circle {
  width: 20px !important;
  height: 20px !important;
}
.accordion_content {
  padding: 15px 20px;
  display: flex;
}
.accordion_content__left {
  margin-right: 15px;
}
.accordion_content__left .upload_image {
  width: 135px;
  height: 135px;
}
.accordion_content__left .upload_image .dropspan {
  left: 8px;
  top: 43px;
}
.accordion_content__left .uploadimage {
  height: 135px !important;
}
.accordion_content__right {
  width: 80%;
}
.accordion_content__right .accordion_content__form {
  width: 80%;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info {
  width: 82.6%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .rm-margin {
  /* remove margin */
  margin-bottom: 0;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info.full-with {
  width: 100% !important;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .Mui-selected.selected-menu-item {
  background-color: #fff !important;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content__input {
  background-color: #fff !important;
  padding: 10px !important;
  font-size: 12px;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info > * {
  width: 49%;
  background-color: #fff !important;
  height: 31px;
  line-height: 33px;
  border-radius: 6px;
  font-weight: 500;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content__form-select {
  padding: 7px 10px !important;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content__form-select.full-with {
  width: 100%;
  font-weight: 600;
}
.accordion_content__right .accordion_content__form .accordion_content__right-info .accordion_content__form-select.defaultValue div {
  color: #9c9c9c;
  font-weight: 600;
}
.accordion_content__right-description {
  font-family: "Roboto", sans-serif !important;
  width: 82.8%;
  height: 100% !important;
}
.accordion_content__right-description .description-input {
  background-color: #fff !important;
  border-radius: 6px;
  padding: 0 !important;
  width: 100% !important;
  height: 46px;
  font-weight: 600 !important;
}
.addparcelacordion .MuiButtonBase-root {
  height: 73px;
}
.bellboy_dashboard {
  margin-left: 0 !important;
  padding: 40px 40px 50px 50px !important;
}
.bellboy_dashboard .cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 20px;
  padding-top: 28px;
}
.bellboy_dashboard .cards .addbellboy {
  text-transform: none;
  background-color: #e1e9fa;
  color: #1d4599;
  box-shadow: none;
  border-radius: 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  flex-direction: column;
  gap: 15px;
}
.bellboy_dashboard .cards .addbellboy svg {
  width: 53px;
  height: 53px;
}
.bellboy_dashboard .cards .card {
  width: 216px;
  background-color: white;
  box-shadow: 0px 0px 43.2453px 2.16227px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 16px 18px 9px;
}
.bellboy_dashboard .cards .card .more {
  align-self: flex-end;
  cursor: pointer;
  margin-bottom: 17px;
}
.bellboy_dashboard .cards .card .btn_div {
  padding-top: 16px !important;
  display: flex;
  gap: 5px;
}
.bellboy_dashboard .cards .card .btn_div svg {
  padding: 0;
}
.bellboy_dashboard .cards .card .btn_div .btn {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  font-family: "Roboto", sans-serif;
  color: #9c8f41;
  background-color: #fffbe3;
  border: none !important;
  padding: 0 5px;
  width: 96px;
  justify-content: space-around;
}
.bellboy_dashboard .cards .card .btn_div .btn span {
  border: none;
}
.bellboy_dashboard .cards .card .btn_div .btn svg {
  border: none !important;
}
.bellboy_dashboard .cards .card .btn_div .btn:hover {
  background-color: #fffbe3;
}
.bellboy_dashboard .cards .card .name {
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  padding-top: 18px;
  padding-bottom: 10px;
}
.bellboy_dashboard .cards .card .req_div {
  background-color: #f9f9f9;
  width: 100%;
  height: 34px;
  border-radius: 7px;
  text-align: center;
}
.bellboy_dashboard .cards .card .req_div span {
  font-family: "Roboto", sans-serif;
  color: #8a8a8a;
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
}
.bellboy_dashboard .cards .card .img_div {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: relative;
}
.bellboy_dashboard .cards .card .img_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.bellboy_dashboard .cards .card .img_div .active {
  border-radius: 50%;
  position: absolute;
  bottom: 4px;
  right: 2px;
  width: 15px;
  height: 15px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bellboy_dashboard .cards .card .img_div .active div {
  border-radius: 50%;
  width: 6.5px;
  height: 6.5px;
  background-color: #2fe013;
}
.bellboy_dashboard .header {
  display: flex;
  justify-content: space-between;
}
.bellboy_dashboard .header .text_div {
  display: flex;
  gap: 10px;
}
.bellboy_dashboard .header .text_div .active {
  color: #929292;
}
.bellboy_dashboard .header .text_div :first-child,
.bellboy_dashboard .header .text_div :last-child {
  cursor: pointer;
}
.bellboy_dashboard .header .text_div :first-child span,
.bellboy_dashboard .header .text_div :last-child span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.bellboy_dashboard .header .btn_div_ {
  display: flex;
  gap: 15px;
}
.bellboy_dashboard .header .btn_div_ .btn {
  text-transform: none;
  box-shadow: none;
  min-width: none !important;
  padding: 0 10px !important;
  display: flex;
  gap: 10px;
  border-radius: 10px;
  height: 36px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.bellboy_dashboard .header .btn_div_ .btn:first-child {
  background-color: #eeeeee;
  color: black;
}
.bellboy_dashboard .header .btn_div_ .btn:nth-child(2) {
  background-color: #e1e9fa;
  color: #1d4599;
}
.bellboy_dashboard .header .btn_div_ .btn:last-child {
  background-color: #1d4599;
  color: white;
}
.bellboy_dashboard .overviewDiv {
  padding-top: 30px !important;
}
.bellboy_dashboard .bellboy_req_div {
  display: flex;
  justify-content: space-between;
  padding-top: 49px;
  padding-bottom: 40px;
}
.bellboy_dashboard .bellboy_req_div .title_div {
  display: flex;
  gap: 8px;
  align-items: center;
}
.bellboy_dashboard .bellboy_req_div .title_div span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
.bellboy_dashboard .bellboy_req_div .title_div div {
  width: max-content;
  color: white;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  border-radius: 5px;
  background-color: #ff3838;
  display: flex;
  align-items: center;
  padding: 5px;
}
.bellboy_dashboard .bellboy_req_div .btn {
  box-shadow: none;
  text-transform: none;
  width: max-content !important;
  padding: 0 18px !important;
  background-color: #e1e9fa;
  color: #1d4599;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  height: 41px;
}
.bellboy_dashboard .bellboy_table .sortdiv {
  display: flex;
  gap: 16px;
  padding-bottom: 15px;
}
.bellboy_dashboard .bellboy_table .sortdiv .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
.bellboy_dashboard .bellboy_table .sortdiv .sort span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
.bellboy_dashboard .bellboy_table .sortdiv .sort div {
  width: max-content;
  padding: 5px;
  background-color: #dedede;
  color: #787878;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.bellboy_dashboard .bellboy_table .sortdiv .activesort {
  background-color: #e1e9fa;
}
.bellboy_dashboard .bellboy_table .sortdiv .activesort span {
  color: black;
}
.bellboy_dashboard .bellboy_table .sortdiv .activesort div {
  background-color: white;
  color: #1d4599;
}
.bellboy_dashboard .bellboy_table .sort {
  background-color: white;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
  justify-content: space-between;
  position: relative;
}
.bellboy_dashboard .bellboy_table .sort .btn_calendar {
  padding: 10px;
  min-width: max-content !important;
  gap: 5px;
  background-color: white;
  border: 1px solid #e3e5e5;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  box-shadow: none;
  text-transform: none;
  height: 39px;
  border-radius: 10px;
  margin-right: 10px;
}
.bellboy_dashboard .bellboy_table .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.bellboy_dashboard .bellboy_table .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.bellboy_dashboard .bellboy_table .sort .formControl .inputsearch::before {
  display: none;
}
.bellboy_dashboard .bellboy_table .sort .formControl .inputsearch::after {
  display: none;
}
.bellboy_dashboard .bellboy_table .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.bellboy_dashboard .bellboy_table .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.bellboy_dashboard .bellboy_table .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.bellboy_dashboard .bellboy_table .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.bellboy_dashboard .bellboy_table .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.bellboy_dashboard .bellboy_table .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.bellboy_dashboard .bellboy_table .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.bellboy_dashboard .bellboy_table .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.bellboy_dashboard .bellboy_table .table {
  border-radius: 15px;
  max-height: 500px;
}
.bellboy_dashboard .bellboy_table table {
  background-color: white;
}
.bellboy_dashboard .bellboy_table table thead tr th {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #767676;
}
.bellboy_dashboard .bellboy_table table thead .MuiTableCell-paddingCheckbox {
  display: none !important;
}
.bellboy_dashboard .bellboy_table table tbody .arrow {
  position: absolute;
  z-index: 10;
  right: 53px;
  top: 30px;
}
.bellboy_dashboard .bellboy_table table tbody tr .imageDiv {
  color: #4d4d4d;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.bellboy_dashboard .bellboy_table table tbody tr .imageDiv img {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  object-fit: cover;
}
.bellboy_dashboard .bellboy_table table tbody tr .building_number {
  width: max-content;
}
.bellboy_dashboard .bellboy_table table tbody tr .request_date {
  width: 160px;
}
.bellboy_dashboard .bellboy_table table tbody tr .show_request {
  width: 145px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  text-align: center !important;
}
.bellboy_dashboard .bellboy_table table tbody tr :nth-child(2).MuiTableCell-sizeMedium {
  padding-left: 31px;
}
.bellboy_dashboard .bellboy_table table tbody tr :nth-child(3) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.bellboy_dashboard .bellboy_table table tbody tr :nth-child(4) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.bellboy_dashboard .bellboy_table table tbody tr :nth-child(5) {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #707174;
}
.bellboy_dashboard .bellboy_table table tbody tr :nth-child(7) {
  justify-content: center;
}
.bellboy_dashboard .bellboy_table table tbody .action {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.bellboy_list {
  height: calc(100vh - 64px);
  max-width: none !important;
  padding: 40px 40px 0 50px !important;
}
.bellboy_list .header {
  display: flex;
  justify-content: space-between;
}
.bellboy_list .header .text_div {
  display: flex;
  gap: 10px;
}
.bellboy_list .header .text_div :first-child,
.bellboy_list .header .text_div :last-child {
  cursor: pointer;
}
.bellboy_list .header span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.bellboy_list .header .btn {
  text-transform: none;
  background-color: #e1e9fa;
  color: #1d4599;
  box-shadow: none;
  height: 36px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  gap: 10px;
}
.bellboy_req {
  border: none !important;
}
.belboy_dialog {
  padding: 25px 44px 50px 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
}
.belboy_dialog .autocomplatesearch svg {
  display: none !important;
}
.belboy_dialog .autocomplatesearch .MuiInputBase-root {
  padding: 0 !important;
}
.belboy_dialog .autocomplatesearch .MuiInputBase-root input {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  padding-top: 14px;
  padding-left: 2px;
}
.belboy_dialog .autocomplatesearch fieldset {
  border: none;
}
.belboy_dialog .autocomplatesearch .textfield {
  height: 44px;
}
.belboy_dialog .autocomplatesearch .textfield label {
  font-family: "Inter", sans-serif;
  margin-left: -11px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: #a1a1a1;
  line-height: 15px;
}
.belboy_dialog span {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41;
  padding-bottom: 51px;
}
.belboy_dialog .formcontrol_request {
  width: 313px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
  margin-bottom: 18px;
}
.belboy_dialog .formcontrol_request .arrow_icon {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  width: 10.5px;
  height: 5.5px;
}
.belboy_dialog .formcontrol_request .arrow_icon_close {
  position: absolute;
  z-index: 10;
  right: 10px;
  top: 9px;
  cursor: pointer;
}
.belboy_dialog .formcontrol_request .select {
  max-width: 313px;
  width: 100%;
  background-color: #ebebeb;
  border-radius: 6px;
  height: 36px;
  padding: 0 0 0 8px;
}
.belboy_dialog .formcontrol_request .select fieldset {
  border: none;
}
.belboy_dialog .formcontrol_request .select div {
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: black;
}
.belboy_dialog .formcontrol_request .select div .selesct_span_d {
  color: #a1a1a1;
  font-size: 12px;
}
.belboy_dialog .formcontrol_request .select .MuiSelect-icon {
  top: 15px;
  right: 15px;
  width: 10px;
  height: 5px;
}
.belboy_dialog .search {
  width: 100%;
  position: relative;
  height: 36px;
  background-color: #ebebeb;
  border-radius: 4px !important;
}
.belboy_dialog .search .input {
  background-color: #ebebeb;
  width: 100%;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 100%;
}
.belboy_dialog .search .input ::placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.belboy_dialog .search svg {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 14px;
  height: 14px;
}
.belboy_dialog .btn {
  background-color: #686868;
  text-transform: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  height: 37px;
  width: 156px;
  font-family: "Inter", sans-serif;
  pointer-events: none;
}
.belboy_dialog .btn.request {
  background-color: #9c8f41 !important;
  pointer-events: visible;
}
.MuiDialog-container:has(.belboy_dialog) {
  background: rgba(3, 18, 48, 0.38);
}
.btnReq {
  font-weight: 400;
  font-size: 12.9736px;
  line-height: 15px;
  text-transform: none;
  gap: 8px;
  padding: 0 8px;
  height: 32px;
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
  box-shadow: none;
}
.MuiPaper-root:has(.belboy_dialog) {
  border-radius: 6px !important;
}
#checboxiconbellboy {
  color: black;
}
#checboxiconbellboy rect {
  stroke: rgb(162, 162, 162) !important;
}
.visitors {
  margin-left: 0 !important;
  padding-left: 50px !important;
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
}
.visitors .checkeddivsVisitor {
  position: relative;
}
.visitors .checkeddivsVisitor .check {
  position: absolute;
  left: 4px;
  top: 4px;
}
.visitors .view_pictures {
  align-items: center;
}
.visitors .search_setting {
  display: flex;
  gap: 10px;
}
.visitors .sort {
  gap: 28px;
  width: 100%;
  background-color: white;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
  /**/
  /**/
}
.visitors .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.visitors .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.visitors .sort .formControl .inputsearch::before {
  display: none;
}
.visitors .sort .formControl .inputsearch::after {
  display: none;
}
.visitors .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.visitors .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.visitors .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.visitors .sort .button_dropdown_list_multi_levels {
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}
.visitors .sort .button_dropdown_list_multi_levels:active, .visitors .sort .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.visitors .sort .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.visitors .sort .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.visitors .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.visitors .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.visitors .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.visitors .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.visitors .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.visitors table thead tr th {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.visitors table tbody .arrow {
  position: absolute;
  z-index: 10;
  right: 53px;
  top: 30px;
}
.visitors table tbody tr .request_time {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
  width: 160px !important;
}
.visitors table tbody tr .building_name {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #414141;
  width: 100px;
}
.visitors table tbody tr .apartment_number {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
  width: 70px;
}
.visitors table tbody tr .visitor_name {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
  width: 100px;
}
.visitors table tbody tr .visitor_phone_number {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
  width: 123px;
}
.visitors table tbody tr .imageDiv {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.visitors table tbody tr .imageDiv .info {
  display: flex;
  flex-direction: column;
}
.visitors table tbody tr .imageDiv .info .tenant {
  color: black;
  font-weight: 600;
}
.visitors table tbody tr .imageDiv .info .apartment {
  font-weight: 600;
  font-size: 12px;
  color: #8b8b8b;
}
.visitors table tbody tr .imageDiv .info .number {
  color: black;
  font-weight: 700;
  font-size: 12px;
}
.visitors table tbody tr .imageDiv img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
}
.visitors table tbody tr :nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.visitors table tbody tr :nth-child(2) .checked {
  position: relative;
}
.visitors table tbody tr :nth-child(2) .checked svg {
  position: absolute;
}
.visitors table tbody tr :nth-child(3) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.visitors table tbody tr .visitorotp {
  display: flex;
  flex-direction: column;
  width: 90px;
}
.visitors table tbody tr .visitorotp .otp {
  font-size: 12px;
  line-height: 18px;
  color: #9c8f41;
  font-weight: 500;
}
.visitors table tbody tr :nth-child(5) .select {
  width: 190px;
  height: 29px;
  background-color: #eaeaea;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.visitors table tbody tr :nth-child(5) .select fieldset {
  border: none;
}
.visitors table tbody .action {
  display: flex;
  justify-content: center;
  /**/
  /**/
}
.visitors table tbody .action .button_dropdown_list_multi_levels {
  z-index: 10;
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
  align-items: center;
  height: 24px;
}
.visitors table tbody .action .button_dropdown_list_multi_levels:active, .visitors table tbody .action .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.visitors table tbody .action .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.visitors table tbody .action .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.visitors table tbody .action .menu_dropdown_list_multi_levels {
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.visitors table tbody .action .menu_dropdown_list_multi_levels ul {
  margin-top: 0;
  margin-bottom: 0;
}
.visitors table tbody .action .menu_dropdown_list_multi_levels ul li {
  /* outer list style */
  color: #000000;
  border-bottom: 0.5px solid #cecece;
}
.visitors table tbody .action .menu_dropdown_list_multi_levels ul li:hover {
  background-color: #fffbe3;
}
.visitors table tbody .action .menu_dropdown_list_multi_levels ul li:last-child {
  color: #ff4848;
  border-bottom: none;
}
.visitors table tbody .action .menu_dropdown_list_multi_levels ul li:nth-child(1):hover {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.visitors table tbody .action .menu_dropdown_list_multi_levels ul li:nth-child(2):hover {
  background-color: #fffbe3;
}
.visitors table tbody .action .menu_dropdown_list_multi_levels ul li:last-child:hover {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.visitors table tbody .action .arrow_container {
  width: 24px;
  height: 24px;
  background-color: #fffbe3;
  border-radius: 4px;
}
.visitors table tbody .action .arrow_container div div ul li :hover {
  color: red !important;
}
.visitors table tbody .action .arrow_container div div ul li :hover {
  color: red !important;
}
.visitors .visitors_header {
  display: flex;
  justify-content: space-between;
}
.visitors .visitors_header .visitors_span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.visitors .visitors_header .btn {
  display: flex;
  gap: 15px;
}
.visitors .visitors_header .btn .button_visitors {
  display: flex;
  gap: 11px;
  text-transform: none;
  box-shadow: none;
  min-width: none !important;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  border-radius: 10px;
  height: 36px;
  padding: 0 10px !important;
}
.visitors .visitors_header .btn .button_visitors.setting {
  background-color: #eeeeee;
  color: black;
}
.visitors .visitors_header .btn .button_visitors.add {
  background-color: #fffbe3;
  color: #9c8f41;
}
.visitors .visitors_header .btn .button_visitors.valet {
  background-color: #1d4599;
  color: white;
}
.visitors .pending_latest_visitor {
  display: flex;
  justify-content: space-between;
  padding-top: 39px;
  padding-bottom: 19px;
}
.visitors .pending_latest_visitor .latest_span_div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.visitors .pending_latest_visitor .latest_span_div span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
.visitors .pending_latest_visitor .latest_span_div div {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff3838;
  border-radius: 5px;
  width: 27px;
  height: 26px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.visitors .pending_latest_visitor .see_all_btn {
  text-transform: none;
  box-shadow: none;
  background-color: #fffbe3;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  min-width: none !important;
  padding: 10px 20px !important;
  border-radius: 10px;
}
.visitors_requests {
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
}
.visitors_requests .header {
  display: flex;
  justify-content: space-between;
}
.visitors_requests .header span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.visitors_requests .header .btn {
  display: flex;
  gap: 15px;
}
.visitors_requests .header .btn .button {
  text-transform: none;
  box-shadow: none;
  min-width: none !important;
  padding: 10px !important;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  gap: 10px;
  border-radius: 10px;
}
.visitors_requests .header .btn .button.setting {
  background-color: #eeeeee;
  color: black;
}
.visitors_requests .header .btn .button.add {
  background-color: #9c8f41;
  color: #fffbe3;
}
.visitors_requests .header .btn .button.add svg rect {
  fill: white;
}
.visitors_requests .overview {
  padding-top: 30px;
}
.visitors_requests .overview .overview_span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
.visitors_requests .overview .sort {
  display: flex;
  gap: 20px;
  padding: 20px 0;
}
.visitors_requests .overview .sort .sort_item {
  display: flex;
  padding: 5px 10px;
  width: max-content;
  background-color: white;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.visitors_requests .overview .sort .sort_item span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
}
.visitors_requests .overview .sort .sort_item div {
  width: max-content;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  background-color: #dedede;
  color: #787878;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.visitors_requests .overview .sort .activesort {
  background-color: #e1e9fa;
}
.visitors_requests .overview .sort .activesort span {
  color: #1d4599;
}
.visitors_requests .overview .sort .activesort div {
  background-color: white;
  color: #1d4599;
}
.visitor_div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 20px;
  max-width: 1063px;
  width: 100%;
}
.visitor_div .req_item {
  display: flex;
  justify-content: space-between;
  padding: 15px 15px 24px 15px;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.visitor_div .req_item .info_div .date {
  background-color: rgba(14, 61, 203, 0.2);
  border-radius: 6px;
  max-width: 83px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5.7px 11.7px;
  gap: 4px;
}
.visitor_div .req_item .info_div .date span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #1d4599;
}
.visitor_div .req_item .info_div .info {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 20px;
}
.visitor_div .req_item .info_div .info .img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.visitor_div .req_item .info_div .info .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.visitor_div .req_item .info_div .info .name {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.visitor_div .req_item .info_div .info .count {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #5f5f5f;
  padding-left: 5px;
}
.visitor_div .req_item .info_div .visitor :first-child {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #4d4d4d;
}
.visitor_div .req_item .info_div .visitor :nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1d4599;
  padding-left: 11px;
}
.visitor_div .req_item .info_div .purpose {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #4d4d4d;
}
.visitor_div .req_item .otp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.visitor_div .req_item .otp .otp_div {
  border-radius: 8px;
  padding: 10px;
  width: max-content;
  flex-direction: column;
  display: flex;
  background-color: #f6f6f6;
  align-items: center;
}
.visitor_div .req_item .otp .otp_div :first-child {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #979797;
}
.visitor_div .req_item .otp .otp_div :nth-child(2) {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #525252;
}
.visitor_div .req_item .otp .pending_div {
  background-color: rgba(237, 240, 64, 0.2);
  width: max-content;
  padding: 3px 15px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #898405;
}
.circularprogress_visitor {
  height: calc(100vh - 319px);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* visitor table management */
.visitor_management {
  /* width */
  /* Track */
  /* Handle */
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
}
.visitor_management td {
  border-bottom: 1px solid rgb(224, 224, 224) !important;
}
.visitor_management td div {
  align-items: center;
}
.visitor_management .checked {
  position: relative;
}
.visitor_management .checked .check {
  position: absolute;
  left: 4px;
  top: 4px;
}
.visitor_management .sortdiv {
  display: flex;
  gap: 16px;
  padding-bottom: 15px;
  justify-content: space-between;
}
.visitor_management .sortdiv .filter {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.visitor_management .sortdiv .btn_archive {
  display: flex;
  gap: 10px;
  background-color: white;
  text-transform: none;
  box-shadow: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
  min-width: max-content !important;
  padding: 5px 5px 5px 11px;
}
.visitor_management .sortdiv .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
.visitor_management .sortdiv .sort span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
.visitor_management .sortdiv .sort div {
  width: max-content;
  padding: 5px;
  background-color: #dedede;
  color: #787878;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.visitor_management .sortdiv .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.visitor_management .sortdiv .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.visitor_management .sortdiv .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.visitor_management .sortdiv .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.visitor_management .sortdiv .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.visitor_management .sortdiv .activesort {
  background-color: #fffbe3;
}
.visitor_management .sortdiv .activesort span {
  color: #9c8f41;
}
.visitor_management .sortdiv .activesort div {
  background-color: white;
  color: #9c8f41;
}
.visitor_management ::-webkit-scrollbar {
  width: 6px;
  background-color: #f1f1f1;
}
.visitor_management ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f1f1f1;
  border-radius: 10px;
}
.visitor_management ::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
}
.visitor_management .header {
  display: flex;
  justify-content: space-between;
}
.visitor_management .header .span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 19px;
}
.visitor_management .header .btn_container {
  display: flex;
  gap: 15px;
}
.visitor_management .header .btn_container .btn {
  text-transform: none;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  border-radius: 10px;
  height: 36px;
  display: flex;
  gap: 5px;
}
.visitor_management .header .btn_container .btn.add {
  background-color: #9c8f41;
  color: #fffbe3;
}
.visitor_management .header .btn_container .btn.setting {
  background-color: #eeeeee;
  color: black;
}
.visitor_management .sort {
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
  justify-content: space-between !important;
}
.visitor_management .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.visitor_management .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.visitor_management .sort .formControl .inputsearch::before {
  display: none;
}
.visitor_management .sort .formControl .inputsearch::after {
  display: none;
}
.visitor_management .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.visitor_management .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.visitor_management .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.visitor_management .tables:has(.full_calendar) {
  max-height: unset !important;
}
.visitor_management .tables {
  border-radius: 10px;
  background-color: white;
  overflow-y: auto;
  max-height: 650px;
}
.visitor_management .sort .btn_calendar {
  padding: 10px;
  min-width: max-content !important;
  gap: 5px;
  background-color: white;
  border: 1px solid #e3e5e5;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  box-shadow: none;
  text-transform: none;
  height: 39px;
  border-radius: 10px;
}
.visitor_management .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
.visitor_management .sort .sort_filter_item {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
.visitor_management .search_setting {
  display: flex;
  gap: 10px;
}
.visitor_management .sort {
  gap: 28px;
  width: 100%;
  background-color: white;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
  /**/
  /**/
}
.visitor_management .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.visitor_management .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.visitor_management .sort .formControl .inputsearch::before {
  display: none;
}
.visitor_management .sort .formControl .inputsearch::after {
  display: none;
}
.visitor_management .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.visitor_management .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.visitor_management .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.visitor_management .sort .button_dropdown_list_multi_levels {
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}
.visitor_management .sort .button_dropdown_list_multi_levels:active, .visitor_management .sort .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.visitor_management .sort .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.visitor_management .sort .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.visitor_management .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.visitor_management .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.visitor_management .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.visitor_management .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.visitor_management .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
/* visitor dialog */
.MuiDialogContent-root p {
  width: 314px;
  padding-bottom: 50px;
  padding-top: 0;
  color: #9c8f41 !important;
}
.visitor_dialog,
.visitor_dialog_renotify {
  padding: 26px 43px;
}
.visitor_dialog .p-20,
.visitor_dialog_renotify .p-20 {
  padding-bottom: 26px;
}
.visitor_dialog .PhoneInput,
.visitor_dialog_renotify .PhoneInput {
  background-color: #ebebeb;
  width: 100%;
  height: 35px;
  border-radius: 6px;
}
.visitor_dialog .PhoneInput .PhoneInputCountry,
.visitor_dialog_renotify .PhoneInput .PhoneInputCountry {
  padding-left: 11px;
}
.visitor_dialog .PhoneInput input,
.visitor_dialog_renotify .PhoneInput input {
  border: none;
  background-color: #ebebeb;
}
.visitor_dialog .PhoneInput :focus,
.visitor_dialog_renotify .PhoneInput :focus {
  outline: none;
}
.visitor_dialog .description-input input,
.visitor_dialog_renotify .description-input input {
  font-weight: 600;
  padding-left: 8px !important;
}
.visitor_dialog__container_input,
.visitor_dialog_renotify__container_input {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.visitor_dialog__container_input .formcontrol_request,
.visitor_dialog_renotify__container_input .formcontrol_request {
  width: 313px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
}
.visitor_dialog__container_input .formcontrol_request .arrow_icon,
.visitor_dialog_renotify__container_input .formcontrol_request .arrow_icon {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  width: 10.5px;
  height: 5.5px;
}
.visitor_dialog__container_input .formcontrol_request .arrow_icon_close,
.visitor_dialog_renotify__container_input .formcontrol_request .arrow_icon_close {
  position: absolute;
  z-index: 10;
  right: 10px;
  top: 9px;
  cursor: pointer;
}
.visitor_dialog__container_input .formcontrol_request .select,
.visitor_dialog_renotify__container_input .formcontrol_request .select {
  max-width: 313px;
  width: 100%;
  background-color: #ebebeb;
  border-radius: 6px;
  height: 36px;
  padding: 0 0 0 8px;
}
.visitor_dialog__container_input .formcontrol_request .select fieldset,
.visitor_dialog_renotify__container_input .formcontrol_request .select fieldset {
  border: none;
}
.visitor_dialog__container_input .formcontrol_request .select div,
.visitor_dialog_renotify__container_input .formcontrol_request .select div {
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: black;
}
.visitor_dialog__container_input .formcontrol_request .select div .selesct_span_d,
.visitor_dialog_renotify__container_input .formcontrol_request .select div .selesct_span_d {
  color: #a1a1a1;
  font-size: 12px;
}
.visitor_dialog__container_input .formcontrol_request .select .MuiSelect-icon,
.visitor_dialog_renotify__container_input .formcontrol_request .select .MuiSelect-icon {
  top: 15px;
  right: 15px;
  width: 10px;
  height: 5px;
}
.visitor_dialog .box_search .search_icon,
.visitor_dialog_renotify .box_search .search_icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
}
.visitor_dialog .box_search .search_icon path,
.visitor_dialog_renotify .box_search .search_icon path {
  fill: #a1a1a1;
}
.visitor_dialog .box_search:hover .search_icon,
.visitor_dialog_renotify .box_search:hover .search_icon {
  display: none;
}
.visitor_dialog .box_search .note,
.visitor_dialog_renotify .box_search .note {
  color: #adadad;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.visitor_dialog .btn_container,
.visitor_dialog_renotify .btn_container {
  display: flex;
  justify-content: center;
}
.visitor_dialog .btn_container .visitor_btn,
.visitor_dialog_renotify .btn_container .visitor_btn {
  margin: 40px auto 0 auto;
  padding: 10px 20px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: none;
  background-color: #686868 !important;
  pointer-events: none;
}
.visitor_dialog .btn_container .visitor_btn.notify,
.visitor_dialog_renotify .btn_container .visitor_btn.notify {
  background-color: #9c8f41 !important;
  pointer-events: visible;
  color: #fffbe3 !important;
}
.visitor_dialog .btn_container .visitor_btn.renotify_tenant,
.visitor_dialog_renotify .btn_container .visitor_btn.renotify_tenant {
  margin: 0 auto 0 auto;
}
.visitor_dialog .visitor_name_input,
.visitor_dialog_renotify .visitor_name_input {
  background-color: #ebebeb;
  border-radius: 6px;
  height: 35px;
}
.visitor_dialog .visitor_name_input input,
.visitor_dialog_renotify .visitor_name_input input {
  color: black;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 600;
  opacity: 1;
}
.visitor_dialog .visitor_otp_input,
.visitor_dialog_renotify .visitor_otp_input {
  background-color: #ebebeb;
  border-radius: 6px;
  display: block;
}
.visitor_dialog .visitor_otp_input input,
.visitor_dialog_renotify .visitor_otp_input input {
  height: 35px;
  color: black;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 600;
  opacity: 1;
}
.visitor_dialog .error,
.visitor_dialog_renotify .error {
  margin-top: 11px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #f25454;
}
.visitor_dialog .re_notify_congrats,
.visitor_dialog_renotify .re_notify_congrats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11px;
  margin-bottom: 15px;
}
.visitor_dialog .re_notify_congrats span,
.visitor_dialog_renotify .re_notify_congrats span {
  color: #078e29;
}
.visitor_dialog .tenant_data_otp,
.visitor_dialog_renotify .tenant_data_otp {
  background-color: #f5f5f5;
  border-radius: 8px;
  border-radius: 8px;
}
.visitor_dialog .tenant_data_otp__data,
.visitor_dialog_renotify .tenant_data_otp__data {
  padding: 15px;
  border-bottom: 1px solid #c2c2c2;
}
.visitor_dialog .tenant_data_otp__data:last-child,
.visitor_dialog_renotify .tenant_data_otp__data:last-child {
  border-bottom: none;
}
.visitor_dialog .tenant_data_otp__data-header,
.visitor_dialog_renotify .tenant_data_otp__data-header {
  display: block;
  color: #656565;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
}
.visitor_dialog .tenant_data_otp__data-name,
.visitor_dialog_renotify .tenant_data_otp__data-name {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details {
  display: flex;
  flex-direction: column;
  margin-top: 9px;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details__content,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details__content {
  display: flex;
  justify-content: space-between;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-phone,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-phone {
  display: flex;
  align-items: center;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-phone__number,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-phone__number {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin-left: 10px;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-visitor,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-visitor {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-visitor span,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details__content .otp-tenant-visitor span {
  font-weight: 700;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details__email,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details__email {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.visitor_dialog .tenant_data_otp__data .otp-tenant-details__email span,
.visitor_dialog_renotify .tenant_data_otp__data .otp-tenant-details__email span {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp-header,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp-header {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #595959;
  margin-bottom: 10px;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp__data,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp__data {
  display: flex;
  align-items: center;
  gap: 10px;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp__data-image,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp__data-image {
  width: 30px;
  height: 30px;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp__data-image img,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp__data-image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp__data-details,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp__data-details {
  display: flex;
  flex-direction: column;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp__data-details .visitor-details-name,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp__data-details .visitor-details-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp__data-details .visitor-details-building,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp__data-details .visitor-details-building {
  color: #595959;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  opacity: 0.74;
}
.visitor_dialog .tenant_data_otp__data .visitor-otp__data-details .visitor-details-building span,
.visitor_dialog_renotify .tenant_data_otp__data .visitor-otp__data-details .visitor-details-building span {
  font-weight: 600;
  color: #595959;
  opacity: 1;
}
.visitor_table_head {
  border-top: 1px solid #e7e7e7;
}
#checboxiconvisitor rect {
  stroke: rgb(162, 162, 162) !important;
}
.valet_dashboard {
  padding: 40px 50px 53px 50px !important;
  min-height: calc(100vh - 64px);
  margin-left: 0 !important;
}
.valet_dashboard .header {
  display: flex;
  justify-content: space-between;
}
.valet_dashboard .header .valet_header {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.valet_dashboard .header .btn {
  display: flex;
  gap: 15px;
}
.valet_dashboard .header .btn .button_valet {
  display: flex;
  gap: 11px;
  text-transform: none;
  box-shadow: none;
  min-width: none !important;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  border-radius: 10px;
  height: 36px;
  padding: 0 10px !important;
}
.valet_dashboard .header .btn .button_valet.setting {
  background-color: #eeeeee;
  color: black;
}
.valet_dashboard .header .btn .button_valet.add {
  background-color: #fffbe3;
  color: #9c8f41;
}
.valet_dashboard .header .btn .button_valet.valet {
  background-color: #9c8f41;
  color: white;
}
.valet_dashboard .pending_latest_valet {
  display: flex;
  justify-content: space-between;
  padding-top: 39px;
  padding-bottom: 19px;
}
.valet_dashboard .pending_latest_valet .latest_span_div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.valet_dashboard .pending_latest_valet .latest_span_div span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
.valet_dashboard .pending_latest_valet .latest_span_div div {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff3838;
  border-radius: 5px;
  width: 27px;
  height: 26px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.valet_dashboard .pending_latest_valet .see_all_btn {
  text-decoration: none;
  text-transform: none;
  box-shadow: none;
  background-color: #fffbe3;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  min-width: none !important;
  padding: 10px 20px !important;
  border-radius: 10px;
}
._table {
  /* Track */
  /* Handle */
}
._table .sortdiv {
  display: flex;
  gap: 16px;
  padding-bottom: 15px;
}
._table .sortdiv .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
._table .sortdiv .sort span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
._table .sortdiv .sort div {
  width: max-content;
  padding: 5px;
  background-color: #dedede;
  color: #787878;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
._table .sortdiv .activesort {
  background-color: #e1e9fa;
}
._table .sortdiv .activesort span {
  color: black;
}
._table .sortdiv .activesort div {
  background-color: white;
  color: #1d4599;
}
._table .sort {
  background-color: white;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
._table .sort .btn_calendar {
  padding: 10px;
  min-width: max-content !important;
  gap: 5px;
  background-color: white;
  border: 1px solid #e3e5e5;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  box-shadow: none;
  text-transform: none;
  height: 39px;
  border-radius: 10px;
  margin-right: 10px;
}
._table .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
._table .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
._table .sort .formControl .inputsearch::before {
  display: none;
}
._table .sort .formControl .inputsearch::after {
  display: none;
}
._table .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
._table .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
._table .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
._table .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
._table .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
._table .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
._table .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
._table .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
._table .tables {
  border-radius: 15px;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
._table table {
  background-color: white;
}
._table table thead tr th {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #767676;
}
._table table thead tr th:nth-child(3) {
  padding-left: 40px;
}
._table table thead .MuiTableCell-paddingCheckbox {
  display: none !important;
}
._table table tbody .arrow {
  position: absolute;
  z-index: 10;
  right: 53px;
  top: 30px;
}
._table table tbody tr .imageDiv {
  color: #4d4d4d;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}
._table table tbody tr .imageDiv img {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 50%;
}
._table table tbody tr :nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
._table table tbody tr :nth-child(3) {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
._table table tbody tr :nth-child(4) {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #707174;
}
._table table tbody tr :nth-child(5) {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #707174;
}
._table table tbody tr :nth-child(7) {
  display: flex;
  justify-content: center;
}
._table table tbody .action {
  cursor: pointer;
  display: flex;
  justify-content: center;
}
._table ::-webkit-scrollbar {
  width: 6px;
  background-color: #f1f1f1;
}
._table ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f1f1f1;
  border-radius: 10px;
}
._table ::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
}
.valet_requests {
  padding: 0px 50px 53px 50px;
  height: calc(100vh - 64px);
}
.valet_requests .header {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 34px;
  position: relative;
  background-color: #f9f9f9;
  margin-bottom: 0 !important;
}
.valet_requests .header .btn {
  text-transform: none;
  box-shadow: none;
  min-width: none !important;
  padding: 0 10px;
  background-color: #e1e9fa;
  color: #1d4599;
  border-radius: 10px;
  height: 36px;
  display: flex;
  gap: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.valet_requests .header .span_div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.valet_requests .header .span_div span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.valet_requests .header .span_div div {
  width: max-content;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #7e7e7e;
  background: #dedede;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
}
.valet_dialog_select .btn_assign {
  box-shadow: none;
  text-transform: none;
  min-width: max-content !important;
  width: 245px;
  height: 36px;
  background-color: #9c8f41;
  color: #fffbe3;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  margin-top: 23px;
  margin-left: 30px;
  margin-bottom: 33px;
}
.valet_dialog_select .btn_assign:hover {
  background-color: #9c8f41;
}
.valet_dialog_select .select_span {
  display: block;
  padding-left: 30px;
  padding-top: 33px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41;
}
.valet_dialog_select .sort {
  padding-left: 30px;
  padding-top: 18px;
  padding-bottom: 20px;
  background-color: white;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  gap: 20px;
}
.valet_dialog_select .sort .formControl {
  width: 245px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.valet_dialog_select .sort .formControl .MuiInputBase-input {
  font-weight: 400;
  font-size: 10px !important;
  line-height: 10px;
}
.valet_dialog_select .sort .formControl .inputsearch {
  width: 245px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.valet_dialog_select .sort .formControl .inputsearch::before {
  display: none;
}
.valet_dialog_select .sort .formControl .inputsearch::after {
  display: none;
}
.valet_dialog_select .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.valet_dialog_select .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.valet_dialog_select .sort .formControl svg {
  width: 10px !important;
  height: 9px !important;
  position: absolute;
  right: 20px;
  top: 13px;
}
.valet_dialog_select .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.valet_dialog_select .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.valet_dialog_select .sort .sortDiv select {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.valet_dialog_select .sort .sortDiv .selecticon {
  position: absolute;
  right: 18px;
  top: 10px;
}
.valet_dialog_select .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.valet_dialog_select .list {
  max-height: 400px;
  overflow-y: scroll;
}
.valet_dialog_select .list .list_item {
  height: 57px;
  padding: 15px 30px;
  justify-content: space-between;
  display: flex;
  border-bottom: 0.5px solid #dcdcdc;
  align-items: center;
}
.valet_dialog_select .list .list_item .left_item_div {
  display: flex;
}
.valet_dialog_select .list .list_item .left_item_div span svg {
  color: initial;
  fill: #fffbe3;
}
.valet_dialog_select .list .list_item .left_item_div span svg rect {
  color: initial;
  stroke: #9c8f41;
}
.valet_dialog_select .list .list_item .left_item_div span svg path {
  color: initial;
  fill: #9c8f41;
}
.valet_dialog_select .list .list_item .MuiCheckbox-root {
  padding: 0 !important;
}
.valet_dialog_select .list .list_item .img_div {
  margin-left: 20px;
  margin-right: 12px;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.valet_dialog_select .list .list_item .img_div img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.valet_dialog_select .list .list_item .img_div .active {
  border-radius: 50%;
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: 10px;
  height: 10px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.valet_dialog_select .list .list_item .img_div .active div {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #ff4545;
}
.valet_dialog_select .list .list_item .tenanat_info {
  display: flex;
  flex-direction: column;
}
.valet_dialog_select .list .list_item .tenanat_info :first-child {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #4d4d4d;
}
.valet_dialog_select .list .list_item .tenanat_info :nth-child(2) {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #9c8f41;
}
.valet_dialog_select .list .list_item .btn_div {
  display: flex;
  gap: 7px;
}
.valet_dialog_select .list .list_item .btn_div svg {
  padding: 0;
  width: 9px;
  height: 9px;
}
.valet_dialog_select .list .list_item .btn_div .btn {
  font-weight: 400;
  font-size: 7.31111px;
  line-height: 9px;
  text-transform: none;
  gap: 8px;
  height: 18px;
  width: 54px;
  min-width: max-content !important;
  background-color: #fffbe3;
  color: #9c8f41;
  box-shadow: none;
  padding: 0 !important;
}
.MuiPaper-root:has(.valet_dialog_select) {
  /* Track */
  /* Handle */
}
.MuiPaper-root:has(.valet_dialog_select) ::-webkit-scrollbar {
  width: 6px;
}
.MuiPaper-root:has(.valet_dialog_select) ::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.MuiPaper-root:has(.valet_dialog_select) ::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  width: 6px !important;
  border-radius: 3px !important;
}
.MuiDialogContent-root:has(.valet_dialog_select) {
  width: 432px;
  padding: 0 !important;
}
.MuiDialogContent-root:has(.valet_dialog_select) .btn_div {
  padding-top: 0 !important;
}
.MuiDialogContent-root:has(.valet_dialog_select) .btn_div button {
  border: none !important;
  border-radius: 3px;
}
.MuiDialogContent-root:has(.valet_dialog_select) .btn_div svg {
  border: none;
}
.MuiDialogContent-root:has(.valet_dialog_select) .btn_div span {
  border: none;
}
.notice_dashboard {
  padding: 40px 50px 53px 50px !important;
  min-height: calc(100vh - 64px);
  margin-left: 0 !important;
}
.notice_dashboard__header {
  display: flex;
  justify-content: space-between;
}
.notice_dashboard__header .notice_title {
  color: #767676;
}
.notice_dashboard__header .button_container {
  display: flex;
  gap: 10px;
}
.notice_dashboard__header .button_container .btn_save,
.notice_dashboard__header .button_container .btn_add {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  display: flex;
  gap: 10px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
  border-radius: 5px;
  width: 150px;
}
.notice_dashboard__header .button_container .btn_save {
  background-color: #e1e9fa;
  color: #1d4599;
}
.notice_dashboard__header .button_container .btn_add {
  color: #9c8f41;
  background-color: #fffbe3;
  width: 162px;
  border-radius: 10px;
}
.notice_dashboard .notices_divs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 30px;
  max-width: 1024px;
  width: 100%;
}
.notice_dashboard .notices_divs .notice_item .image_div {
  border-radius: 6px 6px 0px 0px;
  position: relative;
  height: 147px;
}
.notice_dashboard .notices_divs .notice_item .image_div .opacity_div {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: gray;
  opacity: 0.2;
}
.notice_dashboard .notices_divs .notice_item .image_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0px 0px;
}
.notice_dashboard .notices_divs .notice_item .image_div svg {
  width: 32px;
  z-index: 10;
  rotate: 90deg;
  cursor: pointer;
}
.notice_dashboard .notices_divs .notice_item .image_div span {
  position: absolute;
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  top: 15px;
  left: 15px;
  color: white;
  z-index: 1;
}
.notice_dashboard .notices_divs .notice_item .info_div {
  background: white;
  border-radius: 0 0 6px 6px;
  padding: 15px 15px 17px 15px;
}
.notice_dashboard .notices_divs .notice_item .info_div .description_div {
  justify-content: space-between;
  display: flex;
  padding-bottom: 5px;
}
.notice_dashboard .notices_divs .notice_item .info_div .description_div .span_desc {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.notice_dashboard .notices_divs .notice_item .info_div .description_div div {
  display: flex;
  flex-direction: column;
  width: max-content;
  background: #eaeaea;
  border-radius: 6px;
  padding: 4px;
  align-items: center;
  justify-content: center;
}
.notice_dashboard .notices_divs .notice_item .info_div .description_div div span {
  font-weight: 400;
  font-size: 10px;
  line-height: 22px;
  width: max-content;
}
.notice_dashboard .notices_divs .notice_item .info_div .detail {
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  color: #bdbdbd;
}
.notice_dashboard .notice_header {
  display: flex;
  padding-top: 48px;
  padding-bottom: 22px;
  justify-content: space-between;
  max-width: 1024px;
  width: 100%;
  align-items: center;
}
.notice_dashboard .notice_header .span_notice {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
/* add notice */
.add_new_notice_container {
  max-width: 1153px !important;
  width: 100%;
  padding: 8px 50px 53px 50px;
  min-height: calc(100vh - 64px);
  padding: 18px;
}
.add_new_notice_container .notice_top_buttom {
  background-color: white;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 18px;
}
.add_new_notice_container .page_content {
  width: 100%;
}
.add_new_notice_container .page_content__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
.add_new_notice_container .page_content__header .button_container {
  display: flex;
  gap: 10px;
}
.add_new_notice_container .page_content__header .button_container .btn_save,
.add_new_notice_container .page_content__header .button_container .btn_add {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  display: flex;
  gap: 10px;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 110px;
  width: max-content;
  border-radius: 5px;
  background-color: #686868 !important;
  pointer-events: none;
}
.add_new_notice_container .page_content__header .button_container .btn_save.submit,
.add_new_notice_container .page_content__header .button_container .btn_add.submit {
  background-color: #9c8f41 !important;
  pointer-events: visible;
}
.add_new_notice_container .page_content__header .button_container .btn_save {
  background-color: #e1e9fa;
  color: #1d4599;
}
.add_new_notice_container .page_content__header .button_container .btn_add {
  color: #fffbe3;
  background-color: #9c8f41;
}
.add_new_notice_container .page_content .notice_top {
  display: flex;
  margin-bottom: 39px;
}
.add_new_notice_container .page_content .notice_top__left {
  width: 33%;
}
.add_new_notice_container .page_content .notice_top__left .image_container .upload_image {
  max-width: 100%;
}
.add_new_notice_container .page_content .notice_top__left .image_container .upload_image .dropspan {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.add_new_notice_container .page_content .notice_top__left .image_container .uploadimage {
  width: 100%;
  height: 170px;
}
.add_new_notice_container .page_content .notice_top__left .image_container .uploadimage img {
  width: 100%;
  object-fit: cover;
}
.add_new_notice_container .page_content .notice_top__left .note_text {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
  margin-top: 12px;
}
.add_new_notice_container .page_content .notice_top__right {
  width: 67%;
  padding-left: 20px;
  height: 170px;
}
.add_new_notice_container .page_content .notice_top__right .MuiTextField-root {
  height: 126px;
}
.add_new_notice_container .page_content .notice_top__right .MuiTextField-root div {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  height: 126px;
  padding-left: 25px;
  padding-top: 13px;
}
.add_new_notice_container .page_content .notice_top__right .MuiTextField-root div ::placeholder {
  opacity: 1;
  color: #c1c1c1;
}
.add_new_notice_container .page_content .notice_top__right .MuiInputBase-root {
  height: 28px;
}
.add_new_notice_container .page_content .notice_top__right-input_header {
  font-size: 24px;
  width: 100%;
  font-weight: 700;
}
.add_new_notice_container .page_content .notice_top__right-input_header input::placeholder {
  color: #c1c1c1;
}
.add_new_notice_container .page_content .notice_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.add_new_notice_container .page_content .notice_bottom__left {
  width: 50%;
}
.add_new_notice_container .page_content .notice_bottom__left-header {
  margin-bottom: 20px;
}
.add_new_notice_container .page_content .notice_bottom__left-content .notice_form__note {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #c1c1c1;
}
.add_new_notice_container .page_content .notice_bottom__left-content .specific_building {
  display: flex;
  justify-content: flex-end;
}
.add_new_notice_container .page_content .notice_bottom__left-content .specific_building .specific_building-select {
  width: 80%;
}
.add_new_notice_container .page_content .notice_bottom__left-content .specific_tenant {
  display: flex;
  justify-content: flex-end;
}
.add_new_notice_container .page_content .notice_bottom__left-attachment {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
.add_new_notice_container .page_content .notice_bottom__left-attachment .attachment-info {
  margin-right: 10px;
}
.add_new_notice_container .page_content .notice_bottom__left-attachment .attachment-info .attachment-info__subtitle {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
}
.add_new_notice_container .page_content .notice_bottom__left-attachment .btn_upload {
  background-color: #9c8f41;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 10px;
  border-radius: 4px;
  width: 80px;
  height: 35px;
}
.add_new_notice_container .page_content .notice_bottom__right {
  margin-top: -50px;
  padding: 10px;
  padding-left: 20px;
  width: 67%;
}
.add_new_notice_container .page_content .notice_bottom__right-add_layout {
  display: flex;
  justify-content: flex-end;
}
.add_new_notice_container .page_content .notice_bottom__right-add_layout button {
  border: 0;
  background-color: transparent;
  color: #9c8f41;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.add_new_notice_container .page_content .notice_bottom__right-add_layout button.mt-20 {
  margin-top: 20px;
}
.add_new_notice_container .page_content .notice_bottom__right-add_layout button.mt-5 {
  margin-top: 5px;
}
.add_new_notice_container .page_content .notice_bottom__right-layout_input {
  font-size: 24px;
  width: 100%;
  font-weight: 700;
}
.add_new_notice_container .page_content .notice_bottom__right-layout_input input {
  text-align: right;
}
.add_new_notice_container .page_content .notice_bottom__right-layout_input input::placeholder {
  color: #c1c1c1;
}
.add_new_notice_container .page_content .notice_bottom__right-layout_description {
  text-align: right;
}
.notice_bottom__left-content .span_div {
  display: flex;
  width: 570px;
  gap: 10px;
}
.notice_bottom__left-content .span_div :nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #c1c1c1;
}
.notice_bottom__left-content .check_div {
  flex-direction: column;
  display: flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #565656;
}
.notice_bottom__left-content .check_div .searchTenant {
  width: 241px;
  height: 31px;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-left: 37px;
}
.notice_bottom__left-content .check_div .searchTenant input {
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  padding-left: 10px;
}
.notice_bottom__left-content .check_div .item {
  display: flex;
  align-items: center;
}
.notice_bottom__left-content .check_div .checkincon {
  border: 1px solid #9c8f41 !important;
  width: 20px;
  height: 20px;
  background-color: #9c8f41;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notice_bottom__left-content .check_div .checkincon.false {
  background-color: white !important;
  border: 0.5px solid #1d4599;
}
.btn_upload {
  text-transform: none !important;
}
.detail_proport_notices {
  margin-left: 37px;
  padding: 13px 0 !important;
}
.detail_proport_notices .span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.detail_proport_notices .select_div {
  width: 241px;
  height: 31px;
  background-color: #f7f7f7 !important;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.detail_proport_notices .select_div span,
.detail_proport_notices .select_div svg {
  position: absolute;
  top: 10px;
}
.detail_proport_notices .select_div span path,
.detail_proport_notices .select_div svg path {
  fill: #939393;
}
.detail_proport_notices .select_div span {
  left: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #939393;
}
.detail_proport_notices .select_div span.selected {
  color: black;
}
.detail_proport_notices .select_div svg {
  right: 10px;
}
.detail_proport_notices .options {
  display: flex;
  flex-direction: column;
  width: 390px;
  border-radius: 4px;
  background-color: white;
  margin-top: 11px;
}
.detail_proport_notices .options div {
  padding: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #5e6366;
  cursor: pointer;
}
.searchnoticetenant .searchTenant_result {
  width: 241px;
  margin-left: 37px;
  background-color: #f7f7f7;
  border-radius: 0 0 5px 5px;
}
.searchnoticetenant .searchTenant_result div {
  padding: 10px;
  border-top: 1px solid white;
}
.wrapper_notices_dropdown {
  width: 32px;
  position: absolute;
  z-index: 10;
  right: 0;
  cursor: pointer;
}
.button_dropdown_list_multi_levels_home_notices {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.button_dropdown_list_multi_levels_home_notices svg {
  width: 15px;
}
.button_dropdown_list_multi_levels_home_notices:focus {
  box-shadow: none !important;
}
.button_dropdown_list_multi_levels_home_notices li :hover {
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
}
.menu_dropdown_list_multi_levels_home_notices {
  display: flex;
  flex-direction: column;
}
.menu_dropdown_list_multi_levels_home_notices ul {
  margin: 0 !important;
}
.menu_dropdown_list_multi_levels_home_notices ul li {
  border-radius: 4px !important;
}
.menu_dropdown_list_multi_levels_home_notices ul li:hover {
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
}
.charge_wallet_container {
  min-height: calc(100vh - 64px);
}
.charge_wallet_header {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 600px;
  margin: 0 auto;
  padding-top: 50px;
}
.charge_wallet_header__head {
  margin-left: 10px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.charge_wallet_body {
  background-color: rgb(255, 255, 255);
  width: 600px;
  border-radius: 15px;
  min-height: 72vh;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 30px;
}
.charge_wallet_body__image_container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 77px;
  width: 77px;
  border-radius: 50%;
  margin: 0 auto;
}
.charge_wallet_body__image_container img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.charge_wallet_body__client_name {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  margin-top: 10px !important;
}
.charge_wallet_body__current_balance_content {
  margin-top: 50px;
  text-align: center;
}
.charge_wallet_body__current_balance_content .current_balance_content-header {
  color: rgba(0, 0, 0, 0.5294117647);
  font-size: 14px;
}
.charge_wallet_body__current_balance_content .current_balance_content-amount,
.charge_wallet_body__current_balance_content .current_balance_content-currency {
  font-size: 48px;
}
.charge_wallet_body__current_balance_content .current_balance_content-currency {
  margin-left: 5px;
}
.charge_wallet_body__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 30px;
}
.charge_wallet_body__button button {
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #1d4599;
  background-color: #e1e9fa;
}
.charge_wallet_body__activity {
  padding: 20px 30px;
}
.charge_wallet_body__activity .activity-header {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  padding-bottom: 10px;
}
.charge_wallet_body__activity .activity-time_line-container {
  height: 300px;
  overflow-y: scroll;
}
.charge_wallet_body__activity .activity-time_line-container::-webkit-scrollbar {
  width: 10px;
}
.charge_wallet_body__activity .activity-time_line-container::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.charge_wallet_body__activity .activity-time_line-container::-webkit-scrollbar-thumb {
  background: #BFBFBF;
  border-radius: 10px;
}
.charge_wallet_body__activity .activity-time_line-container .activity-time_line {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
}
.charge_wallet_body__activity .activity-time_line-container .activity-time_line .activity-time_line-left-date {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  margin-top: 0 !important;
  margin-bottom: 8px;
}
.charge_wallet_body__activity .activity-time_line-container .activity-time_line .activity-time_line-right {
  padding-right: 5px;
}
.charge_wallet_body__activity .activity-time_line-container .activity-time_line .activity-time_line-right-amount {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  margin-top: 0 !important;
  margin-bottom: 8px;
}
.charge_wallet_body__activity .activity-time_line-container .activity-time_line .activity-time_line-right-button {
  padding: 0;
  border: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #1d4599;
  background-color: transparent;
  cursor: pointer;
}
.charge_wallet_body__charge_wallet {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  background-color: #f9f9f9;
  margin-top: 35px;
  padding: 36px;
}
.charge_wallet_body__charge_wallet .charge_wallet-header {
  margin-bottom: 13px;
}
.charge_wallet_body__charge_wallet .charge_wallet-subheader {
  color: #727272;
  margin-top: 13px;
}
.charge_wallet_body__charge_wallet .charge_wallet-input-container span {
  margin-left: 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #B5B5B5;
}
.charge_wallet_body__charge_wallet .charge_wallet-input-container .charge_wallet-confirm_input {
  width: 50%;
  font-size: 48px;
  line-height: 72px;
}
.charge_wallet_body__charge_wallet .charge_wallet-input-container .charge_wallet-confirm_input input {
  text-align: center;
}
.charge_wallet_body__confirm {
  background: #fff;
  height: 36px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.charge_wallet_body__confirm-input {
  color: #212121;
  width: 70%;
}
.charge_wallet_body__confirm-button {
  width: 25%;
  display: flex;
  justify-content: space-between;
}
.charge_wallet_body__confirm-button-confirm, .charge_wallet_body__confirm-button-cancel {
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  background: transparent !important;
}
.charge_wallet_body__confirm-button-confirm {
  pointer-events: none;
  color: #999999;
}
.charge_wallet_body__confirm-button-confirm.charge {
  color: #1d4599;
  pointer-events: visible;
}
.charge_wallet_body__confirm-button-cancel {
  color: #999999;
}
.charge_wallet_body__charge_button {
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #1d4599;
  background-color: #e1e9fa;
  cursor: pointer;
  width: 100%;
}
.charge_wallet_body__charge_button {
  pointer-events: none;
  background-color: #868686;
  color: white;
}
.charge_wallet_body__charge_button.charge {
  pointer-events: visible;
  color: #1d4599;
  background-color: #e1e9fa;
}
.MuiPaper-root:has(.invoice_charge_wallet) {
  border-radius: 0 !important;
}
.MuiDialogContent-root:has(.invoice_charge_wallet) {
  width: 595px !important;
  border-radius: 0 !important;
  overflow-x: hidden;
}
.invoice_charge_wallet {
  width: 595px !important;
}
.invoice_charge_wallet .payment_details {
  display: flex;
  flex-direction: column;
  padding-top: 100px;
}
.invoice_charge_wallet .payment_details div:has(.text) span {
  font-weight: 700;
  font-size: 14px;
}
.invoice_charge_wallet .payment_details .first {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #bcb0c4;
}
.invoice_charge_wallet .payment_details .first .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #222234;
}
.invoice_charge_wallet .payment_details .first :first-child {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #bcb0c4;
}
.invoice_charge_wallet .payment_details .last {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #6f6f84;
}
.invoice_charge_wallet .payment_details .last :first-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #1d4599;
}
.invoice_charge_wallet .tabe {
  display: flex;
  flex-direction: column;
}
.invoice_charge_wallet .tabe .sub {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #6f6f84;
}
.invoice_charge_wallet .tabe .resp {
  padding-top: 5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #222234;
  padding-bottom: 20px;
}
.invoice_charge_wallet .tabe .table_with_numbers {
  display: flex;
}
.invoice_charge_wallet .tabe .table_with_numbers .invoice_num {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.invoice_charge_wallet .tabe .table_with_numbers .invoice_num .item :first-child {
  font-weight: 400;
  font-size: 14px;
  color: #6f6f84;
}
.invoice_charge_wallet .tabe .table_with_numbers .invoice_num .item :last-child {
  font-weight: 600;
  font-size: 14px;
  color: #222234;
  padding-top: 5px;
}
.invoice_charge_wallet .invoice_table {
  width: 396px;
}
.invoice_charge_wallet .invoice_table div:has(.terms) {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 20px;
}
.invoice_charge_wallet .invoice_table .terms {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #6f6f84;
}
.invoice_charge_wallet .invoice_table .desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #222234;
}
.invoice_charge_wallet .invoice_table .sub_total_invoice {
  justify-content: space-between;
  display: flex;
  padding: 10px;
  border-top: 2px solid #bcb0c4;
  border-bottom: 2px solid #bcb0c4;
  height: 60px;
}
.invoice_charge_wallet .invoice_table .sub_total_invoice .first,
.invoice_charge_wallet .invoice_table .sub_total_invoice .amount {
  display: flex;
  flex-direction: column;
}
.invoice_charge_wallet .invoice_table .sub_total_invoice .first {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #6f6f84;
  gap: 10px;
}
.invoice_charge_wallet .invoice_table .sub_total_invoice .amount {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #222234;
  gap: 10px;
}
.invoice_charge_wallet .invoice_table .total {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  height: 44px;
  align-items: center;
}
.invoice_charge_wallet .invoice_table .total .usd {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #222234;
}
.invoice_charge_wallet .invoice_table .total .usd :last-child {
  color: #6f6f84;
}
.invoice_charge_wallet .invoice_table .total:last-child {
  color: #1d4599;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
}
.invoice_charge_wallet .invoice_table thead th {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  height: 35px;
  color: #6f6f84;
  padding: 0;
}
.invoice_charge_wallet .invoice_table thead th:first-child {
  padding-left: 10px;
}
.invoice_charge_wallet .invoice_table thead th:last-child {
  padding-right: 10px;
}
.invoice_charge_wallet .invoice_table th,
.invoice_charge_wallet .invoice_table td {
  border-top: 1px solid #bcb0c4;
  border-bottom: 2px solid #bcb0c4;
}
.invoice_charge_wallet .invoice_table .MuiPaper-root {
  border: 1px solid #bcb0c4;
  border-radius: 8px;
  height: 195px;
}
.invoice_charge_wallet .invoice_table tbody tr {
  height: 24px;
}
.invoice_charge_wallet .invoice_table tbody tr td,
.invoice_charge_wallet .invoice_table tbody tr th {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #222234;
  padding: 0;
}
.invoice_charge_wallet .invoice_table tbody tr th {
  padding-left: 10px;
}
.invoice_charge_wallet .invoice_table tbody tr td:last-child {
  padding-right: 10px;
}
.invoice_charge_wallet .header {
  display: flex;
}
.invoice_charge_wallet .header .left,
.invoice_charge_wallet .header .right {
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.invoice_charge_wallet .header .left {
  align-items: flex-start;
}
.invoice_charge_wallet .header .left .location {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #6f6f84;
  padding-top: 18px;
}
.invoice_charge_wallet .header .left .day {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #222234;
  padding-top: 10px;
}
.invoice_charge_wallet .header .right {
  gap: 5px;
}
.invoice_charge_wallet .header .right :first-child {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #6f6f84;
  padding-bottom: 10px;
}
.invoice_charge_wallet .header .right :nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #6f6f84;
}
.invoice_charge_wallet .header .right :nth-child(3) {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #222234;
}
.invoice_charge_wallet .header .right :last-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: end;
  display: block;
  max-width: 147px;
  color: #222234;
}
.land_screen {
  min-height: 100vh;
  background-image: url("/assets/tenxBackground.1a920840.jpg");
  background-repeat: no-repeat;
  max-width: none !important;
  background-size: cover;
  background-color: #d8d8d8;
  padding: 0 !important;
}
.header_logo_tenx {
  cursor: pointer;
}
.already_member {
  cursor: pointer;
}
.welcome_tenx {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  max-width: 1512px !important;
  padding: 33px 100px 50px 100px !important;
}
.welcome_tenx .header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.welcome_tenx .header img {
  cursor: pointer;
}
.welcome_tenx .header .btn_div_login {
  display: flex;
  gap: 60px;
}
.welcome_tenx .header .btn_div_login .btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  border: none;
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  padding: 0 !important;
}
.welcome_tenx .header .btn_div_login .btn.login {
  width: max-content;
  background: none !important;
  color: #1d4599;
}
.welcome_tenx .header .btn_div_login .btn.signup {
  background-color: #1d4599;
  padding: 13px 45px !important;
}
.welcome_tenx .content {
  display: flex;
  padding-top: 112px;
  justify-content: space-between;
}
.welcome_tenx .content .info {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 668px;
}
.welcome_tenx .content .info :first-child {
  display: flex;
  flex-direction: column;
}
.welcome_tenx .content .info :first-child span {
  font-weight: 700;
  font-size: 63.4303px;
  line-height: 95px;
  color: #1d4599;
}
.welcome_tenx .content .info :nth-child(2) {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #1d4599;
}
.welcome_tenx .content .info .try_btn {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  background-color: #1d4599;
  color: white;
  box-shadow: none;
  text-transform: none;
  min-width: max-content;
  padding: 12px 72px;
  width: max-content;
}
.create_organization_landscrenn {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 100vh;
  max-width: 1512px !important;
  padding: 32px 80px 50px 101px !important;
}
.create_organization_landscrenn.welcome {
  display: flex;
  justify-content: center !important;
  align-items: center;
}
.create_organization_landscrenn.welcome span {
  font-weight: 400;
  font-size: 48px;
  line-height: 72px;
  color: #1d4599;
}
.create_organization_landscrenn .header {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.create_organization_landscrenn .header span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1d4599;
}
.create_organization_landscrenn .header span.login {
  font-weight: 700;
}
.create_organization_landscrenn .createOrg_box {
  margin: auto;
  border-radius: 10px;
}
.create_organization_landscrenn .createOrg_box .content_create {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 118px 0;
}
.create_organization_landscrenn .createOrg_box .image_org {
  width: 68px;
  height: 68px;
}
.create_organization_landscrenn .createOrg_box .create {
  font-weight: 600;
  font-size: 20px;
  line-height: 10px;
  color: #040404;
  padding-top: 32px;
}
.create_organization_landscrenn .createOrg_box .steps_div {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  padding: 60px 30px 0 30px;
}
.create_organization_landscrenn .createOrg_box .steps_div .step_item {
  cursor: pointer;
}
.create_organization_landscrenn .createOrg_box .steps_div .step_item:nth-child(2) {
  pointer-events: none;
}
.create_organization_landscrenn .createOrg_box .steps_div .step_item:nth-child(3) {
  pointer-events: none;
}
.create_organization_landscrenn .createOrg_box .steps_div div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  padding: 21px 20px;
  align-items: center;
}
.create_organization_landscrenn .createOrg_box .steps_div div svg {
  width: 10px;
  height: 16px;
  rotate: 270deg;
}
.create_organization_landscrenn .createOrg_box .steps_div div span {
  font-weight: 600;
  font-size: 16px;
  line-height: 14px;
  color: #040404;
}
.create_organization_landscrenn .createOrg_box .generalInfo {
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.create_organization_landscrenn .createOrg_box .generalInfo .btn_next {
  pointer-events: none;
  cursor: pointer;
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  background-color: #a9a9a9;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  gap: 10px;
}
.create_organization_landscrenn .createOrg_box .generalInfo .btn_next.next {
  background-color: #1d4599 !important;
  pointer-events: visible;
}
.create_organization_landscrenn .createOrg_box .generalInfo .btn_next svg {
  rotate: 270deg;
  height: 10px;
  width: 16px;
}
.create_organization_landscrenn .createOrg_box .generalInfo .btn_next svg path {
  fill: white;
}
.create_organization_landscrenn .createOrg_box .generalInfo .select_country {
  position: relative;
}
.create_organization_landscrenn .createOrg_box .generalInfo .select_country .MuiSvgIcon-root {
  opacity: 0;
}
.create_organization_landscrenn .createOrg_box .generalInfo .select_country .down_svg {
  position: absolute;
  z-index: 10;
  width: 16px;
  height: 10px;
  top: 20px;
  right: 20px;
}
.create_organization_landscrenn .createOrg_box .generalInfo .select_country .country {
  position: absolute;
  top: 19px;
  z-index: 10;
  left: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #939393;
  font-family: "Poppins", sans-serif;
}
.create_organization_landscrenn .createOrg_box .generalInfo .select_country .select_country_with_option {
  width: 100%;
  height: 50px;
  background-color: white;
  border-radius: 10px;
}
.create_organization_landscrenn .createOrg_box .generalInfo .select_country .select_country_with_option .MuiSelect-select {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.create_organization_landscrenn .createOrg_box .generalInfo .select_country .select_country_with_option fieldset {
  border: none;
}
.create_organization_landscrenn .createOrg_box .generalInfo .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 10px;
  color: #040404;
  padding-top: 14px;
}
.create_organization_landscrenn .createOrg_box .generalInfo .inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 60px;
}
.create_organization_landscrenn .createOrg_box .generalInfo .inputs .input_container .input {
  width: 100%;
  height: 50px;
  background-color: white;
  border-radius: 10px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 10px;
  font-size: 14px;
  line-height: 10px;
  font-weight: 600;
}
.create_organization_landscrenn .createOrg_box .generalInfo .inputs .input_container .input ::placeholder {
  color: #939393;
  opacity: 1;
}
.create_organization_landscrenn .createOrg_box .generalInfo .inputs .input_container .input input {
  padding: 0;
}
.create_organization_landscrenn .createOrg_box .generalInfo .inputs .input_container .input input::-webkit-outer-spin-button,
.create_organization_landscrenn .createOrg_box .generalInfo .inputs .input_container .input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.create_organization_landscrenn .createOrg_box .generalInfo .header_div {
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
}
.create_organization_landscrenn .createOrg_box .generalInfo .header_div span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #a9a9a9;
}
.create_organization_landscrenn .createOrg_box .generalInfo .header_div svg {
  rotate: 90deg;
  width: 12px;
  height: 16px;
}
.create_organization_landscrenn .createOrg_box .create_service {
  height: 567px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.create_organization_landscrenn .createOrg_box .create_service .btn_next {
  pointer-events: none;
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  background-color: #a9a9a9;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  gap: 10px;
}
.create_organization_landscrenn .createOrg_box .create_service .btn_next.next {
  pointer-events: visible;
  background-color: #9c8f41;
}
.create_organization_landscrenn .createOrg_box .create_service .btn_next svg {
  rotate: 270deg;
  height: 10px;
  width: 16px;
}
.create_organization_landscrenn .createOrg_box .create_service .btn_next svg path {
  fill: white;
}
.create_organization_landscrenn .createOrg_box .create_service .sign_up-loading-text {
  height: 369px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices {
  padding-bottom: 60px;
  padding-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 15px;
  row-gap: 15px;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices .service_item:has(.checked_icon) {
  border: 1px solid #9c8f41;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices .service_item {
  height: 50px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  width: 236px;
  justify-content: space-between;
  padding: 8px 20px 8px 10px;
  border-radius: 6px;
  background-color: white;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices .service_item .check_div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices .service_item .checkbox .checkincon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #b8b8b8;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices .service_item span {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices .service_item .service_icons_div {
  width: 50px;
  height: 50px;
}
.create_organization_landscrenn .createOrg_box .create_service .allservices .service_item .service_icons_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.create_organization_landscrenn .createOrg_box .create_service .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 10px;
  color: #040404;
  padding-top: 14px;
}
.create_organization_landscrenn .createOrg_box .create_service .header_div {
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
}
.create_organization_landscrenn .createOrg_box .create_service .header_div span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #a9a9a9;
}
.create_organization_landscrenn .createOrg_box .create_service .header_div svg {
  rotate: 90deg;
  width: 12px;
  height: 16px;
}
.create_organization_landscrenn .createOrg_box .create_appearance {
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .uploadLogo {
  position: relative;
}
.create_organization_landscrenn .createOrg_box .create_appearance .uploadLogo .divs_upload {
  width: 110px;
  height: 110px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .uploadLogo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #dddddd;
}
.create_organization_landscrenn .createOrg_box .create_appearance .uploadLogo .cameraDiv {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 1px solid #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  bottom: 0;
  right: 5px;
  background-color: white;
}
.create_organization_landscrenn .createOrg_box .create_appearance .uploadLogo .editdiv {
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.create_organization_landscrenn .createOrg_box .create_appearance .uploadLogo .editdiv svg {
  width: 19px;
  height: 19px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .uploadLogo .fileinput {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
  max-width: 100%;
}
.create_organization_landscrenn .createOrg_box .create_appearance .btn_next {
  pointer-events: none;
  margin-top: 66px;
  cursor: pointer;
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  background-color: #a9a9a9;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .btn_next.next {
  pointer-events: visible;
  background-color: #1d4599;
}
.create_organization_landscrenn .createOrg_box .create_appearance .select_lan {
  position: relative;
}
.create_organization_landscrenn .createOrg_box .create_appearance .select_lan .MuiSvgIcon-root {
  opacity: 0;
}
.create_organization_landscrenn .createOrg_box .create_appearance .select_lan .down_svg {
  position: absolute;
  z-index: 10;
  width: 16px;
  height: 10px;
  top: 20px;
  right: 20px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .select_lan .country {
  position: absolute;
  top: 19px;
  z-index: 10;
  left: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #939393;
  font-family: "Poppins", sans-serif;
}
.create_organization_landscrenn .createOrg_box .create_appearance .select_lan .select_country_with_option {
  width: 100%;
  height: 50px;
  background-color: white;
  border-radius: 10px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .select_lan .select_country_with_option .MuiSelect-select {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.create_organization_landscrenn .createOrg_box .create_appearance .select_lan .select_country_with_option fieldset {
  border: none;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme {
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme .checkbtn_theme {
  width: 17px;
  height: 13px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div.activesort {
  width: 52px;
  height: 52px;
  margin-top: -8px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:first-child {
  background-color: #ff7473;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(2) {
  background-color: #1d4599;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(3) {
  background-color: #4fffaa;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(4) {
  background-color: #adff00;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(5) {
  background-color: #cc00ff;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(6) {
  background-color: #4fffaa;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(7) {
  background-color: #4fffaa;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(8) {
  background-color: #4fffaa;
}
.create_organization_landscrenn .createOrg_box .create_appearance .theme div:nth-child(9) {
  background-color: #E1F4FF;
}
.create_organization_landscrenn .createOrg_box .create_appearance .color_span {
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #040404;
  display: block;
  padding-top: 20px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .add_logo {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .add_logo .upload_photo {
  width: 110px;
  height: 110px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .add_logo span {
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #040404;
}
.create_organization_landscrenn .createOrg_box .create_appearance .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 10px;
  color: #040404;
  padding-top: 16px;
}
.create_organization_landscrenn .createOrg_box .create_appearance .header_div {
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
}
.create_organization_landscrenn .createOrg_box .create_appearance .header_div span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #a9a9a9;
}
.create_organization_landscrenn .createOrg_box .create_appearance .header_div svg {
  rotate: 90deg;
  width: 12px;
  height: 16px;
}
.help {
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 17px;
  width: max-content;
}
.help .message_help {
  height: 46px;
}
.help .span_help {
  font-weight: 600;
  font-size: 14px;
  line-height: 13px;
  color: #a5a5a5;
  position: absolute;
  right: 119px;
  top: 17px;
}
.help .svg_help {
  cursor: pointer;
}
.MuiPaper-root:has(.country) {
  margin-left: 157px;
  margin-top: -52px;
  width: 175px;
  border-radius: 10px;
  height: 127px;
  position: relative;
}
.MuiPaper-root:has(.country) .arrow-up {
  position: absolute;
  z-index: 10;
  top: 18px;
  right: 20px;
  rotate: 180deg;
}
.MuiPaper-root:has(.country) ul {
  padding: 0;
}
.MuiPaper-root:has(.country) ul .countryfirst {
  opacity: 0 !important;
}
.MuiPaper-root:has(.country) ul li {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  padding: 0 19px 0 17px;
  color: #939393;
  border-top: 0.5px solid #a9a9a9;
  height: 41px;
}
.MuiPaper-root:has(.country) ul li:first-child {
  border-top: none;
  display: flex;
  justify-content: space-between;
}
.MuiPaper-root:has(.country) ul li svg {
  rotate: 180deg;
}
.MuiPaper-root:has(.country) ul li.Mui-selected {
  background: white !important;
  color: #939393 !important;
}
.MuiPopover-root:has(.country) .MuiBackdrop-root {
  background: none !important;
}
.generalInfo .PhoneInput {
  width: 100%;
  height: 50px;
  background-color: white;
  border-radius: 10px;
}
.generalInfo .PhoneInput .PhoneInputCountry {
  padding-left: 11px;
}
.generalInfo .PhoneInput input {
  border: none;
}
.generalInfo .PhoneInput :focus {
  outline: none;
}
/* Styles for screens up to 768px wide (commonly mobile devices) */
@media screen and (max-width: 880px) {
  .signin .password .signindiv {
    padding-top: unset !important;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .MuiPaper-root:has(.country) {
    margin-left: 100px !important;
  }
  .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root {
    min-height: 40px !important;
  }
  .welcome_tenx {
    padding-left: 30px !important;
    padding-right: 10px !important;
  }
  .welcome_tenx .header .btn_div_login {
    gap: 10px;
  }
  .welcome_tenx .content .info :nth-child(2) {
    font-size: 16px;
    line-height: unset;
  }
  .welcome_tenx .content .info :first-child span {
    font-size: 24px;
    line-height: unset;
  }
  .welcome_tenx .content .manImage img {
    width: 100%;
  }
  .welcome_tenx .help {
    gap: unset;
  }
  .welcome_tenx .help .span_help {
    top: 14px;
    left: 7px;
  }
  .welcome_tenx .help svg {
    width: 35px;
    height: 44px;
  }
  .create_organization_landscrenn {
    padding-right: 50px !important;
    padding-left: 40px !important;
  }
  .create_organization_landscrenn .create_appearance {
    padding: unset !important;
  }
  .create_organization_landscrenn .create_service {
    height: unset !important;
  }
  .create_organization_landscrenn .create_service .allservices {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .create_organization_landscrenn .help .span_help {
    right: 90px;
  }
  .create_organization_landscrenn .ladnscreenHelpWrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 25px;
  }
  .create_organization_landscrenn .content_create {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
.service_dashboard {
  min-height: calc(100vh - 64px);
  margin-left: 0 !important;
  padding-left: 50px !important;
  padding-top: 45px;
}
.service_dashboard .service_dashboard_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.service_dashboard .service_dashboard_header .header_service {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.service_dashboard .service_dashboard_header .btn {
  display: flex;
  gap: 15px;
}
.service_dashboard .service_dashboard_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.service_dashboard .service_dashboard_header .btn .add_btn {
  background-color: #fffbe3;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: none;
}
.service_management {
  max-width: 1152px !important;
  height: calc(100vh - 64px);
  margin: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 15px;
}
.service_management .request_header {
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.service_management .request_header .service_management_div_btn {
  display: flex;
  gap: 10px;
}
.service_management .request_header .service_management_div_btn .btn {
  background-color: #fffbe3;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  color: #9c8f41;
  display: flex;
  gap: 10px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
  box-shadow: none;
  width: 175px;
  height: 36px;
}
.service_management .request_header .service_management_div_btn .btn.cards {
  background-color: white;
  width: 113px;
  padding: 0;
  gap: 5px;
  border: 1px solid #e3e5e5;
  padding: 0 3px;
  color: #757575;
}
.service_management .request_header span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.service_management .sortServiceTable {
  cursor: pointer;
  display: flex;
  gap: 15px;
  padding-bottom: 15px;
}
.service_management .sortServiceTable div {
  width: 100px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: white;
  font-family: "Roboto", sans-serif;
  color: #888888;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.service_management .sortServiceTable div.activeserv {
  background-color: #fffbe3;
  color: #9c8f41;
}
.add_service_container {
  max-width: 1153px !important;
  height: calc(100vh - 64px);
  margin: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 15px;
}
.add_service_container .header_addservice {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.add_service_container .header_addservice .action_addservice {
  display: flex;
  align-items: center;
  gap: 10px;
}
.add_service_container .header_addservice span {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.add_service_container .header_addservice .add_servicebtn {
  min-width: max-content;
  width: max-content;
  text-transform: none;
  box-shadow: none;
  background-color: #8f8f8f;
  border-radius: 5px;
  width: 116px;
  height: 28px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  pointer-events: none;
}
.add_service_container .header_addservice .add_servicebtn.active_addservice {
  pointer-events: visible;
  background-color: #9c8f41;
  color: #fffbe3;
}
.add_service_container .add_services {
  padding-top: 42px;
}
.add_service_container .add_services .MuiPaper-root {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.add_service_container .add_services .addservice_panel_summary {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.add_service_container .add_services .addservice_panel_summary .icon_detail {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fffbe3;
}
.add_service_container .add-service-actrors {
  padding-top: 60px;
}
.add_service_container .add-service-actrors .span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  display: block;
  padding-bottom: 42px;
}
.add_service_container .add-service-actrors .addservice_panel_summary {
  display: flex;
  align-items: center;
  gap: 15px;
}
.add_service_container .add-service-actrors .addservice_panel_summary span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.dropimageservice {
  width: 215px;
  height: 96px;
}
.dropimageservice .dropspan {
  bottom: 21px;
  left: 49px;
}
.service-add_info {
  padding: 13px 26px 22px 26px;
  display: flex;
  justify-content: space-between;
}
.service-add_info .addServiceimage {
  width: 215.29px;
  height: 96px;
  border-radius: 6px;
}
.service-add_info .addServiceimage img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.service-add_info .text_area {
  height: 142px;
}
.service-add_info .text_area span {
  color: red;
  font-size: 12px;
  font-weight: 400;
}
.service-add_info .text_area .css-44gyu3-JoyTextarea-root {
  --Textarea-focusedHighlight: white;
}
.service-add_info .text_area .JoyTextarea-root {
  height: 100%;
  border: none;
  border-radius: 4px;
  background-color: white;
  padding: 10px !important;
}
.service-add_info .text_area .JoyTextarea-root textarea {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
}
.service-add_info .text_area .JoyTextarea-root textarea::placeholder {
  color: #6f6f6f;
  opacity: 1;
}
.service-add_info .image_div {
  width: 46%;
}
.service-add_info .image_div .info_service_add {
  margin-top: 13px;
  background: white;
  border-radius: 4px;
  width: 100%;
  height: 31px;
}
.service-add_info .image_div .info_service_add input {
  padding-left: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: black;
}
.service-add_info .image_div .info_service_add input::placeholder {
  color: #6f6f6f;
  opacity: 1;
}
.service-add_info .text_area {
  width: 46%;
}
.select-avail {
  padding: 15px 20px;
  height: max-content;
}
.select-avail .select_available {
  position: relative;
  width: 390px;
  height: 31px;
  background-color: white;
}
.select-avail .select_available fieldset {
  border: none;
  border-radius: 4px;
}
.select-avail .select_available svg {
  opacity: 0;
}
.select-avail .select_available span {
  position: absolute;
  left: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #8c8c8c;
  top: 10px;
}
.select-avail .select_available .down_svg {
  position: absolute;
  opacity: 1 !important;
  right: 10px;
  top: 10px;
}
.select-avail .select_available .add-service-select-avail {
  width: 390px;
  height: 31px !important;
  position: relative;
}
#demo-simple-select-autowidth {
  padding: 0;
  height: 100%;
  width: 100%;
  padding-left: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #8c8c8c;
}
.MuiPaper-root:has(.available) {
  width: 390px;
  padding-left: 10px;
  font-weight: 400;
  font-size: 12px !important;
  line-height: 10px;
  color: #8c8c8c;
}
.MuiPopover-root:has(.available) .MuiBackdrop-root {
  background: none !important;
}
.detail_proport_services {
  padding: 20px;
}
.detail_proport_services .span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.detail_proport_services .select_div {
  width: 390px;
  height: 31px;
  background-color: white;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.detail_proport_services .select_div span,
.detail_proport_services .select_div svg {
  position: absolute;
  top: 10px;
}
.detail_proport_services .select_div span path,
.detail_proport_services .select_div svg path {
  fill: #939393;
}
.detail_proport_services .select_div span {
  left: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #939393;
}
.detail_proport_services .select_div span.selected {
  color: black;
}
.detail_proport_services .select_div svg {
  right: 10px;
}
.detail_proport_services .options {
  display: flex;
  flex-direction: column;
  width: 390px;
  border-radius: 4px;
  background-color: white;
  margin-top: 11px;
}
.detail_proport_services .options div {
  padding: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #5e6366;
  cursor: pointer;
}
.add_service_admin {
  display: flex;
}
.add_service_admin .addactor {
  color: #9c8f41;
  border: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  background: none;
  cursor: pointer;
  padding-top: 26px;
}
.add_service_admin .input_add_actor {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 390px;
  padding-top: 16px;
  padding-bottom: 20px;
}
.add_service_admin .input_add_actor .inputs_actor {
  background-color: white;
  border-radius: 4px;
  height: 31px;
}
.add_service_admin .input_add_actor .inputs_actor input {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  padding-left: 10px;
}
.add_service_admin .input_add_actor .inputs_actor input::placeholder {
  color: #959698;
  opacity: 1;
}
.add_service_admin .addcancel_actor {
  height: 31px;
  border-radius: 4px;
  text-transform: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
}
.add_service_admin .addcancel_actor.add {
  background-color: #9c8f41;
  color: #fffbe3;
}
.add_service_admin .addcancel_actor.cancel {
  background-color: white;
  color: #959698;
  border: 1px solid #959698;
}
.arrow_up {
  rotate: 180deg;
}
.usermanagement_conatiner {
  max-width: 1152px !important;
  max-height: calc(100vh - 64px);
  margin: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 15px;
}
.usermanagement_conatiner .request_header {
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.usermanagement_conatiner .request_header span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.usermanagement_conatiner .request_header .btn {
  background-color: #fffbe3;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  color: #9c8f41;
  display: flex;
  gap: 10px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
  box-shadow: none;
  width: 175px;
  height: 36px;
}
.usermanagement_conatiner .sortUserTable {
  display: flex;
  gap: 15px;
  padding-bottom: 15px;
}
.usermanagement_conatiner .sortUserTable div {
  cursor: pointer;
  width: 100px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: white;
  font-family: "Roboto", sans-serif;
  color: #888888;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.usermanagement_conatiner .sortUserTable div.activeserv {
  background-color: #fffbe3;
  color: #9c8f41;
}
.addnew-user-dialog:has(.upload_doc_user_multiple) .continue {
  max-width: 371px;
  width: 100%;
  margin-bottom: 41px;
}
.upload_doc_user_multiple {
  padding-top: 31px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upload_doc_user_multiple .file_upload_csv {
  position: relative;
  padding-top: 26px;
  padding-bottom: 15px;
}
.upload_doc_user_multiple .file_upload_csv label {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.upload_doc_user_multiple .add_text {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  max-width: 325px;
  padding: 10px 0;
}
.upload_doc_user_multiple .multi_div {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.upload_doc_user_multiple .multi_div .down {
  font-weight: 500;
  font-size: 12px;
  color: #1d4599;
}
.addnew-user-dialog {
  display: flex;
  flex-direction: column;
  height: 322px;
  align-items: center;
  padding: 30px;
  width: max-content;
  padding-left: 70px;
  padding-right: 70px;
}
.addnew-user-dialog .added .info {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  max-width: 331px;
  display: block;
}
.addnew-user-dialog .added .span_upload {
  font-family: "Inter", sans-serif;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  padding-top: 29px;
  display: block;
  padding-bottom: 10px;
}
.addnew-user-dialog .added .uploaded {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 24px 17px 18px;
  background: #f9f9f9;
  border-radius: 10px;
  height: 53px;
  margin-bottom: 30px;
}
.addnew-user-dialog .added .uploaded .div_uploaded {
  display: flex;
  gap: 12px;
}
.addnew-user-dialog .added .uploaded .div_uploaded svg path {
  fill: #009927;
}
.addnew-user-dialog .added .uploaded .div_uploaded span {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #1d4599;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 125px;
  height: 1.2em;
  white-space: nowrap;
}
.addnew-user-dialog .added .uploaded .remove {
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #cc0000;
}
.addnew-user-dialog .addspan {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #9c8f41;
}
.addnew-user-dialog .single_multi_user {
  display: flex;
  gap: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.addnew-user-dialog .single_multi_user .user_div {
  position: relative;
}
.addnew-user-dialog .single_multi_user .user_div .checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 15px;
  height: 15px;
  padding: 0 !important;
  align-self: flex-start;
}
.addnew-user-dialog .single_multi_user .checkincon {
  width: 15px;
  height: 15px;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 50%;
}
.addnew-user-dialog .single_multi_user div {
  display: flex;
  flex-direction: column;
  width: 121px;
  height: 121px;
  border-radius: 10px;
  background-color: #f9f9f9;
  align-items: center;
  justify-content: center;
  gap: 17px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #959698;
  cursor: pointer;
}
.addnew-user-dialog .single_multi_user .single_user,
.addnew-user-dialog .single_multi_user .multi_user {
  width: 50px;
  height: 50px;
  background-color: #e1e9fa;
  border-radius: 50%;
}
.addnew-user-dialog .single_multi_user .single_user svg,
.addnew-user-dialog .single_multi_user .multi_user svg {
  width: 30px;
  height: 30px;
}
.addnew-user-dialog .single_multi_user .single_user svg path,
.addnew-user-dialog .single_multi_user .multi_user svg path {
  fill: #1d4599;
}
.addnew-user-dialog .single_multi_user .multi_user {
  width: 62px;
}
.addnew-user-dialog .single_multi_user .multi_user svg path {
  fill: #1d4599;
  stroke: #1d4599;
}
.addnew-user-dialog .continue {
  max-width: 257px;
  width: 100%;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #9c8f41;
  background-color: #fffbe3;
  border-radius: 5px;
  box-shadow: none;
}
.addnew-user-dialog .continue:hover {
  background-color: #fffbe3;
}
.addnew-user-dialog .continue.file {
  max-width: 340px;
  margin-top: 14px;
}
.addnew_user_home {
  width: 100%;
  max-width: 1152px !important;
  height: calc(100vh - 64px);
  margin: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 15px;
}
.addnew_user_home label input {
  width: 100%;
}
.addnew_user_home .header_adduser {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
  padding-bottom: 42px;
}
.addnew_user_home .header_adduser span {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.addnew_user_home .header_adduser .add_userbtn {
  min-width: max-content;
  width: max-content;
  text-transform: none;
  box-shadow: none;
  background-color: #9c8f41;
  border-radius: 5px;
  width: 116px;
  height: 28px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: white;
}
.addnew_user_home .header_adduser .add_userbtn.Mui-disabled {
  background-color: #959698;
}
.addnew_user_home .adduser_panel_summary {
  display: flex;
  align-items: center;
  gap: 15px;
}
.addnew_user_home .adduser_panel_summary .icon_detail svg path {
  fill: #9c8f41;
}
.addnew_user_home .adduser_panel_summary span {
  font-weight: 600;
  font-size: 14px;
}
.addnew_user_home .add_panel .MuiPaper-root {
  margin: 0;
}
.addnew_user_home .upload_image {
  width: 125px;
  height: 125px;
}
.addnew_user_home .upload_image .dropspan {
  justify-content: flex-end;
  left: 0;
  top: 0;
}
.addnew_user_home .select_info_withupload {
  display: flex;
  gap: 14px;
  padding: 20px;
}
.addnew_user_home .select_info_withupload .info_add_user_info .error_container {
  display: flex;
  justify-content: space-between;
}
.addnew_user_home .select_info_withupload .info_add_user_info .error_container p {
  width: 315px;
}
.addnew_user_home .select_info_withupload .info_add_user_info .input__container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: max-content;
  height: max-content;
  column-gap: 33px;
  margin-bottom: 10px;
}
.addnew_user_home .select_info_withupload .info_add_user_info .input__container .PhoneInput input {
  border: none;
  height: 100%;
}
.addnew_user_home .select_info_withupload .info_add_user_info .input__container .input {
  width: 315px;
  height: 31px;
  border-radius: 4px;
  background-color: white;
}
.addnew_user_home .select_info_withupload .info_add_user_info .input__container .input .PhoneInputInput {
  border: none;
}
.addnew_user_home .select_info_withupload .info_add_user_info .input__container .input .PhoneInputInput:focus {
  border: none !important;
}
.addnew_user_home .select_info_withupload .info_add_user_info .input__container .input input {
  padding-left: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
}
.addnew_user_home .select_info_withupload .info_add_user_info .input__container .input input::placeholder {
  color: #6f6f6f;
  opacity: 1;
}
.addnew_user_home .addRole_user {
  padding: 20px;
  display: flex;
  gap: 30px;
}
.addnew_user_home .addRole_user .checkincon,
.addnew_user_home .addRole_user .checked {
  width: 20px;
  height: 20px;
  border: 1px solid #9c8f41;
  border-radius: 5px;
  background-color: #fffbe3;
}
.addnew_user_home .addRole_user .checked {
  background-color: #9c8f41;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addnew_user_home .addRole_user .MuiSelect-select {
  background-color: white;
}
.addnew_user_home .addRole_user .select_service {
  border-radius: 4px;
  background-color: white !important;
  align-items: center;
}
.addnew_user_home .addRole_user .select_service.service_fisrt {
  max-width: 300px;
  width: 100%;
}
.addnew_user_home .addRole_user .select_service.specific {
  max-width: 500px;
  width: 100%;
}
.addnew_user_home .addRole_user .select_service .building_assigned {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  border-top: 1px solid #c1c1c1;
  padding-top: 20px;
  padding-left: 20px;
  max-width: 500px;
}
.addnew_user_home .addRole_user .select_service .building_assigned.service {
  display: flex;
  flex-direction: column;
}
.addnew_user_home .addRole_user .select_service .building_assigned > label, .addnew_user_home .addRole_user .select_service .building_assigned .role_span {
  position: absolute;
  top: -38px;
  left: 19px;
}
.addnew_user_home .addRole_user .select_service .building_assigned .role_span {
  top: -22px;
  left: 0;
}
.addnew_user_home .addRole_user .select_service span {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #6f6f6f;
  padding-left: 10px;
}
.addnew_user_home .addRole_user .select {
  width: 100%;
  background-color: #ebebeb;
  border-radius: 6px;
}
.addnew_user_home .addRole_user .select fieldset {
  border: none;
}
.addnew_user_home .addRole_user .select div {
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: black;
}
.addnew_user_home .addRole_user .select div .selesct_span_d {
  color: #a1a1a1;
}
.addnew_user_home .addRole_user .select .MuiSvgIcon-root {
  display: none !important;
}
.addnew_user_home .addRole_user .search_building .result_building {
  max-height: 150px;
  overflow-y: scroll;
}
.MuiPaper-root:has(.upload_doc_user_multiple) {
  height: 478px;
}
.addnew-user-dialog:has(.uploaded) {
  height: 300px;
}
.useful_info_dashboard {
  min-height: calc(100vh - 64px);
  padding: 40px 50px 53px 50px;
}
.useful_info_dashboard .useful_header {
  display: flex;
  justify-content: space-between;
}
.useful_info_dashboard .useful_header .span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.useful_info_dashboard .useful_header .btn_div_info {
  display: flex;
  gap: 15px;
}
.useful_info_dashboard .useful_header .btn_div_info .btn {
  min-width: max-content;
  width: max-content !important;
  height: 36px;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  box-shadow: none;
}
.useful_info_dashboard .useful_header .btn_div_info .btn.setting {
  width: 91px !important;
  display: flex;
  justify-content: space-around;
  padding: 0;
  background-color: #eeeeee;
  color: black;
}
.useful_info_dashboard .useful_header .btn_div_info .btn.add {
  width: 150px !important;
  color: white;
  background-color: #1d4599;
}
.useful_info_dashboard .usefulinfo_header {
  display: flex;
  padding-bottom: 22px;
  padding-top: 41px;
  justify-content: space-between;
  max-width: 1024px;
  width: 100%;
  align-items: center;
}
.useful_info_dashboard .usefulinfo_header .span_useful {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.useful_info_dashboard .usefulinfo_header .pagination {
  display: flex;
  gap: 25px;
  align-items: center;
}
.useful_info_dashboard .usefulinfo_header .pagination .btn {
  min-width: max-content !important;
  padding: 0 !important;
}
.useful_info_dashboard .usefulinfo_header .pagination span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.useful_divs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 30px;
  max-width: 1024px;
  width: 100%;
}
.useful_divs .opacity_div {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: gray;
  opacity: 0.2;
}
.useful_divs .notice_item .image_div {
  border-radius: 6px 6px 0px 0px;
  position: relative;
  height: 147px;
}
.useful_divs .notice_item .image_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0px 0px;
}
.useful_divs .notice_item .image_div svg {
  width: 15px;
  position: absolute;
  z-index: 10;
  right: 15px;
  rotate: 90deg;
  top: 25px;
}
.useful_divs .notice_item .image_div span {
  position: absolute;
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  top: 15px;
  left: 15px;
  color: white;
  z-index: 1;
}
.useful_divs .notice_item .info_div {
  background: white;
  border-radius: 0 0 6px 6px;
  padding: 15px 15px 17px 15px;
}
.useful_divs .notice_item .info_div .description_div {
  justify-content: space-between;
  display: flex;
  padding-bottom: 5px;
}
.useful_divs .notice_item .info_div .description_div .span_desc {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.useful_divs .notice_item .info_div .description_div div {
  display: flex;
  flex-direction: column;
  width: max-content;
  background: #eaeaea;
  border-radius: 6px;
  padding: 4px;
  align-items: center;
  justify-content: center;
}
.useful_divs .notice_item .info_div .description_div div span {
  font-weight: 400;
  font-size: 10px;
  line-height: 22px;
  width: max-content;
}
.useful_divs .notice_item .info_div .detail {
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  color: #bdbdbd;
}
/*Add useful info*/
.add_useful_info_container {
  min-height: calc(100vh - 64px);
  max-width: none !important;
  padding: 15px 190px 50px 190px !important;
}
.add_useful_info_container .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.add_useful_info_container .header__info {
  display: flex;
  align-items: center;
}
.add_useful_info_container .header__info-header {
  font-weight: 600 !important;
  margin-right: 13px !important;
}
.add_useful_info_container .header .btn {
  min-width: max-content;
  font-size: 14px;
  line-height: 16px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 20px;
}
.add_useful_info_container .header .btn.save_button {
  color: #1d4599;
  background-color: #e1e9fa;
}
.add_useful_info_container .header .btn.add_button {
  color: white;
  background-color: #1d4599;
}
.add_useful_info_container .header .btn.editable {
  background-color: #d0d0d0;
  color: black;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.add_useful_info_container .header .btn.deactive {
  background-color: #939393;
  color: white;
  pointer-events: none;
}
.add_useful_info_container .content_container {
  background: #FFFFFF;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.add_useful_info_container .content_container .info-header {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
}
.add_useful_info_container .content_container .info-section {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 31px;
  padding: 27px 15px;
}
.add_useful_info_container .content_container .info-section__info {
  margin-top: 44px;
  display: flex;
  gap: 15px;
}
.add_useful_info_container .content_container .info-section__info .info-image {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 300px;
}
.add_useful_info_container .content_container .info-section__info .info-image .upload_image {
  height: 131px;
  max-width: 100% !important;
}
.add_useful_info_container .content_container .info-section__info .info-image .upload_image .dropspan {
  width: 100%;
  height: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.add_useful_info_container .content_container .info-section__info .info-image .uploadimage {
  width: 100%;
  height: 131px;
}
.add_useful_info_container .content_container .info-section__info .info-image .note {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #bdbdbd;
}
.add_useful_info_container .content_container .info-section__info .info-inputs {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.add_useful_info_container .content_container .info-section__info .info-inputs .info-inputs__title,
.add_useful_info_container .content_container .info-section__info .info-inputs .info-inputs__content {
  background-color: #f6f6f6 !important;
  padding: 10px !important;
  font-size: 12px;
  line-height: 33px;
  border-radius: 4px;
  font-weight: 600;
}
.add_useful_info_container .content_container .info-section__info .info-inputs .info-inputs__title {
  width: 340px;
  height: 33px;
}
.add_useful_info_container .content_container .info-section__info .info-inputs .info-inputs__content {
  width: 712px;
  height: 84px;
}
.add_useful_info_container .content_container .info-section__info .info-inputs .info-inputs__content .MuiOutlinedInput-root {
  padding: 0;
}
.add_useful_info_container .content_container .doc-section {
  border-bottom: 1px solid #e9e9e9;
  padding: 27px 15px;
}
.add_useful_info_container .content_container .doc-section__content {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.add_useful_info_container .content_container .doc-section__content-input {
  width: 337px;
  height: 54px;
  background-color: #f6f6f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  position: relative;
}
.add_useful_info_container .content_container .doc-section__content-input.uploaded {
  background-color: #e1e9fa;
  color: #1d4599;
}
.add_useful_info_container .content_container .doc-section__content-input .file_upload {
  width: 100%;
  padding: 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add_useful_info_container .content_container .doc-section__content-input .file_upload__name {
  display: flex;
  align-items: center;
  gap: 6px;
}
.add_useful_info_container .content_container .doc-section__content-input .file_upload__remove_file {
  z-index: 3;
}
.add_useful_info_container .content_container .doc-section__content-input .input_file {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.add_useful_info_container .content_container .doc-section__content-input .note {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #8c8c8c;
}
.add_useful_info_container .content_container .doc-section__content-type {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #9e9e9e;
  text-transform: capitalize;
}
.add_useful_info_container .content_container .doc-section .error_note {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #8c8c8c;
}
.add_useful_info_container .content_container .send-section {
  padding: 27px 15px;
}
.add_useful_info_container .content_container .send-section__users {
  display: flex;
  gap: 24px;
  margin-top: 20px;
  width: 80%;
  flex-wrap: wrap;
}
.add_useful_info_container .content_container .send-section__users .user {
  padding: 10px;
  border-radius: 6px;
  background-color: #E6E6E6;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
}
.add_useful_info_container .content_container .send-section__users .user.selected {
  background-color: #1d4599;
  color: #fff;
}
.add_useful_info_container .content_container .send-section__email {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.notice_dashboard .notices_divs .notice_item .image_div .opacity_div {
  z-index: 1 !important;
}
.building {
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
}
.building .building_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.building .building_header .btn {
  display: flex;
  gap: 15px;
}
.building .building_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.building .building_header .btn .add_btn {
  background-color: #fffbe3;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: none;
}
.building .building_header .header_span {
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  margin-top: 0 !important;
  color: #767676;
}
.addBuilding {
  max-width: 1232px !important;
  margin: 0;
  padding-left: 50px !important;
  padding-top: 20px;
  min-height: calc(100vh - 64px);
  padding-bottom: 0;
}
.addBuilding .addBuildingHeader {
  display: flex;
  gap: 66px;
  justify-content: space-between;
  padding-bottom: 20px;
}
.addBuilding .addBuildingHeader .addBuildingSpan {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
}
.addBuilding .addBuildingHeader .btnSettingAdd {
  display: flex;
  gap: 10px;
}
.addBuilding .addBuildingHeader .btnSettingAdd .addBuildingBtn,
.addBuilding .addBuildingHeader .btnSettingAdd .saveBuildingBtn {
  line-height: 16px;
  text-transform: capitalize;
  box-shadow: none;
  display: flex;
  gap: 10px;
  height: 28px;
  padding: 10;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #e1e9fa;
  background-color: #1d4599;
  cursor: pointer;
}
.addBuilding .addBuildingHeader .btnSettingAdd .saveBuildingBtn {
  background-color: #e1e9fa;
  color: #1d4599;
}
.addBuilding .addBuildingHeader .btnSettingAdd .addBuildingBtn {
  pointer-events: none;
  background-color: #686868;
}
.addBuilding .addBuildingHeader .btnSettingAdd .addBuildingBtn.addbuildingactive {
  background-color: #9c8f41;
  pointer-events: visible;
  color: #fffbe3;
}
.addBuilding .building_form {
  background-color: white;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 20px;
}
.addBuilding .building_form .building_top {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}
.addBuilding .building_form .building_top__left {
  width: 43%;
}
.addBuilding .building_form .building_top__left .image_container .upload_image {
  max-width: 100%;
}
.addBuilding .building_form .building_top__left .image_container .upload_image .dropspan {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.addBuilding .building_form .building_top__left .image_container .uploadimage {
  width: 100%;
  height: 170px;
}
.addBuilding .building_form .building_top__left .image_container .uploadimage img {
  width: 100%;
  object-fit: cover;
}
.addBuilding .building_form .building_top__left .note_text {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #868686;
  margin-top: 12px;
}
.addBuilding .building_form .building_top__right {
  width: 50%;
  padding-left: 35px;
  height: 170px;
}
.addBuilding .building_form .building_top__right .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  margin-bottom: 20px;
}
.addBuilding .building_form .building_top__right .MuiTextField-root {
  height: 126px;
}
.addBuilding .building_form .building_top__right .MuiTextField-root div {
  height: 126px;
}
.addBuilding .building_form .building_top__right .MuiInputBase-root {
  height: 28px;
  background-color: #fff;
}
.addBuilding .building_form .building_top__right-input_header {
  font-size: 24px;
  width: 100%;
  font-weight: 700;
}
.addBuilding .building_form .building_top__right-input_header input::placeholder {
  color: #c1c1c1;
}
.addBuilding .building_form .building_bottom {
  width: 43%;
}
.addBuilding .building_form .building_bottom__header {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.addBuilding .building_form .building_bottom .invite_section {
  display: flex;
  gap: 5px;
  margin-bottom: 30px;
}
.addBuilding .building_form .building_bottom .invite_section .building_bottom__input {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  background-color: #f5f5f5;
  width: 68%;
  padding: 5px;
  height: 28px;
  border-radius: 4px;
}
.addBuilding .building_form .building_bottom .invite_section .building_bottom__input input {
  padding: 0;
}
.addBuilding .building_form .building_bottom .invite_section .building_bottom__input input::placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.addBuilding .building_form .building_bottom .invite_section .inviteBtn {
  text-transform: capitalize;
  box-shadow: none;
  height: 28px;
  padding: 10;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #9c8f41;
  background-color: #fffbe3;
  cursor: pointer;
}
.addBuilding .building_form .building_bottom hr {
  border: 1px solid #e9e9e9;
  margin-left: -19px;
}
.addBuilding .building_form .building_bottom .active_section {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 25px;
}
.addBuilding .building_form .building_bottom .active_section__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
}
.addBuilding .building_form .building_bottom .active_section__note {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
}
/* building dialogs */
.dialog_container {
  padding: 15px !important;
}
.dialog_container.details {
  width: 412px !important;
}
/* build share */
.send_invite {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.send_invite .send_btn {
  width: 40%;
  line-height: 17px;
  text-transform: capitalize !important;
  height: 44px;
  padding: 13px;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #1d4599;
  background-color: #e1e9fa;
  cursor: pointer;
}
.send_invite .send_btn.deactivate {
  color: #ffffff !important;
  background-color: #838383 !important;
}
.cop_link {
  text-transform: capitalize !important;
}
.cop_link:hover {
  background-color: transparent !important;
}
/* building details & services */
.building_details .image_container {
  width: 400px;
  height: 170px;
  border-radius: 10px;
  margin-right: 0 !important;
}
.building_details .image_container img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.building_details .content {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.building_details .content.services_dialog {
  padding-bottom: 0;
  margin-bottom: 0;
}
.building_details .content__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
.building_details .content__header-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}
.building_details .content__header-button {
  line-height: 14px;
  height: 26px;
  text-transform: none;
  padding: 6px 10px;
  border: 0;
  border-radius: 5px;
  font-size: 12px !important;
  font-weight: 400;
  color: #1d4599;
  background-color: #e1e9fa !important;
  cursor: pointer;
}
.building_details .content__description {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7d7d7d;
}
.building_details .services {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
}
.building_details .services__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 7px 0;
}
.building_details .services__header-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}
.building_details .services__header-button {
  line-height: 10px;
  text-decoration: underline !important;
  text-transform: capitalize !important;
  height: 11px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  font-size: 12px !important;
  font-weight: 400;
  color: #1d4599;
  background-color: transparent !important;
  cursor: pointer;
}
.building_details .services__description {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7d7d7d;
}
.building_details .services__allow {
  display: flex;
  gap: 8px;
  margin-top: 15px;
  flex-wrap: wrap;
  max-width: 412px;
}
.building_details .services__allow-item {
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  border: 1px solid #9c8f41;
  color: #9c8f41;
  background-color: #fffbe3;
  padding: 5px;
  border-radius: 4px;
}
.building_details .services.services_dialog {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.building_details .action {
  display: flex;
  gap: 30px;
}
.building_details .action__button {
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  display: flex;
  gap: 6px;
  border: 1px solid #e9e9e9 !important;
  color: #9e9e9e;
}
.building_details .action__button svg {
  width: 20px !important;
  height: 20px !important;
}
.building_details .action__button:hover {
  background-color: transparent;
}
/* building user */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.header__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}
.header__link {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #1d4599;
}
.search {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  padding: 10px;
  height: 40px;
  gap: 5px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.users {
  max-height: 300px;
}
.users .user_container {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.users .user_container:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.users .user_container .user__content {
  display: flex;
}
.users .user_container .user__content-image {
  height: 40px;
  width: 40px;
}
.users .user_container .user__content-image img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.users .user_container .user__content-info {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  gap: 5px;
}
.users .user_container .user__content-info .info__name {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.users .user_container .user__content-info .info__email {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}
.users .user_container .user__role {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #0c0c0f;
}
.building_desc div {
  padding-left: 0 !important;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.building_desc div ::placeholder {
  color: #d9d9d9;
  opacity: 1;
}
.tableSimple .tenant_info_service {
  display: flex;
  gap: 10px;
  align-items: center;
}
.tableSimple .tenant_info_div {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
}
.tableSimple .tenant_info_div div {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  align-items: self-start !important;
}
.tableSimple .tenant_info_div div span {
  width: 100px !important;
}
.tableSimple .tenant_info_div div :first-child {
  font-weight: 600;
  font-size: 14px;
  line-height: 145%;
  opacity: 0.74;
  color: black;
}
.tableSimple .tenant_info_div div .span_child {
  color: #8B8B8B;
}
.tables:has(.tableSimple) {
  overflow-y: auto;
  max-height: calc(100vh - 360px) !important;
}
.tables:has(.tableSimple) thead tr :nth-child(2) {
  padding-left: 40px !important;
}
.tables:has(.tableSimple) thead tr :nth-child(2) div {
  display: flex;
}
.tables:has(.tableSimple) thead tr th {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #767676;
}
.tables:has(.tableSimple) thead tr :last-child {
  width: 200px;
}
.tables:has(.tableSimple) tr {
  border-top: 1px solid #e7e7e7 !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.tables:has(.tableSimple) tr img {
  width: 28px !important;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.tables:has(.tableSimple) tbody tr td {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}
.tables:has(.tableSimple) tbody tr :nth-child(2) {
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.tables:has(.tableSimple) tbody tr :nth-child(5) {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate {
  width: max-content;
  display: flex;
  flex-direction: column;
}
.tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate :nth-child(1) {
  width: max-content;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #959698;
}
.tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate :nth-child(2) {
  width: max-content;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #959698;
}
.tables:has(.tableSimple) tbody .action {
  width: 24px;
  margin: auto;
  height: 24px;
  background-color: #fffbe3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.tables {
  height: 100%;
  max-height: 80% !important;
}
.requestlist_container {
  max-width: 1100px !important;
  height: calc(100vh - 64px);
  margin: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0px !important;
}
.requestlist_container.req_dashboard {
  margin: 0 !important;
  margin-top: 14px !important;
  height: 100%;
  max-width: 100% !important;
}
.requestlist_container.homeReqList {
  max-width: 1173px !important;
  padding-top: 15px !important;
  height: max-content;
}
.requestlist_container.homeReqList .tables {
  height: 100%;
  max-height: 80% !important;
}
.requestlist_container .requestlist .request_header {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.requestlist_container .requestlist .request_header span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.requestlist_container .requestlist .request_header .btn {
  background-color: #e1e9fa;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  color: #1d4599;
  display: flex;
  gap: 10px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
}
.requestlist_container .tables:has(.tableSimple) {
  overflow-y: auto;
  max-height: calc(100vh - 360px) !important;
}
.requestlist_container .tables:has(.tableSimple) thead tr :nth-child(2) {
  padding-left: 40px !important;
}
.requestlist_container .tables:has(.tableSimple) thead tr :nth-child(2) div {
  display: flex;
}
.requestlist_container .tables:has(.tableSimple) thead tr th {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #767676 !important;
}
.requestlist_container .tables:has(.tableSimple) thead tr :last-child {
  width: 200px;
}
.requestlist_container .tables:has(.tableSimple) tr {
  border-top: 1px solid #e7e7e7 !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.requestlist_container .tables:has(.tableSimple) tr img {
  width: 28px !important;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.requestlist_container .tables:has(.tableSimple) tbody tr td {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(2) {
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate {
  width: max-content;
  display: flex;
  flex-direction: column;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate :nth-child(1) {
  width: max-content;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #959698;
}
.requestlist_container .tables:has(.tableSimple) tbody tr :nth-child(5) .arrivedate :nth-child(2) {
  width: max-content;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #959698;
}
.requestlist_container .tables:has(.tableSimple) tbody .action {
  width: 24px;
  margin: auto;
  height: 24px;
  background-color: #fffbe3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.requestlist_container .table_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.requestlist_container .table_header .sort_by {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
}
.requestlist_container .table_header .sort_by :last-child {
  color: black;
}
.requestlist_container .table_header .sort_div {
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
  padding-bottom: 15px;
  padding-top: 28px;
  width: 100%;
}
.requestlist_container .table_header .sort_div span {
  text-transform: capitalize;
}
.requestlist_container .table_header .sort_div .select_service {
  height: 34px;
  width: 142px;
  border-radius: 4px;
}
.requestlist_container .table_header .sort_div .select_service .services_input {
  height: 100%;
  width: 150px;
}
.requestlist_container .table_header .sort_div .carousel_div {
  height: 123px;
  padding: 0 0 0 13px;
  width: 100%;
  user-select: none;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container {
  height: 100%;
  padding-left: 0;
  padding-bottom: 20px;
  width: 100%;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow {
  background: #fffbe3 !important;
  min-width: 27px;
  min-height: 27px;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow::before {
  color: #9c8f41;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow--right {
  right: 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multiple-carousel__arrow--left {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  left: 0;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .react-multi-carousel-item {
  width: auto;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 10px;
  width: 100px;
  height: 100px;
  display: block;
  position: relative;
  margin-left: 45px;
  cursor: pointer;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .MuiSkeleton-root {
  position: absolute;
  left: 0;
  top: 0;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .radio-icon {
  display: block;
  border: 1px solid #cccccc;
  height: 13px;
  width: 13px;
  border-radius: 50%;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .radio-icon-container {
  display: inline-block;
  height: auto;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item .radio-icon-container svg {
  fill: #9c8f41;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item__image-container {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item__image-container img {
  width: 100%;
  height: 100%;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .slide-item__name {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #a9a9a9;
  margin-top: 13px;
  margin-bottom: 6px;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.requestlist_container .table_header .sort_div .carousel_div .carousel-container .active {
  border: 1px solid #9c8f41;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .sort_header_building {
  width: 100%;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
  background-color: white;
  border-radius: 10px 10px 0 0;
  align-items: center;
}
.requestlist_container .sort_header_building .sort_building {
  display: flex;
  gap: 20px;
  padding: 17px 20px;
}
.requestlist_container .sort_header_building .sort_building .search_setting {
  display: flex;
  width: 100%;
  gap: 10px;
}
.requestlist_container .sort_header_building .sort_building .search_setting .formControl_building {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background: #f9f9f9;
}
.requestlist_container .sort_header_building .sort_building .search_setting .formControl_building .inputsearch {
  width: 277px;
  height: 40px;
}
.requestlist_container .sort_header_building .sort_building .search_setting .formControl_building .inputsearch::before {
  display: none;
}
.requestlist_container .sort_header_building .sort_building .search_setting .formControl_building .inputsearch::after {
  display: none;
}
.requestlist_container .sort_header_building .sort_building .search_setting .formControl_building .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.requestlist_container .sort_header_building .sort_building .search_setting .formControl_building .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.requestlist_container .sort_header_building .sort_building .search_setting .formControl_building svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.requestlist_container .sort_header_building .sort_building .search_setting .button_dropdown_list_multi_levels_home {
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}
.requestlist_container .sort_header_building .sort_building .search_setting .button_dropdown_list_multi_levels_home:active, .requestlist_container .sort_header_building .sort_building .search_setting .button_dropdown_list_multi_levels_home:hover {
  background-color: transparent !important;
}
.requestlist_container .sort_header_building .sort_building .search_setting .button_dropdown_list_multi_levels_home:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.requestlist_container .sort_header_building .sort_building .search_setting .button_dropdown_list_multi_levels_home ul {
  border-radius: 6px;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home {
  border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home ul {
  margin-top: 0;
  margin-bottom: 0;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home li {
  border-bottom: 0.5px solid #cecece;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home li:nth-child(1):hover {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home li:last-child {
  border-bottom: none;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home li:last-child:hover {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home .inner_list {
  padding: 0;
  width: 196px;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home .inner_list ul {
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 0;
  color: #000;
}
.requestlist_container .sort_header_building .sort_building .search_setting .menu_dropdown_list_multi_levels_home .inner_list.date {
  width: 320px !important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.requestlist_container .sort_header_building .sort_building .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.requestlist_container .sort_header_building .sort_building .sortDiv .MuiSelect-select {
  padding: 0 !important;
  font-weight: 600;
  font-size: 16px;
}
.requestlist_container .sort_header_building .sort_building .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.requestlist_container .sort_header_building .sort_building .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.requestlist_container .sort_header_building .sort_building .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 8px;
}
.requestlist_container .sort_header_building .sort_building .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.requestlist_container .sort_header_building .sort_building .sortDiv fieldset {
  border: none;
  padding: 0;
}
.requestlist_container .home_page_select_header {
  width: 100%;
  min-height: 64px;
  z-index: 1000;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding-left: 15px;
  background-color: white;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px #d8d8d8 solid;
}
.requestlist_container .home_page_select_header .selcted_values {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.requestlist_container .home_page_select_header .selcted_values .selected_value {
  height: 34px;
  min-width: 140px;
  border-radius: 4px;
  background-color: #fffbe3;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.requestlist_container .home_page_select_header .selcted_values .selected_value .selected_value_title {
  margin-left: 5px;
  color: #9c8f41;
}
.requestlist_container .home_page_select_header .selcted_values .selected_value .circle_icon {
  height: 24px;
  width: 24px;
  border-radius: 0px;
  cursor: pointer;
  margin-right: 5px;
}
.requestlist_container .home_page_select_header .activesort {
  text-transform: none;
  background-color: #fffbe3;
  color: #9c8f41;
  font-weight: 700;
}
.requestlist_container .home_page_select_header .activesort div {
  color: #9c8f41;
  background-color: white;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.requestlist_container .home_page_select_header .home_page_select {
  width: 142px;
  height: 34px;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.requestlist_container .home_page_select_header .home_page_select .select {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  padding: 5px 10px 5px 10px;
  background-color: #fbfbfb;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #888888;
  font-weight: 400;
  font-style: "Roboto", sans-serif;
  font-size: 14px;
}
.requestlist_container .home_page_requests {
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: flex-start;
  padding-top: 15px;
  padding-left: 15px;
  background-color: white;
  border-radius: 10px 10px 0 0;
  align-items: center;
  border-bottom: 1px #d8d8d8 solid;
}
.requestlist_container .home_page_requests .question_icon {
  border-radius: 11px;
}
.requestlist_container .home_page_requests .home_header {
  display: flex;
  flex-direction: column;
  margin-left: 11px;
}
.requestlist_container .home_page_requests .home_header p {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.requestlist_container .home_page_requests .home_header div {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.4;
}
.requestlist_container .btn_calendar {
  padding: 10px;
  min-width: max-content !important;
  gap: 5px;
  background-color: white;
  border: 1px solid #e3e5e5;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  box-shadow: none;
  text-transform: none;
  height: 39px;
  border-radius: 10px;
}
.requestlist_container .btn_calendar:hover {
  background-color: #fffbe3;
}
.requestlist_container .status_table {
  font-weight: 400;
  margin: auto;
  font-size: 14px;
  padding: 5px 10px !important;
  line-height: 21px;
  text-transform: capitalize;
  width: max-content !important;
  border-radius: 4px;
  padding: 2px 5px;
  text-transform: capitalize;
}
.requestlist_container .status_table.awaiting_pickup {
  color: #2fa84f;
  background-color: #cdfbd8;
}
.requestlist_container .status_table.confirmed {
  background-color: #e1f4ff !important;
  color: #0489d4 !important;
}
.requestlist_container .status_table.booked, .requestlist_container .status_table.rescheduled, .requestlist_container .status_table.scheduled, .requestlist_container .status_table.pending {
  color: #a1930d;
  background-color: #fffbe9;
  min-width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.booked .pending_icon, .requestlist_container .status_table.rescheduled .pending_icon, .requestlist_container .status_table.scheduled .pending_icon, .requestlist_container .status_table.pending .pending_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.declined, .requestlist_container .status_table.cancelled {
  color: #c21616;
  background-color: rgba(194, 22, 22, 0.09);
  width: 153.9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.declined .cancelled_icon, .requestlist_container .status_table.cancelled .cancelled_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.booked {
  color: #078e29;
  background-color: #cdfbd8;
  width: 153.9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.booked .booked_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.booked .status_booked {
  width: max-content;
}
.requestlist_container .status_table.requested {
  color: #0489d4;
  background-color: #E1F4FF;
  width: 153.9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
}
.requestlist_container .status_table.requested .requested_icon {
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.requestlist_container .status_table.requested .status_requested {
  width: max-content;
}
.requestlist_container .status_table.confirmed {
  color: #078e29;
  background-color: #cdfbd8;
}
.requestlist_container .status_table.canceled {
  color: #626262;
  background-color: #dadada;
}
.no_found_page {
  height: 82.5vh;
  background-color: rgb(243, 243, 243);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.no_found_page_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
.no_found_page_content_no_found {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #9c8f41;
}
.no_found_page_content_img img {
  width: 400px;
  height: 400px;
}
.no_found_back {
  background-color: rgb(243, 243, 243) !important;
}
.requestlist_container .sort_header {
  border-bottom: 1px solid #e7e7e7;
}
.requestlist .request_header {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.requestlist .request_header span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
.requestlist .request_header .btn {
  background-color: #e1e9fa;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  color: #1d4599;
  display: flex;
  gap: 10px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
}
.formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background: #f9f9f9;
}
.formControl .inputsearch {
  width: 277px;
  height: 40px;
}
.formControl .inputsearch::before {
  display: none;
}
.formControl .inputsearch::after {
  display: none;
}
.formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.header_table_page {
  position: relative;
  z-index: 1;
  background-color: #f9f9f9;
  padding-top: 48px;
}
.no_found_back {
  padding-top: 48px;
  padding-left: 70px;
}
.add_building_apartment_dialog {
  width: 422px;
  /* second step -> select option*/
  /* second step -> select option*/
  /* thread step -> add file option*/
  /* thread step -> add file option*/
  /* last step -> submit file option*/
  /* last step -> submit file option*/
  /*shared button*/
  /*shared button*/
}
.add_building_apartment_dialog p {
  width: auto !important;
}
.add_building_apartment_dialog .selected_building {
  background-color: #fffbe3;
  padding: 10px;
  margin-bottom: 26px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add_building_apartment_dialog .selected_building__details {
  display: flex;
  gap: 10px;
}
.add_building_apartment_dialog .selected_building__details-image {
  width: 112px;
  height: 50px;
  border-radius: 10px;
  object-fit: cover;
}
.add_building_apartment_dialog .selected_building__details-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
}
.add_building_apartment_dialog .selected_building__details-info .info__building_name {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.add_building_apartment_dialog .selected_building__details-info .info__apartment_name {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #848484;
}
.add_building_apartment_dialog .selected_building__button {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #9c8f41;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.add_building_apartment_dialog .select_apart_search_section {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
.add_building_apartment_dialog .select_apart_search_section .select_apart_search {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  width: auto;
  padding: 10px;
  height: 40px;
  gap: 5px;
  border-radius: 10px;
}
.add_building_apartment_dialog .select_apart_search_section .select_apart_search .search__input {
  width: 277px;
}
.add_building_apartment_dialog .apartments_container .apartment_content {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  margin-bottom: 10px;
  height: 86px;
  background: #f7f7f7;
  border-radius: 10px;
}
.add_building_apartment_dialog .apartments_container .apartment_content-image {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  object-fit: cover;
}
.add_building_apartment_dialog .apartments_container .apartment_content-info {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.add_building_apartment_dialog .apartments_container .apartment_content-info .apartment_number {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.add_building_apartment_dialog .apartments_container .apartment_content-info .apartment_size {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #a3a3a3;
}
.add_building_apartment_dialog .apartments_container .apartment_content-info .apartment_size span {
  font-weight: 700;
}
.add_building_apartment_dialog .apartments_container .apartment_content-info .apartment_status {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #a3a3a3;
}
.add_building_apartment_dialog .apartments_container .apartment_content-info .apartment_status span {
  font-weight: 700;
}
.add_building_apartment_dialog .add_apart_select_option {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.add_building_apartment_dialog .add_apart_select_option .select_apart_type {
  cursor: pointer;
  width: 140px;
  height: 120.14px;
  background: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
}
.add_building_apartment_dialog .add_apart_select_option .select_apart_type__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.add_building_apartment_dialog .add_apart_select_option .select_apart_type__content-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.add_building_apartment_dialog .add_apart_select_option .add_apart {
  width: 300px;
  height: 39px;
}
.add_building_apartment_dialog .add_apart_select_option .checkincon {
  width: 15px;
  height: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
}
.add_building_apartment_dialog .add_apart_select_option .checkincon {
  width: 15px;
  height: 15px;
}
.add_building_apartment_dialog .add_apart_select_option .checkincon svg {
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
}
.add_building_apartment_dialog .first_section__add_apart {
  border-bottom: 1px solid #ddd;
  padding: 0 9px 20px 9px;
  margin-bottom: 20px;
}
.add_building_apartment_dialog .first_section__add_apart-text {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 12px;
  padding-bottom: 20px;
}
.add_building_apartment_dialog .first_section__add_apart-text .add_apart-text__notify {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  width: 340px;
}
.add_building_apartment_dialog .first_section__add_apart-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  height: 36px;
  background: #fafafa;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}
.add_building_apartment_dialog .first_section__add_apart-file .file_content-file {
  display: flex;
  align-items: center;
  gap: 10px;
}
.add_building_apartment_dialog .first_section__add_apart-file .file_content-file-name {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #151515;
  display: inline-block;
  width: 141px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.add_building_apartment_dialog .first_section__add_apart-file .file_content-download {
  text-decoration: underline;
  color: #9c8f41;
}
.add_building_apartment_dialog .file_upload_csv {
  position: relative;
}
.add_building_apartment_dialog .file_upload_csv img {
  width: 100%;
}
.add_building_apartment_dialog .file_upload_csv label {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.add_building_apartment_dialog .submit_section-add_apart {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 16px;
}
.add_building_apartment_dialog .submit_section-add_apart__header {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
}
.add_building_apartment_dialog .submit_section-add_apart .submit__add_apart-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  height: 53px;
  background: #f9f9f9;
  border-radius: 10px;
  width: 100%;
}
.add_building_apartment_dialog .submit_section-add_apart .submit__add_apart-file .file_content-file {
  display: flex;
  align-items: center;
  gap: 10px;
}
.add_building_apartment_dialog .submit_section-add_apart .submit__add_apart-file .file_content-file-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #9c8f41;
  width: 165px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add_building_apartment_dialog .submit_section-add_apart .submit__add_apart-file .file_content-remove {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: red;
  cursor: pointer;
}
.add_building_apartment_dialog .submit_section-add_apart .submit__add_apart-info {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.add_building_apartment_dialog .btn {
  margin-top: 30px;
  width: 300px;
  height: 39px;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #9c8f41;
  background-color: #fffbe3;
  box-shadow: none;
  display: block;
  margin: 47px auto 0 auto;
}
.add_building_apartment_dialog .btn.disable {
  background-color: #959698 !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.add_building_apartment_dialog .btn.step {
  margin: 20px auto 0 auto !important;
}
.add_building_apartment_dialog .btn:hover {
  box-shadow: none;
  background-color: #fffbe3;
}
/* dashboard */
.other_properties {
  padding: 40px 50px 50px 50px !important;
  min-height: calc(100vh - 64px);
  margin-left: 0 !important;
}
.other_properties .properties_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.other_properties .properties_header .btn {
  display: flex;
  gap: 15px;
}
.other_properties .properties_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.other_properties .properties_header .btn .add_btn {
  background-color: #e1e9fa;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #1d4599;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: none;
}
.other_properties .properties_header .btn ._add_other_properties {
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  background-color: #9c8f41;
  color: white;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  gap: 10px;
}
.other_properties .properties_header .btn ._add_other_properties svg {
  fill: #fffbe3;
}
.other_properties .properties_header .btn ._add_other_properties svg path {
  fill: #fffbe3;
}
.other_properties .properties_header .header_span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.other_properties .pending_latest_properties {
  display: flex;
  justify-content: space-between;
  padding-top: 39px;
}
.other_properties .pending_latest_properties .latest_span_div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.other_properties .pending_latest_properties .latest_span_div span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
.other_properties .pending_latest_properties .latest_span_div div {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff3838;
  border-radius: 5px;
  width: 27px;
  height: 26px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.other_properties .pending_latest_properties .see_all_btn {
  text-decoration: none;
  text-transform: none;
  box-shadow: none;
  background-color: #fffbe3;
  color: #9c8f41;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  min-width: none !important;
  padding: 10px 20px !important;
  border-radius: 10px;
}
/* add new property */
.property_container {
  height: calc(100vh - 64px);
  padding-top: 15px;
}
.property_container .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.property_container .header__info {
  display: flex;
  align-items: center;
}
.property_container .header__info-header {
  font-weight: 600 !important;
  margin-right: 13px !important;
}
.property_container .header .btn {
  min-width: max-content;
  font-size: 14px;
  line-height: 16px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 20px;
}
.property_container .header .btn.add_button {
  color: #fffbe3;
  background-color: #9c8f41;
}
.property_container .header .btn.deactive {
  background-color: #939393;
  color: white;
  pointer-events: none;
}
.Mui-selected {
  background-color: #9c8f41 !important;
  color: #fff !important;
}
.MuiAccordionSummary-content {
  align-items: center;
}
.accordion_header {
  display: flex;
  align-items: center;
}
.accordion_header .accordion_header__info {
  margin-left: 15px;
}
.accordion_header .accordion_header__info p {
  margin-left: 0;
  font-weight: 600;
}
.accordion_header .accordion_header__info-content {
  display: flex;
}
.accordion_header .accordion_header__info-content > span {
  display: block;
  color: #cccccc;
  padding: 0 5px;
  border-right: 1px solid #cccccc;
  font-size: 12px;
  line-height: 12px;
}
.accordion_header .accordion_header__info-content > span:first-child {
  padding-left: 0;
}
.accordion_header .accordion_header__info-content > span:last-child {
  border-right: 0;
}
.accordion_header .accordion_header__info-content .image_span {
  color: #9c8f41;
}
.round_circle {
  width: 19px !important;
  height: 19px !important;
}
.complete_circle {
  width: 20px !important;
  height: 20px !important;
}
.MuiAccordionDetails-root {
  padding: 15px 20px !important;
}
.accordion_content_property {
  padding: 0 !important;
  display: flex;
}
.accordion_content_property__left {
  width: fit-content;
  margin-right: 15px;
  /* new upload image */
  /* new upload image */
}
.accordion_content_property__left .upload_app_banner {
  height: 131px !important;
}
.accordion_content_property__left .upload_app_banner .dropspan {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: max-content;
}
.accordion_content_property__left .upload_app_banner.small_image {
  width: 142px !important;
  height: 58.28px !important;
}
.accordion_content_property__left .images-gallery {
  display: flex;
  gap: 10px;
  height: 131px;
}
.accordion_content_property__left .images-gallery.flex-w {
  flex-wrap: wrap;
}
.accordion_content_property__left .images-gallery .upload_app_banner {
  height: 131px !important;
}
.accordion_content_property__left .images-gallery .upload_app_banner .dropspan {
  height: max-content;
  left: 50%;
  width: 100%;
  top: 30% !important;
  transform: translate(-50%, -50%);
}
.accordion_content_property__left .images-gallery .upload_app_banner .dropspan svg {
  display: none;
}
.accordion_content_property__left .images-gallery .upload_app_banner.small_image {
  width: 142px !important;
  height: 58.28px !important;
}
.accordion_content_property__left .images-gallery .uploadimage {
  width: 300px !important;
  height: 131px !important;
}
.accordion_content_property__left .images-gallery .uploadimage .upload_app_banner.small_image {
  width: 142px !important;
  height: 58.28px !important;
}
.accordion_content_property__left .images-gallery .uploadimage .delete_image {
  position: absolute;
  top: 10px;
  right: 43px;
  z-index: 1000;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.accordion_content_property__left .images-gallery .uploadimage .image_width {
  width: 142px !important;
  height: 58.28px !important;
}
.accordion_content_property__left .images-gallery .uploadimage.small_image {
  width: 142px !important;
  height: 58.28px !important;
}
.accordion_content_property__left .images-gallery .uploadimage .delete_div {
  position: absolute;
  top: 8px;
  left: 6px;
  display: none;
  transition: all 0.7s ease-in-out;
}
.accordion_content_property__left .images-gallery .uploadimage .delete_div button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #ff0a0a;
  z-index: 11;
}
.accordion_content_property__left .images-gallery .uploadimage:hover .delete_div {
  transition: all 0.7s ease-in-out;
  display: block;
}
.accordion_content_property__left .note {
  display: block;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #6e6e6e;
  margin-top: 18px;
}
.accordion_content_property__right {
  width: 65%;
}
.accordion_content_property__right .accordion_content__form {
  width: 100%;
}
.accordion_content_property__right .accordion_content__form .name_field {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px !important;
}
.accordion_content_property__right .accordion_content__form .name_field span {
  color: red;
  font-size: 12px !important;
  font-weight: 400 !important;
  background-color: initial !important;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info {
  height: 31px;
  width: 80%;
  display: flex;
  margin-bottom: 15px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info.location {
  height: auto;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .slect_buuilding_div {
  background-color: #f9f9f9 !important;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .slect_buuilding_div .select_building_item {
  border-radius: 4px;
  background-color: white;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .slect_buuilding_div .select_building_item div {
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  border-top: 0.5px solid #dddddd;
  padding: 10px;
  cursor: pointer;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .slect_buuilding_div .select_building_item div:first-child {
  border-top: 0;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .slect_buuilding_div .select_building {
  cursor: pointer;
  background-color: white;
  width: 300px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
  flex-direction: row;
  border-radius: 4px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .slect_buuilding_div .select_building span {
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #a8a8a8;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .slect_buuilding_div .select_building .active_select {
  color: black;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info.full-with {
  width: 100%;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info.d-flex {
  display: flex;
  gap: 26px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info.small-width {
  width: 373px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .Mui-selected.selected-menu-item {
  background-color: #fff !important;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .accordion_content__input {
  background-color: white !important;
  padding: 10px !important;
  font-size: 12px;
  width: 300px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .accordion_content__input.small-width {
  width: 195px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info > * {
  background-color: white !important;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info > * input::placeholder {
  color: #a8a8a8;
  opacity: 1;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving {
  padding: 10px;
  width: 100%;
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving .content-receiving-container {
  width: 100%;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving .content-receiving-container .receiving-header {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 6px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-info .accordion_content-receiving .content-receiving-container .receiving-info {
  font-size: 12px;
  color: #aeaeae;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-display {
  width: 373px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-display .facility-content {
  padding: 7px 10px;
  background-color: #fff;
  color: #8c8c8c;
  border: 1px solid #939393;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  word-break: break-word;
  height: auto;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-display .note {
  font-size: 14px;
  color: #ccc;
  line-height: 14px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-facility {
  width: 373px;
  display: flex;
  gap: 15px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-facility .accordion_content__input {
  background-color: #fff !important;
  padding: 10px !important;
  font-size: 12px;
  width: 300px;
  height: 25px;
  line-height: 33px;
  border-radius: 6px;
  font-weight: 600;
  border: 1px solid #939393;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-facility .accordion_content__input.small-width {
  width: 195px;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-facility .add_facility_btn {
  width: 89px;
  height: 25px;
  line-height: 10px;
  box-shadow: none;
  text-transform: capitalize;
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #fffbe3;
  background-color: #9c8f41;
  cursor: pointer;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-facility .add_facility_btn:hover {
  background-color: #9c8f41;
  box-shadow: none;
}
.accordion_content_property__right .accordion_content__form .accordion_content__right-facility .cancel_facility_btn {
  height: 25px;
  line-height: 10px;
  box-shadow: none;
  text-transform: capitalize;
  padding: 10px;
  border: 1px solid #939393;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #939393;
  background-color: #fff;
  cursor: pointer;
}
.accordion_content_property__right-description {
  font-family: "Roboto", sans-serif !important;
  width: 80%;
  height: 100% !important;
}
.accordion_content_property__right-description span {
  color: red;
  font-size: 12px !important;
  font-weight: 400 !important;
  background-color: initial !important;
}
.accordion_content_property__right-description .description-input {
  background-color: #fff !important;
  border-radius: 6px;
  padding: 0 !important;
  width: 300px !important;
  height: 84px;
  display: flex;
  flex-direction: column;
}
.accordion_content_property__right-description .description-input textarea {
  font-size: 12px;
  font-weight: 600 !important;
}
.btn_container {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.btn_container .next_btn {
  text-transform: none;
  width: 300px;
  height: 31px;
  line-height: 12px;
  box-shadow: none;
  padding: 10px;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #fffbe3;
  background-color: #9c8f41;
  cursor: pointer;
}
.btn_container .next_btn:hover {
  background-color: #9c8f41;
  box-shadow: none;
}
.btn_container .next_btn.deactivate {
  background-color: #dbdbdb;
  color: #a5a5a5;
  pointer-events: none;
}
/* property table list & request */
.property_managemnt {
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
  /* width */
  /* Track */
  /* Handle */
}
.property_managemnt.r-padding {
  padding: 40px 0 53px 0;
  min-height: auto;
}
.property_managemnt .sortdiv {
  display: flex;
  gap: 16px;
  padding-bottom: 15px;
  justify-content: space-between;
}
.property_managemnt .sortdiv .filter {
  display: flex;
  gap: 15px;
}
.property_managemnt .sortdiv .btn_archive {
  display: flex;
  gap: 10px;
  background-color: white;
  text-transform: none;
  box-shadow: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
  min-width: max-content !important;
  padding: 5px 5px 5px 11px;
}
.property_managemnt .sortdiv .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
.property_managemnt .sortdiv .sort span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
.property_managemnt .sortdiv .sort div {
  width: max-content;
  padding: 5px;
  background-color: #dedede;
  color: #787878;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.property_managemnt .sortdiv .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.property_managemnt .sortdiv .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.property_managemnt .sortdiv .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.property_managemnt .sortdiv .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.property_managemnt .sortdiv .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
.property_managemnt .sortdiv .activesort {
  background-color: #fffbe3;
}
.property_managemnt .sortdiv .activesort span {
  color: #9c8f41;
}
.property_managemnt .sortdiv .activesort div {
  background-color: white;
  color: #9c8f41;
}
.property_managemnt ::-webkit-scrollbar {
  width: 6px;
  background-color: #f1f1f1;
}
.property_managemnt ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f1f1f1;
  border-radius: 10px;
}
.property_managemnt ::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 3px;
}
.property_managemnt .header {
  display: flex;
  justify-content: space-between;
}
.property_managemnt .header .span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 19px;
}
.property_managemnt .header .btn_container {
  display: flex;
  gap: 15px;
}
.property_managemnt .header .btn_container .btn {
  text-transform: none;
  box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  border-radius: 10px;
  height: 36px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.property_managemnt .header .btn_container .btn.request {
  background-color: #fffbe3;
  color: #9c8f41;
}
.property_managemnt .header .btn_container .btn.add {
  background-color: #1d4599;
  color: #fff;
}
.property_managemnt .sort {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
}
.property_managemnt .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.property_managemnt .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.property_managemnt .sort .formControl .inputsearch::before {
  display: none;
}
.property_managemnt .sort .formControl .inputsearch::after {
  display: none;
}
.property_managemnt .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.property_managemnt .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.property_managemnt .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.property_managemnt .tables {
  border-radius: 10px;
  background-color: white;
  overflow-y: auto;
  max-height: calc(100vh - 200px);
  height: 500px;
}
.property_managemnt table thead tr th {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #767676;
}
.property_managemnt table thead tr th:nth-child(2) {
  padding-left: 32px;
  width: 309px !important;
}
.property_managemnt table thead .MuiTableCell-paddingCheckbox {
  display: none !important;
}
.property_managemnt table tbody .arrow {
  position: absolute;
  z-index: 10;
  right: 53px;
  top: 30px;
}
.property_managemnt table tbody tr {
  /* Request table */
  /* end Request table */
}
.property_managemnt table tbody tr td:nth-child(1) {
  padding-left: 23px;
}
.property_managemnt table tbody tr .imageDiv {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.property_managemnt table tbody tr .imageDiv .info {
  display: flex;
  flex-direction: column;
}
.property_managemnt table tbody tr .imageDiv .info .tenant {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: black;
  opacity: 0.74;
}
.property_managemnt table tbody tr .imageDiv .info .apartment {
  font-weight: 600;
  font-size: 12px;
  color: #8b8b8b;
}
.property_managemnt table tbody tr .imageDiv .info .number {
  color: black;
  font-weight: 700;
  font-size: 12px;
}
.property_managemnt table tbody tr .imageDiv .req {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 4px;
}
.property_managemnt table tbody tr .imageDiv .property {
  width: 60px !important;
  height: 38px;
  object-fit: cover;
  border-radius: 4px;
}
.property_managemnt table tbody tr .tenant_building {
  width: 115px;
  overflow: hidden;
}
.property_managemnt table tbody tr .tenant_building__text {
  width: 110px;
  display: inline-block;
  white-space: nowrap; /* Prevent the text from wrapping */
  overflow: hidden; /* Hide any overflowing text */
  text-overflow: ellipsis;
}
.property_managemnt table tbody tr .tenant_building {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.property_managemnt table tbody tr .requested_property_div {
  display: flex;
  gap: 15px;
  align-items: center;
}
.property_managemnt table tbody tr .requested_property_div .image {
  width: 60px;
  height: 38px;
}
.property_managemnt table tbody tr .requested_property_div .number {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
.property_managemnt table tbody tr .arrivedate {
  display: flex;
  flex-direction: column;
}
.property_managemnt table tbody tr .arrivedate .arrive {
  font-size: 12px;
  line-height: 18px;
  color: #959698;
  font-weight: 500;
}
.property_managemnt table tbody tr .arrivedate .arrive.time {
  font-weight: 700;
}
.property_managemnt table tbody tr :nth-child(5) .select {
  width: 190px;
  height: 29px;
  background-color: #eaeaea;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #959698;
}
.property_managemnt table tbody tr :nth-child(5) .select fieldset {
  border: none;
}
.property_managemnt table tbody .action {
  display: flex;
  justify-content: center;
  /**/
  /**/
}
.property_managemnt table tbody .action .button_dropdown_list_multi_levels {
  z-index: 0;
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
  align-items: center;
  height: 24px;
}
.property_managemnt table tbody .action .button_dropdown_list_multi_levels:active, .property_managemnt table tbody .action .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.property_managemnt table tbody .action .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.property_managemnt table tbody .action .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels {
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels ul {
  margin-top: 0;
  margin-bottom: 0;
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li {
  /* outer list style */
  color: #000000;
  border-bottom: 0.5px solid #cecece;
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:last-child {
  color: #ff4848;
  border-bottom: none;
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:nth-child(1):hover {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:last-child:hover {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li:hover {
  background-color: #fffbe3;
}
.property_managemnt table tbody .action .menu_dropdown_list_multi_levels ul li.r-color {
  color: #000000;
}
.property_managemnt table tbody .action .arrow_container {
  width: 24px;
  height: 24px;
  background-color: #fffbe3;
  border-radius: 4px;
}
.property_managemnt .sort {
  box-shadow: none;
  display: flex;
  width: max-content;
  padding: 5px 10px;
  background-color: white;
  border-radius: 4px;
  gap: 10px;
  text-transform: none;
}
.property_managemnt .sort .sort_filter_item {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
}
.property_managemnt .search_setting {
  display: flex;
  gap: 10px;
}
.property_managemnt .sort {
  justify-content: space-between;
  width: 100%;
  background-color: white;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-left: 30px;
  /**/
  /**/
}
.property_managemnt .sort .formControl {
  width: 277px;
  height: 40px;
  position: relative;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.property_managemnt .sort .formControl .inputsearch {
  width: 277px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.property_managemnt .sort .formControl .inputsearch::before {
  display: none;
}
.property_managemnt .sort .formControl .inputsearch::after {
  display: none;
}
.property_managemnt .sort .formControl .inputsearch input {
  padding: 8px 0 8px 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.property_managemnt .sort .formControl .inputsearch input::placeholder {
  color: #5e6366;
  opacity: 1;
}
.property_managemnt .sort .formControl svg {
  position: absolute;
  right: 8px;
  top: 8px;
}
.property_managemnt .sort .button_dropdown_list_multi_levels {
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}
.property_managemnt .sort .button_dropdown_list_multi_levels:active, .property_managemnt .sort .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.property_managemnt .sort .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.property_managemnt .sort .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels {
  border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.property_managemnt .sort .menu_dropdown_list_multi_levels ul {
  margin-top: 0;
  margin-bottom: 0;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels li {
  border-bottom: 0.5px solid #cecece;
  color: black;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels li:hover {
  background-color: #fffbe3 !important;
  color: #9c8f41;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels li:nth-child(1):hover {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels li:last-child {
  border-bottom: none;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels li:last-child:hover {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels .inner_list {
  padding: 0;
  width: 196px;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels .inner_list ul {
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 0;
  color: #000;
}
.property_managemnt .sort .menu_dropdown_list_multi_levels .inner_list.date {
  width: 320px !important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.property_managemnt .sort .sortDiv {
  display: flex;
  font-family: "Roboto", sans-serif;
  align-items: center;
  gap: 5px;
}
.property_managemnt .sort .sortDiv .sortspan {
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.property_managemnt .sort .sortDiv select {
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 19px;
}
.property_managemnt .sort .sortDiv .selecticon {
  position: absolute;
  right: 14px;
  top: 14px;
}
.property_managemnt .sort .sortDiv .MuiSvgIcon-root {
  display: none !important;
}
/* dialog */
.dialog_content {
  padding: 30px 50px !important;
}
.dialog_content .change_status__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.dialog_content .change_status__header p {
  padding-bottom: 20px !important;
}
.dialog_content .change_status__header .build_type {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  margin-bottom: 5px;
  display: block;
}
.dialog_content .change_status__header .build_name {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #8d8d8d;
  display: block;
}
.dialog_content .change_status__form {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.dialog_content .change_status__form-header {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.dialog_content .change_status__form-status {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  background-color: #fffbe9;
  color: #a1930d;
}
.dialog_content .change_status__form .change_status__form_svg_icon {
  height: 15px;
  width: 15px;
}
.dialog_content .change_status__button {
  line-height: 14px;
  height: 37px;
  width: 100%;
  margin-top: 15px;
  padding: 6px 10px;
  border: 0;
  border-radius: 5px;
  font-size: 12px !important;
  font-weight: 400;
  color: #fff;
  background-color: #1d4599;
  cursor: pointer;
}
.dialog_content .change_status__button.disabled {
  background-color: #959698 !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.dialog_content .change_status__button:hover {
  background-color: #1d4599;
}
.dialog_content .property_details p {
  padding-bottom: 20px;
}
.dialog_content .property_details__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.dialog_content .property_details__header .build_type {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  margin-bottom: 5px;
  display: block;
}
.dialog_content .property_details__header .build_name {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #8d8d8d;
  display: block;
}
.dialog_content .property_details__header-status {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 6px;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  background-color: rgba(194, 22, 22, 0.0901960784);
  color: #c21616;
  margin-top: 10px;
  height: 20px;
  width: 96px;
}
.dialog_content .property_details__header-status svg {
  height: 10px;
  width: 10px;
}
.dialog_content .property_details__form {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.dialog_content .property_details__form-header {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.dialog_content .property_details__form-users {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dialog_content .property_details__form-users .users-image {
  display: flex;
  align-items: center;
}
.dialog_content .property_details__form-users .users-image img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.dialog_content .property_details__form-users .user-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dialog_content .property_details__form-users .user-info h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 145%;
}
.dialog_content .property_details__form-users .user-info span {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #8d8d8d;
}
.dialog_content .property_details__button {
  line-height: 14px;
  height: 37px;
  width: 100%;
  margin-top: 15px;
  padding: 6px 10px;
  border: 0;
  border-radius: 5px;
  font-size: 12px !important;
  font-weight: 600;
  color: #fff;
  background-color: #1d4599;
  cursor: pointer;
}
.dialog_content .property_details__button.disabled {
  background-color: #686868 !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.dialog_content .property_details__button:hover {
  background-color: #1d4599;
}
.dialog_content .message_tenant {
  padding: 0;
}
.dialog_content .message_tenant .btn {
  width: 335px;
}
.dialog_content .message_tenant .btn:hover {
  background-color: #fffbe3;
}
.dialog_content .property_rent .select-time {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.dialog_content .property_rent-button {
  background-color: red;
  width: 300px;
  height: 37px;
  line-height: 17px;
  box-shadow: none;
  padding: 10px;
  border: 0;
  border-radius: 6px;
  font-size: 14px !important;
  font-weight: 600;
  color: #fff;
  background-color: #1d4599;
  cursor: pointer;
}
.dialog_content .property_rent-button:hover {
  box-shadow: none;
  background-color: #1d4599;
}
.usefulInfo_dashboard {
  padding: 40px 50px 53px 50px !important;
  margin-left: 0 !important;
  min-height: calc(100vh - 64px);
}
.usefulInfo_dashboard__header {
  display: flex;
  justify-content: space-between;
}
.usefulInfo_dashboard__header .usefulInfo_title {
  color: #767676;
}
.usefulInfo_dashboard__header .button_container {
  display: flex;
  gap: 10px;
}
.usefulInfo_dashboard__header .button_container .btn_save,
.usefulInfo_dashboard__header .button_container .btn_add {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  display: flex;
  gap: 10px;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 10px;
  border-radius: 5px;
  width: 150px;
}
.usefulInfo_dashboard__header .button_container .btn_save {
  background-color: #e1e9fa;
  color: #1d4599;
}
.usefulInfo_dashboard__header .button_container .btn_add {
  color: #9c8f41;
  background-color: #fffbe3;
  width: 162px;
  border-radius: 10px;
}
.usefulInfo_dashboard .usefulInfo_divs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 30px;
  max-width: 1024px;
  width: 100%;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .image_div {
  border-radius: 6px 6px 0px 0px;
  position: relative;
  height: 147px;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .image_div .opacity_div {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: gray;
  opacity: 0.2;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .image_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0px 0px;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .image_div svg {
  width: 32px;
  z-index: 10;
  rotate: 90deg;
  cursor: pointer;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .image_div span {
  position: absolute;
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  top: 15px;
  left: 15px;
  color: white;
  z-index: 1;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .info_div {
  background: white;
  border-radius: 0 0 6px 6px;
  padding: 15px 15px 17px 15px;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .info_div .description_div {
  justify-content: space-between;
  display: flex;
  padding-bottom: 5px;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .info_div .description_div .span_desc {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .info_div .description_div div {
  display: flex;
  flex-direction: column;
  width: max-content;
  background: #eaeaea;
  border-radius: 6px;
  padding: 4px;
  align-items: center;
  justify-content: center;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .info_div .description_div div span {
  font-weight: 400;
  font-size: 10px;
  line-height: 22px;
  width: max-content;
}
.usefulInfo_dashboard .usefulInfo_divs .usefulInfo_item .info_div .detail {
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  color: #bdbdbd;
}
.usefulInfo_dashboard .usefulInfo_header {
  display: flex;
  padding-top: 48px;
  padding-bottom: 22px;
  justify-content: space-between;
  max-width: 1024px;
  width: 100%;
  align-items: center;
}
.usefulInfo_dashboard .usefulInfo_header .span_usefulInfo {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #767676;
}
.usefulInfo_dashboard .usefulInfo_header .pagination {
  display: flex;
  gap: 25px;
  align-items: center;
}
.usefulInfo_dashboard .usefulInfo_header .pagination .btn {
  min-width: max-content !important;
  padding: 0 !important;
}
.usefulInfo_dashboard .usefulInfo_header .pagination span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
/* add usefulInfo */
.add_new_usefulInfo_container {
  max-width: 1153px !important;
  width: 100%;
  padding: 8px 50px 53px 50px;
  min-height: calc(100vh - 64px);
  padding: 18px;
}
.add_new_usefulInfo_container .usefulInfo_top_bottom {
  background-color: white;
  box-shadow: 0px 0px 40px 2px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 18px;
}
.add_new_usefulInfo_container .page_content {
  width: 100%;
}
.add_new_usefulInfo_container .page_content__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
.add_new_usefulInfo_container .page_content__header .button_container {
  display: flex;
  gap: 10px;
}
.add_new_usefulInfo_container .page_content__header .button_container .btn_save,
.add_new_usefulInfo_container .page_content__header .button_container .btn_add {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  display: flex;
  gap: 10px;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  width: 185px;
  border-radius: 5px;
  background-color: #686868 !important;
  pointer-events: none;
}
.add_new_usefulInfo_container .page_content__header .button_container .btn_save.submit,
.add_new_usefulInfo_container .page_content__header .button_container .btn_add.submit {
  background-color: #9c8f41 !important;
  pointer-events: visible;
}
.add_new_usefulInfo_container .page_content__header .button_container .btn_save {
  background-color: #e1e9fa;
  color: #1d4599;
}
.add_new_usefulInfo_container .page_content__header .button_container .btn_add {
  color: #fffbe3;
  background-color: #9c8f41;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top {
  display: flex;
  margin-bottom: 39px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__left {
  width: 33%;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__left .image_container .upload_image {
  max-width: 100%;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__left .image_container .upload_image .dropspan {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__left .image_container .uploadimage {
  width: 100%;
  height: 170px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__left .image_container .uploadimage img {
  width: 100%;
  object-fit: cover;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__left .note_text {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
  margin-top: 12px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__right {
  width: 67%;
  padding-left: 20px;
  height: 170px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__right .MuiTextField-root {
  height: 126px;
  width: 100%;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__right .MuiTextField-root div {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  height: 126px;
  padding-left: 0 !important;
  padding-top: 13px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__right .MuiTextField-root div ::placeholder {
  opacity: 1;
  color: #c1c1c1;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__right .MuiInputBase-root {
  height: 28px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__right-input_header {
  font-size: 24px;
  width: 100%;
  font-weight: 700;
}
.add_new_usefulInfo_container .page_content .usefulInfo_top__right-input_header input::placeholder {
  color: #c1c1c1;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left {
  width: 50%;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-header {
  margin-bottom: 20px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-content .usefulInfo_form__note {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #c1c1c1;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-content .specific_building {
  display: flex;
  justify-content: flex-end;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-content .specific_building .specific_building-select {
  width: 80%;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-content .specific_tenant {
  display: flex;
  justify-content: flex-end;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-attachment {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-attachment .attachment-info {
  margin-right: 10px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-attachment .attachment-info .attachment-info__subtitle {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #d9d9d9;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__left-attachment .btn_upload {
  background-color: #9c8f41;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 10px;
  border-radius: 4px;
  width: 80px;
  height: 35px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right {
  margin-top: -50px;
  padding: 10px;
  padding-left: 20px;
  width: 67%;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-add_layout {
  display: flex;
  justify-content: flex-end;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-add_layout button {
  border: 0;
  background-color: transparent;
  color: #9c8f41;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-add_layout button.mt-20 {
  margin-top: 20px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-add_layout button.mt-5 {
  margin-top: 5px;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-layout_input {
  font-size: 24px;
  width: 100%;
  font-weight: 700;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-layout_input input {
  text-align: right;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-layout_input input::placeholder {
  color: #c1c1c1;
}
.add_new_usefulInfo_container .page_content .usefulInfo_bottom__right-layout_description {
  width: 100%;
  text-align: right;
}
.usefulInfo_bottom__left-content .span_div {
  display: flex;
  width: 570px;
  gap: 10px;
}
.usefulInfo_bottom__left-content .span_div :nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #c1c1c1;
}
.usefulInfo_bottom__left-content .check_div {
  flex-direction: column;
  display: flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #565656;
}
.usefulInfo_bottom__left-content .check_div .searchTenant {
  width: 241px;
  height: 31px;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-left: 37px;
}
.usefulInfo_bottom__left-content .check_div .searchTenant input {
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  padding-left: 10px;
}
.usefulInfo_bottom__left-content .check_div .item {
  display: flex;
  align-items: center;
}
.usefulInfo_bottom__left-content .check_div .checkincon {
  border: 1px solid #9c8f41 !important;
  width: 20px;
  height: 20px;
  background-color: #9c8f41;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.usefulInfo_bottom__left-content .check_div .checkincon.false {
  background-color: white !important;
  border: 0.5px solid #1d4599;
}
.btn_upload {
  text-transform: none !important;
}
.detail_proport_usefulInfo {
  margin-left: 37px;
  padding: 13px 0 !important;
}
.detail_proport_usefulInfo .span {
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
}
.detail_proport_usefulInfo .select_div {
  width: 241px;
  height: 31px;
  background-color: #f7f7f7 !important;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.detail_proport_usefulInfo .select_div span,
.detail_proport_usefulInfo .select_div svg {
  position: absolute;
  top: 10px;
}
.detail_proport_usefulInfo .select_div span path,
.detail_proport_usefulInfo .select_div svg path {
  fill: #939393;
}
.detail_proport_usefulInfo .select_div span {
  left: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #939393;
}
.detail_proport_usefulInfo .select_div span.selected {
  color: black;
}
.detail_proport_usefulInfo .select_div svg {
  right: 10px;
}
.detail_proport_usefulInfo .options {
  display: flex;
  flex-direction: column;
  width: 390px;
  border-radius: 4px;
  background-color: white;
  margin-top: 11px;
}
.detail_proport_usefulInfo .options div {
  padding: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  color: #5e6366;
  cursor: pointer;
}
.searchusefulInfotenant .searchTenant_result {
  width: 241px;
  margin-left: 37px;
  background-color: #f7f7f7;
  border-radius: 0 0 5px 5px;
}
.searchusefulInfotenant .searchTenant_result div {
  padding: 10px;
  border-top: 1px solid white;
}
.wrapper_usefulInfo_dropdown {
  width: 32px;
  position: absolute;
  z-index: 10;
  right: 0;
  cursor: pointer;
}
.button_dropdown_list_multi_levels_home_usefulInfo {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.button_dropdown_list_multi_levels_home_usefulInfo svg {
  width: 15px;
}
.button_dropdown_list_multi_levels_home_usefulInfo:focus {
  box-shadow: none !important;
}
.button_dropdown_list_multi_levels_home_usefulInfo li :hover {
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
}
.menu_dropdown_list_multi_levels_home_usefulInfo {
  display: flex;
  flex-direction: column;
}
.menu_dropdown_list_multi_levels_home_usefulInfo ul {
  margin: 0 !important;
}
.menu_dropdown_list_multi_levels_home_usefulInfo ul li {
  border-radius: 4px !important;
}
.menu_dropdown_list_multi_levels_home_usefulInfo ul li:hover {
  background-color: #fffbe3 !important;
  color: #9c8f41 !important;
}
.gourmet {
  padding: 40px 50px 53px 50px !important;
  margin-left: 0 !important;
  min-height: calc(100vh - 64px);
}
.gourmet .gourmet_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 31px;
}
.gourmet .gourmet_header .btn {
  display: flex;
  gap: 15px;
}
.gourmet .gourmet_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.gourmet .gourmet_header .btn .add_btn {
  background-color: #e1e9fa;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #1d4599;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: none;
}
.gourmet .gourmet_header .btn ._add_amenity {
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  background-color: #9c8f41;
  color: #fffbe3;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  gap: 10px;
}
.gourmet .gourmet_header .btn ._add_amenity svg {
  fill: white;
}
.gourmet .gourmet_header .btn ._add_amenity svg path {
  fill: white;
}
.gourmet .gourmet_header .header_span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.gourmet .overviewDiv {
  padding-top: 5px;
}
.gourmet .gourmet_header {
  display: flex;
  padding-bottom: 22px;
  justify-content: space-between;
  max-width: 1024px;
  width: 100%;
  align-items: center;
}
.gourmet .gourmet_header .span_gourmet {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  padding-top: 48px;
  color: #767676;
}
.gourmet .gourmet_header .pagination {
  display: flex;
  gap: 25px;
  align-items: center;
}
.gourmet .gourmet_header .pagination .btn {
  min-width: max-content !important;
  padding: 0 !important;
}
.gourmet .gourmet_header .pagination span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.gourmet .gourmet_divs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 30px;
  max-width: 1024px;
  width: 100%;
}
.gourmet .gourmet_divs .notice_item .image_div {
  border-radius: 6px 6px 0px 0px;
  position: relative;
  height: 147px;
}
.gourmet .gourmet_divs .notice_item .image_div .opacity_div {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: gray;
  opacity: 0.2;
}
.gourmet .gourmet_divs .notice_item .image_div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0px 0px;
}
.gourmet .gourmet_divs .notice_item .image_div svg {
  width: 15px;
  position: absolute;
  z-index: 10;
  right: 15px;
  rotate: 90deg;
  top: 25px;
}
.gourmet .gourmet_divs .notice_item .image_div span {
  position: absolute;
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  top: 15px;
  left: 15px;
  color: white;
  z-index: 1;
}
.gourmet .gourmet_divs .notice_item .info_div {
  background: white;
  border-radius: 0 0 6px 6px;
  padding: 15px 15px 17px 15px;
}
.gourmet .gourmet_divs .notice_item .info_div .description_div {
  justify-content: space-between;
  display: flex;
  padding-bottom: 5px;
}
.gourmet .gourmet_divs .notice_item .info_div .description_div .span_desc {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.gourmet .gourmet_divs .notice_item .info_div .description_div div {
  display: flex;
  flex-direction: column;
  width: max-content;
  background: #eaeaea;
  border-radius: 6px;
  padding: 4px;
  align-items: center;
  justify-content: center;
}
.gourmet .gourmet_divs .notice_item .info_div .description_div div span {
  font-weight: 400;
  font-size: 10px;
  line-height: 22px;
  width: max-content;
}
.gourmet .gourmet_divs .notice_item .info_div .detail {
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  color: #bdbdbd;
}
/* Add website */
.gourmet_Add_website {
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
  width: 547px !important;
}
.gourmet_Add_website .gourmet_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 45px;
}
.gourmet_Add_website .gourmet_header .header_span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.gourmet_Add_website .content_container {
  background: #fff;
  padding: 66px 30px;
}
.gourmet_Add_website .content_container__user {
  text-align: center;
  margin-bottom: 65px;
}
.gourmet_Add_website .content_container__user-image {
  display: flex;
  justify-content: center;
}
.gourmet_Add_website .content_container__user-header {
  margin-top: 40px;
}
.gourmet_Add_website .content_container__form-url {
  width: 100%;
  border-radius: 10px;
}
.gourmet_Add_website .content_container__form-submit {
  width: 100%;
  margin-top: 15px;
  text-transform: capitalize;
  padding: 10px;
  border: 0;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #fffbe3;
  background-color: #9c8f41;
  cursor: pointer;
}
.gourmet_Add_website .content_container__form-submit:hover {
  background-color: #9c8f41;
}
.home_container {
  min-height: calc(100vh - 64px);
  padding: 30px 14px !important;
}
.home_container .service_card {
  display: none;
}
.home_container .service_card .header__title {
  line-height: 28px;
  color: #767676;
}
.home_container .header__title {
  line-height: 28px;
  color: #767676;
}
.home_container .view {
  display: flex;
  gap: 15px;
}
.home_container .view__content {
  width: 661px;
  height: 308px;
}
.home_container .view__content .main-dashboard-slider .content_container {
  background: rgba(0, 0, 0, 0.5);
  width: 69%;
  height: 47%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.home_container .view__content .main-dashboard-slider .content_container .logo_container {
  padding-top: 21px;
  padding-bottom: 21px;
  width: 100%;
}
.home_container .view__content .main-dashboard-slider .content_container .logo_container img {
  width: 38%;
}
.home_container .view__content .main-dashboard-slider .content_container .text {
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
}
.home_container .view__content .swiper {
  width: 100%;
  height: 100%;
  background: #000;
  overflow-y: visible;
  overflow-x: clip;
}
.home_container .view__content .swiper-slide {
  font-size: 18px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 60px 40px;
}
.home_container .view__content .parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.home_container .view__content .swiper-slide .title {
  font-size: 41px;
  font-weight: 300;
}
.home_container .view__content .swiper-slide .subtitle {
  font-weight: 900;
  font-size: 32px;
  line-height: 38px;
}
.home_container .view__content .swiper-slide .text {
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.home_container .view__content .swiper-pagination {
  text-align: unset;
  padding-left: 40px;
  display: flex;
  padding-bottom: 15px;
}
.home_container .view__content .swiper-pagination-bullet {
  background-color: rgb(255, 255, 255);
  width: 5px;
  height: 5px;
  opacity: 0.62;
}
.home_container .view__content .swiper-pagination-bullet-active {
  width: 18px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #fff;
  opacity: 1;
}
.home_container .view__chart {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.home_container .view__chart-content {
  width: 240px;
  height: 146px;
  border-radius: 5.40767px;
  padding: 15px;
}
.home_container .view__chart-content .top,
.home_container .view__chart-content .bottom {
  display: flex;
  justify-content: space-between;
}
.home_container .view__chart-content .top__content-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.home_container .view__chart-content .top__content-subtitle {
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
}
.home_container .view__chart-content .top__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  border-radius: 11px;
  background-color: #fff;
}
.home_container .view__chart-content .bottom {
  margin-top: 20px;
}
.home_container .view__chart-content .bottom__number {
  width: 75px;
  text-align: center;
}
.home_container .view__chart-content:nth-child(1) {
  background-color: #ffefd6;
}
.home_container .view__chart-content:nth-child(1) .bottom__number {
  color: #ffb200;
}
.home_container .view__chart-content:nth-child(2) {
  background-color: #f2f9fe;
}
.home_container .view__chart-content:nth-child(2) .bottom__number {
  color: #0095ff;
}
.home_container .view__chart-content:nth-child(3) {
  background-color: #fde8e8;
}
.home_container .view__chart-content:nth-child(3) .bottom__number {
  color: #ff3a29;
}
.home_container .view__chart-content:nth-child(4) {
  background-color: #e7fcef;
}
.home_container .view__chart-content:nth-child(4) .bottom__number {
  color: #00bb47;
}
.home_container .info {
  margin-top: 15px;
  display: flex;
  gap: 15px;
}
.home_container .info .header__container {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.home_container .info .header__container-icon {
  padding: 12px;
  border-radius: 11px;
  display: flex;
  align-items: center;
}
.home_container .info .header__container-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  justify-content: space-between;
}
.home_container .info .header__container-text h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.home_container .info .header__container-text p {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #999999;
}
.home_container .info__support, .home_container .info__communication, .home_container .info__analytics {
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
}
.home_container .info__support {
  width: 294px;
}
.home_container .info__support .contact-information {
  width: 100%;
  background-color: #fafafa;
  margin-top: 11px;
  padding: 25px 27px;
  border-radius: 10px;
}
.home_container .info__support .contact-information__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home_container .info__support .contact-information__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  gap: 10px;
}
.home_container .info__support .contact-information__content h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.home_container .info__support .contact-information__content p {
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #a3a3a3;
}
.home_container .info__support .contact-information__content-button {
  height: 24px;
  padding: 6px 10px;
  border: 0;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  background-color: #1d4599;
  cursor: pointer;
  line-height: 12px;
}
.home_container .info__communication {
  width: 450px;
}
.home_container .info__communication .message {
  margin-top: 13px;
}
.home_container .info__communication .message__header {
  display: flex;
  justify-content: space-between;
  padding: 6px 9px;
  background-color: #d8f0f4;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.home_container .info__communication .message__header-text {
  display: flex;
  align-items: center;
  gap: 7px;
}
.home_container .info__communication .message__header-text .header {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}
.home_container .info__communication .message__header-text .message_number {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #1d4599;
}
.home_container .info__communication .message__header-button {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  border: 0;
  background: transparent;
  text-decoration-line: underline;
  color: #1d4599;
}
.home_container .info__communication .message__content {
  display: flex;
  gap: 32px;
  padding: 15px;
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb;
}
.home_container .info__communication .message__content:last-child {
  border-bottom: none;
}
.home_container .info__communication .message__content-left {
  display: flex;
  gap: 5px;
}
.home_container .info__communication .message__content-left .image {
  width: 25px;
  height: 25px;
}
.home_container .info__communication .message__content-left .image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.home_container .info__communication .message__content-left .user-info {
  display: flex;
  flex-direction: column;
}
.home_container .info__communication .message__content-left .user-info__name {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.home_container .info__communication .message__content-left .user-info__role {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.home_container .info__communication .message__content-right p {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  background: #e1e9fa;
  border-radius: 10px;
  padding: 6px 10px;
}
.home_container .info__analytics-content {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}
.home_container .info__analytics-content .chart {
  display: flex;
  justify-content: center;
  padding-top: 0;
  margin-top: 15px;
  margin-bottom: 8px;
}
.home_container .info__analytics-content .chart .CircularProgressbar {
  width: 147px;
}
.home_container .info__analytics-content .platform_name {
  display: flex;
  gap: 6px;
  align-items: center;
}
.home_container .info__analytics-content .platform_name-icon {
  width: 14px;
  height: 14px;
  background-color: #2e9e82;
  display: block;
  border-radius: 50%;
}
.home_container .info__analytics-content .platform_name-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.home_container .info__analytics-bar {
  padding-top: 30px;
}
.home_container .info__analytics-bar-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.home_container .info__analytics-bar-item .title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 768px) {
  .home_container .service_card {
    display: flex;
    flex-direction: column;
  }
  .home_container .service_card .service_card_content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .home_container .service_card .service_card_content .service_card_content_each {
    width: 100%;
    background-repeat: no-repeat;
    height: 74px;
    background-size: cover;
    padding: 12px;
    flex: 0 0 calc(50% - 10px);
    border-radius: 5px;
  }
  .home_container .service_card .service_card_content .service_card_content_each svg {
    cursor: pointer;
  }
  .home_container .service_card .service_card_content .service_card_content_each .service_name {
    font-family: Poppins, serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #1C1B19;
  }
  .requestlist_container {
    display: none !important;
  }
  .content {
    max-height: unset !important;
  }
  .content .sidebar {
    display: none;
  }
  .content .outlet {
    width: 100% !important;
    margin-left: unset !important;
  }
  .view {
    flex-direction: column;
  }
  .view .view__chart-content {
    width: 100% !important;
  }
  .view .view__content {
    width: 100%;
  }
  .logodiv {
    padding-left: 15px !important;
  }
  .requestlist_container .sort_header .sort {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }
  .requestlist_container .sort_header .sort .sortDiv {
    grid-row: 2;
  }
  .userdiv {
    display: none !important;
  }
  .home_container .view__content .main-dashboard-slider .content_container .text {
    font-size: 20px;
  }
}
.calendar_view_page {
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
}
.calendar_view_page .calendar_view_page_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  max-width: 1040px;
  margin: 0 auto;
  padding-bottom: 31px;
}
.calendar_view_page .calendar_view_page_header .btn {
  display: flex;
  gap: 15px;
}
.calendar_view_page .calendar_view_page_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.calendar_view_page .calendar_view_page_header .btn .add_btn {
  background-color: #e1e9fa;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #1d4599;
  display: flex;
  gap: 10px;
  padding: 10px;
  box-shadow: none;
  border-radius: 10px;
  text-transform: none;
}
.calendar_view_page .calendar_view_page_header .header_select {
  display: flex;
  gap: 20px;
  align-items: center;
}
.calendar_view_page .calendar_view_page_header .header_select .header_span {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #767676;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select {
  display: flex;
  gap: 10px;
  /**/
  /**/
  /**/
  /**/
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .date {
  background-color: white;
  width: 85.1px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .date span {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .date .selecticon {
  margin-top: 2px;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .date.page {
  background-color: #EEEEEE;
  color: #1d4599;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .button_dropdown_list_multi_levels {
  background-color: transparent !important;
  box-shadow: none;
  font-size: 12px;
  padding: 0;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .button_dropdown_list_multi_levels:active, .calendar_view_page .calendar_view_page_header .header_select .header_select .button_dropdown_list_multi_levels:hover {
  background-color: transparent !important;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .button_dropdown_list_multi_levels:focus {
  background-color: transparent !important;
  box-shadow: none;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .button_dropdown_list_multi_levels ul {
  border-radius: 6px;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .menu_dropdown_list_multi_levels {
  border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  min-width: auto;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .menu_dropdown_list_multi_levels ul {
  margin-top: 0;
  margin-bottom: 0;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .menu_dropdown_list_multi_levels li {
  border-bottom: 0.5px solid #CECECE;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .menu_dropdown_list_multi_levels li:nth-child(1):hover {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .menu_dropdown_list_multi_levels li:last-child {
  border-bottom: none;
}
.calendar_view_page .calendar_view_page_header .header_select .header_select .menu_dropdown_list_multi_levels li:last-child:hover {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.calendar_view_page .calendar_view {
  background-color: transparent !important;
  margin: 0 auto;
  position: relative;
  /* Track */
  /* Handle */
  max-width: 1040px;
  width: 100%;
}
.calendar_view_page .calendar_view tr {
  height: 255px;
}
.calendar_view_page .calendar_view td {
  position: relative;
}
.calendar_view_page .calendar_view .day_week_month {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 110px;
  margin: auto;
  padding-bottom: 25px;
}
.calendar_view_page .calendar_view .day_week_month span {
  font-family: "Inter", sans-serif;
  font-style: normal;
}
.calendar_view_page .calendar_view .day_week_month .month {
  font-weight: 400;
  font-size: 13.1659px;
  color: #6c6c6c;
}
.calendar_view_page .calendar_view .day_week_month .day {
  font-weight: 600;
  font-size: 18.5423px;
  color: black;
}
.calendar_view_page .calendar_view .day_week_month .week {
  font-weight: 400;
  font-size: 13.1659px;
  color: #6c6c6c;
}
.calendar_view_page .calendar_view a {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20.2886px;
}
.calendar_view_page .calendar_view svg {
  width: 35px;
  height: 35px;
  position: absolute;
}
.calendar_view_page .calendar_view .left {
  display: none;
}
.calendar_view_page .calendar_view .right {
  display: none;
}
.calendar_view_page .calendar_view ::-webkit-scrollbar {
  width: 10px;
}
.calendar_view_page .calendar_view ::-webkit-scrollbar-track {
  background: #1d4599;
  -webkit-box-shadow: inset 0 0 6px #1d4599;
  border-left: 4.75px solid white;
  border-right: 4.75px solid white;
  margin-top: 6px;
}
.calendar_view_page .calendar_view ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #1d4599;
  background: #1d4599;
  border-radius: 5px;
}
.calendar_view_page .calendar_view tr:contains("all-day") {
  display: none;
}
.calendar_view_page .calendar_view tr:has(.allday) {
  display: none;
}
.calendar_view_page .calendar_view tbody:has(.allday) tr {
  height: 148px;
}
.calendar_view_page .calendar_view tbody:has(.allday) tr:nth-child(even):nth-child(even) {
  display: none;
}
.calendar_view_page .calendar_view th:first-child {
  border-color: white !important;
}
.calendar_view_page .calendar_view th:first-child div {
  border-color: white !important;
}
.calendar_view_page .calendar_view .day_btn:hover {
  opacity: 1;
  border-left: 1px solid #aeaeae;
}
.calendar_view_page .calendar_view .day_btn {
  cursor: pointer;
  opacity: 0;
  border: none;
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #eaeaea;
  color: #aeaeae;
}
.calendar_view_page .calendar_view .day_btn img {
  filter: grayscale(100%);
}
.calendar_view_page .fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: left !important;
}
.calendar_view_page .fc-direction-ltr .fc-timegrid-slot-label-frame div {
  padding: 0 !important;
}
.calendar_view_page .calendar_view:has(.allday) .day_btn {
  display: none;
}
.calendar_view_page .calendar_view:has(.allday) tr {
  height: max-content;
}
.calendar_view_page .calendar_view:has(.allday) .left {
  display: block !important;
  left: 15px;
  top: 26px;
}
.calendar_view_page .calendar_view:has(.allday) .right {
  display: block !important;
  right: 15px;
  top: 27px;
}
.calendar_view_page .calendar_view:has(.allday) .fc-prev-button,
.calendar_view_page .calendar_view:has(.allday) .fc-next-button {
  display: block !important;
  position: absolute !important;
  opacity: 0 !important;
  z-index: 10;
}
.calendar_view_page .calendar_view:has(.allday) thead a {
  display: none;
}
.calendar_view_page thead {
  overflow-y: hidden;
}
.calendar_view_page .fc-v-event {
  background-color: #e1e9fa;
  border: none !important;
  border-radius: 10px;
  box-shadow: none !important;
}
.calendar_view_page .fc-scroller {
  overflow-y: hidden !important;
}
.calendar_view_page .fc-col-header {
  width: 961px !important; /* header width */
  margin: 0 3px;
  margin-bottom: 20px;
}
.calendar_view_page .fc-scroller-liquid-absolute {
  overflow-y: scroll !important;
  background-color: #fff;
}
.calendar_view_page .hour_div {
  cursor: pointer;
  position: absolute;
  width: 136px;
  height: 148px;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea;
  gap: 10px;
}
.calendar_view_page .hour_div span {
  font-size: 12px;
  color: #aeaeae;
}
.calendar_view_page .hour_div img {
  width: 15px;
  filter: grayscale(100%);
}
.calendar_view_page .hour_div:hover {
  opacity: 1;
}
.calendar_view_page .calendar_dialog {
  width: 438px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 25px;
  z-index: 10;
  position: absolute;
  background-color: white;
  top: -207px;
  left: -199px;
}
.calendar_view_page .calendar_dialog .add_req_calendar {
  display: flex;
  justify-content: space-between;
}
.calendar_view_page .calendar_dialog .add_req_calendar span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.calendar_view_page .calendar_dialog .add_req_calendar svg {
  cursor: pointer;
  width: 15px;
  height: 15px;
  position: unset;
}
.calendar_view_page .calendar_dialog .add_req_calendar svg path {
  fill: black;
}
.calendar_view_page .calendar_dialog .select {
  width: 100%;
  background-color: #ebebeb;
  border-radius: 6px;
  height: 36px;
  padding: 0 0 0 8px;
  height: 49px;
}
.calendar_view_page .calendar_dialog .select fieldset {
  border: none;
}
.calendar_view_page .calendar_dialog .select div {
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: black;
}
.calendar_view_page .calendar_dialog .select div .selesct_span_d {
  color: #a1a1a1;
}
.calendar_view_page .calendar_dialog .select .MuiSvgIcon-root {
  display: none !important;
}
.calendar_view_page .calendar_dialog .arrow_icon {
  position: absolute;
  right: 15px;
  top: 17px;
  z-index: 1;
  width: 13px;
  height: 13px;
}
.calendar_view_page .calendar_dialog .select_divs {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.calendar_view_page .calendar_dialog .btn {
  background-color: #939393;
  border-radius: 10px;
  width: 383px;
  height: 49px;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: white;
  text-transform: none;
  box-shadow: none;
  pointer-events: none;
}
.calendar_view_page .calendar_dialog .btn.disable {
  pointer-events: visible;
  background-color: #1d4599;
}
.calendar_view_page .calendar_dialog .btn:hover {
  background-color: #939393;
}
.calendar_view_page .fc-more-link {
  pointer-events: none;
  color: white;
  width: 76px;
  height: 40px;
  background: #ffffff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding-left: 11px;
}
.calendar_view_page .fc-more-link span {
  color: #1d4599;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding-left: 9px;
}
.calendar_view_page .fc-more-link:hover {
  background-color: white !important;
}
.calendar_view_page .fc-daygrid-day-bottom:has(.fc-more-link) {
  padding-bottom: 10px;
  width: 115px;
  height: 184px;
  background-color: #e1e9fa;
  align-items: flex-end;
  justify-content: center;
  border-radius: 10px;
  display: flex;
}
.calendar_view_page .fc-daygrid-day-events {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar_view_page .fc-daygrid-day-events .span_req,
.calendar_view_page .fc-daygrid-day-events .time {
  display: none;
}
.calendar_view_page .fc-daygrid-day-events .participants {
  display: none;
}
.calendar_view_page .fc-daygrid-day-events:has(.fc-more-link) {
  position: relative;
  z-index: 50;
}
.calendar_view_page .fc-daygrid-day-events:has(.fc-more-link) .span_req,
.calendar_view_page .fc-daygrid-day-events:has(.fc-more-link) .time {
  display: block;
  color: #1d4599;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  position: absolute;
  top: 78px;
  left: 29px;
}
.calendar_view_page .fc-daygrid-day-events:has(.fc-more-link) .time {
  top: 51px;
  color: #3763c1;
  font-weight: 400;
  font-size: 10px;
}
.calendar_view_page .fc-daygrid-day-events:has(.fc-more-link) .participants {
  display: block;
  position: absolute;
  top: 10px;
  left: 29px;
}
.calendar_view_page .fc-daygrid-day-events:has(.fc-more-link) .participants img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid white;
}
.calendar_view_page tr td:has(.fc-daygrid-day-events:has(.fc-more-link)) .day_btn:hover {
  display: none !important;
}
.calendar_view_page .dialog_calendars {
  overflow-x: hidden;
  /* Track */
  /* Handle */
}
.calendar_view_page .dialog_calendars ::-webkit-scrollbar {
  width: 10px;
}
.calendar_view_page .dialog_calendars ::-webkit-scrollbar-track {
  background: #1d4599;
  -webkit-box-shadow: inset 0 0 6px #1d4599;
  border-left: 4.75px solid white;
  border-right: 4.75px solid white;
  margin-top: 6px;
}
.calendar_view_page .dialog_calendars ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #1d4599;
  background: #1d4599;
  border-radius: 5px;
}
.calendar_view_page .dialog_calendars .MuiDialogContent-root {
  padding: 25px 25px 0 25px !important;
  border: none !important;
}
.calendar_view_page .dialog_calendars .filtered {
  padding-top: 19px;
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.calendar_view_page .fc-timegrid-event-harness-inset .fc-timegrid-event,
.calendar_view_page .fc-timegrid-event.fc-event-mirror,
.calendar_view_page .fc-timegrid-more-link {
  background-color: #e4eef8;
}
.calendar_view_page .fc-v-event button {
  display: none;
}
.calendar_view_page .fc-v-event .fc-event-title {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #1d4599;
  padding-top: 10px;
}
.calendar_view_page .fc-timegrid-event .fc-event-time {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #3763c1;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
.calendar_view_page .div_image_event {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.calendar_view_page .div_image_event .more {
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid white;
}
.calendar_view_page .fc-v-event .fc-event-main-frame {
  padding: 10px 7px 16px 7px;
}
.calendar_view_page .filteredData-dialog {
  margin-top: 19px;
  background: #fbfbfb;
  border: 1px solid #dadada;
  border-radius: 10px;
  padding: 30px 30px 15px 30px;
}
.calendar_view_page .filteredData-dialog .service {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.calendar_view_page .filteredData-dialog .service :first-child {
  color: #939393;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.calendar_view_page .filteredData-dialog .service :last-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 10px;
  color: #4d4d4d;
}
.calendar_view_page .filteredData-dialog .apartment {
  padding-top: 27px;
  padding-bottom: 27px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.calendar_view_page .filteredData-dialog .apartment :first-child {
  color: #939393;
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
}
.calendar_view_page .filteredData-dialog .apartment :last-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 10px;
  color: #4d4d4d;
}
.calendar_view_page .filteredData-dialog .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calendar_view_page .filteredData-dialog .info .info_tenant {
  display: flex;
  align-items: center;
  gap: 10px;
}
.calendar_view_page .filteredData-dialog .info .info_tenant img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid white;
}
.calendar_view_page .filteredData-dialog .info .info_tenant div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.calendar_view_page .filteredData-dialog .info .info_tenant div :first-child {
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #939393;
}
.calendar_view_page .filteredData-dialog .info .info_tenant div :last-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 10px;
  color: #707070;
}
.calendar_view_page .filteredData-dialog .info .time_div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.calendar_view_page .filteredData-dialog .info .time_div :first-child {
  font-weight: 500;
  font-size: 14px;
  line-height: 10px;
  color: #939393;
}
.calendar_view_page .filteredData-dialog .info .time_div :last-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 10px;
  color: #707070;
}
.calendar_view_page .detail_dialog-calendar {
  display: flex;
  width: 507px;
  justify-content: space-between;
  align-items: center;
}
.calendar_view_page .detail_dialog-calendar span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.calendar_view_page .detail_dialog-calendar svg {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.calendar_view_page .detail_dialog-calendar svg path {
  fill: black;
}
.calendar_view_page .popper {
  background-color: white;
  border: 1px solid #dcdcdc;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 25px;
}
.calendar_view_page .btn_div {
  display: flex;
  gap: 15px;
  padding-top: 50px;
}
.calendar_view_page .btn_div .btn {
  box-shadow: none;
  text-transform: none;
  min-width: none;
  width: 50%;
  border-radius: 10px;
  background-color: white;
  font-weight: 600;
  font-size: 14px;
  line-height: 10px;
  color: #1d4599;
  height: 40px;
}
.calendar_view_page .btn_div :first-child {
  border: 1px solid #1d4599;
}
.calendar_view_page .btn_div :last-child {
  color: #939393;
  border: 1px solid #939393;
}
.calendar_view_page .poperactioncalendar {
  z-index: 10 !important;
}
.calendar_view_page .more_calendar {
  z-index: 100000000000;
}
.user_page_container {
  padding: 40px 50px 53px 50px;
  min-height: calc(100vh - 64px);
}
.user_page_container .user_page_header {
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: space-between;
  padding-bottom: 31px;
}
.user_page_container .user_page_header .btn {
  display: flex;
  gap: 15px;
}
.user_page_container .user_page_header .btn .setting_btn {
  height: 36px;
  background-color: #eeeeee;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-transform: capitalize;
  padding: 10px;
  display: flex;
  gap: 10px;
  box-shadow: none;
  border-radius: 10px;
}
.user_page_container .user_page_header .btn ._add_user {
  text-transform: none;
  box-shadow: none;
  min-width: max-content;
  background-color: #fffbe3;
  color: #9c8f41;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  gap: 10px;
}
.user_page_container .user_page_header .btn ._add_user svg {
  fill: #9c8f41;
}
.user_page_container .user_page_header .btn ._add_user svg path {
  fill: #9c8f41;
}
.user_page_container .user_page_header .header_span {
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  margin-top: 0 !important;
  color: #767676;
}
.user_page_container .users_overview {
  margin-top: 50px;
}
.specific_building .specific {
  font-size: 10px;
}
.specific_building .MuiButtonBase-root {
  padding-left: 0 !important;
}
.specific_building .checkbox .checkincon {
  width: 22px;
  height: 22px;
  border: 1px solid #b8b8b8;
  background-color: #9c8f41;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.specific_building .checkbox .checkincon svg {
  height: 10px;
  width: 10px;
}
.specific_building .checkbox .checkincon.false {
  background-color: white;
}
.page_container {
  background-color: #1d4599;
  height: 100vh;
}
.logo_container_only_mobile_access {
  padding-top: 27px;
  padding-left: 101px;
  height: 63px;
}
.logo_container_only_mobile_access-container {
  display: flex;
  flex-direction: column;
  width: 93px;
  gap: 8px;
  align-items: center;
}
/* shared */
.page_container {
  background-color: #1d4599;
  height: 100vh;
}
.content_only_mobile_access {
  color: #fff;
}
.content_only_mobile_access .logo {
  margin-top: 140px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content_only_mobile_access .text_only_mobile_access {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}
.content_only_mobile_access .text_only_mobile_access .header {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
}
.content_only_mobile_access .text_only_mobile_access .description {
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  width: 566px;
}
.content_only_mobile_access .text_only_mobile_access .access {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
}
.content_only_mobile_access .text_only_mobile_access .access span {
  font-weight: 700;
}
.content_only_mobile_access .download_section {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}
.content_only_mobile_access .download_section .text {
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
}
.content_only_mobile_access .download_section .download_logo {
  display: flex;
  gap: 15px;
}
.page_container_white {
  background-color: #fff;
  height: 100vh;
}
.content_only_mobile_access_white {
  margin-top: 130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 108px 0 108px;
}
.content_only_mobile_access_white .text_only_mobile_access .header {
  color: #1d4599;
  font-weight: 700;
  font-size: 64px;
  line-height: 29px;
  margin-bottom: 54px;
}
.content_only_mobile_access_white .text_only_mobile_access .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
}
.content_only_mobile_access_white .text_only_mobile_access .description span {
  font-weight: 700;
}
.content_only_mobile_access_white .download_section_white {
  margin-top: 27px;
}
.content_only_mobile_access_white .download_section_white .download_logo {
  display: flex;
  gap: 15px;
}
.content_only_mobile_access_white .note_white {
  margin-top: 27px;
  width: 700px;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
}
.content_only_mobile_access_white .note_white p span {
  font-weight: 700;
}
.not_found_page {
  height: calc(100vh - 71px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.not_found_page .image_not {
  width: 30%;
  object-fit: cover;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  font-family: "Poppins", sans-serif;
}
.content_alert {
  position: fixed;
  height: 100vh;
  z-index: 11;
}
.content {
  max-height: calc(100vh - 64px);
  opacity: 1;
  display: flex;
  max-width: 1512px;
  width: 100%;
  margin: auto;
}
.content .outlet {
  height: max-content;
  background-color: #f9f9f9;
  padding-top: 64px;
  margin-left: 295px;
  width: calc(100% - 280px);
}
.content .outlet .MuiCircularProgress-root {
  width: 120px !important;
  height: 120px !important;
  color: #9c8f41 !important;
  align-self: center;
  margin: auto;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content .outlet.editOutlet {
  width: 100% !important;
  margin: 0;
}
.content .outlet.editOutlet:has(.message_alert) {
  position: relative;
}
.content .outlet:has(.MuiCircularProgress-root) {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content .outlet:has(.MuiCircularProgress-root).editOutlet {
  width: 100% !important;
  margin: 0;
}
.outlet:has(.maintenance):has(.MuiCircularProgress-root) {
  justify-content: start !important;
}
.content_services {
  margin-left: 0 !important;
  max-width: 1675px !important;
}
.content:has(.setting_header) .sidebar {
  display: none;
}
.content:has(.setting_header) .outlet {
  width: 100% !important;
  margin: 0;
}
.content.content_services {
  max-width: unset !important;
}