/* Googlefont Poppins CDN Link */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

@font-face {
    font-family: inter-regular;
    src: url(../Inter_font-family/static/Inter-Regular.ttf);
}
@font-face {
    font-family: inter-black;
    src: url(../Inter_font-family/static/Inter-Black.ttf);
}
@font-face {
    font-family: inter-bold;
    src: url(../Inter_font-family/static/Inter-Bold.ttf);
}
@font-face {
    font-family: inter-medium;
    src: url(../Inter_font-family/static/Inter-Medium.ttf);
}
@font-face {
    font-family: inter-semibold;
    src: url(../Inter_font-family/static/Inter-SemiBold.ttf);
}
@font-face {
    font-family: inter-light;
    src: url(../Inter_font-family/static/Inter-Light.ttf);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.font_semi_bold {
    font-family: inter-semibold;
}
.inter_bold_font {
    font-family: inter-bold;
}
.inter_lighter_font {
    font-family: inter-light;
}
body {
    color: #fff;
    overflow-x: hidden;
    height: 100%;
    font-family: inter-regular;
}
body {
    background-color: #f7f7f736;
}
.navBg {
    background: #021b34;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #d0dcf7;
    font-size: 20px;
    padding: 10px 20px;
}

.navbar-light .navbar-nav .nav-link.active,
.active-color {
    color: #50e3c2;
    font-size: 20px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #50e3c2;
}
.active-color:hover {
    color: #50e3c2;
}
.ml-150 {
    margin-left: 150px;
}
.navBg {
    border-bottom: 1px solid #74869f;
    padding-left: 60px;
    padding-right: 60px;
}
.fs-30 {
    font-size: 5.2vmin;
}
.ls-5 {
    letter-spacing: 5px;
}
.body-text a {
    color: #d0dcf7;
    font-size: 9vmin;
    text-align: center;
    margin-bottom: 50px;
    text-decoration: none;
    display: inline-block;
}
.body-text {
    text-align: center;
}
.body-text a {
    position: relative;
}
.body-text a:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 70px;
    background-color: #50e3c2;
    left: 50%;
    bottom: -30px;
    transform: translate(-50%, -50%);
}
.body-text.notborder a:after {
    display: none;
}
.navbar-light .navbar-toggler-icon {
    filter: invert(1);
}
.dshow {
    right: 0px;
    left: auto;
}
.set-icons a .fa {
    color: #c3d0ea;
    font-size: 30px;
}
.help-setting {
    position: fixed;
    left: 40px;
    bottom: 120px;
}
.helpicon {
    position: relative;
}
input,
input[type="text"],
input[type="text"]:placeholder-shown {
    text-overflow: ellipsis;
}
.helpicon:after {
    content: "";
    position: absolute;
    height: 117px;
    width: 1px;
    background-color: #c3d0ea;
    left: 12px;
    top: 35px;
}
.settingicon {
    margin-bottom: 5px;
}
.navbar-light .navbar-nav .nav-link:focus {
    color: #50e3c2;
}
.task-title h2 {
    text-align: center;
    color: #d0dcf7;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-size: 38px;
}
.task-title h3 {
    color: #50e3c2;
    letter-spacing: 6px;
    font-weight: 400;
    text-transform: uppercase;
}
.boxstyle {
    background-color: #0e3150;
    padding: 20px 15px;
    border-radius: 5px;

    margin-bottom: 15px;
}
#message {
    text-align: center;
}
.taskbox {
    min-height: 300px;
}
.taskbox a {
    color: #d0dcf7;
    text-decoration: none;
}
.taskbox p {
    font-size: 20px;
    margin-top: 18px;
    line-height: 1.3em;
    width: 230px;
}
.taskbox h2 {
    font-size: 25px;
}
.taskrow .col-md-4 {
    padding-right: 7px;
    padding-left: 7px;
}
.useraccount {
    cursor: pointer;
}
.useraccount .dropdown-menu {
    padding: 0;
    border-radius: 0;
    margin: 0;
}
.task-title h4 {
    margin-top: 20px;
    font-size: 28px;
    font-weight: 400;
}
.image-upload > input {
    display: none;
}

.image-upload img {
    cursor: pointer;
}
.ami-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/img/arrow.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 95% 50%;
}
.ami-form .form-control {
    min-height: 45px;
    box-shadow: inset 0px 1px 6px 2px rgb(0 0 0 / 30%);
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}
.ami-form .form-group label {
    font-size: 18px;
    color: #9fb1cd;
    font-weight: 500;
}
.from-btn {
    background-color: #ffffff;
    font-weight: 600;
    color: #000000;
    border-radius: 15px;
    min-width: 280px;
    font-size: 18px;
    margin: 0 auto;
    border: 2px solid #50e3c2;
}
.back-page {
    text-align: center;
    margin-top: 70px;
    float: left;
}
.boxstyle.br30 {
    border-radius: 30px;
}
.users-list {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.invite-user h4 {
    color: #4cd8bb;
    font-size: 20px;
}
.invite-user a {
    text-decoration: none;
}
.added-user a {
    text-decoration: none;
}
.boxstyle.mh30 {
    min-height: 100%;
}
.added-user h3 {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: #b2b5c1;
    margin-bottom: 0;
}
.added-user p {
    color: #4cd8bb;
    font-size: 15px;
}
.edituser a {
    color: #4cd8bb;
    text-decoration: none;
    font-size: 18px;
}
.edituser {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    left: 0;
    text-transform: uppercase;
}
/**** Messages screen***/
.messaging-section {
    display: flex;
}
.messaging-section .messag-list-user {
    width: 30%;
}
.messaging-section .chat-message-section {
    width: 70%;
    background-color: #d0dcf7;
}
.messag-list-user .me-head {
    background-color: #0b2236;
    text-align: center;
    padding: 16px 10px;
    box-shadow: 0px 3px 2px #00000085;
}
.messag-list-user .me-head h2 {
    color: #50e3c2;
    letter-spacing: 9px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}
.messag-list-user {
    background-color: #0e3150;
}
.message-listing {
    list-style: none;
    margin: 0px;
    border-bottom: 1px solid #dadada;
    padding: 10px 0px;
    height: 378px;
    overflow-y: auto;
}
.message-listing li {
    padding: 10px 15px;
}
.message-listing li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}
.me-user-listing a.mesg-alert {
    background-color: #0b2236;
    color: #50e3c2;
    padding: 20px 50px;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-decoration: none;
}
.seach-message input {
    width: 100%;
    background-color: #0e3150;
    border: 0px;
    padding-left: 40px;
    color: #d0dcf7;
    font-size: 22px;
    letter-spacing: 2px;
}
.seach-message {
    position: relative;
    border: 1px solid #d0dcf7;
    border-left: 0;
    border-right: 0;
    padding: 10px 15px;
}
.msg-icon {
    position: absolute;
    left: 15px;
    top: 9px;
}
.seach-message input:focus {
    outline: none;
    box-shadow: none;
}
.seach-message input::placeholder {
    color: #d0dcf7;
    font-size: 22px;
    letter-spacing: 2px;
}
.seach-message input:-ms-input-placeholder {
    color: #d0dcf7;
    font-size: 22px;
    letter-spacing: 2px;
}
.seach-message input::-ms-input-placeholder {
    color: #d0dcf7;
    font-size: 22px;
    letter-spacing: 2px;
}
.me-user-img .img-div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
}
.me-user-img .img-div img {
    width: 100%;
    object-fit: cover;
}
.me-user-img {
    display: flex;
    align-items: center;
}
.me-user-img span {
    color: #d0dcf7;
    font-size: 20px;
    font-weight: 400;
}
.message-listing .mesg-badge {
    background-color: #50e3c2;
    color: #000000;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.message-listing li:hover {
    background-color: #e4e9eb;
}
.chatting-head {
    background: #d0dcf7;
    display: flex;
    align-items: center;
    padding: 15px;
    justify-content: space-between;
    box-shadow: 0px 3px 2px #00000042;
    flex-wrap: wrap;
}
.relative-custom {
    position: relative;
    width: 10%;
}
.dropdown-custom {
    position: absolute;
    transform: translate3d(0px, 23px, 0px);
    top: 0px;
    right: 0px !important;
    left: auto !important;
    will-change: transform;
}
.chatting-head h2 {
    font-size: 22px;
    margin: 0;
    color: #021b34;
    font-weight: 600;
}
.sent-msg-input textarea {
    width: 100%;
    border: 0px;
    padding: 10px;
    min-height: 100px;
}
.sent-msg-input textarea:focus {
    outline: none;
    box-shadow: none;
}
.message-content {
    height: 440px;
    overflow-y: auto;
    margin-bottom: 10px;
    padding: 15px;
}
.scroller {
    scrollbar-width: thin;
}
.scrollstyle::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}
.scrollstyle::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}
.scrollstyle::-webkit-scrollbar-thumb {
    background-color: #4e4e4e;
}

.chatuser {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.chatuser img {
    width: 100%;
}
.chatmessage {
    background-color: #021b34;
    padding: 10px;
    width: 350px;
    border-radius: 10px;
    box-shadow: 0px 2px 6px #000000b0;
}
.alertchat {
    width: 440px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: wrap;
}
.alertchatcontent {
    width: 500px;
    overflow: hidden;
    display: inline-block;
    white-space: wrap;
}
.chat-content {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.message-time {
    text-align: center;
    color: #021b34;
    margin-bottom: 10px;
}
.ch-time {
    color: #021b34;
}
.useraccount .dropdown-item:hover {
    background-color: #50e3c2;
}
.lc-task-title h2 {
    text-align: center;
    color: #d0dcf7;
    font-size: 30px;
    margin-bottom: 40px;
}
.lc-task-title h3 {
    color: #50e3c2;
    letter-spacing: 7px;
    font-weight: 400;
    margin-bottom: 30px;
}
.lc-back-page {
    margin-top: 20px;
    text-align: center;
}
.mod-items ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.mod-items ul .mod-boder {
    border: 1px solid #50e3c2;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
.mod-items ul .mod-boder .Mod-title span {
    color: #ffffff;
    font-size: 16px;
    margin-top: 10px;
    display: block;
}
.mod-items ul li {
    margin: 10px 20px;
    width: 26%;
    margin-bottom: 20px;
}
.button-cover .button {
    position: relative;
    width: 110px;
    height: 42px;
    margin: 0 auto;
    margin-top: 10px;
}
.button.r,
.button.r .layer {
    border-radius: 100px;
}
.button.b2 {
    border-radius: 2px;
}
.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.knobs {
    z-index: 2;
}
.layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}
.tooglebtt .knobs:before {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 19px;
    height: 19px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    z-index: 9;
    color: grey;
}
.tooglebtt .checkbox:checked + .knobs:before {
    font-family: FontAwesome;
    content: "";
    left: 30px;
    background-color: #ffffff;
    color: #649ce6;
}
.tooglebtt .layer {
    background: grey;
    width: 52px;
    height: 25px;
    position: absolute;
    top: 0;
}
.tooglebtt .checkbox:checked ~ .layer {
    background: #000;
}
.tooglebtt .knobs,
.tooglebtt .knobs:before,
.tooglebtt .layer {
    transition: 0.3s ease all;
}
/* launchpad */
.inner-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.building-name {
    color: #d0dcf7;
    font-size: 1.3rem;
    text-align: left;
    border-right: 2px solid #fff;
    padding: 15px 40px;
}
.front-st-toront {
    color: #d0dcf7;
    font-size: 1.3rem;
    text-align: left;
    padding: 15px 30px;
}
.boxstyle-new {
    background-color: #0e3150;
    padding: 15px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.boxstyle-new2 {
    background-color: #0e3150;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 6px 0px 0px 0px;
}
.edit {
    color: #50e3c2;
    font-size: 1.2rem;
    text-align: left;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}
.icons-dot {
    display: flex;
    align-items: center;
}
.edit i {
    font-size: 0.5rem;
    margin-right: 0.2rem;
}
.buildingmain {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chat-content-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.chatmessageuser {
    background-color: #6f6f6f;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 2px 6px #000000b0;
    max-width: 350px;
}
.doticons {
    cursor: pointer;
}
.sendinputimages {
    position: absolute;
    top: 30px;
    z-index: 1;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* ============================= css ================================ */
.otp-sec,
.login-bg {
    background-image: url("/images/new_img/login1_background.png");
    height: 100vh;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.log-width {
    width: 700px;
    margin-top: 10%;
}
.login-pg {
    width: 7168px;
    height: 4492px;
}
.login-btn {
    background-color: #373b40;
    border-radius: 6px;
    box-shadow: inset 10px 10px 35px 0 rgb(0 0 0 / 50%);
    width: 247px;
    height: 40px;
    margin-left: 33%;
    color: #50e3c2;
    font-size: 20px;
}
.login-btn:hover {
    color: #50e3c2;
}
.login-input {
    background-color: #ffffff;
    box-shadow: inset -1px 4px 8px -2px rgb(0 0 0 / 50%);
    height: 40px;
    border: 1px solid gray !important;
}
.img-logo {
    width: 100%;
    margin-top: 8%;
}
.logo-name {
    color: white;
    font-size: 42px;
    margin-bottom: -25px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.logo-name-2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.forget-name {
    color: #ffffff;
    font-size: 15px;
    text-align: left;
    color: #50e3c2;
    margin-left: 20%;
}
.f-p {
    margin-top: 8%;
    text-align: center;
    color: #aaadac;
    font-size: 12px;
    font-weight: 100;
}
.res_login {
    padding: 0px 25px;
}
.a-tag-p {
    color: #007bff;
}
.a-tag-p:hover {
    color: #003e80;
}
.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}
.mt-12 {
    margin-top: 12%;
}
.drop-down {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #50e3c2;
    text-align: inherit;
    white-space: nowrap;
    background-color: #021b34;
    border: 0.25px solid;
}
.img-dots {
    height: 46px;
}
.rectangle-box {
    background-color: #0e3150;
    border: 1px solid #50e3c2;
    border-radius: 5px;
    width: 85%;
    height: 328px;
    margin-left: 9%;
}
.p-name {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: -3px;
}
.r-name {
    color: #50e3c2;
    font-size: 18px;
    text-align: center;
}
.button-valet {
    background-color: #0e3150;
    border-radius: 3px;
    width: 100%;
    height: 83px;
    color: white;
    margin-bottom: 20%;
    text-align: center;
    font-size: 30px;
    padding: 16px;
}
.vl {
    border-left: 2px solid #676a67;
    height: 84px;
}
.boxs-style {
    background-color: #0e3150;
    padding: 20px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
    height: 378px;
}
.text-para {
    font-size: 20px !important;
    margin-top: 18px !important;
    line-height: 0.4em !important;
    width: 230px !important;
}
.car-height {
    height: 124px;
}
.text-paras {
    line-height: 4px;
    margin-bottom: 15px;
}
.car-h {
    height: 120px;
    width: 100%;
}
/* snp */
.car-rec {
    background-color: #0e3150;
    border-radius: 5px;
    width: 100%;
    height: 300px;
    padding-top: 57px;
}
.mt-8 {
    margin-top: 8%;
}
.hi-25 {
    height: 53px;
}
.icons-m {
    height: 93px;
}
.icons-ac {
    height: 90px;
}
.height-icon {
    height: 115px;
}
.img-ed {
    left: 0;
    text-transform: uppercase;
    color: #4cd8bb;
    text-decoration: none;
    font-size: 18px;
}
.a-tag:hover {
    color: #4cd8bb;
    text-decoration: none;
}
.btn-save {
    background: transparent;
    border: 0px;
}
.mod-con {
    background: #0e3150;
    color: #50e3c2;
    border: 1px solid;
}
.btn-color {
    background: #50e3c2;
    color: #0e3150;
}
.user-drop {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    background: white;
    font-weight: 700;
    margin-left: 0;
    text-transform: capitalize;
    letter-spacing: 1px;
    overflow-y: auto;
    height: auto;
    max-height: 290px;
    padding: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#userList,
#multipleUserList {
    position: absolute;
    top: 40px;
    width: 100%;
    background: white !important;
}
.main-li {
    z-index: 9999;
    color: white;
    font-weight: 400;
    font-size: 14px;
    padding: 12px;
    border-bottom: 1px solid #e5e5e5;
}
.checkout-box {
    background: #0e3150;
    border-radius: 8px;
    padding-bottom: 65px;
}
.check-p {
    line-height: 8px;
    font-size: 19px;
}
.mt-30 {
    margin-top: 30%;
}
.from-g {
    background-color: #ffffff;
    font-weight: 700;
    color: #000000;
    border-radius: 15px;
    min-width: 234px;
    font-size: 18px;
    margin: 0 auto;
    border: 2px solid #50e3c2;
    margin-top: 55%;
}
.h-85px {
    height: 85px;
}
.h-50px {
    height: 50px;
}
.f-s-18 {
    font-size: 18px !important;
}
.h-130px {
    height: 130px;
}
.m-top-70 {
    margin-top: 70%;
}
.pending_edit {
    color: #50e3c2;
    font-size: 17px;
    text-align: left;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
}
.vl-b {
    border-left: 3px solid #898c89;
}
.track-id {
    font-size: 20px;
    padding-top: 15px;
    font-weight: 700;
}
.pending-uname {
    font-size: 20px;
    margin-left: 25px;
    font-weight: 700;
    color: aliceblue;
    padding-top: 14px;
}
.p-checkout {
    float: right;
    margin-top: 31px;
    font-size: 18px;
    color: #50e3c2;
}
.bg-sc {
    height: 750px;
    overflow-y: scroll;
}
/* width */
::-webkit-scrollbar {
    width: 3px;
    border-radius: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 10px;
}
.userActive {
    background-color: #0b2236;
    box-shadow: 0px 3px 2px #00000085;
}
.check-p-button {
    background: transparent;
    border: none;
    color: #50e3c2;
}
.check-p-button:hover {
    color: #50e3c2;
}
.p-amenities-boxs {
    font-size: 20px !important;
    margin-top: 18px !important;
    line-height: 0.3em !important;
    width: 230px !important;
}
.height-icons {
    height: 80px;
}
.margin-left-amenities {
    margin-left: 26%;
}
.height-icons-amenities {
    height: 124px;
}
.p-select-amenities {
    font-size: 28px;
    margin: 24px 0px;
}
.Time-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 5px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}
.ami-form .Time-form-control {
    min-height: 45px;
    box-shadow: inset 0px 1px 6px 2px rgb(0 0 0 / 30%);
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}
.month-in-alert {
    text-align: right;
    float: right;
    padding-left: 41%;
    font-size: 22px;
    padding-top: 11px;
    color: black;
    font-weight: 700;
}
.pd-20 {
    padding: 20px;
}
.image-upload > input {
    display: none;
}
.alert-row {
    background: white;
    margin: 0px 1px;
}
.broadcast-file {
    text-align: right;
    padding-right: 31px;
    font-weight: 600;
    color: white;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 45px;
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 6px 2px rgb(0 0 0 / 30%);
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    padding-top: 8px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: auto;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    background: #0e3150;
    color: #50e3c2;
    font-weight: 600;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #021b34;
    width: 100% !important;
}
.select2-container {
    width: 100% !important;
}
.custom-fa-i {
    float: right;
    font-size: 23px;
}
.heading-box-column {
    background-color: #0e3150;
    border-radius: 3px;
    width: 100%;
    height: 56px;
    color: white;
    text-align: center;
    font-size: 24px;
    padding: 9px 0px;
}
.bg-header {
    background: #0e3150;
    width: 64%;
    margin-left: 17%;
    border-radius: 4px;
}
.vl-4 {
    border-left: 3px solid #edffed;
}
.bg-down {
    width: 62%;
    margin-left: 18%;
    margin-top: 4%;
    margin-bottom: 4%;
}
.img-maintainace {
    height: 150px;
    padding: 12px 0px;
}
.fs-22 {
    font-size: 22px;
}
.single-bg {
    background: #0e3150;
    border-radius: 6px;
}
.imgIN-maintainace {
    height: 355px;
    padding: 39px 8px;
    width: 202px;
}
.para-maintainace {
    font-size: 18px;
    padding: 14px 0px;
    color: #50e3c2;
}
.button-maintainace {
    background-color: #ffffff;
    font-weight: 600;
    color: #000000;
    border-radius: 15px;
    min-width: 100%;
    font-size: 16px;
    margin: 0 auto;
    border: 2px solid #50e3c2;
}
.off-white {
    color: #d0dcf7;
}
.off-white:hover {
    color: #d0dcf7;
}
.button-hidden {
    border: none;
    width: 100%;
    outline: none;
    text-align: left;
    background: #021b34;
}
.width-100 {
    width: 100%;
}
.building-wide-alerts {
    font-size: 19px !important;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #96d6a5;
    text-align: center;
    padding: 5px;
    margin: 10px 50px;
}
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #efbdc2;
    padding: 5px;
    border-radius: 0.25rem;
}
.manage-building {
    font-size: 20px;
    margin-left: 25px;
    color: aliceblue;
    padding-top: 26px;
}
.editNewAdmin {
    color: #50e3c2;
    font-size: 1.2rem;
    text-align: left;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}
.icons-dot {
    display: flex;
    align-items: center;
}
.editNewAdmin i {
    font-size: 0.5rem;
    margin-right: 0.2rem;
}
.dotAndEdit {
    padding: 5px 10px 0px 60px;
    margin: 0px 0px 0px 52px;
}
.verticleLine {
    border-left: 2px solid #fff;
    margin-top: 6px;
}
.ml-20 {
    margin-left: 20%;
}
.chat-date input {
    opacity: 0;
    max-width: 100px;
}
.chat-date {
    position: relative;
    width: 38%;
    display: flex;
    justify-content: end;
}
.col-50 {
    width: 50%;
}
.month-show {
    position: absolute;
    right: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.task-titles {
    color: black;
    letter-spacing: 6px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    font-size: 21px;
}
.cursorPointor {
    cursor: pointer;
}
.height-65px {
    height: 65px;
}
.fs-13 {
    font-size: 13px !important;
}
.monthYear {
    margin: -8px 0px 0px 376px;
}
.amenities-checkbox {
    margin-top: 13px;
    font-size: 24px;
    color: #9fb1cd;
    font-weight: 700;
}
i#toggle-password {
    top: 20px;
    right: 16px;
    transform: translate(0px, -50%);
    color: gray;
}
.custom-ieye:focus {
    cursor: pointer;
    z-index: 9999;
}
.booking-btn {
    background-color: #0e3150;
    border-radius: 8px;
    width: 76%;
    height: 63px;
    color: #cfcfcf;
    text-align: center;
    font-size: 20px;
    padding: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}
.booking-box {
    background-color: #0e3150;
    padding: 7px 6px;
    border-radius: 7px;
    margin-bottom: 15px;
}
.booking-row {
    font-size: 17px;
    margin-left: 10px;
    color: #e2e9ef;
    padding-top: 15px;
    font-weight: 600;
}
.rectangleboxBooking {
    background-color: #082036;
    max-width: 147px;
    font-size: 33px;
    padding: 0px 17px;
}
.cross-red {
    color: #ee6967;
}
.right-green {
    color: #2bbf57;
}
.position-div-left {
    float: right;
    position: absolute;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
.position-div-right {
    float: left;
    position: relative;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-right: 1px solid #a3a4a9;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.iframe-show {
    width: 100%;
    height: 500px;
    border: none;
}
button:focus {
    outline: none !important;
}
/* 11-11-2021 */
.calendarView {
    padding: 20px;
    background-color: #fff;
}
.calendarView table th,
.calendarView table td {
    border: none;
    color: #1e1f22;
    text-align: left;
    padding: 3px;
    text-transform: uppercase;
    font-weight: 600;
}
.fc-button {
    text-transform: capitalize;
}
.calendarView table td span {
    float: left !important;
}
.calendarView .fc-view-container {
    border: 1px solid #ccc;
}
.calendarView .fc-unthemed td.fc-today {
    background: #d9d9d9 !important;
    border: none !important;
}
.calendarView .fc-day-top.fc-other-month {
    opacity: 0.5;
}
.calendarView .fc-event {
    color: #000 !important;
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-transform: capitalize;
    border-left: 3px solid #03d6d3;
    padding-left: 4px;
}
.calendarView .fc-toolbar .fc-center h2 {
    color: #000;
    font-size: 25px;
}
.EventFont p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
.EventFont p.textleft {
    font-weight: normal;
}
.EventFont input.text-dark {
    font-weight: bold;
    outline: none !important;
    border: none;
    padding-right: 0px;
    border-radius: 6px;
    padding-left: 20px;
}
.buttonupdate {
    background-color: #03d6d3;
    border-color: #03d6d3;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    padding: 3px 20px 6px 20px;
    text-shadow: none;
}
.buttonupdate:hover,
.buttonupdate:focus,
.buttonupdate:active {
    background-color: #03d6d3;
    border-color: #03d6d3;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    padding: 3px 20px 6px 20px;
    text-shadow: none;
    outline: none !important;
    box-shadow: none !important;
}
.modal-header {
    height: 48px;
    padding: 0px;
}
.name {
    text-transform: uppercase;
}
.heightModal {
    height: 86px;
}
.fontSize-14 {
    font-size: 14px;
}
.modal-sub-header {
    padding-left: 15px;
    font-size: 14px;
    border-bottom: 1px solid #dee2e6;
}
.fc-title {
    color: #3a3a3a;
    cursor: pointer;
}
.fc-prev-button {
    float: left;
    top: 7px;
    background: none !important;
    border: none !important;
}
.fc-next-button {
    float: right;
    left: 47px;
    bottom: 29px;
    background: none !important;
    border: none !important;
    top: -28px;
}
.fc-left h2 {
    color: black;
    font-size: 18px;
    margin-left: 3px;
    width: 252px;
    margin-top: 14px !important;
}
.fc-button-group button {
    background: none;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0em !important;
}
a.fc-more:hover {
    text-decoration: none !important;
}
a.fc-more {
    margin: 1px 3px;
    font-size: 0.85em;
    cursor: pointer;
    color: orange;
}
:focus-visible {
    outline: none;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 0.75;
    outline: none;
}
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #eff4f9;
}
.tooltip-inner {
    background-color: #021b34;
    color: #fff;
    font-weight: 700;
    font-size: 15 px;
}
.trackingid {
    width: 100px;
    word-wrap: break-word;
    font-size: 17px !important;
}
.loadingstyle {
    float: right;
    padding-right: 80%;
    padding-top: 4px;
    font-weight: 900;
}
.search-userList {
    margin-top: -13%;
    margin-left: 10%;
    width: 22%;
    background: #0b2236;
}
.search-LI {
    padding-top: 10px;
    padding-left: 10px;
}
.ulNone {
    position: absolute;
    z-index: 1000;
    float: left;
    width: 18%;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #0b2236;
    background-clip: padding-box;
    border: 2px solid rgb(62 63 64 / 52%);
    border-radius: 0.25rem;
}
.gallery_bottom {
    margin-bottom: 3rem;
}
.from-btn-gallery {
    background-color: #ffffff;
    font-weight: 600;
    color: #000000;
    border-radius: 15px;
    min-width: 197px;
    font-size: 18px;
    margin: 0 auto;
    border: 2px solid #50e3c2;
}
.back-page-short-page {
    text-align: center;
    margin-top: 55px;
}
.boxstyle-gallery {
    background-color: #0e3150;
    padding: 6px 6px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.gallerImage {
    max-width: 100%;
    height: 250px;
    width: 100%;
}
.gallery-box-dropdown {
    height: 46px;
    float: right;
    margin-top: -20px;
    margin-bottom: -9px;
}
.sendinputimages label {
    padding-right: 5px;
    margin-bottom: 0px;
}
.input-tags {
    display: block;
}
.btn-primary-dark {
    color: #fff;
    background-color: #021b34;
    border-color: #021b34;
}
.margin-top-10px {
    margin-top: 10px;
}
.btn-primary-dark:hover {
    color: #c9c9c9;
}
.mange-floor {
    float: right;
    margin-top: 13px;
    font-size: 18px;
    cursor: pointer;
}
.dummy-img img {
    width: 100%;
}
.border-img {
    border: 1px solid #50e3be;
    padding: 5px;
    min-height: 322px;
}
.floor-plan {
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
}
.enterned-box {
    padding: 10px 0px 11px 0px;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 5px !important;
}
.cross-data i {
    color: #f00;
}
.btn-outline-info {
    color: #50e3c2;
    border-color: #50e3c2;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #2b6f7d;
    border-color: #245e6a;
}
.mt-13 {
    margin-top: 13px;
}
.pay-p {
    margin-bottom: -6px !important;
}
.appendDiv {
    padding-right: 15px;
    padding-left: 13px;
}
.Width505 {
    width: 309px;
}
.alert-calender {
    margin: 0px !important;
}
element.style {
    display: block;
    width: 100%;
}
.alert-success-or {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
/*Today 14-07-2022 */
.new-box {
    background: #ffffff;
    padding: 60px 50px;
    border-radius: 20px;
    min-height: 428px;
    min-width: 600px;
}
.otp-form p {
    margin: 8px 0;
    font-size: 14px;
}
.new-logo a img {
    margin: 0 auto;
    display: block;
    width: 80px;
    height: 80px;
}
.heading-text-new {
    text-align: center;
}
.heading-text-new h3 {
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
}
.heading-text-new span {
    color: gray;
}
.heading-text-new p {
    font-size: 22px;
    font-weight: normal;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.button-listing ul {
    padding: 0;
    max-width: 400px;
    margin: 30px auto;
}
.button-listing ul li {
    list-style: none;
    margin: 20px 0px;
}
.login-sec {
    overflow-y: hidden;
}
.outer-box {
    height: 92vh;
}
.otp-submit button,
.button-listing ul li button {
    width: 100%;
    padding: 5px;
    border: none;
    background-color: #373b40;
    color: white;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #dedede;
}
.button-listing ul li button i {
    font-size: 29px;
}
.fixed-bg {
    position: fixed;
    right: 0;
    width: 75%;
    bottom: 0;
    height: 180px;
    background: #0e3150;
    border-radius: 10px 10px 0px 0px;
}
.dropdown-country {
    max-width: 400px;
    margin: 40px auto;
}
.dropdown-country select,
.dropdown-country input {
    height: 50px;
    padding: 0px 20px;
    width: 100%;
    box-shadow: inset 0px 0px 10px #6a6a6a;
    font-size: 18px;
    margin: 10px 0px;
    outline: none;
}
.dropdown-country button {
    max-width: 200px;
    margin: 0 auto;
    display: block;
    background: #292929;
    padding: 10px 30px;
    border: none;
    border-radius: 9px;
    color: #fff;
    width: 100%;
    margin-top: 40px;
    font-size: 18px;
    box-shadow: inset 0px 0px 13px #000000;
    letter-spacing: 3px;
    outline: none !important;
}
.gray-text {
    color: lightgray !important;
}

/* ===================
Leak detection
======================== */
.heading_Sec {
    display: flex;
    align-items: center;
    gap: 15px;
}
.heading_Sec a {
    font-size: 18px;
    color: #d0dcf7;
}
.heading_Sec a:hover {
    color: #50e3c2;
}
.heading_Sec h1 {
    font-size: 48px;
    color: #50e3c2;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
}
a.propSetting {
    margin-left: 30px;
    font-size: 16px;
    color: #d0dcf7;
}
.formSelect_Menu select {
    width: 170px;
    margin-left: auto;
    background-color: transparent;
    color: #d0dcf7;
    border: none;
}
.formSelect_Menu select option {
    color: #000;
}
.formSelect_Menu .form-control:focus {
    color: #50e3c2;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: unset;
}

/*============ Body Heading Css Section End ============*/

/*============ Body Second Top Heading Css Section Start ============*/
.Body_secondTopHeading {
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.headingBox1 a {
    color: #021b34;
    font-size: 16px;
    margin-right: 15px;
}
div#Toggle-menu {
    margin: 20px 0px 0px;
}
.headingBox1 span {
    font-size: 20px;
    font-weight: 400;
    color: #021b34;
}
.headingBox2 span {
    display: flex;
    align-items: center;
    margin-left: 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}
.headingBox2 span p {
    margin: 0px;
    width: 30px;
    height: 30px;
    background: #e6003a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.headingBox2 .onText p {
    background: #072b8b;
}
/*============ Body Second Top Heading Css Section End ============*/
/*============ Cyber Card Css Section Start ============*/
.cyberCard_box {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 12%);
    height: 100%;
    min-height: 395px;
}
.cyberCard_box .card-title {
    color: #777777;
}
.cyberCard_box .card-title span {
    color: #b1b1b1;
    font-size: 13px;
    font-weight: 400;
    margin-left: 2px;
}
.cyberCard_box .card-footer {
    background: #f5f5f5;
    min-height: 50px;
}
.second-box-ui ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.second-box-ui ul li {
    width: 50%;
    list-style: none;
}
.second-box-ui ul li .first-left h3 {
    font-size: 60px;
    color: #072b8b;
    font-weight: bold;
}
.second-box-ui ul li .first-left h3 sup {
    font-size: 20px;
    vertical-align: revert;
}
.second-box-ui ul li .second-left h3 {
    font-size: 60px;
    color: #99bdcd;
    font-weight: bold;
}
.second-box-ui ul li .second-left h3 sup {
    font-size: 20px;
    vertical-align: revert;
}
.second-box-ui ul li p {
    color: #777777;
    font-size: 16px;
}
.Address-ffoter p {
    margin: 0;
    color: black;
    font-size: 17px;
    font-weight: 500;
}
.card-footer.second_footer {
    display: flex;
    justify-content: end;
}
.card-footer.second_footer a {
    color: #072b8b;
    font-size: 18px;
    font-weight: 600;
}
.card-body.third-box-ui h2 {
    color: #6c6056;
    font-size: 62px;
    font-weight: bold;
}
/*============ Cyber Card Css Section End ============*/
.card-footer.third-footer-ui {
    display: flex;
    justify-content: end;
}
.card-footer.third-footer-ui a {
    color: #6c6056;
    font-size: 18px;
    font-weight: 600;
}
.flex-table {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    gap: 5px;
}
.first-table {
    white-space: nowrap;
    color: #6c6056;
}
.border-dotted {
    width: 100%;
    border-bottom: 2px dotted #000;
    position: relative;
    bottom: 6px;
}
.right-table {
    white-space: nowrap;
    font-weight: bold;
    color: #6c6056;
}
.card-body.Forth-box-ui h2 {
    color: #51876e;
    font-size: 62px;
    font-weight: bold;
}
.card-body.Forth-box-ui h2 sub {
    font-size: 20px;
}
.card-body.Forth-box-ui h2 sup {
    font-size: 20px;
    vertical-align: revert;
}
.card-footer.fourth-footer-ui {
    display: flex;
    justify-content: end;
}
.card-footer.fourth-footer-ui a {
    color: #51876e;
    font-size: 18px;
    font-weight: 600;
}
.card-body.Fifth-box-ui h2.card-subtitle {
    color: #fc853f;
    font-size: 62px;
    font-weight: bold;
}
.right-table i {
    color: #21c38b;
    font-size: 20px;
}
.card-footer.fifth-footer-ui {
    display: flex;
    justify-content: end;
}
.card-footer.fifth-footer-ui a {
    color: #fc853f;
    font-size: 18px;
    font-weight: 600;
}
.card-body.sixth-box-ui h2 {
    color: #aeb36b;
    font-size: 62px;
    font-weight: bold;
}
.card-footer.Sixth-footer-ui {
    display: flex;
    justify-content: end;
}
.card-footer.Sixth-footer-ui a {
    color: #aeb36b;
    font-size: 18px;
    font-weight: 600;
}
.Search_toggle input {
    width: 100%;
    min-height: 50px;
    border: none;
    box-shadow: none !important;
    outline: none !important;
    padding-left: 50px;
    color: #a1a1a1;
    border: 1px solid #fbfbfb;
}
.Search_toggle input + i {
    position: absolute;
    left: 20px;
    top: 15px;
    color: #a1a1a1;
}
.Search_toggle {
    position: relative;
}
.Search_toggle input::placeholder {
    color: #a1a1a1;
}
table#table-search tr td:first-child {
    width: 50%;
    text-align: left;
}
table#table-search tr td {
    text-align: right;
}
table#table-search tr td:first-child {
    width: 50%;
    text-align: left;
}
table#table-search tr td {
    text-align: right;
}
table#table-search tr td button.btn.btn-primary {
    background: #072b8b;
}
table#table-search tr td {
    padding: 15px 0px;
}
a.toggle-menu i {
    font-size: 20px;
}
.text-search {
    color: black;
    padding: 10px px;
    font-weight: 500;
    font-size: 18px;
}
/* 18-07-2023 */
.heigthWidth-alert {
    width: 53px;
    height: 63px;
}
.logo-name-cn {
    color: white;
    font-size: 26px;
    margin-bottom: -25px;
    font-weight: 600;
    text-align: center;
}
.btn-theme {
    background-color: #50e3c2;
    border: #50e3c2;
    color: black;
    font-weight: 500;
}
.bg-theme {
    background-color: #50e3c2;
}
.btn-theme:hover {
    background-color: #17a2b8;
}
#pano {
    width: 100%;
    height: 100%;
}
.amountStyle {
    color: #9fb1cd;
    font-size: 16px;
    font-weight: 700;
}
.styleBuildingid {
    font-size: 21px;
    color: #9fb1cd;
    margin-top: 6px;
    font-weight: 500;
    padding-left: 58px;
}
.ml-7 {
    margin-left: 7rem !important;
}
.ml-6 {
    margin-left: 6rem !important;
}
.terms-form {
    background-color: #ffffff;
    box-shadow: inset -1px 4px 8px -2px rgb(0 0 0 / 50%);
    height: 51px;
    width: 100%;
}
.form-style {
    padding-right: 0px;
}
.custom-cotainer {
    width: 70%;
    margin-left: 18%;
}
.terms-button {
    background-image: url("../images/img/download-icon.png");
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: center;
}
.term-confirm-button {
    background-color: #373b40;
    box-shadow: inset 5px 5px 4px 0 rgb(0 0 0 / 32%);
    margin: 0 auto;
    padding: 9%;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 100%;
    height: 100%;
}
.term-confirm-button:hover {
    color: white;
}
.redDot {
    height: 25px;
    width: 25px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid black;
}
.greenDot {
    height: 25px;
    width: 25px;
    background-color: green;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid black;
}
/*19-09-2023 Css Herer*/
.cstmDflex {
    display: flex;
    align-items: center;
    margin-right: 25px;
}
.cstmDflex a {
    margin-top: 0px !important;
}
#navbarCollapse {
    justify-content: end;
}
.user-info #showpendingsignup {
    color: rgb(127, 127, 238);
    margin-top: -19px;
    font-size: 13px;
}
.user-info #userDetails {
    margin-top: -34px;
}
/*Loading Spinner CSS START*/
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 100000;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/* Transparent Overlay */
.loading:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
    background: -webkit-radial-gradient(
        rgba(20, 20, 20, 0.8),
        rgba(0, 0, 0, 0.8)
    );
}
.loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow:
        rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
        rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
        rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow:
        rgba(255, 255, 255, 0.75) 1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 1.5em 0 0,
        rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0,
        rgba(255, 255, 255, 0.75) -1.5em 0 0 0,
        rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0,
        rgba(255, 255, 255, 0.75) 0 -1.5em 0 0,
        rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* new template css */
.background-radial-gradient {
    background-color: hsl(218, 41%, 15%);
}
/*Loading Spinner CSS END*/
p.logo-name-2.text-dark {
    font-size: 20px;
    font-weight: 600;
}
.with-email {
    position: relative;
    color: #808080;
}
.login-input.form-control::placeholder {
    color: #808080 !important;
}
.with-email::after {
    content: "";
    border-top: 0.1px solid #808080;
    position: absolute;
    right: 0;
    top: 53%;
    transform: translate(0, -50%);
    width: 31%;
}
.with-emailL::after {
    content: "";
    border-top: 0.1px solid #808080;
    position: absolute;
    right: 0;
    top: 53%;
    transform: translate(0, -50%);
    width: 40%;
}
.with-email::before {
    content: "";
    border-top: 0.1px solid #808080;
    position: absolute;
    left: 0;
    top: 53%;
    transform: translate(0, -50%);
    width: 31%;
}
.with-emailL::before {
    content: "";
    border-top: 0.1px solid #808080;
    position: absolute;
    right: 0;
    top: 53%;
    transform: translate(0, -50%);
    width: 40%;
}
input.login-input.form-control {
    width: 100%;
    margin-left: 0;
    box-shadow: none;
    border-radius: 10px;
    border: 0.2px solid #0c0b0b26;
    outline: none;
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
}
input.login-input.form-control::placeholder {
    color: #0c0b0b26;
}
a.a-tag-p.forget-name {
    font-size: 14px;
    margin: 0px;
    color: #007bff;
}
button.btn.login-btn {
    width: 100%;
    margin: 0px;
    box-shadow: none;
    margin-top: 5%;
    line-height: 1.1;
    color: white;
}
.card-body.px-2.py-2.px-md-3 {
    width: 80%;
    margin: auto;
}
.container.px-md-5.text-center.text-lg-start {
    height: 100%;
}
.row.gx-lg-5.justify-content-end.align-items-center.mb-5 {
    height: 100%;
}
.container.px-md-5.text-center.text-lg-start {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg-glass {
    border-radius: 20px;
}
.resend-btn span {
    font-size: 12px;
}
.otp-inputs input[type="text"] {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border: 1px solid gray;
    border-radius: 7px;
}
footer {
    transform: scaleX(1.2);
    text-align: center;
    font-size: 12px;
}
/* dashboard css */
.sidebar {
    position: fixed;
    height: 100%;
    overflow: auto;
    width: 262px;
    top: 0px;
    background: #fdfdfd;
    transition: all 0.5s ease;
    transition: 0.5s all;
    padding-left: 15px;
    border-right: 1px solid #dbdbdb;
    z-index: 1;
}
.sidebar.widthbar {
    padding-left: 10px;
}
.sidebar.active {
    width: 60px;
}
.logo-details {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 6px;
}
.sidebar .logo-details i {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    min-width: 60px;
    text-align: center;
}
.sidebar .logo-details .logo_name {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.sidebar .nav-links li {
    position: relative;
    list-style: none;
    margin-top: 3px;
}
.sidebar .nav-links li a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.4s ease;
}
.sidebar .nav-links li a.active {
    background: #e3f5ff;
}
.sidebar .nav-links li a:hover {
    background: #90c8fc3d;
    border-radius: 6px;
}
.active-visitor {
    background: #e3f5ff;
}
.active-admin-panel {
    background: #f4f4f4;
    border-radius: 6px;
    position: relative;
}
.active-admin-panel::before {
    content: "";
    height: 20px;
    width: 4px;
    background-color: #000;
    position: absolute;
    top: calc(50% - 10px);
    left: 0px;
    border-radius: 20%;
}
.visitor-management-overview .fa-plus {
    margin-right: 8px;
}
.page-heading .fa-plus {
    margin-right: 3px;
}
.sidebar .nav-links li i {
    min-width: 30px;
    text-align: center;
    font-size: 16px;
    color: #000000;
}
.sidebar .nav-links li a .links_name {
    color: #000000;
    font-size: 14px;
}
.home-section {
    position: relative;
    width: calc(100% - 525px);
    left: 257px;
    transition: all 0.5s ease;
}
.sidebar.active ~ .home-section {
    width: calc(100% - 375px);
    left: 75px;
}
.home-section nav {
    display: flex;
    justify-content: space-between;
    height: 55px;
    background: #fff;
    display: flex;
    align-items: center;
    position: fixed;
    width: calc(100% - 550px);
    left: 250px;
    margin-top: 15px;
    z-index: 100;
    padding: 0 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
    border-radius: 15px;
}

.home-section .notfixed nav {
    position: static;
}

.nav-adjuster .pagination {
    display: flex;
}

.nav-adjuster nav {
    left: 275px;
}

.sidebar.active ~ .home-section nav {
    left: 90px;
    width: calc(100% - 390px);
}
.home-section nav .sidebar-button {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}
nav .sidebar-button i {
    font-size: 24px;
    margin-right: 8px;
    color: #000;
}
.home-section nav .search-box {
    position: relative;
    width: 100%;
    margin: 0 20px;
}
nav .search-box input {
    outline: none;
    background: #f5f5f5;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    padding: 4px 3px;
}
nav .search-box .bx-search {
    color: #777777;
    font-size: 18px;
    transition: all 0.4 ease;
    padding-left: 10px;
}
.home-section .home-content {
    position: relative;
    padding-top: 15px;
    padding-left: 10px;
}
.sidebar .nav-links li a.active .links_name,
.sidebar .nav-links li a.active i,
.sidebar .nav-links li a:hover span,
.sidebar .nav-links li a:hover i {
    color: #000000;
}
.right-sidebar {
    width: 263px;
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 15px 15px 15px 0px;
    background: #f4f4f4;
    overflow: auto;
    transition: 0.5s all;
    z-index: 2;
}
.right-sidebar span {
    font-size: 13px;
}
.right-sidebar > div {
    padding: 5px 0px 0px 15px;
    border-radius: 15px;
    padding-bottom: 0px;
}
.right-sidebar > div li {
    padding: 10px 0px 15px 0px;
    color: #000000;
}
.right-sidebar h5 {
    margin-bottom: 10px;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    font-family: inter-semibold;
}
:is(.visitor-parking, .notification) ul li > div div:first-child {
    width: 30px;
    align-self: baseline;
    height: 30px;
    margin-left: 0px;
    border-radius: 50%;
    background-color: aqua;
    display: flex;
    align-items: center;
    justify-content: center;
}
:is(.visitor-parking, .notification, .property-managers)
    ul
    li
    > div
    div:last-child
    h6 {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: inter-semibold;
}
.property-managers ul li > div div:first-child {
    width: 30px;
    height: 30px;
    margin-inline: 8px;
}
.property-managers ul li > div div:first-child img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
:is(.visitor-parking, .notification) ul li:nth-child(1) > div div:first-child {
    background-color: #e4f6ff;
}
:is(.visitor-parking, .notification) ul li:nth-child(2) > div div:first-child,
:is(.visitor-parking, .notification) ul li:nth-child(3) > div div:first-child {
    background-color: #e6ecf6;
}
.right-sidebar > div li:last-child {
    margin-bottom: 0px;
}
.right-sidebar > div ul {
    margin-bottom: 0px;
}
span.links_name.hide-logo {
    display: none;
}
.sidebar .nav-section h6 {
    color: #5e5e5e;
    font-size: 16px;
    padding: 0px;
    font-family: inter-medium;
}
span.number {
    font-size: 14px;
}
.vmo-card .odd-bg {
    /* background-color: #e5ecf6; */
    background-color: #f7f9fb;
    border-radius: 15px;
    color: black;
}
.vmo-card .odd-bgG {
    background-color: #dee3ea7a;
}
.vmo-card .even-bg {
    background-color: #def5ff;
    border-radius: 15px;
    color: black;
}
.vmo-card-section,
.vmo-card-section-2,
.vpsw {
    padding: 10px 0;
    border-radius: 10px;
}
:is(.vmo-card-section, .vmo-card-section-2) h5 {
    font-size: 16px;
    font-weight: 600;
    align-self: baseline;
}
.visitor-management-overview > div:nth-child(1) > div {
    color: #00a2ff;
}
.visitor-management-overview > div:nth-child(1) h6 {
    font-size: 14px;
}
.right-side {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.navbar_content {
    display: flex;
    align-items: center;
    column-gap: 18px;
    font-size: 16px;
    padding: 0px 10px;
}

/* Responsive Media Query */
section.home-section {
    color: #000;
}
.visitor-management-overview h4 {
    font-size: 18px;
    font-weight: 600;
}
.page-heading h4 {
    font-size: 18px;
    font-family: inter-bold;
}
.visitor-card > h6 {
    font-family: inter-bold;
}
/* 14/11/2023 */
.visitor-card-heading > div > span {
    font-size: 12px;
}
.visitor-card-heading > h6 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
}
.vmo-card-section div > h5 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 0px;
    margin-top: 15px;
    font-family: inter-medium;
}
.visitor-card span {
    font-size: 13px;
}
.visitor-card {
    min-height: 110px;
    padding: 20px;
}
/* button */
.bg-button {
    background-color: #e5ecf6;
    color: #777777;
    font-size: 14px;
}
.bg-button:hover {
    background-color: #1e70bf;
    color: #fff;
}
/* progress bar  */
.progress {
    height: 4px;
    width: 100%;
}
.progress-bar {
    width: 100%;
    background-color: #2675ff;
}
/* vpsw section */
.vpsw-heading label,
.vpsw-heading {
    font-size: 16px;
    font-weight: 400;
}
#test {
    border-radius: 6px;
}
.vpsw-form .wizard_input {
    background-color: #eaeaea;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 14px;
    cursor: pointer;
}
.vpsw-form input,
.vpsw-form select {
    background-color: #eaeaea;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 14px;
    cursor: pointer;
}
.week-tabs button,
.page-button button {
    font-size: 14px;
    border: none;
    cursor: pointer;
}
.week_sec {
    margin-top: 15px;
}
.week-tabs button.active {
    background-color: #000000;
    color: white;
}
.page-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.week-tabs {
    margin-bottom: 10px;
}
/* nav */
.vpsw-left {
    border-radius: 10px;
    margin: 12px;
    padding: 25px;
    background-color: #00000039 !important;
}
.number_sec {
    margin-top: 20px;
}
nav {
    display: flex;
    color: #000;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0px 12px 11px;
}
.header-section {
    width: 100%;
}
.res_col_rev {
    display: flex;
    flex-direction: row;
}
.nav_z .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.1rem;
}
li.breadcrumb-item a {
    color: #6d6d6d;
    text-decoration: none;
    font-size: 14px;
}
li.breadcrumb-item.active a {
    color: #030303;
}
.company_logo {
    max-width: 252px;
    width: 100%;
    margin-top: 13px;
}
.res_s {
    display: none;
}
.header {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #fdfdfd;
}
.send {
    display: none;
    position: absolute;
    top: 0px;
    right: 25px;
}
.send i {
    color: #000;
    font-size: 22px;
}
.bar {
    display: none;
    position: absolute;
    top: 0px;
    right: 60px;
}
.header-section {
    position: relative;
}
/*12/12/2023*/
.suite-overview-inner h5 {
    font-size: 16px;
}
.suite-overview-inner h6 {
    text-align: end;
    font-size: 14px;
    color: #00a2ff;
    font-weight: 500;
    cursor: pointer;
}
.suit-input-outer {
    display: flex;
    padding: 10px 10px 0;
    justify-content: space-between;
    border-radius: 8px;
}
.suit-input-outer input,
.suit-input-outer select,
.suit-input-outer #dropInput {
    width: 96%;
    padding: 7px 0px 7px 25px;
    border: none;
    border-radius: 7px;
    border: 1px solid #d1d1d1;
    background: white;
    line-height: inherit;
    height: 40px;
}
.suit-input-outer input::placeholder {
    color: #a2a2a2;
}
.suit-input-inner {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
input.size-input {
    padding: 7px 0px 7px 25px !important;
}
.suit-input-inner span {
    position: absolute;
    left: 6px;
    top: 9px;
    color: #cbcbcb;
    font-size: 14px;
}
.suit-table-outer table {
    width: 100%;
    margin-top: 0px;
}
.suit-table-outer table thead {
    background: #e3e3e3;
    padding: 0px;
}
#reasonTextarea {
    border: 1px solid #ced4da;
}
.suit-table-outer table thead th {
    font-size: 14px;
    color: #585858;
    font-weight: 400;
    padding: 10px 4px;
    text-align: left;
}
.suit-table-outer table thead th input {
    margin: 0px;
}
.parking_tHeight {
    height: 316px;
    overflow-y: auto;
}
.parking-pass-card {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
span.suite-active,
.user-active {
    background: #d2faab;
    color: #104e00;
    padding: 2px 11px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: auto !important;
    border-radius: 18px;
    font-weight: 500;
}
span.suite-Inactive {
    background: rgb(243, 145, 145);
    color: red;
    padding: 2px 11px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: auto !important;
    border-radius: 18px;
    font-weight: 500;
}
.ct-inactive {
    background: #b0b0b0;
    color: #000000;
    padding: 2px 11px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: auto !important;
    border-radius: 18px;
    font-weight: 500;
}
span.suite-expired,
.user-expired {
    background: rgb(255, 133, 133);
    color: white;
    padding: 2px 11px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: auto !important;
    border-radius: 18px;
    font-weight: 500;
}
span.suite-panding,
.user-panding {
    background: #e2f5ff;
    color: #096599;
    padding: 2px 11px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: auto !important;
    border-radius: 18px;
    font-weight: 500;
}
span.suite-cancelled {
    background: #000000;
    color: #e2f5ff;
    padding: 2px 11px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: auto !important;
    border-radius: 18px;
    font-weight: 500;
}
.modal_suite-active {
    background: #bcf5bc;
    padding: 9px 15px;
    border-radius: 10px;
    display: inline-block;
    color: green;
    width: auto;
    text-align: center;
}
.modal_body {
    font-size: 16px;
}
.suit-table-outer table tbody tr {
    border-bottom: 1px solid #efeaea;
}
.suit-table-outer table tbody tr:hover {
    background-color: #f4f4f46b;
}
.suit-table-outer table tbody td {
    padding: 10px;
    font-size: 14px;
    text-align: left;
}
.suit-input-outer input::placeholder {
    font-size: 14px;
}
/* Visitor page data table in scroll */
.outer-wrapper {
    overflow-x: auto;
    position: relative;
    scrollbar-color: #f4f4f4;
    scrollbar-width: thin;
    -ms-overflow-style: none;
}
.outer-wrapper::-webkit-scrollbar {
    height: 5px;
}
.outer-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.outer-wrapper::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: #dadada;
}
.outer-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #a4a4a4;
}
.outer-wrapper::-webkit-scrollbar:vertical {
    display: none;
}
.inner-wrapper {
    padding-bottom: 10px;
}
/* Visitor page data table in scroll end */
/*13/12/2023*/
.automate-icon img {
    width: 20px;
    height: 20px;
}
.suit-detail-header h5 {
    font-size: 16px;
}
.smart-thermostate-room {
    background-color: #fff;
    padding: 0px 10px 0px 0px;
    border: 1px solid #d9d9d9;
    border-radius: 7px;
    width: 90%;
}
.smart-thermostate-room span:nth-child(1) img {
    width: 30px;
    height: 30px;
}
.smart-thermostate-room span:nth-child(2) {
    font-size: 12px;
}
.smart-thermostate-inner {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.smart-thermostate-inner span {
    margin-left: 5px;
    color: #4a4a4a;
}
/*15/12/2023*/
.smart-thermostate-room span {
    margin-left: 0px;
}
.thermostate-room-add span {
    color: #00a2ff;
    font-size: 16px;
    font-weight: 600;
}
.smart-thermostate-room:hover {
    background-color: #e3dada;
    cursor: pointer;
}
.suit-detail-outer {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px;
}
.thermostate-smart-header {
    font-size: 16px;
}
.thermostate-smart-header span img {
    width: 35px;
    height: 35px;
}
.thermostate-smart-inner {
    background-color: #f4f4f4;
    padding: 16px;
    border-radius: 10px;
}
.thermostate-smart-inner1 {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.terminate-label .form-check-input:checked {
    background-color: #12bb6d;
}
.extraclass {
    flex-wrap: nowrap !important;
}
.below-section {
    position: relative;
    bottom: 270px;
}
.register-vehicle .parking-pass a {
    text-decoration: none;
}
.suite-wrapper > .suite-n,
.parking-number > .suite-n {
    padding: 9px 0px;
}
.thead_color {
    color: grey;
}
.below-section {
    padding-left: 30px;
}
.register-link a {
    text-decoration: none;
    font-size: 18px;
}
.register-link .register-vehicle .plus {
    font-size: 24px;
}
.content {
    font-size: 18px;
}
.parking-pass .plus {
    font-size: 18px;
}
.suite-wrapper div {
    font-size: 15px;
}
.parking-number div {
    font-size: 15px;
}
.search {
    border-radius: 20px;
    min-width: 100%;
}
/* ********************************************** UI changes */
.week-tabs button,
.page-button button {
    font-size: 16px;
    margin-right: 5px;
    cursor: pointer;
}
.ui-corner-all {
    color: black;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none;
}
.ui-datepicker-prev:after {
    font-family: "FontAwesome";
    content: "\f104";
    font-size: 20px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 11px;
}
.ui-datepicker-next:after {
    font-family: "FontAwesome";
    content: "\f105";
    float: right;
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 11px;
}
#calendar {
    width: 100%;
    padding: 0px 9px;
    padding-bottom: 25px;
    box-shadow: 5px 11px 24px #cdcdcdb8;
    margin: auto;
    border-radius: 15px;
}
.ui-datepicker-calendar th {
    padding: 10px;
    color: #000000;
}
.ui-datepicker-calendar {
    text-align: center;
    margin: 0 auto;
    padding: 8px;
}
.ui-datepicker-title {
    padding: 12px;
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px;
}
.ui-datepicker-calendar .ui-state-default {
    text-decoration: none;
    color: black;
}
/* calender colors events */
.datePike
    .ui-datepicker-calendar
    tr:nth-child(2)
    td:nth-child(7)
    .ui-state-default {
    background: #fb6d6d;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.datePike
    .ui-datepicker-calendar
    tr:nth-child(3)
    td:nth-child(1)
    .ui-state-default {
    background: #4bb3ff;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.datePike
    .ui-datepicker-calendar
    tr:nth-child(4)
    td:nth-child(2)
    .ui-state-default {
    background: #f6ff00;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.datePike
    .ui-datepicker-calendar
    tr:nth-child(5)
    td:nth-child(3)
    .ui-state-default {
    background: #c2ffc0;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ui-datepicker-calendar .ui-state-highlight {
    background-color: #c2ffc0;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    padding-top: 2px;
}
.calender_color_define {
    margin-top: 30px;
}
.nav_z {
    z-index: 10;
    top: 0px;
    width: calc(100% - 526px);
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #dddddd;
    background: #fff;
}
.date-time-calandar {
    margin-top: 8px;
}
.vpdash {
    padding: 10px 0px;
    margin: auto;
}
.below-section1 {
    margin-top: 10px;
}
/* paggination */
.pagination {
    display: inline-block;
}
.pagination a {
    color: black;
    float: left;
    padding: 7px 15px;
    text-decoration: none;
    transition: background-color 0.3s;
    font-size: 14px;
}
.pagination a.active {
    background-color: #e5ecf6;
    color: black;
    border-radius: 10px;
}
.suite-wrapper_checkB {
    margin-top: 201px;
}
.pagination a:hover:not(.active) {
    background-color: #f5f5f5;
    border-radius: 10px;
}
.vPregi {
    color: #139dea;
    text-decoration: none;
}
.input-group-text {
    background: transparent !important;
    border: none !important;
    color: #8b8b8b;
}
.form-control {
    background-color: #fff;
    border: none;
}
.form-control:focus {
    box-shadow: none;
}
.lspadding {
    padding: 20px 0px;
}
.registerVcolor {
    color: #0dd7f7;
    text-decoration: none;
}
/* header */
.right-side .search-box {
    background-color: #f5f5f5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height: 35px;
}
.search_iconRHead {
    position: absolute;
    top: calc(40% - 10px);
    right: calc(10px);
}
/* tooltip */
.tooltip_btn {
    padding: 0px !important;
}
.tooltip_btn:focus {
    box-shadow: none;
}
.tooltip-inner {
    background-color: #f4f4f4;
    font-weight: 400;
    color: #000;
}
.tooltip-arrow::before {
    content: "";
    border-bottom: 7px solid #eaeaea !important;
}
.datePike .ui-datepicker-calendar td .ui-state-active {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 5rem;
    padding: 0;
    display: grid;
    align-content: center;
    border: 3px solid #1294f2;
    margin-top: 0px;
}
.datePike .ui-datepicker-calendar td {
    width: 53px;
    height: 50px;
    text-align: -webkit-center;
}
.datePike .ui-datepicker-calendar td.today {
    outline: 2px solid #1294f2;
}
.clickable-row {
    cursor: pointer;
    color: #000;
}
.clickable-row:hover {
    background-color: #f0f0f0;
}
/* left side bar */
.lS_agle_color {
    color: #b9b9b9 !important;
}
.lS_agle_color1 {
    color: white !important;
}
.logOut_color {
    color: #5d5d5d !important;
    margin-left: -5px !important;
    font-size: 18px;
}
.res_fontS {
    font-size: 16px !important;
    font-weight: 600 !important;
}
.active-admin-panel a > i {
    transform: rotate(90deg);
}
.csx-primary-button {
    border-radius: 8px;
    background-color: #649ce6;
    border-color: unset !important;
    border: none;
    color: #ffffff;
    padding: 8px 10px;
}
.csx-font-family-inherit {
    font-family: inherit;
}
.csx-button-border-radius {
    border-radius: 8px;
}
.csx-panel-border-radius {
    border-radius: 8px;
}
/* registor visitor */
.add_pass_btn {
    width: 178px;
    border-radius: 8px;
    background-color: #649ce6;
    border-color: unset !important;
    border: none;
    color: #ffffff;
    padding: 8px 10px;
}
.add_pass_btnG {
    width: 150px;
    border-radius: 8px;
    background-color: #cacaca;
    color: #000;
    border: none;
}
.add_pass_btnG:hover {
    background-color: #acacac;
    color: #000;
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.add_pass_btn_blue {
    background: #649ce6;
    color: #ffffff;
    border: 1px solid #649ce6;
}
.add_pass_btn_blue:hover {
    background: #649ce6;
    color: #ffffff;
}
.add_pass_btnW {
    background: #ffffff;
    color: #649ce6;
    border: 1px solid #649ce6;
}
.add_pass_btnW:hover {
    background: #649ce6;
    color: #ffffff;
}
.add_pass_btnD {
    background: #cacaca;
    color: #000;
}
.add_pass_btnD:hover {
    background: #acacac;
    color: #000;
}
.add_pass_btnDel {
    background: #ee7676;
    color: #fff;
}
.add_pass_btnDel:hover {
    background: #e22424;
    color: #fff;
}
.bookingBTN {
    background: #acacac42;
    margin-left: 5px;
    margin-right: 5px;
    color: #000;
}
.add_pass_btnB {
    background: #000000;
    color: #ffffff;
    width: auto;
}
.add_pass_btnP {
    background: #fae16369;
}
.add_pass_btnGR {
    background: #96f6a065;
}
.add_pass_btnAP {
    background: #63b1fa6a;
}
.add_pass_btnRD {
    background: rgb(255, 133, 133);
}
.table > :not(caption) > * > * {
    border-bottom-width: inherit;
}
.data-table table thead {
    background-color: #e3e3e3;
}
.data-table table tbody tr {
    border-top: 1px solid #dee2e6;
}
.csx-pagination {
    display: flex;
    padding-top: 1em;
    font-size: 14px;
    color: #333;
    border: none;
    border-radius: 8px;
    text-decoration: none;
}
.csx-pagination > li {
    font-size: 14px;
    color: #333;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    transition: none;
}
.csx-pagination .page-item.active .page-link {
    font-size: 14px;
    background: linear-gradient(
        to bottom,
        #e3e3e3 100%,
        #e3e3e3 100%
    ) !important;
    color: #333;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: none;
    transition: none;
}
.csx-pagination > li > a {
    padding: 0.5em 1em;
    margin-left: 2px;
    font-size: 14px;
    color: #333;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    transition: none;
}
.csx-pagination > li > a:focus,
.csx-pagination > li > a:hover,
.csx-pagination > li > span:focus,
.csx-pagination > li > span:hover {
    padding: 0.5em 1em;
    font-size: 14px;
    background: linear-gradient(
        to bottom,
        #e3e3e3 100%,
        #e3e3e3 100%
    ) !important;
    color: #333;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: none;
    transition: none;
}
.csx-pagination > .page-item:not(:first-child) > .page-link {
    margin-left: 2px;
    color: #333;
    border: none;
    border-radius: 8px;
    box-shadow: none;
    transition: none;
}
.csx-pagination > .page-item:not(:first-child) > .page-link > .active {
    background: linear-gradient(
        to bottom,
        #e3e3e3 100%,
        #e3e3e3 100%
    ) !important;
}
.csx-pagination a.active {
    background: linear-gradient(
        to bottom,
        #e3e3e3 100%,
        #e3e3e3 100%
    ) !important;
}
.csx-pagination a.disabled {
    pointer-events: none;
    cursor: default;
}
.csx-data-table-row {
    cursor: pointer;
}
.csx-status-active {
    padding: 2px 5px;
    background-color: #d2faab;
    color: #104e00;
    border-radius: 10px;
}
.csx-status-pending {
    padding: 2px 5px;
    background-color: #e2f5ff;
    color: #096599;
    border-radius: 10px;
}
.csx-button {
    transition: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px !important;
}
.csx-button:focus,
.csx-button:hover,
.csx-button:active {
    background-color: #649ce6 !important;
    color: #ffffff;
    transition: none;
}
.csx-default-panel {
    background-color: #dee3ea7a;
    padding: 25px 35px;
    border-radius: 10px;
}
.csx-default-border {
    border-radius: 10px;
}
.csx-font-14 {
    font-size: 14px;
}
.csx-font-16 {
    font-size: 16px;
}
.csx-ac-user-info-menu-item:hover,
.csx-ac-user-info-menu-item:focus {
    color: #212529 !important;
    border-bottom: 1px solid #212529;
}
.csx-ac-user-info-inactive {
    color: #6c757d !important;
    border: none;
    border-bottom: none;
    margin-right: 20px;
}
.csx-ac-user-info-active {
    color: #212529 !important;
    border: none;
    border-bottom: 1px solid #212529;
    margin-right: 20px;
}
.csx-input-white-bg {
    background-color: #fff;
}
.btn_modal,
.bookingBTN {
    width: auto !important;
    border-radius: 8px;
}
.button2 {
    background: transparent;
    border: none;
}
.button2 a {
    font-family: inter-semibold;
    color: #139dea;
    text-decoration: none;
}
.week-tabs .button23 {
    padding: 10px;
    background-color: #eaeaea;
    border-radius: 8px;
    width: 60px;
    margin-bottom: 10px;
}
.week-tabs .booking-day {
    padding: 10px;
    background-color: #eaeaea;
    border-radius: 8px;
    width: 130px;
    margin-bottom: 10px;
}
.button23.active,
.week-tabs .button23:hover {
    background-color: #000000 !important;
    color: #fff;
    transition: all 0.5s ease;
    transform: scale(1.05);
}
.hSI,
.hSI_C {
    height: 40px;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    margin-left: 10px;
    padding: 0px 10px;
    width: 300px;
    font-size: 14px;
}
.hSI::placeholder,
.hSI_C::placeholder {
    font-size: 16px;
}
.form_group > select {
    font-size: 16px;
}
.hSI_B {
    margin-left: 10px;
}
.hSI_dash {
    height: 30px;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    margin-left: 10px;
    padding: 0px 10px;
    width: auto;
    font-size: 14px;
}
.form_group {
    margin-top: 15px;
    margin-bottom: 10px;
}
.form_group_C {
    justify-content: space-between;
}
.rV_labal {
    width: 250px;
    text-align: end;
    font-weight: 600;
}
/* toggel button in form section */
.content {
    display: inline;
    margin-left: 10px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 25px;
    margin: 0 0 8px 0;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 18px;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: grey;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}
input:checked + .slider {
    background-color: #649ce6;
}
input:focus + .slider {
    outline: none;
}
input:checked + .slider:before {
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.vR_Togg {
    color: #5d5d5d;
    font-size: 14px;
}

/* register visitor form */
.add_pass_btn_sec {
    margin-top: 15px;
}
.bookingCmodalBtn,
.modal-content {
    box-shadow: 0px 3px 3px 1px #00000030;
    border: none;
}
/* parking pass details page */
.parkigPassD_card {
    background-color: #00000039;
    width: 75%;
    margin: auto;
    padding: 20px;
    border-radius: 15px;
}
.pPd_formG {
    display: flex;
}
.pPd_input_active {
    background-color: #d2faab;
}
.pPd_input_expired {
    background-color: rgb(255, 133, 133);
    color: white;
    text-align: center;
}
.pPd_input_panding {
    background: skyblue;
    text-align: center;
}
.pPd_input_cancel {
    background: black;
    color: white;
    text-align: center;
}
.pPd_input_readonly {
    background: #e8e8e8;
}
/* ************************************************************** Visitor Parking Restrictions */
.different-calander
    .ui-datepicker-calendar
    tr:nth-child(2)
    td:nth-child(7)
    .ui-state-default {
    background: black;
    color: white;
}
.different-calander
    .ui-datepicker-calendar
    tr:nth-child(3)
    td:nth-child(1)
    .ui-state-default {
    background: transparent;
}
.different-calander
    .ui-datepicker-calendar
    tr:nth-child(4)
    td:nth-child(2)
    .ui-state-default {
    background: transparent;
}
.different-calander
    .ui-datepicker-calendar
    tr:nth-child(5)
    td:nth-child(3)
    .ui-state-default {
    background: transparent;
}
.ui-datepicker-calendar .ui-state-highlight {
    background-color: transparent;
}
/* *********************************************** View Visitor Parking Restrictions ************ */
/* table search toggle */
.res_toggleSbtn {
    display: none;
}
.table_wC {
    width: 300px;
}
.thermostate-smart-image {
    width: 200px;
}
.thermostate-smart-image img {
    width: 100%;
}
.automation_imageC {
    width: 100%;
}
/* sidebar dropdown */
/******************************************************** new table */
div.fw-container div.fw-body div.content {
    margin-top: 5em;
}
div.fw-body h1 {
    display: none;
}
div.fw-container {
    z-index: 1;
}
.dataTables_length > label > select {
    padding: 0.5em 0.1em;
    width: auto;
    border-radius: 8px;
    border: none;
    background: #efededd9;
}
.dataTables_filter,
.dataTables_length {
    margin-bottom: 15px;
}
.dataTables_filter > label > input {
    border-radius: 6px;
    border: 1px solid #d7d7d7;
    padding: 4px 3px;
    background: transparent;
    width: 150px;
    font-size: 14px;
}
table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: 600 !important;
    color: #000;
}
.THrestictParking {
    background-color: #f4f4f4;
}
table.dataTable.no-footer {
    border-bottom: none !important;
}
table.dataTable thead th,
table.dataTable thead td {
    border-bottom: none !important;
}
table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 10px !important;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
tbody tr.odd {
    background-color: transparent !important;
}
.task_card_hight table.dataTable.display tbody tr.odd > .sorting_1,
.task_card_hight table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
.task_card_hight tbody tr.odd {
    background-color: #f5fbff !important;
}
tbody tr.odd:hover {
    background-color: rgb(246, 246, 246) !important;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: transparent !important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    font-size: 14px;
}
.dataTables_filter {
    display: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none !important;
    background: linear-gradient(
        to bottom,
        #e5ecf6 100%,
        #e5ecf6 100%
    ) !important;
    border-radius: 8px;
    font-size: 14px;
    margin-left: 2px;
}
.dataTables_wrapper .dataTables_paginate .next {
    position: relative;
    padding: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: rgba(255, 0, 0, 0) !important;
}
.dataTables_wrapper .dataTables_paginate .next::after {
    content: ">";
    display: block;
    position: absolute;
    top: 0%;
    left: 40%;
    color: #000 !important;
}
.dataTables_wrapper .dataTables_paginate .previous {
    position: relative;
    padding: 0px;
}
.dataTables_wrapper .dataTables_paginate .previous::after {
    content: "<";
    display: block;
    position: absolute;
    top: 0%;
    right: 25%;
    color: #000 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: black !important;
    border: none;
    background-color: #e5ecf6;
    background: linear-gradient(to bottom, #e5ecf6 100%, #e5ecf6 100%);
    /* background-color: #b9b9b9 !important;
    background: linear-gradient(to bottom, #c2c2c2 100%, #c2c2c2 100%); */
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 1.5em;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    margin-left: 2px;
}
.dataTables_paginate #example_previous,
#example_next {
    color: rgba(255, 0, 0, 0) !important;
}
.dataTables_paginate #example_previous:hover,
#example_next:hover {
    color: rgba(255, 0, 0, 0) !important;
}
/* ******************************** modal pop up */
.modal-dialog {
    max-width: 450px;
}
.mw-590 {
    max-width: 590px;
}
.modal-content {
    border-radius: 10px;
    font-size: 16px;
    padding: 1rem;
}
.modal-footer {
    padding: 0rem;
}
.modal-footer .btn_modal {
    margin: 1rem 0rem 0rem 0.5rem;
}
.modal_logo {
    width: 50%;
}
.modal_vCalender {
    font-size: 16px;
}
.modal_vCalender span {
    font-weight: 400;
}
.modal-body {
    padding: 1rem 0rem;
}
.modal_buildingName {
    font-family: inter-semibold;
}
.modal_date {
    position: relative;
    font-family: inter-semibold;
    font-size: 16px;
}
.modal_head {
    font-family: inter-semibold;
    font-size: 16px;
}
/* .modal_date::after {
    content: "";
    width: 20px;
    height: 8px;
    background-color: #649CE6;
    position: absolute;
    top: 36.6%;
    right: -35%;
    border-radius: 10px;
} */
.dataTables_wrapper .dataTables_paginate {
    padding-top: 1em;
}
.notes {
    background-size: 100% 31px;
    border: none;
    border-radius: 8px;
    line-height: 31px;
    font-family: Arial, Helvetica, Sans-serif;
    padding: 8px;
    border: 1px solid #cbcbcbd4;
}

/* new left side bar */
.LSB_List ul {
    margin: 0;
    padding: 0;
}
ul li a {
    display: block;
    padding: 7px 0px;
    color: #333;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
/* ********************************************** message page */
.message_search_section {
    background-color: #f4f4f4;
    border-radius: 8px;
    align-items: center;
}
.message_span {
    font-size: 13px;
    color: #959595;
}
.message_img {
    display: flex;
    background-color: #f4f4f4;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.message_img_li {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
    display: flex;
    background-color: #ecf4fc;
    justify-content: center;
    align-items: center;
}
.messages_box {
    border-radius: 10px;
    border: 1px solid #dddddd;
    height: 91vh;
    background-color: white;
}
.message_ul {
    list-style: none;
    padding-left: 0px;
    height: 85.3vh;
    overflow: auto;
}
.message_ul .message_li {
    height: 55px;
    display: flex;
    align-items: center;
    margin-top: 8px;
    padding: 0.5rem;
}
.message_onNoti {
    position: absolute;
    top: 0px;
    right: -20px;
    background-color: #ecf4fc;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
}
.message_img_li_muliple_1,
.message_img_li_muliple_2,
.message_img_li_muliple_3,
.message_img_li_muliple_4 {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    border-radius: 50%;
}
.message_img_li_muliple_1 {
    top: 0px;
    left: 0px;
    background-color: #195a9b;
}
.message_img_li_muliple_2 {
    top: 0px;
    right: 0px;
    background-color: #199b2a;
}
.message_img_li_muliple_3 {
    bottom: 0px;
    left: 0px;
    background-color: #9b1933;
}
.message_img_li_muliple_4 {
    bottom: 0px;
    right: 0px;
    background-color: #9b8e19;
}
.my_message_con,
.client_message_con {
    background-color: #95a4fc;
    max-width: 80%;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 3px;
    color: white;
}
.client_message_con {
    background-color: #e5ecf6;
    color: #000;
}
.my_message_con_DT {
    font-size: 14px;
    color: grey;
}
.client_message,
.my_message {
    margin-top: 1rem;
}
.messages_box_over {
    max-height: 85vh;
    overflow-y: auto;
    position: relative;
}
.message_profile {
    position: sticky;
    top: 0px;
    background-color: #fdfdfd;
    border-radius: 8px;
}
.message_footer {
    background-color: #f7f9fb;
    border-radius: 8px;
}
.message_text_inp {
    width: 97%;
}
.MessageuserActive {
    background-color: #e4e9eb;
    border-radius: 5px;
}
canvas#gradientChartCanvas {
    max-width: 800px;
    margin: 40px auto;
}
#BA-chart-job-error {
    position: relative;
    margin: 0 auto;
    width: 458px !important;
    height: auto !important;
    left: -29px;
}
.BA-chart-job-error {
    position: fixed !important;
    left: 0%;
}

/* ****************************************************** horizontal bar graph */
/* Mixings &  Variables */
.clearfix,
.clearfix:before,
.clearfix:after {
    display: block;
    content: " ";
    clear: both;
    zoom: 1;
}
/* Resets */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap {
    margin: 0 auto;
    padding: 50px;
    max-width: 1200px;
}
/* Bar Graph Class */
.barGraph {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.graph {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: calc(100% - 4%);
    left: 4%;
    border: 1px solid #00000059;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 20px;
    border-radius: 16px;
}
.graph-barBack {
    border-radius: 2px;
    background: #dae4eb;
    margin-bottom: 10px;
    display: block;
}
.graph-bar {
    background-color: #9f6060;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 9999;
    display: block;
    height: 20px;
    width: 0%;
}
.graph-bar:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #428d92;
}
.graph-bar:last-child {
    margin-bottom: 0;
}
.graph-bar:after {
    position: absolute;
    content: attr(data-value);
    display: none;
    font-size: 12px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 20px;
    height: 20px;
    padding: 0 10px;
    margin-left: 5px;
    left: 100%;
    top: 0;
}
.graph-bar:hover:after {
    display: block;
}
.graph-legend {
    position: absolute;
    margin-right: 10px;
    left: -25px;
}
/* ****************************** message page ******************* */
.messenger-btn {
    display: none;
}
/* ****************************** calender bookings page ******************* */
.fc-next-button,
.fc-prev-button {
    color: #000;
}
.fc-next-button {
    left: 6px;
    top: -1px;
}
.fc-prev-button {
    top: -1px;
}
.ecalendarBack {
    background-color: #f4f4f4;
    border-radius: 8px;
    font-size: 14px;
}
.fc-dayGridMonth-button,
.fc-timeGridWeek-button,
.fc-today-button,
.fc-timeGridDay-button {
    background-color: #acacac42 !important;
    border: none;
    color: #000;
}
.fc-today-button:disabled {
    color: #000;
}
.fc-event-title-container {
    background-color: #e3f5ff;
    color: #000;
}
.fc-h-event {
    border: none;
}
.fc-daygrid-day-events .fc-daygrid-event-harness {
    background-color: #e5ecf6;
}
.fc .fc-toolbar {
    flex-direction: row-reverse;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 20px !important;
}
.fc .fc-toolbar-title {
    font-size: 14px;
}
#ecalendar .fc-view-harness {
    height: 70vh !important;
}
#ecalendar .btn-primary.active {
    background: #b9b9b9 !important;
}
#ecalendar .btn-primary:hover {
    background: #b9b9b9 !important;
}
.fc-scrollgrid-sync-table {
    height: inherit;
}
.table-bordered {
    border-right: transparent;
}
.fc-daygrid-day {
    border-right: 1px solid #0000000f;
}
.fc-daygrid-day-number,
.fc-col-header-cell-cushion {
    text-decoration: none;
}
.fc-col-header-cell-cushion {
    font-weight: 100;
}
.table-bordered > :not(caption) > * {
    border: 1px solid #0000000f;
}
.fc-v-event {
    background-color: #e3f5ff;
    border: none;
}
.fc-event-time {
    color: #000;
}
.fc-timegrid-event .fc-event-main {
    padding: 8px;
    border-radius: 8px;
}
.fc-v-event .fc-event-title-container {
    min-height: auto;
}
.booking_time_modal {
    border: 1px solid black;
    padding: 7px 40px;
    border-radius: 5px;
    margin-top: 10px;
}
.modal_hieght_auto {
    height: auto;
    border: none;
}
.TRW {
    width: 150px;
}
canvas#horizontalBarChartCanvas {
    width: 85% !important;
    margin: auto;
}
.over_Hide {
    height: 315px;
    overflow: hidden;
    border: 1px solid #00000059;
    border-radius: 16px;
    padding: 15px;
    margin-top: 20px;
}

/* ************************************************** amenities screen */
.amenities_card {
    background-color: #e5ecf6;
    border: 1px solid #7d7d7d;
    border-radius: 8px;
    margin-top: 15px;
}
.amenities_card:hover {
    box-shadow: 1px 1px 10px #00000033;
}
.AmedonutPT {
    padding-top: 30px;
    padding-bottom: 25px;
}
.amenities_card_icon {
    width: 100%;
}
.amenities_card_togg_M {
    margin-top: 40px;
}
.CAmenitiesB {
    border: 1px solid #00000029;
    border-radius: 16px;
    padding: 20px 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.CAmy {
    margin-top: 15px;
    margin-bottom: 20px;
}
.CAlabel {
    padding-bottom: 5px;
    font-size: 1rem;
    color: black;
    font-weight: 600;
}
.Alert_Draft_btn {
    margin-top: 15px;
}
.hSI_alerC {
    width: 50%;
}
.alert_form_group,
.alert_form_groupC {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.alert_form_groupE {
    justify-content: flex-end;
}
.alert_Ttogg {
    justify-content: space-between;
}
.formG_alertC {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    align-items: center;
}
.alert_modalB {
    padding: 10px 20px;
    /* display: flex; */
    flex-direction: column;
    background-color: #f7f9fb;
    margin-top: 15px;
    border-radius: 8px;
}
.alert_checkbox {
    float: right;
    margin-top: 22px;
    margin-right: 20px;
}
.alert_modalB_togg {
    border: 1px solid #cdcdcd;
}
.res_fontSize {
    font-size: 16px;
}
.res_font {
    font-size: 14px;
}
.amenitiesPre {
    width: 70%;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    height: 250px;
    background-color: #ebebeb;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.amenities-file-error {
    width: 70%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.amenitiesPre .img-bg {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.amenitiesPre_img {
    border-radius: 8px;
}
.mt_res {
    margin-top: 15px;
}
.sm_WM {
    margin-bottom: 10px;
}
.checkbox.style-c {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox.style-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark {
    background-color: #f7cb15;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark:after {
    opacity: 1;
}
.checkbox.style-c:hover input ~ .checkbox__checkmark {
    background-color: #eee;
}
.checkbox.style-c:hover input:checked ~ .checkbox__checkmark {
    background-color: #f7cb15;
}
.checkbox.style-c .checkbox__checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 4px;
}
.checkbox.style-c .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
}
.checkbox.style-c .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
}
.checkBox_Color {
    accent-color: #000;
    width: 15px;
    height: 15px;
}
.alert_form_groupCUpad {
    align-items: center;
    justify-content: end;
}
.inpu_widthH {
    width: 170px;
    position: absolute;
    top: 2px;
    left: 30px;
    overflow: hidden;
    display: flex;
    justify-content: end;
}
.task_card_hight {
    min-height: 100%;
}
.img_sec {
    background-color: #ebebeb;
    width: 300px;
    height: 302px;
    display: inline-block;
    border-radius: 8px;
    border: 1px solid #ababab;
}
.maintenece_tImg {
    display: inline-block;
    height: 30px;
    width: 35px;
    background-color: transparent;
}
.add_deli_img_H {
    height: 200px;
    overflow: hidden;
}
/* ************************ maintenance page *********************** */
.maintenance_card_img {
    width: 100%;
    position: relative;
}
.mainte_card_img {
    height: 200px;
    object-fit: fill;
    overflow: hidden;
}
.maintenance_card_img .mainte_img_foot {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffffd6;
    position: absolute;
    bottom: 0px;
}
.maintenance_card_img .mainte_img_foot:hover {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0 0 12px 12px;
}
.maintain-img {
    height: 200px;
    border-radius: 12px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.maintenance_messages_box {
    height: 45vh;
}
.maintenance_card_img {
    margin-top: 5px;
    margin-bottom: 10px;
}
.mainte_img_span {
    font-size: 14px;
}
/* ******************** modules screen ********************* */
.module_card {
    background-color: #f7f9fb;

    border: none;
    border-radius: 16px;
    height: 130px;
}
.module_card .card-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.module_card .res_font {
    font-size: 14px;
}
.module_card img {
    width: 50px;
    height: 50px;
}
.module_card svg {
    margin-top: 2px;
}
.CmyAfter {
    margin-top: 10px;
    height: 4px;
    width: 100%;
    bottom: -20px;
    left: calc(50% - 47.5%);
    background-color: #2675ff;
}
.CMmyAfter {
    margin-top: 30px;
    margin-bottom: 40px;
    position: relative;
}
.CMmyAfter::after {
    content: "";
    height: 5px;
    width: 95%;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 47.5%);
    background-color: #2675ff;
}
.modul_Cspan {
    font-size: 14px;
}
.modul_Cspan p {
    margin-bottom: 0;
}
.modal-header .OTPmodal_close_btn {
    margin: -1rem 0rem -1rem auto;
}
.modal-header .OTPmodal_close_btn2 {
    margin: -1.5rem -3.5rem -1rem auto;
}
.modal-header {
    align-items: start;
}
.P_bothS {
    padding: 0px 60px;
}
.hSI_mD {
    width: 80%;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    margin-left: 10px;
    padding: 0px 10px;
    font-size: 14px;
}
.donut_chart_labels1,
.donut_chart_labels2 {
    position: relative;
    font-size: 16px;
}
.donut_chart_labels1::before,
.donut_chart_labels2::before {
    content: "";
    height: 20px;
    width: 20px;
    background-color: #9bfda5;
    position: absolute;
    top: calc(50% - 10px);
    left: -40%;
}
.donut_chart_labels1::before {
    background-color: #d46767;
    left: -50%;
}
.dash_Abar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}
.dash_Abar::-webkit-scrollbar {
    height: 6px;
    border-radius: 100%;
    background-color: #f5f5f5;
}

.dash_Abar::-webkit-scrollbar-thumb {
    background-color: #dadada;
}
.dash_Abor_radus {
    border-radius: 32px;
    overflow: hidden;
}
/* ****************************** gallery screen ****************** */
.galary_images {
    margin-top: 10px;
    height: fit-content;
}
.galary_images_box {
    height: 245px;
    overflow: hidden;
}
.image_res_m {
    margin-top: 15px;
}
.imageS_img_sec {
    width: 90%;
    overflow: hidden;
}
.imageS_img {
    border-radius: 8px;
}
#add_image_inp {
    display: none;
}
#add_security_image_inp {
    display: none;
}
.add_Gpriview {
    height: 500px;
    border-radius: 8px;
    overflow: hidden;
}
.add_GpriviewPortrat {
    height: 279px;
    overflow: hidden;
    border-radius: 8px;
}
.bor_r {
    border-radius: 8px;
}
/* ************************ maintenance screen ****************** */
.add_security_team_img {
    margin-top: 45px;
    width: 78%;
    height: 88%;
    display: block;
    border-radius: 100%;
    border: 1px solid #858585;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d9d9d9;
}
.security_btn {
    background-color: #eff2f2;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0px 6px 2px 0px #0000001a;
    margin-top: 50px;
    font-size: 14px;
}
.security_btn:hover {
    background-color: #eff2f2;
    box-shadow: 0px 10px 20px 0px #00000017;
}
.readOnlyFields {
    background: #e5e2e2;
}
td.fc-timegrid-slot.fc-timegrid-slot-lane {
    background: #f4f4f4;
    border: none !important;
}
.fc-timegrid-slots table tbody tr {
    border: none;
}
.fc-timegrid-slots
    table
    td.fc-timegrid-slot.fc-timegrid-slot-label.fc-scrollgrid-shrink,
.fc-timegrid-slots
    table
    td.fc-timegrid-slot.fc-timegrid-slot-label.fc-timegrid-slot-minor {
    border: none;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: transparent;
}
.fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural
    tbody
    > tr:first-child {
    display: none;
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be;
}
.clickablePointer {
    cursor: pointer;
}
.img-bg {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
/* ********************** invite user ************************** */
.invite_uNavTabs {
    display: flex;
    gap: 35px;
    margin-bottom: 30px;
    background: #f5f5f5;
    padding: 15px 10px;
}
.nav-tabs .invite_uTabs {
    padding: 0px;
}
.nav-tabs .ct-active {
    position: relative;
    color: #000 !important;
}
.nav-tabs .ct-active::after {
    content: "";
    background-color: grey;
    height: 2px;
    width: 60%;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 30%);
}
.P_bothTB {
    padding-top: 40px;
    padding-bottom: 40px;
}
.P_bothL {
    padding-left: 40px;
}
.P_bothR {
    padding-right: 40px;
}
.invite_user_filter {
    border: 1px solid #c1c1c1;
    background: transparent;
}
.invite_user_filter input,
.invite_user_filter select {
    padding: 7px 0px 7px 12px;
}
.invite_user_filterO-0 {
    opacity: 0;
}
.CIUmy {
    margin-top: 30px;
    margin-bottom: 20px;
}
.IUmy {
    margin-bottom: 15px;
}
/* new css */
.deactivatePass {
    width: 100% !important;
}
button.edit-notes-btn {
    position: absolute;
    right: 25px;
    top: 46px;
    width: fit-content;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 12px;
}
.users_card {
    background: #fff;
    border: 2px solid #000;
}
/* pagination */
.ct-right {
    text-align: right;
}
.ct-pagination {
    display: inline-block;
}
.ct-pagination a {
    color: #000;
    float: left;
    margin: 0 5px;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.5s;
}
.ct-pagination a.ctactive {
    color: #000;
    background-color: #cacaca;
}
.ct-pagination a:hover:not(.active) {
    background-color: #cacaca;
}
.input-icon {
    padding: 7px 0px 7px 25px !important;
}
.alt-phone {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.resM {
    margin-bottom: 10px;
}
.ct-buildings {
    max-height: 300px;
    overflow-y: scroll;
}
/* drag and drop inport csv */
.uploadOuter {
    text-align: center;
    padding: 45px 20px;
}
.uploadOuter strong {
    padding: 0 10px;
    display: block;
}
.dragBox {
    height: 70px;
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 65px;
    color: #1c1c1c;
    display: block;
    transition: transform 0.3s;
}
.dragBox input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}
.draging {
    transform: scale(1.1);
}
#preview {
    text-align: center;
}
#preview img {
    max-width: 100%;
}
.dragBoxUpload {
    border: 1px solid #e1e3e5;
    border-radius: 12px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #fff;
}
.ct-button {
    background-color: #93d1f4;
    padding: 5px 15px;
    width: fit-content;
}
.ct-disc {
    display: inline-block;
    background: #2675ff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
}
.green-text,
.green-text:hover {
    color: black;
    font-size: 12px;
    text-decoration: none;
}
.ct-ocuurences .module_card {
    min-height: 140px;
}
.ct-ocuurences .card-body {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.ct-ocuurences .card-body .CMmyAfter {
    margin-bottom: 10px;
}
.ct-input {
    height: 40px;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    padding: 0px 10px !important;
    font-size: 14px;
    background: #fff;
    margin: 0px 0 8px 0;
}
.ct-input-p {
    padding: 0px 10px 0px 25px !important;
}
.table-pointers tr {
    cursor: pointer;
}
.ct-form-row {
    align-items: center;
}
/* occurences details */
.attachOccure .uploadFile {
    width: 100%;
    background-color: white;
    overflow: hidden;
    padding: 10px 10px 4px 10px;
    position: relative;
    resize: none;
}
.attachOccure .uploadFile span {
    margin-top: 8px;
}
.attachOccure input[type="file"] {
    cursor: pointer !important;
    display: block;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1;
}
.attachOccure svg {
    position: absolute;
    right: 10px;
    top: 14px;
}
.ct-btn {
    border-radius: 18px;
    font-weight: 400;
}

.dragbox-occur {
    background-color: #eff2f2;
}
.dragbox-occur .dragBox {
    height: 40px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    line-height: 40px;
    color: #1c1c1c;
    display: block;
    transition: transform 0.3s;
    font-weight: 400;
}
.ct-btn-black,
.ct-btn-black:hover {
    color: #fff;
    background: #000;
    border-radius: 18px;
    font-weight: 400;
}
.ct-submit {
    position: absolute;
}
.module_cards {
    height: 170px;
}
.module_cards img {
    width: 40px;
    height: auto;
}
.module_cards .tooglebtt {
    margin-top: 10px;
    width: 62px;
    margin-left: 0px;
    height: auto;
}
.ct-icon-circle {
    border: 2px solid #139dea;
    border-radius: 50%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.icon-line {
    margin-top: 2px;
}
.modal {
    z-index: 100000 !important;
}
.ConfirmModal .FormModal {
    width: 65%;
}
.ct-modal-header .pop-header {
    background: #ebebeb;
    padding: 15px;
    margin-bottom: 19px;
}
.ct-dragBox {
    height: auto;
    line-height: normal;
}
.ct-bg-none {
    background-image: none !important;
}
.dash-card-header {
    padding-bottom: 5px;
}
.amenities-dash-card {
    position: relative;
    background-color: #fff;
    border-radius: 16px;
    margin-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: #000;
}
.amenities-dash-card .dash-card-img {
    height: 275px;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.amenities-dash-card img {
    width: 100%;
    height: 100%;
}
.amenities-dash-card .card-body {
    height: 105px;
    position: absolute;
    background: #ffffffd6;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 15px 15px;
    padding: 10px 15px;
}
.amenities-dash-card .card-body:hover {
    background-color: #fff;
}
.add-suite-img .add_img,
.add-floor-img .add_img {
    height: 380px;
    overflow: hidden;
    width: 74.5%;
}
.ct-emergency .suit-input-outer .suit-input-inner:nth-last-child(-n + 2) {
    width: 100px;
    flex-shrink: 0;
}
.ct-emergency1 .suit-input-outer > *:last-child,
.ct-emergency .suit-input-outer > *:last-child {
    width: 50px;
    flex-shrink: 0;
}
.ct-row-shrink > *:last-child {
    width: 50px;
    flex-shrink: 0;
}
.ct-emergency .priorityOptions {
    text-overflow: ellipsis;
}
.ct-suit-input-inner {
    width: -webkit-fill-available;
}
.ct-suit-input-outer {
    flex-wrap: nowrap !important;
}
.formbold-file-list {
    display: none;
}
.formbold-file-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.formbold-file-list {
    border-radius: 6px;
    background: #e5ecf6;
    padding: 16px 32px;
}
.ct-pre-btn {
    background: transparent;
    border: none;
}
.property-managers i.fa-user,
.notification div svg {
    background: #e6ecf6;
    padding: 3px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: inherit;
}
.property-managers ul li {
    padding: 10px 0px 7px 0px;
}
.plate-count {
    background: #139dea;
    color: #fff;
    border-radius: 5px;
    padding: 0px 3px;
    cursor: pointer;
}
.ct-plate {
    list-style: none;
    display: flex;
    gap: 8px;
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
}
.ct-plate li {
    padding: 10px 15px;
    border: 1px solid gray;
    border-radius: 7px;
    position: relative;
}
.ct-upload-height {
    height: 36px;
}
.swal2-styled.swal2-confirm {
    width: 100px !important;
}
.ct-input-inner {
    position: relative;
}
.ct-input-inner span {
    position: absolute;
    left: 6px;
    top: 9px;
    color: #cbcbcb;
    font-size: 14px;
}
.img_sec80 {
    width: 80%;
}
.ct-error {
    text-transform: lowercase;
    font-size: 14px;
}
.ui-state-default.booking-day {
    background: #f39c12 !important;
    color: white !important;
}
.ui-state-default.booking-day.ui-state-active {
    background: #f39c12 !important;
    color: white !important;
}
.ui-state-default.booking-day.ui-state-highlight {
    background: #f39c12 !important;
    color: white !important;
}

.Unavailable {
    display: none;
}

.calendar-icon,
.calendars-icon {
    right: 20px;
    top: 20px;
    transform: translateY(-50%);
    cursor: pointer;
}
#register-calendar {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 8px;
}
#register-calendar .fc-toolbar-title {
    margin-right: 5px;
}
#register-calendar .fc-today-button {
    display: none;
}
#register-calendar .fc-header-toolbar {
    margin-bottom: 0px !important;
}
#register-calendar .fc-event-title-container {
    background-color: #198754;
    color: #fff;
}
#register-calendar .fc-daygrid-day-number {
    color: #000;
}
#register-calendar .fc-col-header-cell-cushion {
    color: #000 !important;
    font-weight: semi-bold;
}
#register-calendar .fc-view-harness {
    height: 450px !important;
}
#register-calendar .fc-prev-button,
#register-calendar .fc-next-button {
    color: #000;
}
.fc-theme-standard .fc-scrollgrid {
    border: none !important;
}
.fc-theme-standard td,
.fc-theme-standard th {
    border: 3px solid #fff !important;
    border-radius: 10px;
}
.fc .fc-daygrid-day-bg .fc-highlight,
.fc-daygrid-day-frame:hover {
    background: #50e3c2 !important;
    border-radius: 5px;
}
.fc-daygrid-day-frame:has(.fc-highlight) .fc-daygrid-day-number {
    color: #fff !important;
}
.fc-daygrid-day-frame:has(.fc-highlight) .fc-daygrid-day-top {
    opacity: 1 !important;
}
/* Style the error message */
#error-message {
    font-size: 0.8rem;
    color: red;
}
.ct-align {
    text-align: right;
}
.toggleR-sidebar,
.toggle-sidebar {
    cursor: pointer;
    color: #000;
}
.rotate-180 {
    transform: rotate(180deg);
    transition: 0.5s all;
}
/* visitor parking dashboard page calendar */
#parking-calendar {
    border: 1px solid #ddd;
    border-radius: 7px;
    box-shadow: 1px 1px 10px #00000033;
}
#parking-calendar .fc-toolbar-title {
    padding-right: 8px;
    padding-left: 8px;
}
#parking-calendar .circleVisitor {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#parking-calendar .green {
    background-color: green;
}
#parking-calendar .amber {
    background-color: orange;
}
#parking-calendar .red {
    background-color: red;
}
#parking-calendar .blue {
    background-color: #09b6e7;
}
#parking-calendar .fc-event-main {
    background-color: initial !important;
}
#parking-calendar .fc-today-button {
    display: none;
}
#parking-calendar .fc-header-toolbar {
    margin-bottom: 0px !important;
}
#parking-calendar .fc-daygrid-day-number {
    color: #000;
}
#parking-calendar .fc-view-harness {
    height: 475px !important;
}
#parking-calendar .fc-prev-button,
#parking-calendar .fc-next-button {
    color: #000;
}
#parking-calendar .fc-col-header-cell-cushion {
    color: #000;
}
#parking-calendar .fc-h-event {
    background-color: #f0f0f0;
    border: none;
}
#parking-calendar .fc-daygrid-day {
    position: relative;
}
#parking-calendar .fc-daygrid-day:has(.blue) .fc-daygrid-day-number,
#parking-calendar .fc-daygrid-day:has(.circleVisitor) .fc-daygrid-day-number {
    color: #fff !important;
}
#parking-calendar .fc-daygrid-day:has(.circleVisitor) .fc-daygrid-day-top {
    opacity: 1;
}
#parking-calendar .fc-daygrid-day-frame:hover {
    background: #fff !important;
}
#parking-calendar .fc-daygrid-day-bg {
    display: none;
}
#parking-calendar .fc-daygrid-day-top {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
#parking-calendar .fc-daygrid-day:has(.circleVisitor) .fc-daygrid-day-events {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#parking-calendar .fc-daygrid-event.fc-event-end,
#parking-calendar .fc-daygrid-event.fc-event-start {
    margin: 0;
}
#parking-calendar .fc-h-event,
#parking-calendar .fc-daygrid-day-events .fc-daygrid-event-harness {
    background-color: transparent !important;
}
#calendar-inactive {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 8px;
}
#calendar-inactive .fc-toolbar-title {
    margin-right: 5px;
}
#calendar-inactive .fc-today-button {
    display: none;
}
#calendar-inactive .fc-header-toolbar {
    margin-bottom: 0px !important;
}
#calendar-inactive .fc-event-title-container {
    background-color: #198754;
    color: #fff;
}
#calendar-inactive .fc-daygrid-day-number {
    color: #000;
}
#calendar-inactive .fc-col-header-cell-cushion {
    color: #000 !important;
    font-weight: semi-bold;
}
#calendar-inactive .fc-view-harness {
    height: 450px !important;
}
#calendar-inactive .fc-prev-button,
#calendar-inactive .fc-next-button {
    color: #000;
}
.rv-lengends .color {
    display: inline-block;
    height: 12px;
    width: 20px;
    margin-right: 5px;
    border-radius: 3px;
}
.rv-lengends .lightgray {
    background: lightgray;
}
.rv-lengends .gray {
    background: #808080;
}
.rv-lengends .lightgreen {
    background: #50e3c2;
}
.rv-lengends .red {
    background: red;
}
.rv-lengendsCircle .color {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 5px;
    border-radius: 50%;
}
.rv-lengendsCircle .green {
    background: green;
}
.rv-lengendsCircle .blue {
    background: #09b6e7;
}
.rv-lengendsCircle .amber {
    background: orange;
}
.rv-lengendsCircle .red {
    background: red;
}
.rv-lengendsCircle .black {
    background: black;
}
#parking-pass-calendar {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #ddd;
}
#parking-pass-calendar .fc-toolbar-title {
    margin-right: 5px;
}
#parking-pass-calendar .fc-today-button {
    display: none;
}
#parking-pass-calendar .fc-header-toolbar {
    margin-bottom: 0px !important;
}
#parking-pass-calendar .fc-event-title-container {
    background-color: #198754;
    color: #fff;
}
#parking-pass-calendar .fc-daygrid-day-number {
    color: #000;
}
#parking-pass-calendar .fc-col-header-cell-cushion {
    color: #000 !important;
    font-weight: semi-bold;
}
#parking-pass-calendar .fc-view-harness {
    height: 450px !important;
}
#parking-pass-calendar .fc-prev-button,
#parking-pass-calendar .fc-next-button {
    color: #000;
}
.ct-date-icon .calendar-icon {
    right: 10px;
}
.hover-cards:hover {
    box-shadow: 1px 1px 10px #00000033;
    scale: 1.005;
    transition: all 0.2s ease;
}
#linked-alert .hidden {
    display: none;
}
.card-mode-desc {
    position: absolute;
    height: 85px;
    bottom: -85px;
    left: 0;
    background: rgba(38, 117, 255, 0.97);
    border-radius: 0 0 16px 16px;
    transition: all 0.3s ease-out;
    padding: 6px 15px;
    font-size: 14px;
    overflow-y: auto;
    width: 100%;
    color: white;
}
.module_card:hover .card-mode-desc {
    bottom: 0;
}
.maintain-ticket {
    line-height: 40px;
}
.CT-P_bothR {
    padding-right: 30px;
}
.visitor-scroll::-webkit-scrollbar {
    height: 6px;
}
.circleVisitor.black {
    background-color: black;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.calendar-cell {
    cursor: pointer;
}
#suiteBooked th,
#suiteBooked td,
#parkingRestriction th,
#parkingRestriction td {
    white-space: nowrap;
    font-size: 14px;
}
.userDetailsTab .inter_bold_font {
    font-size: 18px;
}
#ecalendar .fc-daygrid-day-frame:hover {
    background: none !important;
}
.bg-info {
    background-color: #d9d9d9 !important;
}
/* dark mode */
body.dark-mode {
    color: #e3e3e3;
    background: #262626;
}
.dark-mode .sidebar {
    border-right: none;
}
.dark-mode .sidebar,
.dark-mode .nav_z,
.dark-mode .header {
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #545252;
}
.dark-mode .right-sidebar {
    background: rgba(0, 0, 0, 0.3);
}
.dark-mode .sidebar .nav-links li a .links_name,
.dark-mode li.breadcrumb-item a,
.dark-mode ul li a,
.dark-mode .right-sidebar > div li {
    color: #e3e3e3;
}
.dark-mode .active-admin-panel,
.dark-mode .sidebar .nav-links li a:hover {
    background: #585858;
}
.dark-mode .sidebar .nav-section h6,
.dark-mode .right-sidebar h5 {
    color: #8b8b8b;
}
.dark-mode svg {
    filter: invert(100%) sepia(10%);
}
.dark-mode {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #767676;
    color: #e3e3e3;
}
.dark-mode .vmo-card .odd-bg {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #767676;
    color: #e3e3e3;
}
.dark-mode .page-heading h4,
.dark-mode .CAlabel {
    color: #e3e3e3;
}
.dark-mode .right-side .search-box,
.dark-mode nav .search-box input {
    background-color: #8b8787;
}
.dark-mode nav .search-box .bx-search {
    color: #e3e3e3;
}
.dark-mode .week-tabs .button23 {
    background-color: #767474;
}
.dark-mode .property-managers i.fa-user {
    background: #2e2f30;
}
.dark-mode .suit-table-outer table thead {
    background: #3e3d3d;
}
.dark-mode table.dataTable thead th,
.dark-mode table.dataTable tfoot th {
    color: #e3e3e3;
}
.dark-mode .task_card_hight tbody tr.odd,
.dark-mode table.dataTable.display tbody tr.odd > .sorting_1 {
    background-color: #28292a !important;
}
.dark-mode table.dataTable tbody tr {
    background-color: #363535;
}
.dark-mode table.dataTable.hover tbody tr:hover,
.dark-mode table.dataTable.display tbody tr:hover {
    background-color: #080808;
}
.dark-mode .module_card {
    background-color: #0c0c0c;
}
.dark-mode .modules-card-outer {
    color: #e3e3e3 !important;
}
.dark-mode .card-mode-desc {
    background: #2675ff !important;
}
.dark-mode .vPregi {
    color: #50e3c2;
}
.dark-mode .home-section {
    color: #e3e3e3 !important;
}
.dark-mode .dataTables_wrapper .dataTables_info,
.dark-mode .dataTables_wrapper .dataTables_length {
    color: #727272;
}
.dark-mode .visitor-icon {
    background-color: #4c4c4c !important;
}
#parkingRestriction th,
#parkingRestriction td {
    white-space: nowrap;
    font-size: 14px;
}
.non-selectable {
    pointer-events: none;
}
#parkingRestriction th,
#parkingRestriction td {
    white-space: nowrap;
    font-size: 14px;
}
.fc-day.disabled {
    pointer-events: none;
    background-color: #f5f5f5;
    color: #ccc;
}
.fc-unavailable-day {
    background-color: #ddd;
}
.suit-input-inner {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
}
.dropdown-content input[type="search"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
}
#dropdown-toggle {
    cursor: pointer;
}
.elipsys_overflow {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.bg-img {
    height: 100% !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.red-border {
    border: none;
    border-left: 2px solid red;
    background: #fff6f6;
    padding: 3px 10px;
}
.yellow-border {
    border: none;
    border-left: 2px solid #febe09;
    background: #fff8e5;
    padding: 3px 10px;
}
.green-border {
    border: none;
    border-left: 2px solid green;
    background: #f5fff5;
    padding: 3px 10px;
}
#dropdown-content.show {
    display: block;
}
.elipsys_overflow {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
#dropdown-content.show {
    display: block;
}
.ui.dropdown {
    max-width: 800px;
}
.disc-center {
    display: flex;
    align-items: center;
}
/* choose file css */
.ct-file-upload {
    display: block;
    text-align: center;
    font-size: 12px;
}
.ct-file-upload .ct-file-select {
    display: block;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
}
.ct-file-upload .ct-file-select .ct-file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.ct-file-upload .ct-file-select .ct-file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}
.ct-file-upload .ct-file-select:hover {
    border-color: #649ce6;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.ct-file-upload .ct-file-select:hover .ct-file-select-button {
    background: #649ce6;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.ct-file-upload .ct-file-select input[type="file"] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.showingAlert {
    height: 150px;
    overflow-y: auto;
}
.suit-input-outer .width-mb96 {
    width: 100%;
}
.tagify__input {
    min-width: 145px !important;
}

/* new amenity page*/

.day-cards {
    padding: 20px;
}

.day-cards .accordion-button {
    background: transparent;
    padding: 2rem 1.25rem;
    font-size: 1.3rem;
}
.day-cards .accordion-button::after {
    display: none;
}
.day-cards .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: none;
}
.day-cards .accordion-button:focus {
    box-shadow: none;
}
.day-cards .accordion-item {
    border: 2px solid #373737;
    border-radius: 10px;
}
.day-cards .accordion-body {
    padding: 1rem 0rem;
}
.tslot-inner {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    background: #def7ff;
    border-radius: 10px;
}
.blackColorBtn {
    background-color: #000;
}
.disabled-div {
    pointer-events: none; /* Disable mouse events */
    opacity: 0.6; /* Apply a visual indication of disabled state */
    /* width: 90%; */
}
.close_toggle {
    cursor: pointer;
}
.width100 {
    width: 100%;
}
.booking_time_modal select {
    border-radius: 6px;
    margin-right: -32px;
}
.privacy_terms_wordWrap {
    padding: 3rem !important;

    text-align: justify;
}

#blog-post {
    height: 150px; /* Initial size */
    border: 1px solid #ccc;
    resize: both; /* Allow resizing */
    overflow: auto; /* Enable scrolling for overflow content */
    padding: 10px;
}

.ql-editor.ql-blank:focus::before {
    content: "";
}

#pdf_resources tr:nth-child(even) td {
    background: #f0f0f0;
}

#pdf_resources tr:nth-child(odd) td {
    background: #ededed;
}

.sorting_1 input {
    display: none !important;
}